@orbit_ui_toolkit/orbitui-kit 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Input/Input.d.ts +1 -0
- package/dist/orbitui.cjs.js +10 -10
- package/dist/orbitui.es.js +88 -81
- package/package.json +1 -1
|
@@ -5,5 +5,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
|
|
|
5
5
|
leftIcon?: React.ReactNode;
|
|
6
6
|
rightIcon?: React.ReactNode;
|
|
7
7
|
variant?: 'default' | 'glass' | 'dark';
|
|
8
|
+
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
8
9
|
}
|
|
9
10
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
package/dist/orbitui.cjs.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
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,
|
|
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:
|
|
2
2
|
let props = %s;
|
|
3
3
|
<%s {...props} />
|
|
4
4
|
React keys must be passed directly to JSX without using spread:
|
|
5
5
|
let props = %s;
|
|
6
|
-
<%s key={someKey} {...props} />`,
|
|
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
7
|
w-full
|
|
8
8
|
${i?"pl-10":"px-3"}
|
|
9
9
|
${t?"pr-10":"px-3"}
|
|
10
10
|
py-3
|
|
11
11
|
border
|
|
12
12
|
${o?"border-red-500":""}
|
|
13
|
-
|
|
13
|
+
${g[n]}
|
|
14
14
|
shadow-sm
|
|
15
15
|
focus:outline-none
|
|
16
16
|
focus:ring-2
|
|
@@ -18,9 +18,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
18
18
|
focus:border-transparent
|
|
19
19
|
transition-all
|
|
20
20
|
duration-200
|
|
21
|
-
${
|
|
22
|
-
${
|
|
23
|
-
`,...l}),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:m,onShare:b,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:m,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:b,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 m=l[o],b=!!t||!!a?.length,p=g=>{if(!b)return{};const y=a?.[g]||t;return y?{backgroundColor:y}:{}},v=()=>b?"":u;return e.jsx("div",{className:`flex items-center justify-center gap-1 ${i}`,children:[0,1,2].map(g=>e.jsx("div",{className:`${m} rounded-full animate-bounce ${v()}`,style:{...p(g),animationDelay:g===0?"-0.3s":g===1?"-0.15s":"0s"}},g))})}if(s==="pulse"){const m=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 ${m}`,style:t?{backgroundColor:t}:{}}),e.jsx("span",{className:`relative inline-flex rounded-full h-3/4 w-3/4 ${m}`,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 m={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"},b={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",m[o],t===void 0&&a===void 0?b[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 b=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"},g={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?g[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(b,{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,...m},b)=>{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(" "),g={...n?{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}:{},...u};return e.jsxs(p,{ref:b,className:`relative ${v}`,style:g,...m,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 fe=({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:`
|
|
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:`
|
|
24
24
|
w-full
|
|
25
25
|
px-3
|
|
26
26
|
py-2
|
|
@@ -39,7 +39,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
39
39
|
min-h-[100px]
|
|
40
40
|
resize-y
|
|
41
41
|
${t}
|
|
42
|
-
`,rows:a,onInput:l,...n}),o&&e.jsx("span",{className:"text-xs text-red-500",children:o})]})},
|
|
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
43
|
fixed inset-y-0 left-0 z-50 w-64 bg-white shadow-xl transition-transform duration-300 md:hidden
|
|
44
44
|
${l?"translate-x-0":"-translate-x-full"}
|
|
45
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:`
|
|
@@ -51,7 +51,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
51
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:`
|
|
52
52
|
flex-1 flex flex-col min-w-0 bg-white transition-all duration-300
|
|
53
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"},
|
|
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
55
|
${c[t]}
|
|
56
56
|
rounded-full
|
|
57
57
|
flex items-center justify-center
|
|
@@ -65,5 +65,5 @@ React keys must be passed directly to JSX without using spread:
|
|
|
65
65
|
block rounded-full
|
|
66
66
|
ring-2 ring-white
|
|
67
67
|
${u[a]}
|
|
68
|
-
${
|
|
69
|
-
`})]})};exports.Alert=ue;exports.AppLayout=
|
|
68
|
+
${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;
|
package/dist/orbitui.es.js
CHANGED
|
@@ -81,11 +81,11 @@ function ne() {
|
|
|
81
81
|
}
|
|
82
82
|
if (d) {
|
|
83
83
|
d = console;
|
|
84
|
-
var x = d.error,
|
|
84
|
+
var x = d.error, m = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
|
|
85
85
|
return x.call(
|
|
86
86
|
d,
|
|
87
87
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
88
|
-
|
|
88
|
+
m
|
|
89
89
|
), o(r);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -132,15 +132,15 @@ function ne() {
|
|
|
132
132
|
"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."
|
|
133
133
|
)), r = this.props.ref, r !== void 0 ? r : null;
|
|
134
134
|
}
|
|
135
|
-
function
|
|
136
|
-
var
|
|
135
|
+
function h(r, d, x, m, E, L) {
|
|
136
|
+
var f = x.ref;
|
|
137
137
|
return r = {
|
|
138
138
|
$$typeof: y,
|
|
139
139
|
type: r,
|
|
140
140
|
key: d,
|
|
141
141
|
props: x,
|
|
142
|
-
_owner:
|
|
143
|
-
}, (
|
|
142
|
+
_owner: m
|
|
143
|
+
}, (f !== void 0 ? f : null) !== null ? Object.defineProperty(r, "ref", {
|
|
144
144
|
enumerable: !1,
|
|
145
145
|
get: u
|
|
146
146
|
}) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
|
|
@@ -165,48 +165,48 @@ function ne() {
|
|
|
165
165
|
value: L
|
|
166
166
|
}), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
|
|
167
167
|
}
|
|
168
|
-
function
|
|
169
|
-
var
|
|
170
|
-
if (
|
|
171
|
-
if (
|
|
172
|
-
if (ee(
|
|
173
|
-
for (
|
|
174
|
-
p(m
|
|
175
|
-
Object.freeze && Object.freeze(
|
|
168
|
+
function g(r, d, x, m, E, L) {
|
|
169
|
+
var f = d.children;
|
|
170
|
+
if (f !== void 0)
|
|
171
|
+
if (m)
|
|
172
|
+
if (ee(f)) {
|
|
173
|
+
for (m = 0; m < f.length; m++)
|
|
174
|
+
p(f[m]);
|
|
175
|
+
Object.freeze && Object.freeze(f);
|
|
176
176
|
} else
|
|
177
177
|
console.error(
|
|
178
178
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
179
179
|
);
|
|
180
|
-
else p(
|
|
180
|
+
else p(f);
|
|
181
181
|
if (B.call(d, "key")) {
|
|
182
|
-
|
|
182
|
+
f = s(r);
|
|
183
183
|
var w = Object.keys(d).filter(function(re) {
|
|
184
184
|
return re !== "key";
|
|
185
185
|
});
|
|
186
|
-
|
|
186
|
+
m = 0 < w.length ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}", V[f + m] || (w = 0 < w.length ? "{" + w.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
187
187
|
`A props object containing a "key" prop is being spread into JSX:
|
|
188
188
|
let props = %s;
|
|
189
189
|
<%s {...props} />
|
|
190
190
|
React keys must be passed directly to JSX without using spread:
|
|
191
191
|
let props = %s;
|
|
192
192
|
<%s key={someKey} {...props} />`,
|
|
193
|
-
h,
|
|
194
193
|
m,
|
|
194
|
+
f,
|
|
195
195
|
w,
|
|
196
|
-
|
|
197
|
-
), V[
|
|
196
|
+
f
|
|
197
|
+
), V[f + m] = !0);
|
|
198
198
|
}
|
|
199
|
-
if (
|
|
199
|
+
if (f = null, x !== void 0 && (i(x), f = "" + x), a(d) && (i(d.key), f = "" + d.key), "key" in d) {
|
|
200
200
|
x = {};
|
|
201
201
|
for (var M in d)
|
|
202
202
|
M !== "key" && (x[M] = d[M]);
|
|
203
203
|
} else x = d;
|
|
204
|
-
return
|
|
204
|
+
return f && c(
|
|
205
205
|
x,
|
|
206
206
|
typeof r == "function" ? r.displayName || r.name || "Unknown" : r
|
|
207
|
-
),
|
|
207
|
+
), h(
|
|
208
208
|
r,
|
|
209
|
-
|
|
209
|
+
f,
|
|
210
210
|
x,
|
|
211
211
|
l(),
|
|
212
212
|
E,
|
|
@@ -219,37 +219,37 @@ React keys must be passed directly to JSX without using spread:
|
|
|
219
219
|
function v(r) {
|
|
220
220
|
return typeof r == "object" && r !== null && r.$$typeof === y;
|
|
221
221
|
}
|
|
222
|
-
var
|
|
222
|
+
var b = z, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), I = /* @__PURE__ */ Symbol.for("react.forward_ref"), q = /* @__PURE__ */ Symbol.for("react.suspense"), Z = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), A = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), O = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, ee = Array.isArray, P = console.createTask ? console.createTask : function() {
|
|
223
223
|
return null;
|
|
224
224
|
};
|
|
225
|
-
|
|
225
|
+
b = {
|
|
226
226
|
react_stack_bottom_frame: function(r) {
|
|
227
227
|
return r();
|
|
228
228
|
}
|
|
229
229
|
};
|
|
230
|
-
var D, Y = {}, F =
|
|
231
|
-
|
|
230
|
+
var D, Y = {}, F = b.react_stack_bottom_frame.bind(
|
|
231
|
+
b,
|
|
232
232
|
n
|
|
233
233
|
)(), U = P(t(n)), V = {};
|
|
234
234
|
$.Fragment = j, $.jsx = function(r, d, x) {
|
|
235
|
-
var
|
|
236
|
-
return
|
|
235
|
+
var m = 1e4 > O.recentlyCreatedOwnerStacks++;
|
|
236
|
+
return g(
|
|
237
237
|
r,
|
|
238
238
|
d,
|
|
239
239
|
x,
|
|
240
240
|
!1,
|
|
241
|
-
|
|
242
|
-
|
|
241
|
+
m ? Error("react-stack-top-frame") : F,
|
|
242
|
+
m ? P(t(r)) : U
|
|
243
243
|
);
|
|
244
244
|
}, $.jsxs = function(r, d, x) {
|
|
245
|
-
var
|
|
246
|
-
return
|
|
245
|
+
var m = 1e4 > O.recentlyCreatedOwnerStacks++;
|
|
246
|
+
return g(
|
|
247
247
|
r,
|
|
248
248
|
d,
|
|
249
249
|
x,
|
|
250
250
|
!0,
|
|
251
|
-
|
|
252
|
-
|
|
251
|
+
m ? Error("react-stack-top-frame") : F,
|
|
252
|
+
m ? P(t(r)) : U
|
|
253
253
|
);
|
|
254
254
|
};
|
|
255
255
|
})()), $;
|
|
@@ -269,11 +269,11 @@ const k = ({
|
|
|
269
269
|
rightIcon: a,
|
|
270
270
|
className: c = "",
|
|
271
271
|
children: u,
|
|
272
|
-
disabled:
|
|
273
|
-
gradient:
|
|
272
|
+
disabled: h,
|
|
273
|
+
gradient: g,
|
|
274
274
|
...p
|
|
275
275
|
}) => {
|
|
276
|
-
const v = "inline-flex items-center justify-center font-medium disabled:opacity-50 disabled:pointer-events-none transition-colors duration-150",
|
|
276
|
+
const v = "inline-flex items-center justify-center font-medium disabled:opacity-50 disabled:pointer-events-none transition-colors duration-150", b = {
|
|
277
277
|
primary: "bg-[#0070f3] text-white hover:bg-[#0060df] border border-transparent",
|
|
278
278
|
secondary: "bg-transparent text-[#0070f3] border border-[#0070f3] hover:bg-blue-50",
|
|
279
279
|
// White with Blue Border
|
|
@@ -285,7 +285,7 @@ const k = ({
|
|
|
285
285
|
// Text only
|
|
286
286
|
ghost: "bg-transparent text-gray-700 hover:bg-gray-100 border-transparent",
|
|
287
287
|
// Transparent with hover bg
|
|
288
|
-
gradient: `text-white border-none hover:opacity-90 active:scale-95 ${
|
|
288
|
+
gradient: `text-white border-none hover:opacity-90 active:scale-95 ${g || "bg-gradient-to-r from-red-500 to-pink-500"}`
|
|
289
289
|
}, y = {
|
|
290
290
|
sm: "px-4 py-1.5 text-xs gap-1.5 min-w-[80px]",
|
|
291
291
|
md: "px-6 py-2.5 text-sm gap-2 min-w-[100px]",
|
|
@@ -301,8 +301,8 @@ const k = ({
|
|
|
301
301
|
return /* @__PURE__ */ e.jsxs(
|
|
302
302
|
"button",
|
|
303
303
|
{
|
|
304
|
-
className: `${v} ${
|
|
305
|
-
disabled:
|
|
304
|
+
className: `${v} ${b[s]} ${y[o]} ${N[i]} ${j} ${c}`,
|
|
305
|
+
disabled: h || t,
|
|
306
306
|
...p,
|
|
307
307
|
children: [
|
|
308
308
|
t && /* @__PURE__ */ 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: [
|
|
@@ -321,13 +321,20 @@ const k = ({
|
|
|
321
321
|
leftIcon: i,
|
|
322
322
|
rightIcon: t,
|
|
323
323
|
variant: l = "default",
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
324
|
+
rounded: n = "lg",
|
|
325
|
+
className: a = "",
|
|
326
|
+
...c
|
|
327
|
+
}, u) => {
|
|
328
|
+
const h = {
|
|
328
329
|
default: "bg-white border-gray-300 text-gray-900 focus:ring-blue-500",
|
|
329
330
|
glass: "bg-black/30 border-gray-600 text-white placeholder-gray-400 focus:ring-pink-500 focus:border-pink-500",
|
|
330
331
|
dark: "bg-gray-900 border-gray-800 text-white focus:ring-blue-500"
|
|
332
|
+
}, g = {
|
|
333
|
+
none: "rounded-none",
|
|
334
|
+
sm: "rounded-sm",
|
|
335
|
+
md: "rounded-md",
|
|
336
|
+
lg: "rounded-lg",
|
|
337
|
+
full: "rounded-full"
|
|
331
338
|
};
|
|
332
339
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1.5 w-full", children: [
|
|
333
340
|
s && /* @__PURE__ */ e.jsx("label", { className: `text-sm font-medium ${l === "default" ? "text-gray-700" : "text-gray-300"}`, children: s }),
|
|
@@ -336,7 +343,7 @@ const k = ({
|
|
|
336
343
|
/* @__PURE__ */ e.jsx(
|
|
337
344
|
"input",
|
|
338
345
|
{
|
|
339
|
-
ref:
|
|
346
|
+
ref: u,
|
|
340
347
|
className: `
|
|
341
348
|
w-full
|
|
342
349
|
${i ? "pl-10" : "px-3"}
|
|
@@ -344,7 +351,7 @@ const k = ({
|
|
|
344
351
|
py-3
|
|
345
352
|
border
|
|
346
353
|
${o ? "border-red-500" : ""}
|
|
347
|
-
|
|
354
|
+
${g[n]}
|
|
348
355
|
shadow-sm
|
|
349
356
|
focus:outline-none
|
|
350
357
|
focus:ring-2
|
|
@@ -352,10 +359,10 @@ const k = ({
|
|
|
352
359
|
focus:border-transparent
|
|
353
360
|
transition-all
|
|
354
361
|
duration-200
|
|
355
|
-
${
|
|
356
|
-
${
|
|
362
|
+
${h[l]}
|
|
363
|
+
${a}
|
|
357
364
|
`,
|
|
358
|
-
...
|
|
365
|
+
...c
|
|
359
366
|
}
|
|
360
367
|
),
|
|
361
368
|
t && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400", children: t })
|
|
@@ -396,8 +403,8 @@ const ue = ({
|
|
|
396
403
|
isLiked: a = !1,
|
|
397
404
|
isBookmarked: c = !1,
|
|
398
405
|
onLike: u,
|
|
399
|
-
onComment:
|
|
400
|
-
onShare:
|
|
406
|
+
onComment: h,
|
|
407
|
+
onShare: g,
|
|
401
408
|
onBookmark: p
|
|
402
409
|
}) => /* @__PURE__ */ 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: [
|
|
403
410
|
/* @__PURE__ */ e.jsxs("div", { className: "relative w-full aspect-4/5 bg-gray-100 overflow-hidden", children: [
|
|
@@ -458,7 +465,7 @@ const ue = ({
|
|
|
458
465
|
variant: "ghost",
|
|
459
466
|
size: "icon",
|
|
460
467
|
rounded: "full",
|
|
461
|
-
onClick:
|
|
468
|
+
onClick: h,
|
|
462
469
|
className: "text-gray-400 hover:text-indigo-500",
|
|
463
470
|
children: /* @__PURE__ */ e.jsx("svg", { "aria-label": "Comment", fill: "currentColor", height: "26", role: "img", viewBox: "0 0 24 24", width: "26", children: /* @__PURE__ */ 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" }) })
|
|
464
471
|
}
|
|
@@ -469,7 +476,7 @@ const ue = ({
|
|
|
469
476
|
variant: "ghost",
|
|
470
477
|
size: "icon",
|
|
471
478
|
rounded: "full",
|
|
472
|
-
onClick:
|
|
479
|
+
onClick: g,
|
|
473
480
|
className: "text-gray-400 hover:text-indigo-500",
|
|
474
481
|
children: /* @__PURE__ */ e.jsxs("svg", { "aria-label": "Share Post", fill: "currentColor", height: "26", role: "img", viewBox: "0 0 24 24", width: "26", children: [
|
|
475
482
|
/* @__PURE__ */ e.jsx("line", { fill: "none", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "2", x1: "22", x2: "9.218", y1: "3", y2: "10.083" }),
|
|
@@ -530,37 +537,37 @@ const ue = ({
|
|
|
530
537
|
xl: "w-4 h-4"
|
|
531
538
|
}, c = n[o], u = "bg-gradient-to-tr from-yellow-400 via-red-500 to-purple-600";
|
|
532
539
|
if (s === "dots") {
|
|
533
|
-
const
|
|
534
|
-
if (!
|
|
535
|
-
const y = l?.[
|
|
540
|
+
const h = a[o], g = !!t || !!l?.length, p = (b) => {
|
|
541
|
+
if (!g) return {};
|
|
542
|
+
const y = l?.[b] || t;
|
|
536
543
|
return y ? { backgroundColor: y } : {};
|
|
537
|
-
}, v = () =>
|
|
538
|
-
return /* @__PURE__ */ e.jsx("div", { className: `flex items-center justify-center gap-1 ${i}`, children: [0, 1, 2].map((
|
|
544
|
+
}, v = () => g ? "" : u;
|
|
545
|
+
return /* @__PURE__ */ e.jsx("div", { className: `flex items-center justify-center gap-1 ${i}`, children: [0, 1, 2].map((b) => /* @__PURE__ */ e.jsx(
|
|
539
546
|
"div",
|
|
540
547
|
{
|
|
541
|
-
className: `${
|
|
548
|
+
className: `${h} rounded-full animate-bounce ${v()}`,
|
|
542
549
|
style: {
|
|
543
|
-
...p(
|
|
544
|
-
animationDelay:
|
|
550
|
+
...p(b),
|
|
551
|
+
animationDelay: b === 0 ? "-0.3s" : b === 1 ? "-0.15s" : "0s"
|
|
545
552
|
}
|
|
546
553
|
},
|
|
547
|
-
|
|
554
|
+
b
|
|
548
555
|
)) });
|
|
549
556
|
}
|
|
550
557
|
if (s === "pulse") {
|
|
551
|
-
const
|
|
558
|
+
const h = t ? "" : u;
|
|
552
559
|
return /* @__PURE__ */ e.jsxs("div", { className: `relative flex items-center justify-center ${c} ${i}`, children: [
|
|
553
560
|
/* @__PURE__ */ e.jsx(
|
|
554
561
|
"span",
|
|
555
562
|
{
|
|
556
|
-
className: `absolute inline-flex h-full w-full rounded-full opacity-75 animate-ping ${
|
|
563
|
+
className: `absolute inline-flex h-full w-full rounded-full opacity-75 animate-ping ${h}`,
|
|
557
564
|
style: t ? { backgroundColor: t } : {}
|
|
558
565
|
}
|
|
559
566
|
),
|
|
560
567
|
/* @__PURE__ */ e.jsx(
|
|
561
568
|
"span",
|
|
562
569
|
{
|
|
563
|
-
className: `relative inline-flex rounded-full h-3/4 w-3/4 ${
|
|
570
|
+
className: `relative inline-flex rounded-full h-3/4 w-3/4 ${h}`,
|
|
564
571
|
style: t ? { backgroundColor: t } : {}
|
|
565
572
|
}
|
|
566
573
|
)
|
|
@@ -687,7 +694,7 @@ const ue = ({
|
|
|
687
694
|
justify: c,
|
|
688
695
|
className: u = ""
|
|
689
696
|
}) => {
|
|
690
|
-
const
|
|
697
|
+
const h = {
|
|
691
698
|
1: "grid-cols-1",
|
|
692
699
|
2: "grid-cols-2",
|
|
693
700
|
3: "grid-cols-3",
|
|
@@ -697,7 +704,7 @@ const ue = ({
|
|
|
697
704
|
8: "grid-cols-8",
|
|
698
705
|
10: "grid-cols-10",
|
|
699
706
|
12: "grid-cols-12"
|
|
700
|
-
},
|
|
707
|
+
}, g = {
|
|
701
708
|
0: "gap-0",
|
|
702
709
|
1: "gap-1",
|
|
703
710
|
2: "gap-2",
|
|
@@ -710,8 +717,8 @@ const ue = ({
|
|
|
710
717
|
12: "gap-12"
|
|
711
718
|
}, p = [
|
|
712
719
|
"grid",
|
|
713
|
-
|
|
714
|
-
t === void 0 && l === void 0 ?
|
|
720
|
+
h[o],
|
|
721
|
+
t === void 0 && l === void 0 ? g[i] : "",
|
|
715
722
|
// Use standard gap if no X/Y overrides
|
|
716
723
|
t ? `gap-x-${t}` : "",
|
|
717
724
|
l ? `gap-y-${l}` : "",
|
|
@@ -734,7 +741,7 @@ const fe = ({
|
|
|
734
741
|
noWrap: c = !1,
|
|
735
742
|
gradient: u
|
|
736
743
|
}) => {
|
|
737
|
-
const
|
|
744
|
+
const g = o || {
|
|
738
745
|
h1: "h1",
|
|
739
746
|
h2: "h2",
|
|
740
747
|
h3: "h3",
|
|
@@ -767,7 +774,7 @@ const fe = ({
|
|
|
767
774
|
body2: "font-normal",
|
|
768
775
|
caption: "font-normal",
|
|
769
776
|
overline: "font-bold"
|
|
770
|
-
},
|
|
777
|
+
}, b = {
|
|
771
778
|
normal: "font-normal",
|
|
772
779
|
medium: "font-medium",
|
|
773
780
|
semibold: "font-semibold",
|
|
@@ -778,7 +785,7 @@ const fe = ({
|
|
|
778
785
|
center: "text-center",
|
|
779
786
|
right: "text-right",
|
|
780
787
|
justify: "text-justify"
|
|
781
|
-
}, N = p[s], j = t ?
|
|
788
|
+
}, N = p[s], j = t ? b[t] : v[s], T = y[l];
|
|
782
789
|
let _ = n || (s === "caption" ? "text-gray-500" : "text-gray-900");
|
|
783
790
|
u && (_ = `${typeof u == "string" ? u : "bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500"} text-transparent bg-clip-text`);
|
|
784
791
|
const S = [
|
|
@@ -789,7 +796,7 @@ const fe = ({
|
|
|
789
796
|
c ? "truncate" : "",
|
|
790
797
|
a
|
|
791
798
|
].filter(Boolean).join(" ");
|
|
792
|
-
return /* @__PURE__ */ e.jsx(
|
|
799
|
+
return /* @__PURE__ */ e.jsx(g, { className: S, children: i });
|
|
793
800
|
}, ce = z.forwardRef(({
|
|
794
801
|
as: s,
|
|
795
802
|
className: o = "",
|
|
@@ -800,14 +807,14 @@ const fe = ({
|
|
|
800
807
|
overlay: a,
|
|
801
808
|
glass: c,
|
|
802
809
|
style: u,
|
|
803
|
-
...
|
|
804
|
-
},
|
|
810
|
+
...h
|
|
811
|
+
}, g) => {
|
|
805
812
|
const p = s || "div", v = [
|
|
806
813
|
t ? "flex items-center justify-center" : "",
|
|
807
814
|
l ? "min-h-screen w-full" : "",
|
|
808
815
|
c ? "backdrop-blur-lg bg-black/40" : "",
|
|
809
816
|
o
|
|
810
|
-
].filter(Boolean).join(" "),
|
|
817
|
+
].filter(Boolean).join(" "), b = {
|
|
811
818
|
...n ? {
|
|
812
819
|
backgroundImage: `url(${n})`,
|
|
813
820
|
backgroundSize: "cover",
|
|
@@ -816,7 +823,7 @@ const fe = ({
|
|
|
816
823
|
} : {},
|
|
817
824
|
...u
|
|
818
825
|
};
|
|
819
|
-
return /* @__PURE__ */ e.jsxs(p, { ref:
|
|
826
|
+
return /* @__PURE__ */ e.jsxs(p, { ref: g, className: `relative ${v}`, style: b, ...h, children: [
|
|
820
827
|
a && /* @__PURE__ */ e.jsx(
|
|
821
828
|
"div",
|
|
822
829
|
{
|
|
@@ -1012,7 +1019,7 @@ const ge = ({
|
|
|
1012
1019
|
offline: "bg-gray-400",
|
|
1013
1020
|
busy: "bg-red-500",
|
|
1014
1021
|
away: "bg-yellow-500"
|
|
1015
|
-
},
|
|
1022
|
+
}, h = {
|
|
1016
1023
|
xs: "w-1.5 h-1.5",
|
|
1017
1024
|
sm: "w-2 h-2",
|
|
1018
1025
|
md: "w-2.5 h-2.5",
|
|
@@ -1052,7 +1059,7 @@ const ge = ({
|
|
|
1052
1059
|
block rounded-full
|
|
1053
1060
|
ring-2 ring-white
|
|
1054
1061
|
${u[l]}
|
|
1055
|
-
${
|
|
1062
|
+
${h[t]}
|
|
1056
1063
|
`
|
|
1057
1064
|
}
|
|
1058
1065
|
)
|