npm - pillardash-ui-react - Versions diffs - 0.1.145 → 0.1.148 - Mend

pillardash-ui-react 0.1.145 → 0.1.148

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.

Files changed (11) hide show

package/dist/cjs/components/Badge/Badge.js +1 -1
package/dist/cjs/components/Badge/Badge.js.map +1 -1
package/dist/cjs/components/Loading/Loading.js +1 -1
package/dist/cjs/components/Loading/Loading.js.map +1 -1
package/dist/esm/components/Badge/Badge.mjs +1 -1
package/dist/esm/components/Badge/Badge.mjs.map +1 -1
package/dist/esm/components/Loading/Loading.mjs +1 -1
package/dist/esm/components/Loading/Loading.mjs.map +1 -1
package/dist/index.d.ts +1 -1
package/dist/styles.css +1 -1
package/package.json +1 -1

package/dist/cjs/components/Badge/Badge.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.children,n=r.variant,o=void 0===n?"default":n,i=r.size,l=void 0===i?"md":i,a=r.className,s=void 0===a?"":a,d=r.onClick,g=["inline-flex items-center font-medium rounded-full transition-colors duration-200",{default:"bg-gray-100 text-gray-800 hover:bg-gray-200",secondary:"bg-blue-100 text-blue-800 hover:bg-blue-200",success:"bg-green-100 text-green-800 hover:bg-green-200",warning:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",error:"bg-red-100 text-red-800 hover:bg-red-200",info:"bg-cyan-100 text-cyan-800 hover:bg-cyan-200"}[o],{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"}[l],d?"cursor-pointer":"",s].filter(Boolean).join(" ");return e.jsx("span",{className:g,onClick:d,role:d?"button":void 0,tabIndex:d?0:void 0,onKeyDown:d?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d())}:void 0,children:t})};
+"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.children,n=r.variant,o=void 0===n?"default":n,g=r.size,l=void 0===g?"md":g,i=r.className,d=void 0===i?"":i,a=r.onClick,b=["inline-flex items-center font-medium rounded-full transition-colors duration-200",{default:"bg-gray-100 text-gray-800 hover:bg-gray-200",secondary:"bg-blue-100 text-blue-800 hover:bg-blue-200",success:"bg-green-100 text-green-800 hover:bg-green-200",completed:"bg-green-100 text-green-800 hover:bg-green-200",active:"bg-green-100 text-green-800 hover:bg-green-200",warning:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",suspended:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",error:"bg-red-100 text-red-800 hover:bg-red-200",danger:"bg-red-100 text-red-800 hover:bg-red-200",info:"bg-cyan-100 text-cyan-800 hover:bg-cyan-200"}[o],{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"}[l],a?"cursor-pointer":"",d].filter(Boolean).join(" ");return e.jsx("span",{className:b,onClick:a,role:a?"button":void 0,tabIndex:a?0:void 0,onKeyDown:a?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),a())}:void 0,children:t})};
 //# sourceMappingURL=Badge.js.map

