lpl-package 1.0.1 → 1.0.3

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(u,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],p):(u=typeof globalThis<"u"?globalThis:u||self,p(u.LplPackage={},u.require$$0))})(this,(function(u,p){"use strict";var x={exports:{}},b={};var O;function W(){if(O)return b;O=1;var l=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function c(f,s,i){var _=null;if(i!==void 0&&(_=""+i),s.key!==void 0&&(_=""+s.key),"key"in s){i={};for(var E in s)E!=="key"&&(i[E]=s[E])}else i=s;return s=i.ref,{$$typeof:l,type:f,key:_,ref:s!==void 0?s:null,props:i}}return b.Fragment=d,b.jsx=c,b.jsxs=c,b}var v={};var P;function U(){return P||(P=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case B:return"Profiler";case X:return"StrictMode";case K:return"Suspense";case ee:return"SuspenseList";case te:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case G:return"Portal";case Z:return e.displayName||"Context";case H:return(e._context.displayName||"Context")+".Consumer";case Q:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case re:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function d(e){return""+e}function c(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),d(e)}}function f(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=j.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function _(e){if($.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function t(){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)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function V(){var e=l(this.type);return D[e]||(D[e]=!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.")),e=this.props.ref,e!==void 0?e:null}function z(e,r,t,n,T,y){var a=t.ref;return e={$$typeof:Y,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function A(e,r,t,n,T,y){var a=r.children;if(a!==void 0)if(n)if(ae(a)){for(n=0;n<a.length;n++)N(a[n]);Object.freeze&&Object.freeze(a)}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 N(a);if($.call(r,"key")){a=l(e);var m=Object.keys(r).filter(function(oe){return oe!=="key"});n=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",L[a+n]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(u,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],p):(u=typeof globalThis<"u"?globalThis:u||self,p(u.LplPackage={},u.React))})(this,(function(u,p){"use strict";var x={exports:{}},b={};var O;function W(){if(O)return b;O=1;var l=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function c(f,s,i){var _=null;if(i!==void 0&&(_=""+i),s.key!==void 0&&(_=""+s.key),"key"in s){i={};for(var E in s)E!=="key"&&(i[E]=s[E])}else i=s;return s=i.ref,{$$typeof:l,type:f,key:_,ref:s!==void 0?s:null,props:i}}return b.Fragment=d,b.jsx=c,b.jsxs=c,b}var v={};var P;function U(){return P||(P=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case B:return"Profiler";case X:return"StrictMode";case K:return"Suspense";case ee:return"SuspenseList";case te:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case G:return"Portal";case Z:return e.displayName||"Context";case H:return(e._context.displayName||"Context")+".Consumer";case Q:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case re:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function d(e){return""+e}function c(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),d(e)}}function f(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=j.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function _(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function t(){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)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function V(){var e=l(this.type);return I[e]||(I[e]=!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.")),e=this.props.ref,e!==void 0?e:null}function z(e,r,t,n,T,y){var a=t.ref;return e={$$typeof:Y,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function A(e,r,t,n,T,y){var a=r.children;if(a!==void 0)if(n)if(ae(a)){for(n=0;n<a.length;n++)N(a[n]);Object.freeze&&Object.freeze(a)}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 N(a);if(F.call(r,"key")){a=l(e);var m=Object.keys(r).filter(function(oe){return oe!=="key"});n=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",L[a+n]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,a,m,a),L[a+n]=!0)}if(a=null,t!==void 0&&(c(t),a=""+t),_(r)&&(c(r.key),a=""+r.key),"key"in r){t={};for(var w in r)w!=="key"&&(t[w]=r[w])}else t=r;return a&&E(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),z(e,a,t,s(),T,y)}function N(e){C(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(e._payload.status==="fulfilled"?C(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function C(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}var R=p,Y=Symbol.for("react.transitional.element"),G=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),X=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),H=Symbol.for("react.consumer"),Z=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),K=Symbol.for("react.suspense"),ee=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),te=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),j=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,ae=Array.isArray,k=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var F,D={},I=R.react_stack_bottom_frame.bind(R,i)(),M=k(f(i)),L={};v.Fragment=h,v.jsx=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return A(e,r,t,!1,n?Error("react-stack-top-frame"):I,n?k(f(e)):M)},v.jsxs=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return A(e,r,t,!0,n?Error("react-stack-top-frame"):I,n?k(f(e)):M)}})()),v}var S;function q(){return S||(S=1,process.env.NODE_ENV==="production"?x.exports=W():x.exports=U()),x.exports}var o=q();const J=({name:l="John Doe",role:d="Frontend Developer",avatar:c="https://via.placeholder.com/150",bio:f="Passionate developer who loves building clean, scalable, and user-friendly interfaces."})=>o.jsxs("div",{className:"max-w-sm mx-auto bg-white rounded-2xl shadow-xl overflow-hidden hover:scale-[1.02] transition-transform duration-300",children:[o.jsx("div",{className:"h-24 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"}),o.jsx("div",{className:"-mt-12 flex justify-center",children:o.jsx("img",{src:c,alt:l,className:"w-24 h-24 rounded-full border-4 border-white shadow-lg object-cover"})}),o.jsxs("div",{className:"p-6 text-center",children:[o.jsx("h2",{className:"text-xl font-bold text-gray-800",children:l}),o.jsx("p",{className:"text-sm text-indigo-600 font-medium",children:d}),o.jsx("p",{className:"mt-3 text-gray-600 text-sm leading-relaxed",children:f}),o.jsxs("div",{className:"mt-5 flex justify-center gap-3",children:[o.jsx("button",{className:"px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 transition",children:"Follow"}),o.jsx("button",{className:"px-4 py-2 text-sm font-medium text-indigo-600 border border-indigo-600 rounded-lg hover:bg-indigo-50 transition",children:"Message"})]})]})]});u.ProfileCard=J,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,n,a,m,a),L[a+n]=!0)}if(a=null,t!==void 0&&(c(t),a=""+t),_(r)&&(c(r.key),a=""+r.key),"key"in r){t={};for(var w in r)w!=="key"&&(t[w]=r[w])}else t=r;return a&&E(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),z(e,a,t,s(),T,y)}function N(e){C(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(e._payload.status==="fulfilled"?C(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function C(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}var R=p,Y=Symbol.for("react.transitional.element"),G=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),X=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),H=Symbol.for("react.consumer"),Z=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),K=Symbol.for("react.suspense"),ee=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),te=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),j=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ae=Array.isArray,k=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var D,I={},$=R.react_stack_bottom_frame.bind(R,i)(),M=k(f(i)),L={};v.Fragment=h,v.jsx=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return A(e,r,t,!1,n?Error("react-stack-top-frame"):$,n?k(f(e)):M)},v.jsxs=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return A(e,r,t,!0,n?Error("react-stack-top-frame"):$,n?k(f(e)):M)}})()),v}var S;function J(){return S||(S=1,process.env.NODE_ENV==="production"?x.exports=W():x.exports=U()),x.exports}var o=J();const q=({name:l="John Doe",role:d="Frontend Developer",avatar:c="https://via.placeholder.com/150",bio:f="Passionate developer who loves building clean, scalable, and user-friendly interfaces."})=>o.jsxs("div",{className:"max-w-sm mx-auto bg-white rounded-2xl shadow-xl overflow-hidden hover:scale-[1.02] transition-transform duration-300",children:[o.jsx("div",{className:"h-24 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500"}),o.jsx("div",{className:"-mt-12 flex justify-center",children:o.jsx("img",{src:c,alt:l,className:"w-24 h-24 rounded-full border-4 border-white shadow-lg object-cover"})}),o.jsxs("div",{className:"p-6 text-center",children:[o.jsx("h2",{className:"text-xl font-bold text-gray-800",children:l}),o.jsx("p",{className:"text-sm text-indigo-600 font-medium",children:d}),o.jsx("p",{className:"mt-3 text-gray-600 text-sm leading-relaxed",children:f}),o.jsxs("div",{className:"mt-5 flex justify-center gap-3",children:[o.jsx("button",{className:"px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 transition",children:"Follow"}),o.jsx("button",{className:"px-4 py-2 text-sm font-medium text-indigo-600 border border-indigo-600 rounded-lg hover:bg-indigo-50 transition",children:"Message"})]})]})]});u.ProfileCard=q,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "lpl-package",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Reusable profile UI component",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -17,11 +18,15 @@
     "build": "vite build"
   },
   "peerDependencies": {
-    "react": ">=16.8"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "license": "MIT",
   "devDependencies": {
     "@vitejs/plugin-react": "^5.1.2",
-    "vite": "^7.3.1"
+    "vite": "^7.3.1",
+    "typescript": "^5.1.3",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7"
   }
 }