package/dist/cjs/components/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant = \"default\" \| \"secondary\" \| \"success\" \| \"warning\" \| \"error\" \| \"info\";\nexport interface BadgeProps {\n children: React.ReactNode;\n variant?: BadgeVariant;\n size?: \"sm\" \| \"md\" \| \"lg\";\n className?: string;\n onClick?: () => void;\n}\n\nconst Badge: React.FC<BadgeProps> = ({\n children,\n variant = \"default\",\n size = \"md\",\n className = \"\",\n onClick,\n}) => {\n const baseClasses =\n \"inline-flex items-center font-medium rounded-full transition-colors duration-200\";\n\n const variantClasses = {\n default: \"bg-gray-100 text-gray-800 hover:bg-gray-200\",\n secondary: \"bg-blue-100 text-blue-800 hover:bg-blue-200\",\n success: \"bg-green-100 text-green-800 hover:bg-green-200\",\n warning: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n error: \"bg-red-100 text-red-800 hover:bg-red-200\",\n info: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200\",\n };\n\n const sizeClasses = {\n sm: \"px-2 py-0.5 text-xs\",\n md: \"px-2.5 py-1 text-sm\",\n lg: \"px-3 py-1.5 text-base\",\n };\n\n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n onClick ? \"cursor-pointer\" : \"\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <span\n className={classes}\n onClick={onClick}\n role={onClick ? \"button\" : undefined}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={\n onClick\n ? (e) => {\n if (e.key === \"Enter\" \|\| e.key === \" \") {\n e.preventDefault();\n onClick();\n }\n }\n : undefined\n }\n >\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["_a","children","_b","variant","_c","size","_d","className","onClick","classes","default","secondary","success","warning","error","info","sm","md","lg","filter","Boolean","join","_jsx","role","undefined","tabIndex","onKeyDown","e","key","preventDefault"],"mappings":"+~~DAWoC~~,SAACA,~~OACjCC~~,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,QAAAA,aAAU,UAASD,EACnBE,EAAAJ,EAAAK,KAAAA,aAAO,KAAID,EACXE,EAAAN,EAAAO,UAAAA,aAAY,GAAED,EACdE,EAAOR,EAAAQ,~~QAoBDC~~,EAAU,~~CAjBZ~~,~~mFAEmB~~,~~CACnBC~~,QAAS,8CACTC,UAAW,8CACXC,QAAS,iDACTC,QAAS,oDACTC,MAAO,2CACPC,KAAM,+~~CAWSZ~~,~~GARC~~,~~CAChBa~~,GAAI,sBACJC,GAAI,sBACJC,GAAI,~~yBAMQb~~,GACZG,EAAU,iBAAmB,GAC7BD,~~GAECY~~,OAAOC,SACPC,KAAK,~~KAEV~~,~~OACIC~~,EAAAA,IAAA,OAAA,~~CACIf~~,UAAWE,EACXD,QAASA,~~EACTe~~,~~KAAMf~~,EAAU,~~cAAWgB~~,EAC3BC,~~SAAUjB~~,EAAU,~~OAAIgB~~,EACxBE,~~UACIlB~~,~~EACM~~,~~SAACmB~~,~~GACiB~~,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,~~MACvBD~~,EAAEE,~~iBACFrB~~,~~IAER~~,~~OACAgB~~,~~EAASvB~~,~~SAGlBA~~,~~GAGb~~"}
1	+ {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant =\n \| \"default\"\n \| \"secondary\"\n \| \"success\"\n \| \"completed\"\n \| \"warning\"\n \| \"error\"\n \| \"info\"\n \| \"active\"\n \| \"suspended\"\n \| \"danger\";\nexport interface BadgeProps {\n children: React.ReactNode;\n variant?: BadgeVariant;\n size?: \"sm\" \| \"md\" \| \"lg\";\n className?: string;\n onClick?: () => void;\n}\n\nconst Badge: React.FC<BadgeProps> = ({\n children,\n variant = \"default\",\n size = \"md\",\n className = \"\",\n onClick,\n}) => {\n const baseClasses =\n \"inline-flex items-center font-medium rounded-full transition-colors duration-200\";\n\n const variantClasses = {\n default: \"bg-gray-100 text-gray-800 hover:bg-gray-200\",\n secondary: \"bg-blue-100 text-blue-800 hover:bg-blue-200\",\n success: \"bg-green-100 text-green-800 hover:bg-green-200\",\n completed: \"bg-green-100 text-green-800 hover:bg-green-200\",\n active: \"bg-green-100 text-green-800 hover:bg-green-200\",\n warning: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n suspended: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n error: \"bg-red-100 text-red-800 hover:bg-red-200\",\n danger: \"bg-red-100 text-red-800 hover:bg-red-200\",\n info: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200\",\n };\n\n const sizeClasses = {\n sm: \"px-2 py-0.5 text-xs\",\n md: \"px-2.5 py-1 text-sm\",\n lg: \"px-3 py-1.5 text-base\",\n };\n\n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n onClick ? \"cursor-pointer\" : \"\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <span\n className={classes}\n onClick={onClick}\n role={onClick ? \"button\" : undefined}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={\n onClick\n ? (e) => {\n if (e.key === \"Enter\" \|\| e.key === \" \") {\n e.preventDefault();\n onClick();\n }\n }\n : undefined\n }\n >\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["_a","children","_b","variant","_c","size","_d","className","onClick","classes","default","secondary","success","completed","active","warning","suspended","error","danger","info","sm","md","lg","filter","Boolean","join","_jsx","role","undefined","tabIndex","onKeyDown","e","key","preventDefault"],"mappings":"+DAqBoC,SAACA,OACnCC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,QAAAA,aAAU,UAASD,EACnBE,EAAAJ,EAAAK,KAAAA,aAAO,KAAID,EACXE,EAAAN,EAAAO,UAAAA,aAAY,GAAED,EACdE,EAAOR,EAAAQ,QAwBDC,EAAU,CArBd,mFAEqB,CACrBC,QAAS,8CACTC,UAAW,8CACXC,QAAS,iDACTC,UAAW,iDACXC,OAAQ,iDACRC,QAAS,oDACTC,UAAW,oDACXC,MAAO,2CACPC,OAAQ,2CACRC,KAAM,+CAWShB,GARG,CAClBiB,GAAI,sBACJC,GAAI,sBACJC,GAAI,yBAMQjB,GACZG,EAAU,iBAAmB,GAC7BD,GAECgB,OAAOC,SACPC,KAAK,KAER,OACEC,EAAAA,IAAA,OAAA,CACEnB,UAAWE,EACXD,QAASA,EACTmB,KAAMnB,EAAU,cAAWoB,EAC3BC,SAAUrB,EAAU,OAAIoB,EACxBE,UACEtB,EACI,SAACuB,GACe,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACFzB,IAEJ,OACAoB,EAAS3B,SAGdA,GAGP"}

package/dist/cjs/components/Loading/Loading.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=function(a){var r=a.size,n=void 0===r?"md":r,t=a.variant,s=void 0===t?"pulse":t,l=a.color,o=void 0===l?"primary":l,i=a.fullScreen,c=void 0!==i&&i,d=a.text,u=a.className,m=void 0===u?"":u,x=a.image,b=a.imageEffect,h=void 0===b?"pulse":b,g=o.startsWith("#"),p=function(e){return g?"":{text:"text-".concat(o),bg:"bg-".concat(o),border:"border-".concat(o),borderTop:"border-t-".concat(o),borderRight:"border-r-".concat(o)}[e]||""},f={sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},j={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16",xl:"w-20 h-20"},v=function(){switch(h){case"bounce":return"animate-bounce";case"spin":return"animate-spin";case"float":return"animate-pulse hover:animate-bounce";case"heartbeat":return"animate-ping";default:return"animate-pulse"}},N=function(){return e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("img",{src:x,alt:"Loading",className:"".concat(j[n]," object-contain ").concat(v()),style:{filter:"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))",animationDuration:"heartbeat"===h?"1.5s":"bounce"===h?"1s":"2s"}}),"float"===h&&e.jsx("div",{className:"absolute inset-0 ".concat(j[n]," rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping"),style:{animationDuration:"2s"}})]})},y=function(){return e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"".concat(f[n]," border-4 border-gray-200 rounded-full animate-spin ").concat(g?"":p("borderTop")),style:g?{borderTopColor:o}:{}}),e.jsx("div",{className:"absolute inset-0 ".concat(f[n]," border-4 border-transparent rounded-full animate-spin ").concat(g?"":p("borderRight")),style:g?{borderRightColor:o,animationDirection:"reverse",animationDuration:"0.75s"}:{animationDirection:"reverse",animationDuration:"0.75s"}})]})},w=function(){return e.jsx("div",{className:"flex space-x-1",children:[0,1,2].map((function(a){return e.jsx("div",{className:"".concat("sm"===n?"w-2 h-2":"md"===n?"w-3 h-3":"lg"===n?"w-4 h-4":"w-5 h-5"," rounded-full animate-bounce ").concat(g?"":p("bg")),style:g?{backgroundColor:o,animationDelay:"".concat(.2*a,"s"),animationDuration:"1.4s"}:{animationDelay:"".concat(.2*a,"s"),animationDuration:"1.4s"}},a)}))})},C=function(){return e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"".concat(f[n]," rounded-full animate-pulse ").concat(g?"":p("bg")),style:g?{backgroundColor:o}:{}}),e.jsx("div",{className:"absolute inset-0 ".concat(f[n]," rounded-full animate-ping opacity-30 ").concat(g?"":p("bg")),style:g?{backgroundColor:o}:{}})]})},D=function(){return e.jsx("div",{className:"flex space-x-1 items-end",children:[0,1,2,3].map((function(a){return e.jsx("div",{className:"".concat("sm"===n?"w-1":"md"===n?"w-1.5":"lg"===n?"w-2":"w-2.5"," rounded-sm animate-pulse ").concat(g?"":p("bg")),style:g?{backgroundColor:o,height:"".concat(20+10*a,"px"),animationDelay:"".concat(.15*a,"s"),animationDuration:"1.2s"}:{height:"".concat(20+10*a,"px"),animationDelay:"".concat(.15*a,"s"),animationDuration:"1.2s"}},a)}))})},k=function(){return e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"".concat(f[n]," border-4 rounded-full animate-ping ").concat(g?"":p("border")),style:g?{borderColor:o}:{}}),e.jsx("div",{className:"absolute inset-2 border-4 rounded-full animate-ping ".concat(g?"":p("border")),style:g?{borderColor:o,animationDelay:"0.5s"}:{animationDelay:"0.5s"}})]})},S=e.jsxs("div",{className:"flex flex-col items-center justify-center space-y-3 ".concat(m),children:[function(){if("image"===s&&x)return e.jsx(N,{});switch(s){case"dots":return e.jsx(w,{});case"pulse":return e.jsx(C,{});case"bars":return e.jsx(D,{});case"ripple":return e.jsx(k,{});default:return e.jsx(y,{})}}(),d&&e.jsx("p",{className:"".concat({sm:"text-xs",md:"text-sm",lg:"text-base",xl:"text-lg"}[n]," font-medium animate-pulse ").concat(g?"":p("text")),style:g?{color:o}:{},children:d})]});return c?e.jsx("div",{className:"fixed inset-0 bg-white/80 backdrop-blur-sm flex items-center justify-center z-50",children:S}):S};exports.LoadingDemo=function(){var n=a.useState("blue-500"),t=n[0],s=n[1],l=a.useState("spinner"),o=l[0],i=l[1],c=a.useState("md"),d=c[0],u=c[1],m=a.useState(!1),x=m[0],b=m[1],h=["spinner","dots","pulse","bars","ripple"];return e.jsxs("div",{className:"p-8 max-w-4xl mx-auto",children:[e.jsx("h1",{className:"text-3xl font-bold text-gray-800 mb-8 text-center",children:"Modern Loading Component"}),e.jsxs("div",{className:"bg-white rounded-xl shadow-lg p-6 mb-8",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"Customization"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Color"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:[{name:"Blue",value:"blue-500",hex:"#3B82F6"},{name:"Purple",value:"purple-500",hex:"#8B5CF6"},{name:"Green",value:"green-500",hex:"#10B981"},{name:"Red",value:"red-500",hex:"#EF4444"},{name:"Orange",value:"orange-500",hex:"#F59E0B"},{name:"Pink",value:"pink-500",hex:"#EC4899"},{name:"Indigo",value:"indigo-500",hex:"#6366F1"},{name:"Teal",value:"teal-500",hex:"#14B8A6"}].map((function(a){return e.jsx("button",{onClick:function(){return s(a.value)},className:"w-8 h-8 rounded-full border-2 transition-all ".concat(t===a.value?"border-gray-400 scale-110":"border-gray-200"),style:{backgroundColor:a.hex},title:"".concat(a.name," (").concat(a.value,")")},a.value)}))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Variant"}),e.jsx("select",{value:o,onChange:function(e){return i(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:h.map((function(a){return e.jsx("option",{value:a,children:a&&(null==a?void 0:a.charAt(0).toUpperCase())+(null==a?void 0:a.slice(1))},a)}))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Size"}),e.jsx("select",{value:d,onChange:function(e){return u(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:["sm","md","lg","xl"].map((function(a){return e.jsx("option",{value:a,children:null==a?void 0:a.toUpperCase()},a)}))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Full Screen"}),e.jsx("button",{onClick:function(){return b(!0)},className:"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors",children:"Demo Full Screen"})]})]}),e.jsxs("div",{className:"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32",children:[e.jsx(r,{variant:o,size:d,color:t,text:"Loading..."}),e.jsx("div",{className:"mt-4 p-3 bg-white rounded-md shadow-sm",children:e.jsxs("code",{className:"text-sm text-gray-600",children:['color="',t,'"']})})]})]}),e.jsxs("div",{className:"bg-white rounded-xl shadow-lg p-6",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"All Variants"}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6",children:h.map((function(a){return e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2",children:e.jsx(r,{variant:a,color:t})}),e.jsx("p",{className:"text-sm text-gray-600 capitalize",children:a})]},a)}))}),e.jsxs("div",{className:"mt-6 p-4 bg-blue-50 rounded-lg",children:[e.jsx("h3",{className:"font-semibold text-blue-800 mb-2",children:"Usage Examples:"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"bg-white p-2 rounded border",children:[e.jsx("code",{className:"text-blue-600",children:"// Tailwind CSS class"}),e.jsx("br",{}),e.jsx("code",{children:'<Loading color="primary-500" />'})]}),e.jsxs("div",{className:"bg-white p-2 rounded border",children:[e.jsx("code",{className:"text-blue-600",children:"// Hex color"}),e.jsx("br",{}),e.jsx("code",{children:'<Loading color="#your-brand-color" />'})]}),e.jsxs("div",{className:"bg-white p-2 rounded border",children:[e.jsx("code",{className:"text-blue-600",children:"// Custom Tailwind color"}),e.jsx("br",{}),e.jsx("code",{children:'<Loading color="emerald-400" variant="dots" />'})]})]})]})]}),x&&e.jsx(r,{variant:o,size:d,color:t,text:"Loading in full screen...",fullScreen:!0}),x&&e.jsx("button",{onClick:function(){return b(!1)},className:"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors",children:"Close Full Screen"})]})},exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=function(a){var r=a.size,n=void 0===r?"md":r,t=a.variant,s=void 0===t?"pulse":t,l=a.color,o=void 0===l?"primary":l,i=a.fullScreen,c=void 0!==i&&i,d=a.text,u=a.className,m=void 0===u?"":u,x=a.image,b=a.imageEffect,g=void 0===b?"pulse":b,h=o.startsWith("#"),p=function(e){return h?"":{text:"text-".concat(o),bg:"bg-".concat(o),border:"border-".concat(o),borderTop:"border-t-".concat(o),borderRight:"border-r-".concat(o)}[e]||""},f={sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},j={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16",xl:"w-20 h-20"},v=function(){switch(g){case"bounce":return"animate-bounce";case"spin":return"animate-spin";case"float":return"animate-pulse hover:animate-bounce";case"heartbeat":return"animate-ping";default:return"animate-pulse"}},N=function(){return e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("img",{src:x,alt:"Loading",className:"".concat(j[n]," object-contain ").concat(v()),style:{filter:"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))",animationDuration:"heartbeat"===g?"1.5s":"bounce"===g?"1s":"2s"}}),"float"===g&&e.jsx("div",{className:"absolute inset-0 ".concat(j[n]," rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping"),style:{animationDuration:"2s"}})]})},y=function(){return e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"".concat(f[n]," animate-spin rounded-full border-4 border-gray-200 dark:border-gray-700 ").concat(h?"":p("borderTop")),style:h?{borderTopColor:o}:{}}),e.jsx("div",{className:"absolute inset-0 ".concat(f[n]," border-4 border-transparent rounded-full animate-spin ").concat(h?"":p("borderRight")),style:h?{borderRightColor:o,animationDirection:"reverse",animationDuration:"0.75s"}:{animationDirection:"reverse",animationDuration:"0.75s"}})]})},w=function(){return e.jsx("div",{className:"flex space-x-1",children:[0,1,2].map((function(a){return e.jsx("div",{className:"".concat("sm"===n?"w-2 h-2":"md"===n?"w-3 h-3":"lg"===n?"w-4 h-4":"w-5 h-5"," rounded-full animate-bounce ").concat(h?"":p("bg")),style:h?{backgroundColor:o,animationDelay:"".concat(.2*a,"s"),animationDuration:"1.4s"}:{animationDelay:"".concat(.2*a,"s"),animationDuration:"1.4s"}},a)}))})},C=function(){return e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"".concat(f[n]," rounded-full animate-pulse ").concat(h?"":p("bg")),style:h?{backgroundColor:o}:{}}),e.jsx("div",{className:"absolute inset-0 ".concat(f[n]," rounded-full animate-ping opacity-30 ").concat(h?"":p("bg")),style:h?{backgroundColor:o}:{}})]})},D=function(){return e.jsx("div",{className:"flex space-x-1 items-end",children:[0,1,2,3].map((function(a){return e.jsx("div",{className:"".concat("sm"===n?"w-1":"md"===n?"w-1.5":"lg"===n?"w-2":"w-2.5"," rounded-sm animate-pulse ").concat(h?"":p("bg")),style:h?{backgroundColor:o,height:"".concat(20+10*a,"px"),animationDelay:"".concat(.15*a,"s"),animationDuration:"1.2s"}:{height:"".concat(20+10*a,"px"),animationDelay:"".concat(.15*a,"s"),animationDuration:"1.2s"}},a)}))})},k=function(){return e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"".concat(f[n]," border-4 rounded-full animate-ping ").concat(h?"":p("border")),style:h?{borderColor:o}:{}}),e.jsx("div",{className:"absolute inset-2 border-4 rounded-full animate-ping ".concat(h?"":p("border")),style:h?{borderColor:o,animationDelay:"0.5s"}:{animationDelay:"0.5s"}})]})},S=e.jsxs("div",{className:"flex flex-col items-center justify-center space-y-3 ".concat(m),children:[function(){if("image"===s&&x)return e.jsx(N,{});switch(s){case"dots":return e.jsx(w,{});case"pulse":return e.jsx(C,{});case"bars":return e.jsx(D,{});case"ripple":return e.jsx(k,{});default:return e.jsx(y,{})}}(),d&&e.jsx("p",{className:"".concat({sm:"text-xs",md:"text-sm",lg:"text-base",xl:"text-lg"}[n]," font-medium animate-pulse ").concat(h?"":p("text")),style:h?{color:o}:{},children:d})]});return c?e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-sm dark:bg-gray-950/80",children:S}):S};exports.LoadingDemo=function(){var n=a.useState("blue-500"),t=n[0],s=n[1],l=a.useState("spinner"),o=l[0],i=l[1],c=a.useState("md"),d=c[0],u=c[1],m=a.useState(!1),x=m[0],b=m[1],g=["spinner","dots","pulse","bars","ripple"];return e.jsxs("div",{className:"p-8 max-w-4xl mx-auto",children:[e.jsx("h1",{className:"text-3xl font-bold text-gray-800 mb-8 text-center",children:"Modern Loading Component"}),e.jsxs("div",{className:"bg-white rounded-xl shadow-lg p-6 mb-8",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"Customization"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Color"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:[{name:"Blue",value:"blue-500",hex:"#3B82F6"},{name:"Purple",value:"purple-500",hex:"#8B5CF6"},{name:"Green",value:"green-500",hex:"#10B981"},{name:"Red",value:"red-500",hex:"#EF4444"},{name:"Orange",value:"orange-500",hex:"#F59E0B"},{name:"Pink",value:"pink-500",hex:"#EC4899"},{name:"Indigo",value:"indigo-500",hex:"#6366F1"},{name:"Teal",value:"teal-500",hex:"#14B8A6"}].map((function(a){return e.jsx("button",{onClick:function(){return s(a.value)},className:"w-8 h-8 rounded-full border-2 transition-all ".concat(t===a.value?"border-gray-400 scale-110":"border-gray-200"),style:{backgroundColor:a.hex},title:"".concat(a.name," (").concat(a.value,")")},a.value)}))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Variant"}),e.jsx("select",{value:o,onChange:function(e){return i(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:g.map((function(a){return e.jsx("option",{value:a,children:a&&(null==a?void 0:a.charAt(0).toUpperCase())+(null==a?void 0:a.slice(1))},a)}))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Size"}),e.jsx("select",{value:d,onChange:function(e){return u(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:["sm","md","lg","xl"].map((function(a){return e.jsx("option",{value:a,children:null==a?void 0:a.toUpperCase()},a)}))})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Full Screen"}),e.jsx("button",{onClick:function(){return b(!0)},className:"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors",children:"Demo Full Screen"})]})]}),e.jsxs("div",{className:"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32",children:[e.jsx(r,{variant:o,size:d,color:t,text:"Loading..."}),e.jsx("div",{className:"mt-4 p-3 bg-white rounded-md shadow-sm",children:e.jsxs("code",{className:"text-sm text-gray-600",children:['color="',t,'"']})})]})]}),e.jsxs("div",{className:"bg-white rounded-xl shadow-lg p-6",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"All Variants"}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6",children:g.map((function(a){return e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2",children:e.jsx(r,{variant:a,color:t})}),e.jsx("p",{className:"text-sm text-gray-600 capitalize",children:a})]},a)}))}),e.jsxs("div",{className:"mt-6 p-4 bg-blue-50 rounded-lg",children:[e.jsx("h3",{className:"font-semibold text-blue-800 mb-2",children:"Usage Examples:"}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"bg-white p-2 rounded border",children:[e.jsx("code",{className:"text-blue-600",children:"// Tailwind CSS class"}),e.jsx("br",{}),e.jsx("code",{children:'<Loading color="primary-500" />'})]}),e.jsxs("div",{className:"bg-white p-2 rounded border",children:[e.jsx("code",{className:"text-blue-600",children:"// Hex color"}),e.jsx("br",{}),e.jsx("code",{children:'<Loading color="#your-brand-color" />'})]}),e.jsxs("div",{className:"bg-white p-2 rounded border",children:[e.jsx("code",{className:"text-blue-600",children:"// Custom Tailwind color"}),e.jsx("br",{}),e.jsx("code",{children:'<Loading color="emerald-400" variant="dots" />'})]})]})]})]}),x&&e.jsx(r,{variant:o,size:d,color:t,text:"Loading in full screen...",fullScreen:!0}),x&&e.jsx("button",{onClick:function(){return b(!1)},className:"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors",children:"Close Full Screen"})]})},exports.default=r;
 //# sourceMappingURL=Loading.js.map

package/dist/cjs/components/Loading/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface LoadingProps {\n size?: 'sm' \| 'md' \| 'lg' \| 'xl';\n variant?: 'spinner' \| 'dots' \| 'pulse' \| 'bars' \| 'ripple' \| 'image';\n color?: string;\n fullScreen?: boolean;\n text?: string;\n className?: string;\n image?: string;\n imageEffect?: 'pulse' \| 'bounce' \| 'spin' \| 'float' \| 'heartbeat';\n}\n\nconst Loading: React.FC<LoadingProps> = ({\n size = 'md',\n variant = 'pulse',\n color = 'primary',\n fullScreen = false,\n text,\n className = '',\n image,\n imageEffect = 'pulse',\n }) => {\n // Check if color is a hex value or Tailwind class\n const isHexColor = color.startsWith('#');\n\n // Generate Tailwind classes for non-hex colors\n const getColorClasses = (property: string) => {\n if (isHexColor) return '';\n return {\n text: `text-${color}`,\n bg: `bg-${color}`,\n border: `border-${color}`,\n borderTop: `border-t-${color}`,\n borderRight: `border-r-${color}`,\n }[property] \|\| '';\n };\n\n // Get inline styles for hex colors\n const getColorStyle = (property: string) => {\n if (!isHexColor) return {};\n const styleMap: Record<string, string> = {\n color: 'color',\n backgroundColor: 'backgroundColor',\n borderColor: 'borderColor',\n borderTopColor: 'borderTopColor',\n borderRightColor: 'borderRightColor',\n };\n return { [styleMap[property]]: color };\n };\n\n const sizeClasses = {\n sm: 'w-4 h-4',\n md: 'w-8 h-8',\n lg: 'w-12 h-12',\n xl: 'w-16 h-16',\n };\n\n const imageSizeClasses = {\n sm: 'w-8 h-8',\n md: 'w-12 h-12',\n lg: 'w-16 h-16',\n xl: 'w-20 h-20',\n };\n\n const textSizeClasses = {\n sm: 'text-xs',\n md: 'text-sm',\n lg: 'text-base',\n xl: 'text-lg',\n };\n\n const getImageEffectClasses = () => {\n switch (imageEffect) {\n case 'bounce':\n return 'animate-bounce';\n case 'spin':\n return 'animate-spin';\n case 'float':\n return 'animate-pulse hover:animate-bounce';\n case 'heartbeat':\n return 'animate-ping';\n default:\n return 'animate-pulse';\n }\n };\n\n const ImageLoader = () => (\n <div className=\"relative flex items-center justify-center\">\n <img\n src={image}\n alt=\"Loading\"\n className={`${imageSizeClasses[size]} object-contain ${getImageEffectClasses()}`}\n style={{\n filter: 'drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))',\n animationDuration: imageEffect === 'heartbeat' ? '1.5s' : imageEffect === 'bounce' ? '1s' : '2s',\n }}\n />\n {imageEffect === 'float' && (\n <div\n className={`absolute inset-0 ${imageSizeClasses[size]} rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping`}\n style={{ animationDuration: '2s' }}\n />\n )}\n </div>\n );\n\n const SpinnerLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} border-4 border-gray-200 rounded-full animate-spin ${\n !isHexColor ? getColorClasses('borderTop') : ''\n }`}\n style={isHexColor ? { borderTopColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} border-4 border-transparent rounded-full animate-spin ${\n !isHexColor ? getColorClasses('borderRight') : ''\n }`}\n style={isHexColor ? { borderRightColor: color, animationDirection: 'reverse', animationDuration: '0.75s' } : { animationDirection: 'reverse', animationDuration: '0.75s' }}\n />\n </div>\n );\n\n const DotsLoader = () => (\n <div className=\"flex space-x-1\">\n {[0, 1, 2].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-2 h-2' : size === 'md' ? 'w-3 h-3' : size === 'lg' ? 'w-4 h-4' : 'w-5 h-5'} rounded-full animate-bounce ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n } : {\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n }}\n />\n ))}\n </div>\n );\n\n const PulseLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} rounded-full animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} rounded-full animate-ping opacity-30 ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n </div>\n );\n\n const BarsLoader = () => (\n <div className=\"flex space-x-1 items-end\">\n {[0, 1, 2, 3].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-1' : size === 'md' ? 'w-1.5' : size === 'lg' ? 'w-2' : 'w-2.5'} rounded-sm animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n } : {\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n }}\n />\n ))}\n </div>\n );\n\n const RippleLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? { borderColor: color } : {}}\n />\n <div\n className={`absolute inset-2 border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? {\n borderColor: color,\n animationDelay: '0.5s'\n } : {\n animationDelay: '0.5s'\n }}\n />\n </div>\n );\n\n const getLoader = () => {\n if (variant === 'image' && image) {\n return <ImageLoader />;\n }\n\n switch (variant) {\n case 'dots':\n return <DotsLoader />;\n case 'pulse':\n return <PulseLoader />;\n case 'bars':\n return <BarsLoader />;\n case 'ripple':\n return <RippleLoader />;\n default:\n return <SpinnerLoader />;\n }\n };\n\n const content = (\n <div className={`flex flex-col items-center justify-center space-y-3 ${className}`}>\n {getLoader()}\n {text && (\n <p\n className={`${textSizeClasses[size]} font-medium animate-pulse ${\n !isHexColor ? getColorClasses('text') : ''\n }`}\n style={isHexColor ? { color } : {}}\n >\n {text}\n </p>\n )}\n </div>\n );\n\n if (fullScreen) {\n return (\n <div className=\"fixed inset-0 bg-white/80 backdrop-blur-sm flex items-center justify-center z-50\">\n {content}\n </div>\n );\n }\n\n return content;\n};\n\nexport default Loading;\n// Demo component to showcase different variants\nexport const LoadingDemo: React.FC = () => {\n const [selectedColor, setSelectedColor] = React.useState('blue-500');\n const [selectedVariant, setSelectedVariant] = React.useState<LoadingProps['variant']>('spinner');\n const [selectedSize, setSelectedSize] = React.useState<LoadingProps['size']>('md');\n const [showFullScreen, setShowFullScreen] = React.useState(false);\n\n const colors = [\n { name: 'Blue', value: 'blue-500', hex: '#3B82F6' },\n { name: 'Purple', value: 'purple-500', hex: '#8B5CF6' },\n { name: 'Green', value: 'green-500', hex: '#10B981' },\n { name: 'Red', value: 'red-500', hex: '#EF4444' },\n { name: 'Orange', value: 'orange-500', hex: '#F59E0B' },\n { name: 'Pink', value: 'pink-500', hex: '#EC4899' },\n { name: 'Indigo', value: 'indigo-500', hex: '#6366F1' },\n { name: 'Teal', value: 'teal-500', hex: '#14B8A6' },\n ];\n\n const variants: LoadingProps['variant'][] = ['spinner', 'dots', 'pulse', 'bars', 'ripple'];\n const sizes: LoadingProps['size'][] = ['sm', 'md', 'lg', 'xl'];\n\n return (\n <div className=\"p-8 max-w-4xl mx-auto\">\n <h1 className=\"text-3xl font-bold text-gray-800 mb-8 text-center\">\n Modern Loading Component\n </h1>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6 mb-8\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">Customization</h2>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Color</label>\n <div className=\"flex flex-wrap gap-2\">\n {colors.map((colorOption) => (\n <button\n key={colorOption.value}\n onClick={() => setSelectedColor(colorOption.value)}\n className={`w-8 h-8 rounded-full border-2 transition-all ${\n selectedColor === colorOption.value ? 'border-gray-400 scale-110' : 'border-gray-200'\n }`}\n style={{ backgroundColor: colorOption.hex }}\n title={`${colorOption.name} (${colorOption.value})`}\n />\n ))}\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Variant</label>\n <select\n value={selectedVariant}\n onChange={(e) => setSelectedVariant(e.target.value as LoadingProps['variant'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {variants.map((variant) => (\n <option key={variant} value={variant}>\n {variant && (variant?.charAt(0).toUpperCase() + variant?.slice(1))}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Size</label>\n <select\n value={selectedSize}\n onChange={(e) => setSelectedSize(e.target.value as LoadingProps['size'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {sizes.map((size) => (\n <option key={size} value={size}>\n {size?.toUpperCase()}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Full Screen</label>\n <button\n onClick={() => setShowFullScreen(true)}\n className=\"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors\"\n >\n Demo Full Screen\n </button>\n </div>\n </div>\n\n <div className=\"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32\">\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading...\"\n />\n <div className=\"mt-4 p-3 bg-white rounded-md shadow-sm\">\n <code className=\"text-sm text-gray-600\">\n color=\"{selectedColor}\"\n </code>\n </div>\n </div>\n </div>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">All Variants</h2>\n <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6\">\n {variants.map((variant) => (\n <div key={variant} className=\"text-center\">\n <div className=\"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2\">\n <Loading variant={variant} color={selectedColor} />\n </div>\n <p className=\"text-sm text-gray-600 capitalize\">{variant}</p>\n </div>\n ))}\n </div>\n\n <div className=\"mt-6 p-4 bg-blue-50 rounded-lg\">\n <h3 className=\"font-semibold text-blue-800 mb-2\">Usage Examples:</h3>\n <div className=\"space-y-2 text-sm\">\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Tailwind CSS class\"}</code><br/>\n <code>{`<Loading color=\"primary-500\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Hex color\"}</code><br/>\n <code>{`<Loading color=\"#your-brand-color\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Custom Tailwind color\"}</code><br/>\n <code>{`<Loading color=\"emerald-400\" variant=\"dots\" />`}</code>\n </div>\n </div>\n </div>\n </div>\n\n {showFullScreen && (\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading in full screen...\"\n fullScreen\n />\n )}\n\n {showFullScreen && (\n <button\n onClick={() => setShowFullScreen(false)}\n className=\"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors\"\n >\n Close Full Screen\n </button>\n )}\n </div>\n );\n};"],"names":["Loading","_a","_b","size","_c","variant","_d","color","_e","fullScreen","text","_f","className","image","_g","imageEffect","isHexColor","startsWith","getColorClasses","property","concat","bg","border","borderTop","borderRight","sizeClasses","sm","md","lg","xl","imageSizeClasses","getImageEffectClasses","ImageLoader","_jsxs","children","_jsx","src","alt","style","filter","animationDuration","SpinnerLoader","borderTopColor","borderRightColor","animationDirection","DotsLoader","map","i","backgroundColor","animationDelay","PulseLoader","BarsLoader","height","RippleLoader","borderColor","content","getLoader","React","useState","selectedColor","setSelectedColor","selectedVariant","setSelectedVariant","selectedSize","setSelectedSize","showFullScreen","setShowFullScreen","variants","name","value","hex","colorOption","onClick","title","onChange","e","target","charAt","toUpperCase","slice"],"mappings":"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"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface LoadingProps {\n size?: 'sm' \| 'md' \| 'lg' \| 'xl';\n variant?: 'spinner' \| 'dots' \| 'pulse' \| 'bars' \| 'ripple' \| 'image';\n color?: string;\n fullScreen?: boolean;\n text?: string;\n className?: string;\n image?: string;\n imageEffect?: 'pulse' \| 'bounce' \| 'spin' \| 'float' \| 'heartbeat';\n}\n\nconst Loading: React.FC<LoadingProps> = ({\n size = 'md',\n variant = 'pulse',\n color = 'primary',\n fullScreen = false,\n text,\n className = '',\n image,\n imageEffect = 'pulse',\n }) => {\n // Check if color is a hex value or Tailwind class\n const isHexColor = color.startsWith('#');\n\n // Generate Tailwind classes for non-hex colors\n const getColorClasses = (property: string) => {\n if (isHexColor) return '';\n return {\n text: `text-${color}`,\n bg: `bg-${color}`,\n border: `border-${color}`,\n borderTop: `border-t-${color}`,\n borderRight: `border-r-${color}`,\n }[property] \|\| '';\n };\n\n // Get inline styles for hex colors\n const getColorStyle = (property: string) => {\n if (!isHexColor) return {};\n const styleMap: Record<string, string> = {\n color: 'color',\n backgroundColor: 'backgroundColor',\n borderColor: 'borderColor',\n borderTopColor: 'borderTopColor',\n borderRightColor: 'borderRightColor',\n };\n return { [styleMap[property]]: color };\n };\n\n const sizeClasses = {\n sm: 'w-4 h-4',\n md: 'w-8 h-8',\n lg: 'w-12 h-12',\n xl: 'w-16 h-16',\n };\n\n const imageSizeClasses = {\n sm: 'w-8 h-8',\n md: 'w-12 h-12',\n lg: 'w-16 h-16',\n xl: 'w-20 h-20',\n };\n\n const textSizeClasses = {\n sm: 'text-xs',\n md: 'text-sm',\n lg: 'text-base',\n xl: 'text-lg',\n };\n\n const getImageEffectClasses = () => {\n switch (imageEffect) {\n case 'bounce':\n return 'animate-bounce';\n case 'spin':\n return 'animate-spin';\n case 'float':\n return 'animate-pulse hover:animate-bounce';\n case 'heartbeat':\n return 'animate-ping';\n default:\n return 'animate-pulse';\n }\n };\n\n const ImageLoader = () => (\n <div className=\"relative flex items-center justify-center\">\n <img\n src={image}\n alt=\"Loading\"\n className={`${imageSizeClasses[size]} object-contain ${getImageEffectClasses()}`}\n style={{\n filter: 'drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))',\n animationDuration: imageEffect === 'heartbeat' ? '1.5s' : imageEffect === 'bounce' ? '1s' : '2s',\n }}\n />\n {imageEffect === 'float' && (\n <div\n className={`absolute inset-0 ${imageSizeClasses[size]} rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping`}\n style={{ animationDuration: '2s' }}\n />\n )}\n </div>\n );\n\n const SpinnerLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} animate-spin rounded-full border-4 border-gray-200 dark:border-gray-700 ${\n !isHexColor ? getColorClasses('borderTop') : ''\n }`}\n style={isHexColor ? { borderTopColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} border-4 border-transparent rounded-full animate-spin ${\n !isHexColor ? getColorClasses('borderRight') : ''\n }`}\n style={isHexColor ? { borderRightColor: color, animationDirection: 'reverse', animationDuration: '0.75s' } : { animationDirection: 'reverse', animationDuration: '0.75s' }}\n />\n </div>\n );\n\n const DotsLoader = () => (\n <div className=\"flex space-x-1\">\n {[0, 1, 2].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-2 h-2' : size === 'md' ? 'w-3 h-3' : size === 'lg' ? 'w-4 h-4' : 'w-5 h-5'} rounded-full animate-bounce ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n } : {\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n }}\n />\n ))}\n </div>\n );\n\n const PulseLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} rounded-full animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} rounded-full animate-ping opacity-30 ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n </div>\n );\n\n const BarsLoader = () => (\n <div className=\"flex space-x-1 items-end\">\n {[0, 1, 2, 3].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-1' : size === 'md' ? 'w-1.5' : size === 'lg' ? 'w-2' : 'w-2.5'} rounded-sm animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n } : {\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n }}\n />\n ))}\n </div>\n );\n\n const RippleLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? { borderColor: color } : {}}\n />\n <div\n className={`absolute inset-2 border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? {\n borderColor: color,\n animationDelay: '0.5s'\n } : {\n animationDelay: '0.5s'\n }}\n />\n </div>\n );\n\n const getLoader = () => {\n if (variant === 'image' && image) {\n return <ImageLoader />;\n }\n\n switch (variant) {\n case 'dots':\n return <DotsLoader />;\n case 'pulse':\n return <PulseLoader />;\n case 'bars':\n return <BarsLoader />;\n case 'ripple':\n return <RippleLoader />;\n default:\n return <SpinnerLoader />;\n }\n };\n\n const content = (\n <div className={`flex flex-col items-center justify-center space-y-3 ${className}`}>\n {getLoader()}\n {text && (\n <p\n className={`${textSizeClasses[size]} font-medium animate-pulse ${\n !isHexColor ? getColorClasses('text') : ''\n }`}\n style={isHexColor ? { color } : {}}\n >\n {text}\n </p>\n )}\n </div>\n );\n\n if (fullScreen) {\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-sm dark:bg-gray-950/80\">\n {content}\n </div>\n );\n }\n\n return content;\n};\n\nexport default Loading;\n// Demo component to showcase different variants\nexport const LoadingDemo: React.FC = () => {\n const [selectedColor, setSelectedColor] = React.useState('blue-500');\n const [selectedVariant, setSelectedVariant] = React.useState<LoadingProps['variant']>('spinner');\n const [selectedSize, setSelectedSize] = React.useState<LoadingProps['size']>('md');\n const [showFullScreen, setShowFullScreen] = React.useState(false);\n\n const colors = [\n { name: 'Blue', value: 'blue-500', hex: '#3B82F6' },\n { name: 'Purple', value: 'purple-500', hex: '#8B5CF6' },\n { name: 'Green', value: 'green-500', hex: '#10B981' },\n { name: 'Red', value: 'red-500', hex: '#EF4444' },\n { name: 'Orange', value: 'orange-500', hex: '#F59E0B' },\n { name: 'Pink', value: 'pink-500', hex: '#EC4899' },\n { name: 'Indigo', value: 'indigo-500', hex: '#6366F1' },\n { name: 'Teal', value: 'teal-500', hex: '#14B8A6' },\n ];\n\n const variants: LoadingProps['variant'][] = ['spinner', 'dots', 'pulse', 'bars', 'ripple'];\n const sizes: LoadingProps['size'][] = ['sm', 'md', 'lg', 'xl'];\n\n return (\n <div className=\"p-8 max-w-4xl mx-auto\">\n <h1 className=\"text-3xl font-bold text-gray-800 mb-8 text-center\">\n Modern Loading Component\n </h1>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6 mb-8\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">Customization</h2>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Color</label>\n <div className=\"flex flex-wrap gap-2\">\n {colors.map((colorOption) => (\n <button\n key={colorOption.value}\n onClick={() => setSelectedColor(colorOption.value)}\n className={`w-8 h-8 rounded-full border-2 transition-all ${\n selectedColor === colorOption.value ? 'border-gray-400 scale-110' : 'border-gray-200'\n }`}\n style={{ backgroundColor: colorOption.hex }}\n title={`${colorOption.name} (${colorOption.value})`}\n />\n ))}\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Variant</label>\n <select\n value={selectedVariant}\n onChange={(e) => setSelectedVariant(e.target.value as LoadingProps['variant'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {variants.map((variant) => (\n <option key={variant} value={variant}>\n {variant && (variant?.charAt(0).toUpperCase() + variant?.slice(1))}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Size</label>\n <select\n value={selectedSize}\n onChange={(e) => setSelectedSize(e.target.value as LoadingProps['size'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {sizes.map((size) => (\n <option key={size} value={size}>\n {size?.toUpperCase()}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Full Screen</label>\n <button\n onClick={() => setShowFullScreen(true)}\n className=\"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors\"\n >\n Demo Full Screen\n </button>\n </div>\n </div>\n\n <div className=\"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32\">\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading...\"\n />\n <div className=\"mt-4 p-3 bg-white rounded-md shadow-sm\">\n <code className=\"text-sm text-gray-600\">\n color=\"{selectedColor}\"\n </code>\n </div>\n </div>\n </div>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">All Variants</h2>\n <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6\">\n {variants.map((variant) => (\n <div key={variant} className=\"text-center\">\n <div className=\"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2\">\n <Loading variant={variant} color={selectedColor} />\n </div>\n <p className=\"text-sm text-gray-600 capitalize\">{variant}</p>\n </div>\n ))}\n </div>\n\n <div className=\"mt-6 p-4 bg-blue-50 rounded-lg\">\n <h3 className=\"font-semibold text-blue-800 mb-2\">Usage Examples:</h3>\n <div className=\"space-y-2 text-sm\">\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Tailwind CSS class\"}</code><br/>\n <code>{`<Loading color=\"primary-500\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Hex color\"}</code><br/>\n <code>{`<Loading color=\"#your-brand-color\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Custom Tailwind color\"}</code><br/>\n <code>{`<Loading color=\"emerald-400\" variant=\"dots\" />`}</code>\n </div>\n </div>\n </div>\n </div>\n\n {showFullScreen && (\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading in full screen...\"\n fullScreen\n />\n )}\n\n {showFullScreen && (\n <button\n onClick={() => setShowFullScreen(false)}\n className=\"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors\"\n >\n Close Full Screen\n </button>\n )}\n </div>\n );\n};\n"],"names":["Loading","_a","_b","size","_c","variant","_d","color","_e","fullScreen","text","_f","className","image","_g","imageEffect","isHexColor","startsWith","getColorClasses","property","concat","bg","border","borderTop","borderRight","sizeClasses","sm","md","lg","xl","imageSizeClasses","getImageEffectClasses","ImageLoader","_jsxs","children","_jsx","src","alt","style","filter","animationDuration","SpinnerLoader","borderTopColor","borderRightColor","animationDirection","DotsLoader","map","i","backgroundColor","animationDelay","PulseLoader","BarsLoader","height","RippleLoader","borderColor","content","getLoader","React","useState","selectedColor","setSelectedColor","selectedVariant","setSelectedVariant","selectedSize","setSelectedSize","showFullScreen","setShowFullScreen","variants","name","value","hex","colorOption","onClick","title","onChange","e","target","charAt","toUpperCase","slice"],"mappings":"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"}

package/dist/esm/components/Badge/Badge.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";var r=function(r){var t=r.children,o=r.variant,n=void 0===o?"default":o,a=r.size,i=void 0===a?"md":a,l=r.className,d=void 0===l?"":l,g=r.onClick,s=["inline-flex items-center font-medium rounded-full transition-colors duration-200",{default:"bg-gray-100 text-gray-800 hover:bg-gray-200",secondary:"bg-blue-100 text-blue-800 hover:bg-blue-200",success:"bg-green-100 text-green-800 hover:bg-green-200",warning:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",error:"bg-red-100 text-red-800 hover:bg-red-200",info:"bg-cyan-100 text-cyan-800 hover:bg-cyan-200"}[n],{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"}[i],g?"cursor-pointer":"",d].filter(Boolean).join(" ");return e("span",{className:s,onClick:g,role:g?"button":void 0,tabIndex:g?0:void 0,onKeyDown:g?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g())}:void 0,children:t})};export{r as default};
+import{jsx as e}from"react/jsx-runtime";var r=function(r){var t=r.children,o=r.variant,n=void 0===o?"default":o,g=r.size,l=void 0===g?"md":g,a=r.className,d=void 0===a?"":a,i=r.onClick,b=["inline-flex items-center font-medium rounded-full transition-colors duration-200",{default:"bg-gray-100 text-gray-800 hover:bg-gray-200",secondary:"bg-blue-100 text-blue-800 hover:bg-blue-200",success:"bg-green-100 text-green-800 hover:bg-green-200",completed:"bg-green-100 text-green-800 hover:bg-green-200",active:"bg-green-100 text-green-800 hover:bg-green-200",warning:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",suspended:"bg-yellow-100 text-yellow-800 hover:bg-yellow-200",error:"bg-red-100 text-red-800 hover:bg-red-200",danger:"bg-red-100 text-red-800 hover:bg-red-200",info:"bg-cyan-100 text-cyan-800 hover:bg-cyan-200"}[n],{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"}[l],i?"cursor-pointer":"",d].filter(Boolean).join(" ");return e("span",{className:b,onClick:i,role:i?"button":void 0,tabIndex:i?0:void 0,onKeyDown:i?function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),i())}:void 0,children:t})};export{r as default};
 //# sourceMappingURL=Badge.mjs.map

package/dist/esm/components/Badge/Badge.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant = \"default\" \| \"secondary\" \| \"success\" \| \"warning\" \| \"error\" \| \"info\";\nexport interface BadgeProps {\n children: React.ReactNode;\n variant?: BadgeVariant;\n size?: \"sm\" \| \"md\" \| \"lg\";\n className?: string;\n onClick?: () => void;\n}\n\nconst Badge: React.FC<BadgeProps> = ({\n children,\n variant = \"default\",\n size = \"md\",\n className = \"\",\n onClick,\n}) => {\n const baseClasses =\n \"inline-flex items-center font-medium rounded-full transition-colors duration-200\";\n\n const variantClasses = {\n default: \"bg-gray-100 text-gray-800 hover:bg-gray-200\",\n secondary: \"bg-blue-100 text-blue-800 hover:bg-blue-200\",\n success: \"bg-green-100 text-green-800 hover:bg-green-200\",\n warning: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n error: \"bg-red-100 text-red-800 hover:bg-red-200\",\n info: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200\",\n };\n\n const sizeClasses = {\n sm: \"px-2 py-0.5 text-xs\",\n md: \"px-2.5 py-1 text-sm\",\n lg: \"px-3 py-1.5 text-base\",\n };\n\n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n onClick ? \"cursor-pointer\" : \"\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <span\n className={classes}\n onClick={onClick}\n role={onClick ? \"button\" : undefined}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={\n onClick\n ? (e) => {\n if (e.key === \"Enter\" \|\| e.key === \" \") {\n e.preventDefault();\n onClick();\n }\n }\n : undefined\n }\n >\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["Badge","_a","children","_b","variant","_c","size","_d","className","onClick","classes","default","secondary","success","warning","error","info","sm","md","lg","filter","Boolean","join","_jsx","role","undefined","tabIndex","onKeyDown","e","key","preventDefault"],"mappings":"~~wCAWA~~,IAAMA,EAA8B,SAACC,~~OACjCC~~,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,QAAAA,aAAU,UAASD,EACnBE,EAAAJ,EAAAK,KAAAA,aAAO,KAAID,EACXE,EAAAN,EAAAO,UAAAA,aAAY,GAAED,EACdE,EAAOR,EAAAQ,~~QAoBDC~~,EAAU,~~CAjBZ~~,~~mFAEmB~~,~~CACnBC~~,QAAS,8CACTC,UAAW,8CACXC,QAAS,iDACTC,QAAS,oDACTC,MAAO,2CACPC,KAAM,+~~CAWSZ~~,~~GARC~~,~~CAChBa~~,GAAI,sBACJC,GAAI,sBACJC,GAAI,~~yBAMQb~~,GACZG,EAAU,iBAAmB,GAC7BD,~~GAECY~~,OAAOC,SACPC,KAAK,~~KAEV~~,~~OACIC~~,EAAA,OAAA,~~CACIf~~,UAAWE,EACXD,QAASA,~~EACTe~~,~~KAAMf~~,EAAU,~~cAAWgB~~,EAC3BC,~~SAAUjB~~,EAAU,~~OAAIgB~~,EACxBE,~~UACIlB~~,~~EACM~~,~~SAACmB~~,~~GACiB~~,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,~~MACvBD~~,EAAEE,~~iBACFrB~~,~~IAER~~,~~OACAgB~~,~~EAASvB~~,~~SAGlBA~~,~~GAGb~~"}
1	+ {"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant =\n \| \"default\"\n \| \"secondary\"\n \| \"success\"\n \| \"completed\"\n \| \"warning\"\n \| \"error\"\n \| \"info\"\n \| \"active\"\n \| \"suspended\"\n \| \"danger\";\nexport interface BadgeProps {\n children: React.ReactNode;\n variant?: BadgeVariant;\n size?: \"sm\" \| \"md\" \| \"lg\";\n className?: string;\n onClick?: () => void;\n}\n\nconst Badge: React.FC<BadgeProps> = ({\n children,\n variant = \"default\",\n size = \"md\",\n className = \"\",\n onClick,\n}) => {\n const baseClasses =\n \"inline-flex items-center font-medium rounded-full transition-colors duration-200\";\n\n const variantClasses = {\n default: \"bg-gray-100 text-gray-800 hover:bg-gray-200\",\n secondary: \"bg-blue-100 text-blue-800 hover:bg-blue-200\",\n success: \"bg-green-100 text-green-800 hover:bg-green-200\",\n completed: \"bg-green-100 text-green-800 hover:bg-green-200\",\n active: \"bg-green-100 text-green-800 hover:bg-green-200\",\n warning: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n suspended: \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200\",\n error: \"bg-red-100 text-red-800 hover:bg-red-200\",\n danger: \"bg-red-100 text-red-800 hover:bg-red-200\",\n info: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200\",\n };\n\n const sizeClasses = {\n sm: \"px-2 py-0.5 text-xs\",\n md: \"px-2.5 py-1 text-sm\",\n lg: \"px-3 py-1.5 text-base\",\n };\n\n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n onClick ? \"cursor-pointer\" : \"\",\n className,\n ]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <span\n className={classes}\n onClick={onClick}\n role={onClick ? \"button\" : undefined}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={\n onClick\n ? (e) => {\n if (e.key === \"Enter\" \|\| e.key === \" \") {\n e.preventDefault();\n onClick();\n }\n }\n : undefined\n }\n >\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["Badge","_a","children","_b","variant","_c","size","_d","className","onClick","classes","default","secondary","success","completed","active","warning","suspended","error","danger","info","sm","md","lg","filter","Boolean","join","_jsx","role","undefined","tabIndex","onKeyDown","e","key","preventDefault"],"mappings":"wCAqBA,IAAMA,EAA8B,SAACC,OACnCC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,QAAAA,aAAU,UAASD,EACnBE,EAAAJ,EAAAK,KAAAA,aAAO,KAAID,EACXE,EAAAN,EAAAO,UAAAA,aAAY,GAAED,EACdE,EAAOR,EAAAQ,QAwBDC,EAAU,CArBd,mFAEqB,CACrBC,QAAS,8CACTC,UAAW,8CACXC,QAAS,iDACTC,UAAW,iDACXC,OAAQ,iDACRC,QAAS,oDACTC,UAAW,oDACXC,MAAO,2CACPC,OAAQ,2CACRC,KAAM,+CAWShB,GARG,CAClBiB,GAAI,sBACJC,GAAI,sBACJC,GAAI,yBAMQjB,GACZG,EAAU,iBAAmB,GAC7BD,GAECgB,OAAOC,SACPC,KAAK,KAER,OACEC,EAAA,OAAA,CACEnB,UAAWE,EACXD,QAASA,EACTmB,KAAMnB,EAAU,cAAWoB,EAC3BC,SAAUrB,EAAU,OAAIoB,EACxBE,UACEtB,EACI,SAACuB,GACe,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,iBACFzB,IAEJ,OACAoB,EAAS3B,SAGdA,GAGP"}

package/dist/esm/components/Loading/Loading.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import n from"react";var r=function(n){var r=n.size,t=void 0===r?"md":r,l=n.variant,o=void 0===l?"pulse":l,i=n.color,c=void 0===i?"primary":i,s=n.fullScreen,d=void 0!==s&&s,u=n.text,m=n.className,b=void 0===m?"":m,h=n.image,g=n.imageEffect,p=void 0===g?"pulse":g,x=c.startsWith("#"),f=function(e){return x?"":{text:"text-".concat(c),bg:"bg-".concat(c),border:"border-".concat(c),borderTop:"border-t-".concat(c),borderRight:"border-r-".concat(c)}[e]||""},v={sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},N={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16",xl:"w-20 h-20"},y=function(){switch(p){case"bounce":return"animate-bounce";case"spin":return"animate-spin";case"float":return"animate-pulse hover:animate-bounce";case"heartbeat":return"animate-ping";default:return"animate-pulse"}},w=function(){return e("div",{className:"relative flex items-center justify-center",children:[a("img",{src:h,alt:"Loading",className:"".concat(N[t]," object-contain ").concat(y()),style:{filter:"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))",animationDuration:"heartbeat"===p?"1.5s":"bounce"===p?"1s":"2s"}}),"float"===p&&a("div",{className:"absolute inset-0 ".concat(N[t]," rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping"),style:{animationDuration:"2s"}})]})},C=function(){return e("div",{className:"relative",children:[a("div",{className:"".concat(v[t]," border-4 border-gray-200 rounded-full animate-spin ").concat(x?"":f("borderTop")),style:x?{borderTopColor:c}:{}}),a("div",{className:"absolute inset-0 ".concat(v[t]," border-4 border-transparent rounded-full animate-spin ").concat(x?"":f("borderRight")),style:x?{borderRightColor:c,animationDirection:"reverse",animationDuration:"0.75s"}:{animationDirection:"reverse",animationDuration:"0.75s"}})]})},D=function(){return a("div",{className:"flex space-x-1",children:[0,1,2].map((function(e){return a("div",{className:"".concat("sm"===t?"w-2 h-2":"md"===t?"w-3 h-3":"lg"===t?"w-4 h-4":"w-5 h-5"," rounded-full animate-bounce ").concat(x?"":f("bg")),style:x?{backgroundColor:c,animationDelay:"".concat(.2*e,"s"),animationDuration:"1.4s"}:{animationDelay:"".concat(.2*e,"s"),animationDuration:"1.4s"}},e)}))})},k=function(){return e("div",{className:"relative",children:[a("div",{className:"".concat(v[t]," rounded-full animate-pulse ").concat(x?"":f("bg")),style:x?{backgroundColor:c}:{}}),a("div",{className:"absolute inset-0 ".concat(v[t]," rounded-full animate-ping opacity-30 ").concat(x?"":f("bg")),style:x?{backgroundColor:c}:{}})]})},S=function(){return a("div",{className:"flex space-x-1 items-end",children:[0,1,2,3].map((function(e){return a("div",{className:"".concat("sm"===t?"w-1":"md"===t?"w-1.5":"lg"===t?"w-2":"w-2.5"," rounded-sm animate-pulse ").concat(x?"":f("bg")),style:x?{backgroundColor:c,height:"".concat(20+10*e,"px"),animationDelay:"".concat(.15*e,"s"),animationDuration:"1.2s"}:{height:"".concat(20+10*e,"px"),animationDelay:"".concat(.15*e,"s"),animationDuration:"1.2s"}},e)}))})},z=function(){return e("div",{className:"relative",children:[a("div",{className:"".concat(v[t]," border-4 rounded-full animate-ping ").concat(x?"":f("border")),style:x?{borderColor:c}:{}}),a("div",{className:"absolute inset-2 border-4 rounded-full animate-ping ".concat(x?"":f("border")),style:x?{borderColor:c,animationDelay:"0.5s"}:{animationDelay:"0.5s"}})]})},F=e("div",{className:"flex flex-col items-center justify-center space-y-3 ".concat(b),children:[function(){if("image"===o&&h)return a(w,{});switch(o){case"dots":return a(D,{});case"pulse":return a(k,{});case"bars":return a(S,{});case"ripple":return a(z,{});default:return a(C,{})}}(),u&&a("p",{className:"".concat({sm:"text-xs",md:"text-sm",lg:"text-base",xl:"text-lg"}[t]," font-medium animate-pulse ").concat(x?"":f("text")),style:x?{color:c}:{},children:u})]});return d?a("div",{className:"fixed inset-0 bg-white/80 backdrop-blur-sm flex items-center justify-center z-50",children:F}):F},t=function(){var t=n.useState("blue-500"),l=t[0],o=t[1],i=n.useState("spinner"),c=i[0],s=i[1],d=n.useState("md"),u=d[0],m=d[1],b=n.useState(!1),h=b[0],g=b[1],p=["spinner","dots","pulse","bars","ripple"];return e("div",{className:"p-8 max-w-4xl mx-auto",children:[a("h1",{className:"text-3xl font-bold text-gray-800 mb-8 text-center",children:"Modern Loading Component"}),e("div",{className:"bg-white rounded-xl shadow-lg p-6 mb-8",children:[a("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"Customization"}),e("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",children:[e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Color"}),a("div",{className:"flex flex-wrap gap-2",children:[{name:"Blue",value:"blue-500",hex:"#3B82F6"},{name:"Purple",value:"purple-500",hex:"#8B5CF6"},{name:"Green",value:"green-500",hex:"#10B981"},{name:"Red",value:"red-500",hex:"#EF4444"},{name:"Orange",value:"orange-500",hex:"#F59E0B"},{name:"Pink",value:"pink-500",hex:"#EC4899"},{name:"Indigo",value:"indigo-500",hex:"#6366F1"},{name:"Teal",value:"teal-500",hex:"#14B8A6"}].map((function(e){return a("button",{onClick:function(){return o(e.value)},className:"w-8 h-8 rounded-full border-2 transition-all ".concat(l===e.value?"border-gray-400 scale-110":"border-gray-200"),style:{backgroundColor:e.hex},title:"".concat(e.name," (").concat(e.value,")")},e.value)}))})]}),e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Variant"}),a("select",{value:c,onChange:function(e){return s(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:p.map((function(e){return a("option",{value:e,children:e&&(null==e?void 0:e.charAt(0).toUpperCase())+(null==e?void 0:e.slice(1))},e)}))})]}),e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Size"}),a("select",{value:u,onChange:function(e){return m(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:["sm","md","lg","xl"].map((function(e){return a("option",{value:e,children:null==e?void 0:e.toUpperCase()},e)}))})]}),e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Full Screen"}),a("button",{onClick:function(){return g(!0)},className:"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors",children:"Demo Full Screen"})]})]}),e("div",{className:"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32",children:[a(r,{variant:c,size:u,color:l,text:"Loading..."}),a("div",{className:"mt-4 p-3 bg-white rounded-md shadow-sm",children:e("code",{className:"text-sm text-gray-600",children:['color="',l,'"']})})]})]}),e("div",{className:"bg-white rounded-xl shadow-lg p-6",children:[a("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"All Variants"}),a("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6",children:p.map((function(n){return e("div",{className:"text-center",children:[a("div",{className:"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2",children:a(r,{variant:n,color:l})}),a("p",{className:"text-sm text-gray-600 capitalize",children:n})]},n)}))}),e("div",{className:"mt-6 p-4 bg-blue-50 rounded-lg",children:[a("h3",{className:"font-semibold text-blue-800 mb-2",children:"Usage Examples:"}),e("div",{className:"space-y-2 text-sm",children:[e("div",{className:"bg-white p-2 rounded border",children:[a("code",{className:"text-blue-600",children:"// Tailwind CSS class"}),a("br",{}),a("code",{children:'<Loading color="primary-500" />'})]}),e("div",{className:"bg-white p-2 rounded border",children:[a("code",{className:"text-blue-600",children:"// Hex color"}),a("br",{}),a("code",{children:'<Loading color="#your-brand-color" />'})]}),e("div",{className:"bg-white p-2 rounded border",children:[a("code",{className:"text-blue-600",children:"// Custom Tailwind color"}),a("br",{}),a("code",{children:'<Loading color="emerald-400" variant="dots" />'})]})]})]})]}),h&&a(r,{variant:c,size:u,color:l,text:"Loading in full screen...",fullScreen:!0}),h&&a("button",{onClick:function(){return g(!1)},className:"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors",children:"Close Full Screen"})]})};export{t as LoadingDemo,r as default};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import r from"react";var n=function(r){var n=r.size,t=void 0===n?"md":n,l=r.variant,o=void 0===l?"pulse":l,i=r.color,c=void 0===i?"primary":i,s=r.fullScreen,d=void 0!==s&&s,u=r.text,m=r.className,b=void 0===m?"":m,g=r.image,h=r.imageEffect,p=void 0===h?"pulse":h,x=c.startsWith("#"),f=function(e){return x?"":{text:"text-".concat(c),bg:"bg-".concat(c),border:"border-".concat(c),borderTop:"border-t-".concat(c),borderRight:"border-r-".concat(c)}[e]||""},v={sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},N={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16",xl:"w-20 h-20"},y=function(){switch(p){case"bounce":return"animate-bounce";case"spin":return"animate-spin";case"float":return"animate-pulse hover:animate-bounce";case"heartbeat":return"animate-ping";default:return"animate-pulse"}},w=function(){return e("div",{className:"relative flex items-center justify-center",children:[a("img",{src:g,alt:"Loading",className:"".concat(N[t]," object-contain ").concat(y()),style:{filter:"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))",animationDuration:"heartbeat"===p?"1.5s":"bounce"===p?"1s":"2s"}}),"float"===p&&a("div",{className:"absolute inset-0 ".concat(N[t]," rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping"),style:{animationDuration:"2s"}})]})},C=function(){return e("div",{className:"relative",children:[a("div",{className:"".concat(v[t]," animate-spin rounded-full border-4 border-gray-200 dark:border-gray-700 ").concat(x?"":f("borderTop")),style:x?{borderTopColor:c}:{}}),a("div",{className:"absolute inset-0 ".concat(v[t]," border-4 border-transparent rounded-full animate-spin ").concat(x?"":f("borderRight")),style:x?{borderRightColor:c,animationDirection:"reverse",animationDuration:"0.75s"}:{animationDirection:"reverse",animationDuration:"0.75s"}})]})},k=function(){return a("div",{className:"flex space-x-1",children:[0,1,2].map((function(e){return a("div",{className:"".concat("sm"===t?"w-2 h-2":"md"===t?"w-3 h-3":"lg"===t?"w-4 h-4":"w-5 h-5"," rounded-full animate-bounce ").concat(x?"":f("bg")),style:x?{backgroundColor:c,animationDelay:"".concat(.2*e,"s"),animationDuration:"1.4s"}:{animationDelay:"".concat(.2*e,"s"),animationDuration:"1.4s"}},e)}))})},D=function(){return e("div",{className:"relative",children:[a("div",{className:"".concat(v[t]," rounded-full animate-pulse ").concat(x?"":f("bg")),style:x?{backgroundColor:c}:{}}),a("div",{className:"absolute inset-0 ".concat(v[t]," rounded-full animate-ping opacity-30 ").concat(x?"":f("bg")),style:x?{backgroundColor:c}:{}})]})},S=function(){return a("div",{className:"flex space-x-1 items-end",children:[0,1,2,3].map((function(e){return a("div",{className:"".concat("sm"===t?"w-1":"md"===t?"w-1.5":"lg"===t?"w-2":"w-2.5"," rounded-sm animate-pulse ").concat(x?"":f("bg")),style:x?{backgroundColor:c,height:"".concat(20+10*e,"px"),animationDelay:"".concat(.15*e,"s"),animationDuration:"1.2s"}:{height:"".concat(20+10*e,"px"),animationDelay:"".concat(.15*e,"s"),animationDuration:"1.2s"}},e)}))})},z=function(){return e("div",{className:"relative",children:[a("div",{className:"".concat(v[t]," border-4 rounded-full animate-ping ").concat(x?"":f("border")),style:x?{borderColor:c}:{}}),a("div",{className:"absolute inset-2 border-4 rounded-full animate-ping ".concat(x?"":f("border")),style:x?{borderColor:c,animationDelay:"0.5s"}:{animationDelay:"0.5s"}})]})},F=e("div",{className:"flex flex-col items-center justify-center space-y-3 ".concat(b),children:[function(){if("image"===o&&g)return a(w,{});switch(o){case"dots":return a(k,{});case"pulse":return a(D,{});case"bars":return a(S,{});case"ripple":return a(z,{});default:return a(C,{})}}(),u&&a("p",{className:"".concat({sm:"text-xs",md:"text-sm",lg:"text-base",xl:"text-lg"}[t]," font-medium animate-pulse ").concat(x?"":f("text")),style:x?{color:c}:{},children:u})]});return d?a("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-sm dark:bg-gray-950/80",children:F}):F},t=function(){var t=r.useState("blue-500"),l=t[0],o=t[1],i=r.useState("spinner"),c=i[0],s=i[1],d=r.useState("md"),u=d[0],m=d[1],b=r.useState(!1),g=b[0],h=b[1],p=["spinner","dots","pulse","bars","ripple"];return e("div",{className:"p-8 max-w-4xl mx-auto",children:[a("h1",{className:"text-3xl font-bold text-gray-800 mb-8 text-center",children:"Modern Loading Component"}),e("div",{className:"bg-white rounded-xl shadow-lg p-6 mb-8",children:[a("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"Customization"}),e("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",children:[e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Color"}),a("div",{className:"flex flex-wrap gap-2",children:[{name:"Blue",value:"blue-500",hex:"#3B82F6"},{name:"Purple",value:"purple-500",hex:"#8B5CF6"},{name:"Green",value:"green-500",hex:"#10B981"},{name:"Red",value:"red-500",hex:"#EF4444"},{name:"Orange",value:"orange-500",hex:"#F59E0B"},{name:"Pink",value:"pink-500",hex:"#EC4899"},{name:"Indigo",value:"indigo-500",hex:"#6366F1"},{name:"Teal",value:"teal-500",hex:"#14B8A6"}].map((function(e){return a("button",{onClick:function(){return o(e.value)},className:"w-8 h-8 rounded-full border-2 transition-all ".concat(l===e.value?"border-gray-400 scale-110":"border-gray-200"),style:{backgroundColor:e.hex},title:"".concat(e.name," (").concat(e.value,")")},e.value)}))})]}),e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Variant"}),a("select",{value:c,onChange:function(e){return s(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:p.map((function(e){return a("option",{value:e,children:e&&(null==e?void 0:e.charAt(0).toUpperCase())+(null==e?void 0:e.slice(1))},e)}))})]}),e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Size"}),a("select",{value:u,onChange:function(e){return m(e.target.value)},className:"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent",children:["sm","md","lg","xl"].map((function(e){return a("option",{value:e,children:null==e?void 0:e.toUpperCase()},e)}))})]}),e("div",{children:[a("label",{className:"block text-sm font-medium text-gray-600 mb-2",children:"Full Screen"}),a("button",{onClick:function(){return h(!0)},className:"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors",children:"Demo Full Screen"})]})]}),e("div",{className:"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32",children:[a(n,{variant:c,size:u,color:l,text:"Loading..."}),a("div",{className:"mt-4 p-3 bg-white rounded-md shadow-sm",children:e("code",{className:"text-sm text-gray-600",children:['color="',l,'"']})})]})]}),e("div",{className:"bg-white rounded-xl shadow-lg p-6",children:[a("h2",{className:"text-xl font-semibold text-gray-700 mb-4",children:"All Variants"}),a("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6",children:p.map((function(r){return e("div",{className:"text-center",children:[a("div",{className:"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2",children:a(n,{variant:r,color:l})}),a("p",{className:"text-sm text-gray-600 capitalize",children:r})]},r)}))}),e("div",{className:"mt-6 p-4 bg-blue-50 rounded-lg",children:[a("h3",{className:"font-semibold text-blue-800 mb-2",children:"Usage Examples:"}),e("div",{className:"space-y-2 text-sm",children:[e("div",{className:"bg-white p-2 rounded border",children:[a("code",{className:"text-blue-600",children:"// Tailwind CSS class"}),a("br",{}),a("code",{children:'<Loading color="primary-500" />'})]}),e("div",{className:"bg-white p-2 rounded border",children:[a("code",{className:"text-blue-600",children:"// Hex color"}),a("br",{}),a("code",{children:'<Loading color="#your-brand-color" />'})]}),e("div",{className:"bg-white p-2 rounded border",children:[a("code",{className:"text-blue-600",children:"// Custom Tailwind color"}),a("br",{}),a("code",{children:'<Loading color="emerald-400" variant="dots" />'})]})]})]})]}),g&&a(n,{variant:c,size:u,color:l,text:"Loading in full screen...",fullScreen:!0}),g&&a("button",{onClick:function(){return h(!1)},className:"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors",children:"Close Full Screen"})]})};export{t as LoadingDemo,n as default};
 //# sourceMappingURL=Loading.mjs.map

package/dist/esm/components/Loading/Loading.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.mjs","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface LoadingProps {\n size?: 'sm' \| 'md' \| 'lg' \| 'xl';\n variant?: 'spinner' \| 'dots' \| 'pulse' \| 'bars' \| 'ripple' \| 'image';\n color?: string;\n fullScreen?: boolean;\n text?: string;\n className?: string;\n image?: string;\n imageEffect?: 'pulse' \| 'bounce' \| 'spin' \| 'float' \| 'heartbeat';\n}\n\nconst Loading: React.FC<LoadingProps> = ({\n size = 'md',\n variant = 'pulse',\n color = 'primary',\n fullScreen = false,\n text,\n className = '',\n image,\n imageEffect = 'pulse',\n }) => {\n // Check if color is a hex value or Tailwind class\n const isHexColor = color.startsWith('#');\n\n // Generate Tailwind classes for non-hex colors\n const getColorClasses = (property: string) => {\n if (isHexColor) return '';\n return {\n text: `text-${color}`,\n bg: `bg-${color}`,\n border: `border-${color}`,\n borderTop: `border-t-${color}`,\n borderRight: `border-r-${color}`,\n }[property] \|\| '';\n };\n\n // Get inline styles for hex colors\n const getColorStyle = (property: string) => {\n if (!isHexColor) return {};\n const styleMap: Record<string, string> = {\n color: 'color',\n backgroundColor: 'backgroundColor',\n borderColor: 'borderColor',\n borderTopColor: 'borderTopColor',\n borderRightColor: 'borderRightColor',\n };\n return { [styleMap[property]]: color };\n };\n\n const sizeClasses = {\n sm: 'w-4 h-4',\n md: 'w-8 h-8',\n lg: 'w-12 h-12',\n xl: 'w-16 h-16',\n };\n\n const imageSizeClasses = {\n sm: 'w-8 h-8',\n md: 'w-12 h-12',\n lg: 'w-16 h-16',\n xl: 'w-20 h-20',\n };\n\n const textSizeClasses = {\n sm: 'text-xs',\n md: 'text-sm',\n lg: 'text-base',\n xl: 'text-lg',\n };\n\n const getImageEffectClasses = () => {\n switch (imageEffect) {\n case 'bounce':\n return 'animate-bounce';\n case 'spin':\n return 'animate-spin';\n case 'float':\n return 'animate-pulse hover:animate-bounce';\n case 'heartbeat':\n return 'animate-ping';\n default:\n return 'animate-pulse';\n }\n };\n\n const ImageLoader = () => (\n <div className=\"relative flex items-center justify-center\">\n <img\n src={image}\n alt=\"Loading\"\n className={`${imageSizeClasses[size]} object-contain ${getImageEffectClasses()}`}\n style={{\n filter: 'drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))',\n animationDuration: imageEffect === 'heartbeat' ? '1.5s' : imageEffect === 'bounce' ? '1s' : '2s',\n }}\n />\n {imageEffect === 'float' && (\n <div\n className={`absolute inset-0 ${imageSizeClasses[size]} rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping`}\n style={{ animationDuration: '2s' }}\n />\n )}\n </div>\n );\n\n const SpinnerLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} border-4 border-gray-200 rounded-full animate-spin ${\n !isHexColor ? getColorClasses('borderTop') : ''\n }`}\n style={isHexColor ? { borderTopColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} border-4 border-transparent rounded-full animate-spin ${\n !isHexColor ? getColorClasses('borderRight') : ''\n }`}\n style={isHexColor ? { borderRightColor: color, animationDirection: 'reverse', animationDuration: '0.75s' } : { animationDirection: 'reverse', animationDuration: '0.75s' }}\n />\n </div>\n );\n\n const DotsLoader = () => (\n <div className=\"flex space-x-1\">\n {[0, 1, 2].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-2 h-2' : size === 'md' ? 'w-3 h-3' : size === 'lg' ? 'w-4 h-4' : 'w-5 h-5'} rounded-full animate-bounce ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n } : {\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n }}\n />\n ))}\n </div>\n );\n\n const PulseLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} rounded-full animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} rounded-full animate-ping opacity-30 ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n </div>\n );\n\n const BarsLoader = () => (\n <div className=\"flex space-x-1 items-end\">\n {[0, 1, 2, 3].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-1' : size === 'md' ? 'w-1.5' : size === 'lg' ? 'w-2' : 'w-2.5'} rounded-sm animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n } : {\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n }}\n />\n ))}\n </div>\n );\n\n const RippleLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? { borderColor: color } : {}}\n />\n <div\n className={`absolute inset-2 border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? {\n borderColor: color,\n animationDelay: '0.5s'\n } : {\n animationDelay: '0.5s'\n }}\n />\n </div>\n );\n\n const getLoader = () => {\n if (variant === 'image' && image) {\n return <ImageLoader />;\n }\n\n switch (variant) {\n case 'dots':\n return <DotsLoader />;\n case 'pulse':\n return <PulseLoader />;\n case 'bars':\n return <BarsLoader />;\n case 'ripple':\n return <RippleLoader />;\n default:\n return <SpinnerLoader />;\n }\n };\n\n const content = (\n <div className={`flex flex-col items-center justify-center space-y-3 ${className}`}>\n {getLoader()}\n {text && (\n <p\n className={`${textSizeClasses[size]} font-medium animate-pulse ${\n !isHexColor ? getColorClasses('text') : ''\n }`}\n style={isHexColor ? { color } : {}}\n >\n {text}\n </p>\n )}\n </div>\n );\n\n if (fullScreen) {\n return (\n <div className=\"fixed inset-0 bg-white/80 backdrop-blur-sm flex items-center justify-center z-50\">\n {content}\n </div>\n );\n }\n\n return content;\n};\n\nexport default Loading;\n// Demo component to showcase different variants\nexport const LoadingDemo: React.FC = () => {\n const [selectedColor, setSelectedColor] = React.useState('blue-500');\n const [selectedVariant, setSelectedVariant] = React.useState<LoadingProps['variant']>('spinner');\n const [selectedSize, setSelectedSize] = React.useState<LoadingProps['size']>('md');\n const [showFullScreen, setShowFullScreen] = React.useState(false);\n\n const colors = [\n { name: 'Blue', value: 'blue-500', hex: '#3B82F6' },\n { name: 'Purple', value: 'purple-500', hex: '#8B5CF6' },\n { name: 'Green', value: 'green-500', hex: '#10B981' },\n { name: 'Red', value: 'red-500', hex: '#EF4444' },\n { name: 'Orange', value: 'orange-500', hex: '#F59E0B' },\n { name: 'Pink', value: 'pink-500', hex: '#EC4899' },\n { name: 'Indigo', value: 'indigo-500', hex: '#6366F1' },\n { name: 'Teal', value: 'teal-500', hex: '#14B8A6' },\n ];\n\n const variants: LoadingProps['variant'][] = ['spinner', 'dots', 'pulse', 'bars', 'ripple'];\n const sizes: LoadingProps['size'][] = ['sm', 'md', 'lg', 'xl'];\n\n return (\n <div className=\"p-8 max-w-4xl mx-auto\">\n <h1 className=\"text-3xl font-bold text-gray-800 mb-8 text-center\">\n Modern Loading Component\n </h1>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6 mb-8\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">Customization</h2>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Color</label>\n <div className=\"flex flex-wrap gap-2\">\n {colors.map((colorOption) => (\n <button\n key={colorOption.value}\n onClick={() => setSelectedColor(colorOption.value)}\n className={`w-8 h-8 rounded-full border-2 transition-all ${\n selectedColor === colorOption.value ? 'border-gray-400 scale-110' : 'border-gray-200'\n }`}\n style={{ backgroundColor: colorOption.hex }}\n title={`${colorOption.name} (${colorOption.value})`}\n />\n ))}\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Variant</label>\n <select\n value={selectedVariant}\n onChange={(e) => setSelectedVariant(e.target.value as LoadingProps['variant'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {variants.map((variant) => (\n <option key={variant} value={variant}>\n {variant && (variant?.charAt(0).toUpperCase() + variant?.slice(1))}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Size</label>\n <select\n value={selectedSize}\n onChange={(e) => setSelectedSize(e.target.value as LoadingProps['size'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {sizes.map((size) => (\n <option key={size} value={size}>\n {size?.toUpperCase()}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Full Screen</label>\n <button\n onClick={() => setShowFullScreen(true)}\n className=\"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors\"\n >\n Demo Full Screen\n </button>\n </div>\n </div>\n\n <div className=\"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32\">\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading...\"\n />\n <div className=\"mt-4 p-3 bg-white rounded-md shadow-sm\">\n <code className=\"text-sm text-gray-600\">\n color=\"{selectedColor}\"\n </code>\n </div>\n </div>\n </div>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">All Variants</h2>\n <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6\">\n {variants.map((variant) => (\n <div key={variant} className=\"text-center\">\n <div className=\"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2\">\n <Loading variant={variant} color={selectedColor} />\n </div>\n <p className=\"text-sm text-gray-600 capitalize\">{variant}</p>\n </div>\n ))}\n </div>\n\n <div className=\"mt-6 p-4 bg-blue-50 rounded-lg\">\n <h3 className=\"font-semibold text-blue-800 mb-2\">Usage Examples:</h3>\n <div className=\"space-y-2 text-sm\">\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Tailwind CSS class\"}</code><br/>\n <code>{`<Loading color=\"primary-500\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Hex color\"}</code><br/>\n <code>{`<Loading color=\"#your-brand-color\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Custom Tailwind color\"}</code><br/>\n <code>{`<Loading color=\"emerald-400\" variant=\"dots\" />`}</code>\n </div>\n </div>\n </div>\n </div>\n\n {showFullScreen && (\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading in full screen...\"\n fullScreen\n />\n )}\n\n {showFullScreen && (\n <button\n onClick={() => setShowFullScreen(false)}\n className=\"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors\"\n >\n Close Full Screen\n </button>\n )}\n </div>\n );\n};"],"names":["Loading","_a","_b","size","_c","variant","_d","color","_e","fullScreen","text","_f","className","image","_g","imageEffect","isHexColor","startsWith","getColorClasses","property","concat","bg","border","borderTop","borderRight","sizeClasses","sm","md","lg","xl","imageSizeClasses","getImageEffectClasses","ImageLoader","_jsxs","children","_jsx","src","alt","style","filter","animationDuration","SpinnerLoader","borderTopColor","borderRightColor","animationDirection","DotsLoader","map","i","backgroundColor","animationDelay","PulseLoader","BarsLoader","height","RippleLoader","borderColor","content","getLoader","LoadingDemo","React","useState","selectedColor","setSelectedColor","selectedVariant","setSelectedVariant","selectedSize","setSelectedSize","showFullScreen","setShowFullScreen","variants","name","value","hex","colorOption","onClick","title","onChange","e","target","charAt","toUpperCase","slice"],"mappings":"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"}
1	+ {"version":3,"file":"Loading.mjs","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface LoadingProps {\n size?: 'sm' \| 'md' \| 'lg' \| 'xl';\n variant?: 'spinner' \| 'dots' \| 'pulse' \| 'bars' \| 'ripple' \| 'image';\n color?: string;\n fullScreen?: boolean;\n text?: string;\n className?: string;\n image?: string;\n imageEffect?: 'pulse' \| 'bounce' \| 'spin' \| 'float' \| 'heartbeat';\n}\n\nconst Loading: React.FC<LoadingProps> = ({\n size = 'md',\n variant = 'pulse',\n color = 'primary',\n fullScreen = false,\n text,\n className = '',\n image,\n imageEffect = 'pulse',\n }) => {\n // Check if color is a hex value or Tailwind class\n const isHexColor = color.startsWith('#');\n\n // Generate Tailwind classes for non-hex colors\n const getColorClasses = (property: string) => {\n if (isHexColor) return '';\n return {\n text: `text-${color}`,\n bg: `bg-${color}`,\n border: `border-${color}`,\n borderTop: `border-t-${color}`,\n borderRight: `border-r-${color}`,\n }[property] \|\| '';\n };\n\n // Get inline styles for hex colors\n const getColorStyle = (property: string) => {\n if (!isHexColor) return {};\n const styleMap: Record<string, string> = {\n color: 'color',\n backgroundColor: 'backgroundColor',\n borderColor: 'borderColor',\n borderTopColor: 'borderTopColor',\n borderRightColor: 'borderRightColor',\n };\n return { [styleMap[property]]: color };\n };\n\n const sizeClasses = {\n sm: 'w-4 h-4',\n md: 'w-8 h-8',\n lg: 'w-12 h-12',\n xl: 'w-16 h-16',\n };\n\n const imageSizeClasses = {\n sm: 'w-8 h-8',\n md: 'w-12 h-12',\n lg: 'w-16 h-16',\n xl: 'w-20 h-20',\n };\n\n const textSizeClasses = {\n sm: 'text-xs',\n md: 'text-sm',\n lg: 'text-base',\n xl: 'text-lg',\n };\n\n const getImageEffectClasses = () => {\n switch (imageEffect) {\n case 'bounce':\n return 'animate-bounce';\n case 'spin':\n return 'animate-spin';\n case 'float':\n return 'animate-pulse hover:animate-bounce';\n case 'heartbeat':\n return 'animate-ping';\n default:\n return 'animate-pulse';\n }\n };\n\n const ImageLoader = () => (\n <div className=\"relative flex items-center justify-center\">\n <img\n src={image}\n alt=\"Loading\"\n className={`${imageSizeClasses[size]} object-contain ${getImageEffectClasses()}`}\n style={{\n filter: 'drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))',\n animationDuration: imageEffect === 'heartbeat' ? '1.5s' : imageEffect === 'bounce' ? '1s' : '2s',\n }}\n />\n {imageEffect === 'float' && (\n <div\n className={`absolute inset-0 ${imageSizeClasses[size]} rounded-full bg-gradient-to-r from-purple-400 to-blue-400 opacity-20 animate-ping`}\n style={{ animationDuration: '2s' }}\n />\n )}\n </div>\n );\n\n const SpinnerLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} animate-spin rounded-full border-4 border-gray-200 dark:border-gray-700 ${\n !isHexColor ? getColorClasses('borderTop') : ''\n }`}\n style={isHexColor ? { borderTopColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} border-4 border-transparent rounded-full animate-spin ${\n !isHexColor ? getColorClasses('borderRight') : ''\n }`}\n style={isHexColor ? { borderRightColor: color, animationDirection: 'reverse', animationDuration: '0.75s' } : { animationDirection: 'reverse', animationDuration: '0.75s' }}\n />\n </div>\n );\n\n const DotsLoader = () => (\n <div className=\"flex space-x-1\">\n {[0, 1, 2].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-2 h-2' : size === 'md' ? 'w-3 h-3' : size === 'lg' ? 'w-4 h-4' : 'w-5 h-5'} rounded-full animate-bounce ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n } : {\n animationDelay: `${i * 0.2}s`,\n animationDuration: '1.4s'\n }}\n />\n ))}\n </div>\n );\n\n const PulseLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} rounded-full animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n <div\n className={`absolute inset-0 ${sizeClasses[size]} rounded-full animate-ping opacity-30 ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? { backgroundColor: color } : {}}\n />\n </div>\n );\n\n const BarsLoader = () => (\n <div className=\"flex space-x-1 items-end\">\n {[0, 1, 2, 3].map((i) => (\n <div\n key={i}\n className={`${size === 'sm' ? 'w-1' : size === 'md' ? 'w-1.5' : size === 'lg' ? 'w-2' : 'w-2.5'} rounded-sm animate-pulse ${\n !isHexColor ? getColorClasses('bg') : ''\n }`}\n style={isHexColor ? {\n backgroundColor: color,\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n } : {\n height: `${20 + i * 10}px`,\n animationDelay: `${i * 0.15}s`,\n animationDuration: '1.2s'\n }}\n />\n ))}\n </div>\n );\n\n const RippleLoader = () => (\n <div className=\"relative\">\n <div\n className={`${sizeClasses[size]} border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? { borderColor: color } : {}}\n />\n <div\n className={`absolute inset-2 border-4 rounded-full animate-ping ${\n !isHexColor ? getColorClasses('border') : ''\n }`}\n style={isHexColor ? {\n borderColor: color,\n animationDelay: '0.5s'\n } : {\n animationDelay: '0.5s'\n }}\n />\n </div>\n );\n\n const getLoader = () => {\n if (variant === 'image' && image) {\n return <ImageLoader />;\n }\n\n switch (variant) {\n case 'dots':\n return <DotsLoader />;\n case 'pulse':\n return <PulseLoader />;\n case 'bars':\n return <BarsLoader />;\n case 'ripple':\n return <RippleLoader />;\n default:\n return <SpinnerLoader />;\n }\n };\n\n const content = (\n <div className={`flex flex-col items-center justify-center space-y-3 ${className}`}>\n {getLoader()}\n {text && (\n <p\n className={`${textSizeClasses[size]} font-medium animate-pulse ${\n !isHexColor ? getColorClasses('text') : ''\n }`}\n style={isHexColor ? { color } : {}}\n >\n {text}\n </p>\n )}\n </div>\n );\n\n if (fullScreen) {\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-sm dark:bg-gray-950/80\">\n {content}\n </div>\n );\n }\n\n return content;\n};\n\nexport default Loading;\n// Demo component to showcase different variants\nexport const LoadingDemo: React.FC = () => {\n const [selectedColor, setSelectedColor] = React.useState('blue-500');\n const [selectedVariant, setSelectedVariant] = React.useState<LoadingProps['variant']>('spinner');\n const [selectedSize, setSelectedSize] = React.useState<LoadingProps['size']>('md');\n const [showFullScreen, setShowFullScreen] = React.useState(false);\n\n const colors = [\n { name: 'Blue', value: 'blue-500', hex: '#3B82F6' },\n { name: 'Purple', value: 'purple-500', hex: '#8B5CF6' },\n { name: 'Green', value: 'green-500', hex: '#10B981' },\n { name: 'Red', value: 'red-500', hex: '#EF4444' },\n { name: 'Orange', value: 'orange-500', hex: '#F59E0B' },\n { name: 'Pink', value: 'pink-500', hex: '#EC4899' },\n { name: 'Indigo', value: 'indigo-500', hex: '#6366F1' },\n { name: 'Teal', value: 'teal-500', hex: '#14B8A6' },\n ];\n\n const variants: LoadingProps['variant'][] = ['spinner', 'dots', 'pulse', 'bars', 'ripple'];\n const sizes: LoadingProps['size'][] = ['sm', 'md', 'lg', 'xl'];\n\n return (\n <div className=\"p-8 max-w-4xl mx-auto\">\n <h1 className=\"text-3xl font-bold text-gray-800 mb-8 text-center\">\n Modern Loading Component\n </h1>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6 mb-8\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">Customization</h2>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Color</label>\n <div className=\"flex flex-wrap gap-2\">\n {colors.map((colorOption) => (\n <button\n key={colorOption.value}\n onClick={() => setSelectedColor(colorOption.value)}\n className={`w-8 h-8 rounded-full border-2 transition-all ${\n selectedColor === colorOption.value ? 'border-gray-400 scale-110' : 'border-gray-200'\n }`}\n style={{ backgroundColor: colorOption.hex }}\n title={`${colorOption.name} (${colorOption.value})`}\n />\n ))}\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Variant</label>\n <select\n value={selectedVariant}\n onChange={(e) => setSelectedVariant(e.target.value as LoadingProps['variant'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {variants.map((variant) => (\n <option key={variant} value={variant}>\n {variant && (variant?.charAt(0).toUpperCase() + variant?.slice(1))}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Size</label>\n <select\n value={selectedSize}\n onChange={(e) => setSelectedSize(e.target.value as LoadingProps['size'])}\n className=\"w-full p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {sizes.map((size) => (\n <option key={size} value={size}>\n {size?.toUpperCase()}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-600 mb-2\">Full Screen</label>\n <button\n onClick={() => setShowFullScreen(true)}\n className=\"w-full p-2 bg-gray-600 text-white rounded-md hover:bg-gray-700 transition-colors\"\n >\n Demo Full Screen\n </button>\n </div>\n </div>\n\n <div className=\"bg-gray-50 rounded-lg p-8 flex flex-col items-center justify-center min-h-32\">\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading...\"\n />\n <div className=\"mt-4 p-3 bg-white rounded-md shadow-sm\">\n <code className=\"text-sm text-gray-600\">\n color=\"{selectedColor}\"\n </code>\n </div>\n </div>\n </div>\n\n <div className=\"bg-white rounded-xl shadow-lg p-6\">\n <h2 className=\"text-xl font-semibold text-gray-700 mb-4\">All Variants</h2>\n <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6\">\n {variants.map((variant) => (\n <div key={variant} className=\"text-center\">\n <div className=\"bg-gray-50 rounded-lg p-4 flex items-center justify-center h-24 mb-2\">\n <Loading variant={variant} color={selectedColor} />\n </div>\n <p className=\"text-sm text-gray-600 capitalize\">{variant}</p>\n </div>\n ))}\n </div>\n\n <div className=\"mt-6 p-4 bg-blue-50 rounded-lg\">\n <h3 className=\"font-semibold text-blue-800 mb-2\">Usage Examples:</h3>\n <div className=\"space-y-2 text-sm\">\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Tailwind CSS class\"}</code><br/>\n <code>{`<Loading color=\"primary-500\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Hex color\"}</code><br/>\n <code>{`<Loading color=\"#your-brand-color\" />`}</code>\n </div>\n <div className=\"bg-white p-2 rounded border\">\n <code className=\"text-blue-600\">{\"// Custom Tailwind color\"}</code><br/>\n <code>{`<Loading color=\"emerald-400\" variant=\"dots\" />`}</code>\n </div>\n </div>\n </div>\n </div>\n\n {showFullScreen && (\n <Loading\n variant={selectedVariant}\n size={selectedSize}\n color={selectedColor}\n text=\"Loading in full screen...\"\n fullScreen\n />\n )}\n\n {showFullScreen && (\n <button\n onClick={() => setShowFullScreen(false)}\n className=\"fixed top-4 right-4 z-50 bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors\"\n >\n Close Full Screen\n </button>\n )}\n </div>\n );\n};\n"],"names":["Loading","_a","_b","size","_c","variant","_d","color","_e","fullScreen","text","_f","className","image","_g","imageEffect","isHexColor","startsWith","getColorClasses","property","concat","bg","border","borderTop","borderRight","sizeClasses","sm","md","lg","xl","imageSizeClasses","getImageEffectClasses","ImageLoader","_jsxs","children","_jsx","src","alt","style","filter","animationDuration","SpinnerLoader","borderTopColor","borderRightColor","animationDirection","DotsLoader","map","i","backgroundColor","animationDelay","PulseLoader","BarsLoader","height","RippleLoader","borderColor","content","getLoader","LoadingDemo","React","useState","selectedColor","setSelectedColor","selectedVariant","setSelectedVariant","selectedSize","setSelectedSize","showFullScreen","setShowFullScreen","variants","name","value","hex","colorOption","onClick","title","onChange","e","target","charAt","toUpperCase","slice"],"mappings":"uEAaA,IAAMA,EAAkC,SAACC,OACIC,EAAAD,EAAAE,KAAAA,OAAI,IAAAD,EAAG,OACPE,EAAAH,EAAAI,QAAAA,OAAO,IAAAD,EAAG,QAAOA,EACjBE,UAAAC,aAAQ,UAASD,EACjBE,EAAAP,EAAAQ,WAAAA,OAAU,IAAAD,KACVE,SACAC,EAAAV,EAAAW,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAKZ,EAAAY,MACLC,gBAAAC,OAAW,IAAAD,EAAG,QAAOA,EAGxDE,EAAaT,EAAMU,WAAW,KAG9BC,EAAkB,SAACC,GACrB,OAAIH,EAAmB,GAChB,CACHN,KAAM,QAAAU,OAAQb,GACdc,GAAI,MAAAD,OAAMb,GACVe,OAAQ,UAAAF,OAAUb,GAClBgB,UAAW,YAAAH,OAAYb,GACvBiB,YAAa,YAAAJ,OAAYb,IAC3BY,IAAa,EACnB,EAeMM,EAAc,CAChBC,GAAI,UACJC,GAAI,UACJC,GAAI,YACJC,GAAI,aAGFC,EAAmB,CACrBJ,GAAI,UACJC,GAAI,YACJC,GAAI,YACJC,GAAI,aAUFE,EAAwB,WAC1B,OAAQhB,GACJ,IAAK,SACD,MAAO,iBACX,IAAK,OACD,MAAO,eACX,IAAK,QACD,MAAO,qCACX,IAAK,YACD,MAAO,eACX,QACI,MAAO,gBAEnB,EAEMiB,EAAc,WAAM,OACtBC,EAAA,MAAA,CAAKrB,UAAU,4CAA2CsB,SAAA,CACtDC,EAAA,MAAA,CACIC,IAAKvB,EACLwB,IAAI,UACJzB,UAAW,GAAAQ,OAAGU,EAAiB3B,GAAK,oBAAAiB,OAAmBW,KACvDO,MAAO,CACHC,OAAQ,4CACRC,kBAAmC,cAAhBzB,EAA8B,OAAyB,WAAhBA,EAA2B,KAAO,QAGnF,UAAhBA,GACGoB,EAAA,MAAA,CACIvB,UAAW,oBAAAQ,OAAoBU,EAAiB3B,GAAK,sFACrDmC,MAAO,CAAEE,kBAAmB,UAdlB,EAoBpBC,EAAgB,WAAM,OACxBR,SAAKrB,UAAU,WAAUsB,SAAA,CACrBC,EAAA,MAAA,CACIvB,UAAW,GAAAQ,OAAGK,EAAYtB,GAAK,6EAAAiB,OAC1BJ,EAA4C,GAA/BE,EAAgB,cAElCoB,MAAOtB,EAAa,CAAE0B,eAAgBnC,GAAU,CAAA,IAEpD4B,EAAA,MAAA,CACIvB,UAAW,oBAAAQ,OAAoBK,EAAYtB,GAAK,2DAAAiB,OAC3CJ,EAA8C,GAAjCE,EAAgB,gBAElCoB,MAAOtB,EAAa,CAAE2B,iBAAkBpC,EAAOqC,mBAAoB,UAAWJ,kBAAmB,SAAY,CAAEI,mBAAoB,UAAWJ,kBAAmB,aAZjJ,EAiBtBK,EAAa,WAAM,OACrBV,SAAKvB,UAAU,iBAAgBsB,SAC1B,CAAC,EAAG,EAAG,GAAGY,KAAI,SAACC,GAAM,OAClBZ,EAAA,MAAA,CAEIvB,UAAW,GAAAQ,OAAY,OAATjB,EAAgB,UAAqB,OAATA,EAAgB,UAAqB,OAATA,EAAgB,UAAY,UAAS,iCAAAiB,OACtGJ,EAAqC,GAAxBE,EAAgB,OAElCoB,MAAOtB,EAAa,CAChBgC,gBAAiBzC,EACjB0C,eAAgB,GAAA7B,OAAO,GAAJ2B,EAAO,KAC1BP,kBAAmB,QACnB,CACAS,eAAgB,GAAA7B,OAAO,GAAJ2B,EAAO,KAC1BP,kBAAmB,SAVlBO,EAFS,KAFL,EAqBnBG,EAAc,WAAM,OACtBjB,EAAA,MAAA,CAAKrB,UAAU,WAAUsB,SAAA,CACrBC,SACIvB,UAAW,UAAGa,EAAYtB,GAAK,gCAAAiB,OAC1BJ,EAAqC,GAAxBE,EAAgB,OAElCoB,MAAOtB,EAAa,CAAEgC,gBAAiBzC,GAAU,CAAA,IAErD4B,EAAA,MAAA,CACIvB,UAAW,oBAAAQ,OAAoBK,EAAYtB,oDACtCa,EAAqC,GAAxBE,EAAgB,OAElCoB,MAAOtB,EAAa,CAAEgC,gBAAiBzC,GAAU,CAAA,MAZnC,EAiBpB4C,EAAa,WAAM,OACrBhB,SAAKvB,UAAU,2BAA0BsB,SACpC,CAAC,EAAG,EAAG,EAAG,GAAGY,KAAI,SAACC,GAAM,OACrBZ,SAEIvB,UAAW,GAAAQ,OAAY,OAATjB,EAAgB,MAAiB,OAATA,EAAgB,QAAmB,OAATA,EAAgB,MAAQ,QAAO,8BAAAiB,OAC1FJ,EAAqC,GAAxBE,EAAgB,OAElCoB,MAAOtB,EAAa,CAChBgC,gBAAiBzC,EACjB6C,OAAQ,GAAAhC,OAAG,GAAS,GAAJ2B,EAAM,MACtBE,eAAgB,GAAA7B,OAAO,IAAJ2B,EAAQ,KAC3BP,kBAAmB,QACnB,CACAY,OAAQ,GAAAhC,OAAG,GAAS,GAAJ2B,EAAM,MACtBE,eAAgB,GAAA7B,OAAO,IAAJ2B,EAAQ,KAC3BP,kBAAmB,SAZlBO,EAFY,KAFR,EAuBnBM,EAAe,WAAM,OACvBpB,EAAA,MAAA,CAAKrB,UAAU,qBACXuB,EAAA,MAAA,CACIvB,UAAW,GAAAQ,OAAGK,EAAYtB,GAAK,wCAAAiB,OAC1BJ,EAAyC,GAA5BE,EAAgB,WAElCoB,MAAOtB,EAAa,CAAEsC,YAAa/C,GAAU,CAAA,IAEjD4B,EAAA,MAAA,CACIvB,UAAW,8DACNI,EAAyC,GAA5BE,EAAgB,WAElCoB,MAAOtB,EAAa,CAChBsC,YAAa/C,EACb0C,eAAgB,QAChB,CACAA,eAAgB,YAhBL,EAyCrBM,EACFtB,EAAA,MAAA,CAAKrB,UAAW,uDAAAQ,OAAuDR,GAAWsB,SAAA,CApBpE,WACd,GAAgB,UAAZ7B,GAAuBQ,EACvB,OAAOsB,EAACH,EAAW,IAGvB,OAAQ3B,GACJ,IAAK,OACD,OAAO8B,EAACU,EAAU,IACtB,IAAK,QACD,OAAOV,EAACe,EAAW,IACvB,IAAK,OACD,OAAOf,EAACgB,EAAU,IACtB,IAAK,SACD,OAAOhB,EAACkB,EAAY,IACxB,QACI,OAAOlB,EAACM,EAAa,IAEjC,CAISe,GACA9C,GACGyB,EAAA,IAAA,CACIvB,UAAW,GAAAQ,OAtKH,CACpBM,GAAI,UACJC,GAAI,UACJC,GAAI,YACJC,GAAI,WAkKsC1B,GAAK,+BAAAiB,OAC9BJ,EAAuC,GAA1BE,EAAgB,SAElCoB,MAAOtB,EAAa,CAAET,MAAKA,GAAK,CAAA,EAAE2B,SAEjCxB,OAMjB,OAAID,EAEI0B,SAAKvB,UAAU,uGAAsGsB,SAChHqB,IAKNA,CACX,EAIaE,EAAwB,WAC3B,IAAAxD,EAAoCyD,EAAMC,SAAS,YAAlDC,EAAa3D,EAAA,GAAE4D,OAChB3D,EAAwCwD,EAAMC,SAAkC,WAA/EG,EAAe5D,EAAA,GAAE6D,OAClB3D,EAAkCsD,EAAMC,SAA+B,MAAtEK,EAAY5D,EAAA,GAAE6D,OACf3D,EAAsCoD,EAAMC,UAAS,GAApDO,EAAc5D,EAAA,GAAE6D,OAajBC,EAAsC,CAAC,UAAW,OAAQ,QAAS,OAAQ,UAGjF,OACInC,EAAA,MAAA,CAAKrB,UAAU,wBAAuBsB,SAAA,CAClCC,EAAA,KAAA,CAAIvB,UAAU,oDAAmDsB,SAAA,6BAIjED,EAAA,MAAA,CAAKrB,UAAU,yCAAwCsB,SAAA,CACnDC,EAAA,KAAA,CAAIvB,UAAU,2CAA0CsB,SAAA,kBAExDD,EAAA,MAAA,CAAKrB,UAAU,4DAA2DsB,SAAA,CACtED,EAAA,MAAA,CAAAC,SAAA,CACIC,EAAA,QAAA,CAAOvB,UAAU,+CAA8CsB,SAAA,UAC/DC,EAAA,MAAA,CAAKvB,UAAU,uBAAsBsB,SA1B1C,CACX,CAAEmC,KAAM,OAAQC,MAAO,WAAYC,IAAK,WACxC,CAAEF,KAAM,SAAUC,MAAO,aAAcC,IAAK,WAC5C,CAAEF,KAAM,QAASC,MAAO,YAAaC,IAAK,WAC1C,CAAEF,KAAM,MAAOC,MAAO,UAAWC,IAAK,WACtC,CAAEF,KAAM,SAAUC,MAAO,aAAcC,IAAK,WAC5C,CAAEF,KAAM,OAAQC,MAAO,WAAYC,IAAK,WACxC,CAAEF,KAAM,SAAUC,MAAO,aAAcC,IAAK,WAC5C,CAAEF,KAAM,OAAQC,MAAO,WAAYC,IAAK,YAmBZzB,KAAI,SAAC0B,GAAgB,OACzBrC,EAAA,SAAA,CAEIsC,QAAS,WAAM,OAAAZ,EAAiBW,EAAYF,MAA7B,EACf1D,UAAW,gDAAAQ,OACPwC,IAAkBY,EAAYF,MAAQ,4BAA8B,mBAExEhC,MAAO,CAAEU,gBAAiBwB,EAAYD,KACtCG,MAAO,UAAGF,EAAYH,KAAI,MAAAjD,OAAKoD,EAAYF,MAAK,MAN3CE,EAAYF,MAFI,SAcrCrC,EAAA,MAAA,CAAAC,SAAA,CACIC,EAAA,QAAA,CAAOvB,UAAU,+CAA8CsB,SAAA,YAC/DC,EAAA,SAAA,CACImC,MAAOR,EACPa,SAAU,SAACC,GAAM,OAAAb,EAAmBa,EAAEC,OAAOP,MAA5B,EACjB1D,UAAU,yGAAwGsB,SAEjHkC,EAAStB,KAAI,SAACzC,GAAY,OACvB8B,EAAA,SAAA,CAAsBmC,MAAOjE,EAAO6B,SAC/B7B,IAAYA,aAAO,EAAPA,EAASyE,OAAO,GAAGC,gBAAgB1E,aAAO,EAAPA,EAAS2E,MAAM,KADtD3E,EADU,SAQnC4B,EAAA,MAAA,CAAAC,SAAA,CACIC,EAAA,QAAA,CAAOvB,UAAU,+CAA8CsB,SAAA,SAC/DC,EAAA,SAAA,CACImC,MAAON,EACPW,SAAU,SAACC,GAAM,OAAAX,EAAgBW,EAAEC,OAAOP,MAAzB,EACjB1D,UAAU,yGAAwGsB,SAjDpG,CAAC,KAAM,KAAM,KAAM,MAmD1BY,KAAI,SAAC3C,GAAS,OACjBgC,EAAA,SAAA,CAAmBmC,MAAOnE,EAAI+B,SACzB/B,aAAI,EAAJA,EAAM4E,eADE5E,EADI,SAQ7B8B,EAAA,MAAA,CAAAC,SAAA,CACIC,EAAA,QAAA,CAAOvB,UAAU,+CAA8CsB,SAAA,gBAC/DC,EAAA,SAAA,CACIsC,QAAS,WAAM,OAAAN,GAAkB,EAAlB,EACfvD,UAAU,mFAAkFsB,SAAA,2BAOxGD,SAAKrB,UAAU,+EAA8EsB,SAAA,CACzFC,EAACnC,EAAO,CACJK,QAASyD,EACT3D,KAAM6D,EACNzD,MAAOqD,EACPlD,KAAK,eAETyB,EAAA,MAAA,CAAKvB,UAAU,yCAAwCsB,SACnDD,EAAA,OAAA,CAAMrB,UAAU,wBAAuBsB,SAAA,CAAA,UAC3B0B,EAAa,eAMrC3B,EAAA,MAAA,CAAKrB,UAAU,oCAAmCsB,SAAA,CAC9CC,EAAA,KAAA,CAAIvB,UAAU,2CAA0CsB,SAAA,iBACxDC,EAAA,MAAA,CAAKvB,UAAU,uDAAsDsB,SAChEkC,EAAStB,KAAI,SAACzC,GAAY,OACvB4B,SAAmBrB,UAAU,cAAasB,SAAA,CACtCC,EAAA,MAAA,CAAKvB,UAAU,uEAAsEsB,SACjFC,EAACnC,EAAO,CAACK,QAASA,EAASE,MAAOqD,MAEtCzB,EAAA,IAAA,CAAGvB,UAAU,mCAAkCsB,SAAE7B,MAJ3CA,EADa,MAU/B4B,EAAA,MAAA,CAAKrB,UAAU,iCAAgCsB,SAAA,CAC3CC,EAAA,KAAA,CAAIvB,UAAU,mCAAkCsB,SAAA,oBAChDD,EAAA,MAAA,CAAKrB,UAAU,oBAAmBsB,SAAA,CAC9BD,EAAA,MAAA,CAAKrB,UAAU,8BAA6BsB,SAAA,CACxCC,EAAA,OAAA,CAAMvB,UAAU,gBAAesB,SAAE,0BAA+BC,EAAA,KAAA,CAAA,GAChEA,EAAA,OAAA,CAAAD,SAAO,uCAEXD,EAAA,MAAA,CAAKrB,UAAU,8BAA6BsB,SAAA,CACxCC,EAAA,OAAA,CAAMvB,UAAU,gBAAesB,SAAE,iBAAsBC,EAAA,KAAA,CAAA,GACvDA,EAAA,OAAA,CAAAD,SAAO,6CAEXD,EAAA,MAAA,CAAKrB,UAAU,wCACXuB,EAAA,OAAA,CAAMvB,UAAU,gBAAesB,SAAE,6BAAkCC,EAAA,KAAA,CAAA,GACnEA,EAAA,OAAA,CAAAD,SAAO,+DAMtBgC,GACG/B,EAACnC,EAAO,CACJK,QAASyD,EACT3D,KAAM6D,EACNzD,MAAOqD,EACPlD,KAAK,4BACLD,YAAU,IAIjByD,GACG/B,EAAA,SAAA,CACIsC,QAAS,WAAM,OAAAN,GAAkB,EAAlB,EACfvD,UAAU,yGAAwGsB,SAAA,wBAOtI"}

package/dist/index.d.ts CHANGED Viewed

@@ -641,7 +641,7 @@ interface TooltipProps {
 }
 declare const Tooltip: React$1.FC<TooltipProps>;
-type BadgeVariant = "default" | "secondary" | "success" | "warning" | "error" | "info";
+type BadgeVariant = "default" | "secondary" | "success" | "completed" | "warning" | "error" | "info" | "active" | "suspended" | "danger";
 interface BadgeProps {
     children: React$1.ReactNode;
     variant?: BadgeVariant;

package/dist/styles.css CHANGED Viewed

	@@ -1 +1 @@
1	- ,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/! tailwindcss v3.4.19 \| MIT License \| https://tailwindcss.com/,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--pd-primary:14 138 116;--pd-primary-50:240 253 250;--pd-primary-100:204 251 241;--pd-primary-400:45 212 191;--pd-primary-500:20 184 166;--pd-primary-600:13 148 136;--pd-primary-700:15 118 110;--pd-primary-800:17 94 89;--pd-primary-900:19 78 74;--pd-secondary:14 138 170;--pd-dark:31 41 55}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] )){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] )){border-inline-start-color:var(--tw-prose-quote-borders);border-inline-start-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-inline-start:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] )):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] )):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] )){display:block;margin-bottom:2em;margin-top:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.3125rem;box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding-inline-end:.375em;padding-bottom:.1875em;padding-top:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] )){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-top:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] )){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] )){text-align:start}.prose :where(figure>):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h2+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h3+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h4+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-top:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] )){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.8888889em;margin-top:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] )){font-size:2.1428571em;line-height:1.2;margin-bottom:.8em;margin-top:0}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] )){font-size:1.4285714em;line-height:1.4;margin-bottom:.8em;margin-top:1.6em}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] )){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.5555556em}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] )){line-height:1.4285714;margin-bottom:.5714286em;margin-top:1.4285714em}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.3125rem;font-size:.8571429em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-top:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.25rem;font-size:.8571429em;line-height:1.6666667;margin-bottom:1.6666667em;margin-top:1.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-top:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.2857143em;margin-top:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2.8571429em;margin-top:2.8571429em}.prose-sm :where(hr+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(h2+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(h3+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(h4+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:1em;padding-bottom:.6666667em;padding-top:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(figure>):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0}.pd-text-editor .ProseMirror table{border-collapse:collapse;width:100%}.pd-text-editor .ProseMirror td,.pd-text-editor .ProseMirror th{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-width:1px;padding:.5rem .75rem;vertical-align:top}.pd-text-editor .ProseMirror th{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-weight:600}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-2{inset:.5rem}.inset-y-0{bottom:0;top:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-full{right:100%}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[1000\]{z-index:1000}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-60{max-height:15rem}.max-h-72{max-height:18rem}.max-h-\[600px\]{max-height:600px}.max-h-\[90vh\]{max-height:90vh}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-32{min-height:8rem}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[320px\]{min-height:320px}.min-h-\[32px\]{min-height:32px}.min-h-\[40px\]{min-height:40px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.min-w-\[44px\]{min-width:44px}.min-w-\[50px\]{min-width:50px}.min-w-\[80px\]{min-width:80px}.min-w-\[90px\]{min-width:90px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[120px\]{max-width:120px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x:0.125rem}.translate-x-full{--tw-translate-x:100%}.rotate-180,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1px(1 - var(--tw-space-x-reverse)));margin-right:calc(-1pxvar(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.25remvar(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.5remvar(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.75remvar(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem(1 - var(--tw-space-x-reverse)));margin-right:calc(1remvar(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25remvar(--tw-space-y-reverse));margin-top:calc(.25rem(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5remvar(--tw-space-y-reverse));margin-top:calc(.5rem(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75remvar(--tw-space-y-reverse));margin-top:calc(.75rem(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1remvar(--tw-space-y-reverse));margin-top:calc(1rem(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5remvar(--tw-space-y-reverse));margin-top:calc(1.5rem(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2remvar(--tw-space-y-reverse));margin-top:calc(2rem(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1pxvar(--tw-divide-y-reverse));border-top-width:calc(1px(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-l-\[12px\]{border-bottom-left-radius:12px;border-top-left-radius:12px}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-\[12px\]{border-bottom-right-radius:12px;border-top-right-radius:12px}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-dark{--tw-border-opacity:1;border-color:rgb(var(--pd-dark,31 41 55)/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--pd-primary,14 138 116)/var(--tw-border-opacity,1))}.border-primary-100{--tw-border-opacity:1;border-color:rgb(var(--pd-primary-100,204 251 241)/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:rgb(var(--pd-secondary,14 138 170)/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-b-blue-600{--tw-border-opacity:1;border-bottom-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-b-gray-900{--tw-border-opacity:1;border-bottom-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-b-transparent{border-bottom-color:transparent}.border-b-white{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-l-blue-600{--tw-border-opacity:1;border-left-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-l-gray-900{--tw-border-opacity:1;border-left-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:transparent}.border-l-white{--tw-border-opacity:1;border-left-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-r-blue-600{--tw-border-opacity:1;border-right-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-r-gray-900{--tw-border-opacity:1;border-right-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-r-transparent{border-right-color:transparent}.border-r-white{--tw-border-opacity:1;border-right-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-t-gray-900{--tw-border-opacity:1;border-top-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.bg-dark{--tw-bg-opacity:1;background-color:rgb(var(--pd-dark,31 41 55)/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary,14 138 116)/var(--tw-bg-opacity,1))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-100,204 251 241)/var(--tw-bg-opacity,1))}.bg-primary-50{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-50,240 253 250)/var(--tw-bg-opacity,1))}.bg-primary-500{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(var(--pd-secondary,14 138 170)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-gray-100{--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f3f4f6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-dark{--tw-text-opacity:1;color:rgb(var(--pd-dark,31 41 55)/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(var(--pd-primary,14 138 116)/var(--tw-text-opacity,1))}.text-primary-500{--tw-text-opacity:1;color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:rgb(var(--pd-primary-600,13 148 136)/var(--tw-text-opacity,1))}.text-primary-700{--tw-text-opacity:1;color:rgb(var(--pd-primary-700,15 118 110)/var(--tw-text-opacity,1))}.text-primary-800{--tw-text-opacity:1;color:rgb(var(--pd-primary-800,17 94 89)/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:rgb(var(--pd-secondary,14 138 170)/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.placeholder-gray-300::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(209 213 219/var(--tw-placeholder-opacity,1))}.placeholder-gray-300::placeholder{--tw-placeholder-opacity:1;color:rgb(209 213 219/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))}.ring-primary-400{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary-400,45 212 191)/var(--tw-ring-opacity,1))}.ring-red-300{--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity,1))}.ring-opacity-5{--tw-ring-opacity:0.05}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-2xl,.backdrop-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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-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{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.slide-in-from-left-full{--tw-enter-translate-x:-100%}.slide-in-from-right-full{--tw-enter-translate-x:100%}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-gray-100::file-selector-button{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1::file-selector-button{padding-bottom:.25rem;padding-top:.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:rounded-2xl:before{border-radius:1rem;content:var(--tw-content)}.before\:bg-gradient-to-br:before{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));content:var(--tw-content)}.before\:from-white\/10:before{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.before\:to-transparent:before{--tw-gradient-to:transparent var(--tw-gradient-to-position);content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-primary:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary,14 138 116)/var(--tw-ring-opacity,1))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@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}}.hover\:animate-bounce:hover{animation:bounce 1s infinite}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(var(--pd-primary,14 138 116)/var(--tw-border-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-cyan-200:hover{--tw-bg-opacity:1;background-color:rgb(165 243 252/var(--tw-bg-opacity,1))}.hover\:bg-dark:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-dark,31 41 55)/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary,14 138 116)/var(--tw-bg-opacity,1))}.hover\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-600,13 148 136)/var(--tw-bg-opacity,1))}.hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-700,15 118 110)/var(--tw-bg-opacity,1))}.hover\:bg-primary\/90:hover{background-color:rgb(var(--pd-primary,14 138 116)/.9)}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-rose-700:hover{--tw-bg-opacity:1;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-secondary,14 138 170)/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/30:hover{background-color:hsla(0,0%,100%,.3)}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:bg-opacity-100:hover{--tw-bg-opacity:1}.hover\:bg-opacity-20:hover{--tw-bg-opacity:0.2}.hover\:text-amber-600:hover{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-primary-700:hover{--tw-text-opacity:1;color:rgb(var(--pd-primary-700,15 118 110)/var(--tw-text-opacity,1))}.hover\:text-primary-900:hover{--tw-text-opacity:1;color:rgb(var(--pd-primary-900,19 78 74)/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(var(--pd-secondary,14 138 170)/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.file\:hover\:bg-gray-200:hover::file-selector-button{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.focus\:border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-border-opacity,1))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary,14 138 116)/var(--tw-ring-opacity,1))}.focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-ring-opacity,1))}.focus\:ring-primary-500\/20:focus{--tw-ring-color:rgb(var(--pd-primary-500,20 184 166)/0.2)}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.prose-h1\:text-3xl :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] ))){font-size:1.875rem;line-height:2.25rem}.prose-h1\:font-bold :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] ))){font-weight:700}.prose-h2\:text-2xl :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] ))){font-size:1.5rem;line-height:2rem}.prose-h2\:font-semibold :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] ))){font-weight:600}.prose-h3\:text-xl :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] ))){font-size:1.25rem;line-height:1.75rem}.prose-h3\:font-semibold :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] ))){font-weight:600}.dark\:divide-gray-700:is(.dark )>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity,1))}.dark\:border-gray-600:is(.dark ){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700:is(.dark ){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-700\/30:is(.dark ){border-color:rgba(55,65,81,.3)}.dark\:bg-blue-950\/40:is(.dark ){background-color:rgba(23,37,84,.4)}.dark\:bg-gray-700:is(.dark ){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark ){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/20:is(.dark ){background-color:rgba(31,41,55,.2)}.dark\:bg-gray-900:is(.dark ){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-gray-900\/50:is(.dark ){background-color:rgba(17,24,39,.5)}.dark\:bg-gray-900\/95:is(.dark ){background-color:rgba(17,24,39,.95)}.dark\:text-gray-100:is(.dark ){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark ){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark ){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark ){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark ){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark ){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-500:is(.dark )::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-500:is(.dark )::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-600:is(.dark )::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-600:is(.dark )::placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity,1))}.dark\:ring-1:is(.dark ){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\:ring-gray-700:is(.dark ){--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}.before\:dark\:from-gray-900\/10:is(.dark ):before{--tw-gradient-from:rgba(17,24,39,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\:hover\:border-gray-600:hover:is(.dark ){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark ){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark ){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-800:hover:is(.dark ){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-800\/30:hover:is(.dark ){background-color:rgba(31,41,55,.3)}.dark\:hover\:bg-red-950\/40:hover:is(.dark ){background-color:rgba(69,10,10,.4)}.dark\:hover\:text-gray-200:hover:is(.dark ){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:hover\:text-red-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark ){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:focus\:ring-offset-gray-900:focus:is(.dark *){--tw-ring-offset-color:#111827}@media (min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:w-96{width:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
1	+ ,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/! tailwindcss v3.4.19 \| MIT License \| https://tailwindcss.com/,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--pd-primary:14 138 116;--pd-primary-50:240 253 250;--pd-primary-100:204 251 241;--pd-primary-400:45 212 191;--pd-primary-500:20 184 166;--pd-primary-600:13 148 136;--pd-primary-700:15 118 110;--pd-primary-800:17 94 89;--pd-primary-900:19 78 74;--pd-secondary:14 138 170;--pd-dark:31 41 55}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] )){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] )){border-inline-start-color:var(--tw-prose-quote-borders);border-inline-start-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-inline-start:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] )):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] )):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] )){display:block;margin-bottom:2em;margin-top:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.3125rem;box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding-inline-end:.375em;padding-bottom:.1875em;padding-top:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] )){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-top:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] )){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] )){text-align:start}.prose :where(figure>):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h2+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h3+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h4+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-top:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] )){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.8888889em;margin-top:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] )){font-size:2.1428571em;line-height:1.2;margin-bottom:.8em;margin-top:0}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] )){font-size:1.4285714em;line-height:1.4;margin-bottom:.8em;margin-top:1.6em}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] )){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.5555556em}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] )){line-height:1.4285714;margin-bottom:.5714286em;margin-top:1.4285714em}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.3125rem;font-size:.8571429em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-top:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.25rem;font-size:.8571429em;line-height:1.6666667;margin-bottom:1.6666667em;margin-top:1.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-top:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.2857143em;margin-top:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2.8571429em;margin-top:2.8571429em}.prose-sm :where(hr+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(h2+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(h3+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(h4+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:1em;padding-bottom:.6666667em;padding-top:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(figure>):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0}.pd-text-editor .ProseMirror table{border-collapse:collapse;width:100%}.pd-text-editor .ProseMirror td,.pd-text-editor .ProseMirror th{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-width:1px;padding:.5rem .75rem;vertical-align:top}.pd-text-editor .ProseMirror th{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-weight:600}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-2{inset:.5rem}.inset-y-0{bottom:0;top:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-full{right:100%}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[1000\]{z-index:1000}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-60{max-height:15rem}.max-h-72{max-height:18rem}.max-h-\[600px\]{max-height:600px}.max-h-\[90vh\]{max-height:90vh}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-32{min-height:8rem}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[320px\]{min-height:320px}.min-h-\[32px\]{min-height:32px}.min-h-\[40px\]{min-height:40px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.min-w-\[44px\]{min-width:44px}.min-w-\[50px\]{min-width:50px}.min-w-\[80px\]{min-width:80px}.min-w-\[90px\]{min-width:90px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[120px\]{max-width:120px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x:0.125rem}.translate-x-full{--tw-translate-x:100%}.rotate-180,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1px(1 - var(--tw-space-x-reverse)));margin-right:calc(-1pxvar(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.25remvar(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.5remvar(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem(1 - var(--tw-space-x-reverse)));margin-right:calc(.75remvar(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem(1 - var(--tw-space-x-reverse)));margin-right:calc(1remvar(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25remvar(--tw-space-y-reverse));margin-top:calc(.25rem(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5remvar(--tw-space-y-reverse));margin-top:calc(.5rem(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75remvar(--tw-space-y-reverse));margin-top:calc(.75rem(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1remvar(--tw-space-y-reverse));margin-top:calc(1rem(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5remvar(--tw-space-y-reverse));margin-top:calc(1.5rem(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2remvar(--tw-space-y-reverse));margin-top:calc(2rem(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1pxvar(--tw-divide-y-reverse));border-top-width:calc(1px(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-l-\[12px\]{border-bottom-left-radius:12px;border-top-left-radius:12px}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-\[12px\]{border-bottom-right-radius:12px;border-top-right-radius:12px}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-dark{--tw-border-opacity:1;border-color:rgb(var(--pd-dark,31 41 55)/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--pd-primary,14 138 116)/var(--tw-border-opacity,1))}.border-primary-100{--tw-border-opacity:1;border-color:rgb(var(--pd-primary-100,204 251 241)/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:rgb(var(--pd-secondary,14 138 170)/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-b-blue-600{--tw-border-opacity:1;border-bottom-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-b-gray-900{--tw-border-opacity:1;border-bottom-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-b-transparent{border-bottom-color:transparent}.border-b-white{--tw-border-opacity:1;border-bottom-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-l-blue-600{--tw-border-opacity:1;border-left-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-l-gray-900{--tw-border-opacity:1;border-left-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:transparent}.border-l-white{--tw-border-opacity:1;border-left-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-r-blue-600{--tw-border-opacity:1;border-right-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-r-gray-900{--tw-border-opacity:1;border-right-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-r-transparent{border-right-color:transparent}.border-r-white{--tw-border-opacity:1;border-right-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-t-gray-900{--tw-border-opacity:1;border-top-color:rgb(17 24 39/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.bg-dark{--tw-bg-opacity:1;background-color:rgb(var(--pd-dark,31 41 55)/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary,14 138 116)/var(--tw-bg-opacity,1))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-100,204 251 241)/var(--tw-bg-opacity,1))}.bg-primary-50{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-50,240 253 250)/var(--tw-bg-opacity,1))}.bg-primary-500{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(var(--pd-secondary,14 138 170)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-gray-100{--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f3f4f6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-dark{--tw-text-opacity:1;color:rgb(var(--pd-dark,31 41 55)/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(var(--pd-primary,14 138 116)/var(--tw-text-opacity,1))}.text-primary-500{--tw-text-opacity:1;color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:rgb(var(--pd-primary-600,13 148 136)/var(--tw-text-opacity,1))}.text-primary-700{--tw-text-opacity:1;color:rgb(var(--pd-primary-700,15 118 110)/var(--tw-text-opacity,1))}.text-primary-800{--tw-text-opacity:1;color:rgb(var(--pd-primary-800,17 94 89)/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:rgb(var(--pd-secondary,14 138 170)/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.placeholder-gray-300::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(209 213 219/var(--tw-placeholder-opacity,1))}.placeholder-gray-300::placeholder{--tw-placeholder-opacity:1;color:rgb(209 213 219/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))}.ring-primary-400{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary-400,45 212 191)/var(--tw-ring-opacity,1))}.ring-red-300{--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity,1))}.ring-opacity-5{--tw-ring-opacity:0.05}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-2xl,.backdrop-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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-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{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.slide-in-from-left-full{--tw-enter-translate-x:-100%}.slide-in-from-right-full{--tw-enter-translate-x:100%}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-gray-100::file-selector-button{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1::file-selector-button{padding-bottom:.25rem;padding-top:.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:rounded-2xl:before{border-radius:1rem;content:var(--tw-content)}.before\:bg-gradient-to-br:before{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));content:var(--tw-content)}.before\:from-white\/10:before{--tw-gradient-from:hsla(0,0%,100%,.1) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.before\:to-transparent:before{--tw-gradient-to:transparent var(--tw-gradient-to-position);content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-primary:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary,14 138 116)/var(--tw-ring-opacity,1))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@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}}.hover\:animate-bounce:hover{animation:bounce 1s infinite}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(var(--pd-primary,14 138 116)/var(--tw-border-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-cyan-200:hover{--tw-bg-opacity:1;background-color:rgb(165 243 252/var(--tw-bg-opacity,1))}.hover\:bg-dark:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-dark,31 41 55)/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary,14 138 116)/var(--tw-bg-opacity,1))}.hover\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-600,13 148 136)/var(--tw-bg-opacity,1))}.hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-primary-700,15 118 110)/var(--tw-bg-opacity,1))}.hover\:bg-primary\/90:hover{background-color:rgb(var(--pd-primary,14 138 116)/.9)}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-rose-700:hover{--tw-bg-opacity:1;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(var(--pd-secondary,14 138 170)/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/30:hover{background-color:hsla(0,0%,100%,.3)}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:bg-opacity-100:hover{--tw-bg-opacity:1}.hover\:bg-opacity-20:hover{--tw-bg-opacity:0.2}.hover\:text-amber-600:hover{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-primary-700:hover{--tw-text-opacity:1;color:rgb(var(--pd-primary-700,15 118 110)/var(--tw-text-opacity,1))}.hover\:text-primary-900:hover{--tw-text-opacity:1;color:rgb(var(--pd-primary-900,19 78 74)/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(var(--pd-secondary,14 138 170)/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.file\:hover\:bg-gray-200:hover::file-selector-button{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.focus\:border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-border-opacity,1))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary,14 138 116)/var(--tw-ring-opacity,1))}.focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--pd-primary-500,20 184 166)/var(--tw-ring-opacity,1))}.focus\:ring-primary-500\/20:focus{--tw-ring-color:rgb(var(--pd-primary-500,20 184 166)/0.2)}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.prose-h1\:text-3xl :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] ))){font-size:1.875rem;line-height:2.25rem}.prose-h1\:font-bold :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] ))){font-weight:700}.prose-h2\:text-2xl :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] ))){font-size:1.5rem;line-height:2rem}.prose-h2\:font-semibold :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] ))){font-weight:600}.prose-h3\:text-xl :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] ))){font-size:1.25rem;line-height:1.75rem}.prose-h3\:font-semibold :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] ))){font-weight:600}.dark\:divide-gray-700:is(.dark )>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity,1))}.dark\:border-gray-600:is(.dark ){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700:is(.dark ){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-700\/30:is(.dark ){border-color:rgba(55,65,81,.3)}.dark\:bg-blue-950\/40:is(.dark ){background-color:rgba(23,37,84,.4)}.dark\:bg-gray-700:is(.dark ){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark ){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/20:is(.dark ){background-color:rgba(31,41,55,.2)}.dark\:bg-gray-900:is(.dark ){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-gray-900\/50:is(.dark ){background-color:rgba(17,24,39,.5)}.dark\:bg-gray-900\/95:is(.dark ){background-color:rgba(17,24,39,.95)}.dark\:bg-gray-950\/80:is(.dark ){background-color:rgba(3,7,18,.8)}.dark\:text-gray-100:is(.dark ){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark ){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark ){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark ){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark ){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark ){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-500:is(.dark )::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-500:is(.dark )::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-600:is(.dark )::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity,1))}.dark\:placeholder-gray-600:is(.dark )::placeholder{--tw-placeholder-opacity:1;color:rgb(75 85 99/var(--tw-placeholder-opacity,1))}.dark\:ring-1:is(.dark ){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\:ring-gray-700:is(.dark ){--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}.before\:dark\:from-gray-900\/10:is(.dark ):before{--tw-gradient-from:rgba(17,24,39,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content)}.dark\:hover\:border-gray-600:hover:is(.dark ){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark ){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark ){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-800:hover:is(.dark ){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-800\/30:hover:is(.dark ){background-color:rgba(31,41,55,.3)}.dark\:hover\:bg-red-950\/40:hover:is(.dark ){background-color:rgba(69,10,10,.4)}.dark\:hover\:text-gray-200:hover:is(.dark ){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:hover\:text-red-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark ){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:focus\:ring-offset-gray-900:focus:is(.dark ){--tw-ring-offset-color:#111827}@media (min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:w-96{width:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "pillardash-ui-react",
-  "version": "0.1.145",
+  "version": "0.1.148",
   "type": "module",
   "description": "Pillardash reusable react components",
   "main": "dist/cjs/index.js",