@deckai/deck-ui 0.0.28 → 0.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Carousel.cjs +1 -1
- package/dist/components/Carousel.cjs.map +1 -1
- package/dist/components/Carousel.d.cts +9 -0
- package/dist/components/Carousel.d.ts +9 -0
- package/dist/components/Carousel.js +1 -1
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/ReviewCard.cjs +6 -6
- package/dist/components/ReviewCard.cjs.map +1 -1
- package/dist/components/ReviewCard.js +6 -6
- package/dist/components/ReviewCard.js.map +1 -1
- package/dist/index.cjs +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/styles/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
'use strict';var y=require('react'),
|
|
1
|
+
'use strict';var y=require('react'),ze=require('@radix-ui/react-collapsible'),F=require('@radix-ui/react-toast'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons'),Y=require('@radix-ui/react-accordion'),Ve=require('@radix-ui/react-scroll-area'),R=require('@radix-ui/react-tooltip'),Q=require('@radix-ui/react-dropdown-menu'),Xe=require('@radix-ui/react-progress'),le=require('@radix-ui/react-tabs'),ce=require('@radix-ui/react-slider'),_e=require('@radix-ui/react-switch');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var y__namespace=/*#__PURE__*/_interopNamespace(y);var ze__namespace=/*#__PURE__*/_interopNamespace(ze);var F__namespace=/*#__PURE__*/_interopNamespace(F);var Y__namespace=/*#__PURE__*/_interopNamespace(Y);var Ve__namespace=/*#__PURE__*/_interopNamespace(Ve);var R__namespace=/*#__PURE__*/_interopNamespace(R);var Q__namespace=/*#__PURE__*/_interopNamespace(Q);var Xe__namespace=/*#__PURE__*/_interopNamespace(Xe);var le__namespace=/*#__PURE__*/_interopNamespace(le);var ce__namespace=/*#__PURE__*/_interopNamespace(ce);var _e__namespace=/*#__PURE__*/_interopNamespace(_e);function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var ct=(e,o)=>{let t=Object.keys(e),r=["bg","text","border","ring","divide","outline"],a=["sm","md","lg","xl","2xl"],p=["24","42","48","64","72"];t.forEach(c=>{typeof e[c]=="object"?Object.keys(e[c]).forEach(f=>{}):r.forEach(f=>{});}),Object.entries(o).forEach(([c,f])=>{Object.keys(f).forEach(b=>{});});let u=Object.entries(o).flatMap(([c,f])=>Object.keys(f).map(b=>`text-${c}-${b}`)),s=u.flatMap(c=>a.map(f=>`${f}:${c}`)),m=p.flatMap(c=>[`h-[${c}px]`,`w-[${c}px]`,...a.flatMap(f=>[`${f}:h-[${c}px]`,`${f}:w-[${c}px]`])]);return [...u,...s,...m]},K="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100";var ft="ring-2 ring-primary-100";var _t={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},Yt=e=>{let[o,t]=e.split("-");return o==="heading"?_t[t]||"p":o==="label"?"label":"p"},qt={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Qt=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,i]=t.split(":");return `${r}:text-${i}`}return `text-${t}`}).join(" "):"text-body-default",d=y__namespace.default.forwardRef(({variant:e="body-default",color:o="primary",as:t,className:r,children:i,weight:a,...p},n)=>{let u=Qt(e),s=o==="inherit"?"text-inherit":`text-${o}`,m=y__namespace.default.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return Yt(f)},[e]);return y__namespace.default.createElement(t||m,{ref:n,className:`
|
|
2
2
|
font-sans antialiased
|
|
3
3
|
${u}
|
|
4
|
-
${
|
|
5
|
-
${
|
|
4
|
+
${s}
|
|
5
|
+
${a&&`!${qt[a]}`}
|
|
6
6
|
${r}
|
|
7
|
-
`,...p},
|
|
7
|
+
`,...p},i)});d.displayName="Text";var Jt={black:"bg-primary text-background-0",accent:"bg-primary-100 text-background-0",secondary:"bg-secondary-100 text-secondary",white:"bg-white text-primary"},qe={black:"border border-text text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary",white:"border border-white text-white"},O=y__namespace.forwardRef(({className:e,textVariant:o,variant:t="filled",color:r="black",isLoading:i=false,children:a,disabled:p,end:n,...u},s)=>y__namespace.createElement("button",{ref:s,className:l(`
|
|
8
8
|
sm:px-7 px-4
|
|
9
9
|
py-2
|
|
10
10
|
inline-flex items-center justify-center
|
|
@@ -12,6 +12,6 @@
|
|
|
12
12
|
transition-colors duration-200
|
|
13
13
|
disabled:opacity-50 disabled:pointer-events-none
|
|
14
14
|
hover:opacity-80 active:scale-95
|
|
15
|
-
truncate`,W,t==="filled"?Rt[r]:t==="transparent"?"bg-transparent text-text":Ge[r],e),disabled:p||a,type:"button",...u},typeof i=="string"?y__namespace.createElement(d,{variant:o??"body-xxs-semibold",color:"inherit"},i):i,l));z.displayName="Button";var Xe={12:"h-[12px] w-[12px]",16:"h-[16px] w-[16px]",18:"h-[18px] w-[18px]",20:"h-[20px] w-[20px]",24:"h-[24px] w-[24px]",32:"h-[32px] w-[32px]",36:"h-[36px] w-[36px]",40:"h-[40px] w-[40px]",42:"h-[42px] w-[42px]",48:"h-[48px] w-[48px]",52:"h-[52px] w-[52px]",60:"h-[60px] w-[60px]",64:"h-[64px] w-[64px]",72:"h-[72px] w-[72px]",80:"h-[80px] w-[80px]"},nt={sm:{12:"sm:h-[12px] sm:w-[12px]",16:"sm:h-[16px] sm:w-[16px]",18:"sm:h-[18px] sm:w-[18px]",20:"sm:h-[20px] sm:w-[20px]",24:"sm:h-[24px] sm:w-[24px]",32:"sm:h-[32px] sm:w-[32px]",36:"sm:h-[36px] sm:w-[36px]",40:"sm:h-[40px] sm:w-[40px]",42:"sm:h-[42px] sm:w-[42px]",48:"sm:h-[48px] sm:w-[48px]",52:"sm:h-[52px] sm:w-[52px]",60:"sm:h-[60px] sm:w-[60px]",64:"sm:h-[64px] sm:w-[64px]",72:"sm:h-[72px] sm:w-[72px]",80:"sm:h-[80px] sm:w-[80px]"},md:{12:"md:h-[12px] md:w-[12px]",16:"md:h-[16px] md:w-[16px]",18:"md:h-[18px] md:w-[18px]",20:"md:h-[20px] md:w-[20px]",24:"md:h-[24px] md:w-[24px]",32:"md:h-[32px] md:w-[32px]",36:"md:h-[36px] md:w-[36px]",40:"md:h-[40px] md:w-[40px]",42:"md:h-[42px] md:w-[42px]",48:"md:h-[48px] md:w-[48px]",52:"md:h-[52px] md:w-[52px]",60:"md:h-[60px] md:w-[60px]",64:"md:h-[64px] md:w-[64px]",72:"md:h-[72px] md:w-[72px]",80:"md:h-[80px] md:w-[80px]"},lg:{12:"lg:h-[12px] lg:w-[12px]",16:"lg:h-[16px] lg:w-[16px]",18:"lg:h-[18px] lg:w-[18px]",20:"lg:h-[20px] lg:w-[20px]",24:"lg:h-[24px] lg:w-[24px]",32:"lg:h-[32px] lg:w-[32px]",36:"lg:h-[36px] lg:w-[36px]",40:"lg:h-[40px] lg:w-[40px]",42:"lg:h-[42px] lg:w-[42px]",48:"lg:h-[48px] lg:w-[48px]",52:"lg:h-[52px] lg:w-[52px]",60:"lg:h-[60px] lg:w-[60px]",64:"lg:h-[64px] lg:w-[64px]",72:"lg:h-[72px] lg:w-[72px]",80:"lg:h-[80px] lg:w-[80px]"},xl:{12:"xl:h-[12px] xl:w-[12px]",16:"xl:h-[16px] xl:w-[16px]",18:"xl:h-[18px] xl:w-[18px]",20:"xl:h-[20px] xl:w-[20px]",24:"xl:h-[24px] xl:w-[24px]",32:"xl:h-[32px] xl:w-[32px]",36:"xl:h-[36px] xl:w-[36px]",40:"xl:h-[40px] xl:w-[40px]",42:"xl:h-[42px] xl:w-[42px]",48:"xl:h-[48px] xl:w-[48px]",52:"xl:h-[52px] xl:w-[52px]",60:"xl:h-[60px] xl:w-[60px]",64:"xl:h-[64px] xl:w-[64px]",72:"xl:h-[72px] xl:w-[72px]",80:"xl:h-[80px] xl:w-[80px]"},"2xl":{12:"2xl:h-[12px] 2xl:w-[12px]",16:"2xl:h-[16px] 2xl:w-[16px]",18:"2xl:h-[18px] 2xl:w-[18px]",20:"2xl:h-[20px] 2xl:w-[20px]",24:"2xl:h-[24px] 2xl:w-[24px]",32:"2xl:h-[32px] 2xl:w-[32px]",36:"2xl:h-[36px] 2xl:w-[36px]",40:"2xl:h-[40px] 2xl:w-[40px]",42:"2xl:h-[42px] 2xl:w-[42px]",48:"2xl:h-[48px] 2xl:w-[48px]",52:"2xl:h-[52px] 2xl:w-[52px]",60:"2xl:h-[60px] 2xl:w-[60px]",64:"2xl:h-[64px] 2xl:w-[64px]",72:"2xl:h-[72px] 2xl:w-[72px]",80:"2xl:h-[80px] 2xl:w-[80px]"}},ye=e=>String(e),ce=(e,o=24)=>{let t=[],r={};if(e===void 0){let a=ye(o);a?t.push(Xe[a]):(r.height=`${o}px`,r.width=`${o}px`);}if(typeof e=="number"){let a=ye(e);a?t.push(Xe[a]):(r.height=`${e}px`,r.width=`${e}px`);}if(Array.isArray(e)){let a=ye(o),i=[a&&Xe[a]||`h-[${o}px] w-[${o}px]`];e.forEach(p=>{if(typeof p=="string"){let[l,u]=p.split(":"),n=parseInt(u,10),m=ye(n);t.push(m&&nt[l]?.[m]||`${l}:h-[${n}px] ${l}:w-[${n}px]`);}}),t.push(...i);}if(typeof e=="string"){let[a,i]=e.split(":"),p=parseInt(i,10),l=ye(p);t.push(l&&nt[a]?.[l]||`${a}:h-[${p}px] ${a}:w-[${p}px]`);}return {responsiveSizeClasses:t.join(" "),responsiveSizeStyles:r}};var st={primary:"var(--color-primary)",secondary:"var(--color-secondary)",white:"var(--color-white)",primaryBlue:"var(--color-primary-100)",disabled:"var(--color-disabled)",danger:"var(--color-danger)",tertiary:"var(--color-tertiary-15)"},v=y__namespace.default.forwardRef(({name:e,size:o=24,color:t="primary",title:r,className:a,style:i={},...p},l)=>{let u=icons.IconMap[e],{responsiveSizeClasses:n,responsiveSizeStyles:m}=ce(o,24);return y__namespace.default.createElement("div",{className:s("flex justify-center items-center",n,a),style:{"--icon-stroke":st[t],...m,...i}},y__namespace.default.createElement(u,{ref:l,"aria-hidden":!r,"aria-label":r,stroke:e.includes("filled")?void 0:st[t],...p}))});v.displayName="Icon";var Kt={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},Ue=y__namespace.forwardRef(({title:e,message:o,action:t,secondaryAction:r,variant:a="default",duration:i=5e3,className:p,onOpenChange:l,allowOutsideClick:u=true,onClose:n,...m},c)=>{let f=Kt[a],b=y__namespace.useCallback(x=>{!u&&x===false||(l?.(x),x||n?.());},[l,u,n]);return y__namespace.createElement(K__namespace.Root,{ref:c,onOpenChange:b,duration:i,className:s("group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",f.className,p),...m},y__namespace.createElement(K__namespace.Close,{className:"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg","aria-label":"Close",onClick:n},y__namespace.createElement(v,{name:"close",size:16,color:"white"})),y__namespace.createElement("div",{className:"flex gap-4"},y__namespace.createElement(v,{name:f.icon,className:"h-5 w-5 shrink-0",color:"white"}),y__namespace.createElement("div",{className:"flex flex-col flex-1 gap-2"},e&&y__namespace.createElement(K__namespace.Title,{asChild:true},y__namespace.createElement(d,{variant:"body-default-bold",color:"inherit"},e)),y__namespace.createElement(K__namespace.Description,{asChild:true},y__namespace.createElement(d,{variant:"body-xs-medium",color:"inherit"},o)))),(t||r)&&y__namespace.createElement("div",{className:"flex gap-2 justify-end mt-2"},r&&y__namespace.createElement(K__namespace.Action,{asChild:true,altText:r.label},y__namespace.createElement("div",{className:"min-h-[40px] flex items-center"},y__namespace.createElement(z,{variant:r.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:r.onClick},r.label))),t&&y__namespace.createElement(K__namespace.Action,{asChild:true,altText:t.label},y__namespace.createElement("div",{className:"flex items-center"},y__namespace.createElement(z,{variant:t.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:t.onClick},t.label)))))});Ue.displayName="Toast";var fe=e=>{let[o,t]=y.useState(false);return y.useEffect(()=>{t(window.matchMedia(e).matches);let a=window.matchMedia(e),i=p=>{t(p.matches);};return a.addEventListener("change",i),()=>{a.removeEventListener("change",i);}},[e]),o};var lt=typeof window<"u"?y.useLayoutEffect:y.useEffect;var k=y__namespace.default.forwardRef(({children:e,type:o="button",className:t,disabled:r,scaleOnPress:a=true,...i},p)=>y__namespace.default.createElement("button",{ref:p,type:o,disabled:r,className:s("appearance-none hover:opacity-90",W,r&&"opacity-50 cursor-not-allowed",a&&"transition-all active:scale-95",t),...i},e));k.displayName="Pressable";function he({children:e,maxHeight:o=100,showOverlay:t=true}){let[r,a]=y__namespace.default.useState(false),i=y.useRef(null),[p,l]=y.useState(o);lt(()=>{if(!i.current)return;let n=new ResizeObserver(m=>{for(let c of m)l(c.target.scrollHeight);});return n.observe(i.current),()=>n.disconnect()},[]);let u=p>o;return y__namespace.default.createElement(Ee__namespace.Root,{open:r,onOpenChange:a},y__namespace.default.createElement("div",{className:"relative"},y__namespace.default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:r?`${p}px`:`${o}px`}},y__namespace.default.createElement("div",{ref:i,className:"w-full"},e)),u&&y__namespace.default.createElement(Ee__namespace.Trigger,{asChild:true},y__namespace.default.createElement(k,{className:s("absolute -bottom-3 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!r&&t&&"bg-gradient-to-b from-transparent via-background-0 to-background-0","hover:opacity-100 transition-opacity")},y__namespace.default.createElement(d,{variant:"label-default",color:"secondary"},r?"See less":"See more")))))}he.displayName="Collapsible";var mt={sm:"h-4",md:"h-6",lg:"h-8"},Yt={sm:"w-20",md:"w-32",lg:"w-48"},Ye={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"},M=y__namespace.default.forwardRef(({variant:e="text",size:o="md",lines:t=1,className:r,animate:a=true},i)=>{let p="bg-secondary-50 rounded-lg overflow-hidden",l=a?"animate-pulse":"",n=typeof o=="number"?(c=>({height:`${c}px`,width:e==="avatar"||e==="image"?`${c}px`:void 0}))(o):void 0,m=()=>{switch(e){case "text":return y__namespace.default.createElement("div",{className:"flex flex-col gap-2"},Array.from({length:t}).map((c,f)=>y__namespace.default.createElement("div",{key:f,style:n,className:s(p,l,typeof o=="string"?mt[o]:void 0,f===t-1&&t>1?"w-3/4":"w-full",r)})));case "image":return y__namespace.default.createElement("div",{style:n,className:s(p,l,(!n||!r)&&"aspect-square w-full max-w-[300px]",r)});case "button":return y__namespace.default.createElement("div",{style:n,className:s(p,l,typeof o=="string"&&[mt[o],Yt[o]],r)});case "card":return y__namespace.default.createElement("div",{className:s("flex flex-col gap-4 p-6 border border-stroke rounded-xl",r)},y__namespace.default.createElement("div",{className:s(p,l,"w-16 h-16 rounded-full")}),y__namespace.default.createElement("div",{className:"space-y-2"},y__namespace.default.createElement("div",{className:s(p,l,"h-6 w-3/4")}),y__namespace.default.createElement("div",{className:s(p,l,"h-4 w-1/2")})),y__namespace.default.createElement("div",{className:"space-y-2"},y__namespace.default.createElement("div",{className:s(p,l,"h-4 w-full")}),y__namespace.default.createElement("div",{className:s(p,l,"h-4 w-full")}),y__namespace.default.createElement("div",{className:s(p,l,"h-4 w-2/3")})));case "avatar":return y__namespace.default.createElement("div",{style:n,className:s(p,l,"rounded-full",{[Ye.sm]:o==="sm",[Ye.md]:o==="md",[Ye.lg]:o==="lg"},r)});default:return null}};return y__namespace.default.createElement("div",{ref:i,className:s("w-full",r)},m())});M.displayName="Fallback";function Ie({children:e,color:o="inherit",variant:t="body-default-semibold",href:r,className:a,...i}){return y__namespace.default.createElement(d,{variant:t,color:o},y__namespace.default.createElement("a",{href:r,className:s("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline text-ellipsis",W,a),...i},e))}var Qe=y__namespace.forwardRef(({items:e,type:o="single",defaultValue:t,value:r,onValueChange:a,className:i,contentClassName:p,triggerClassName:l,...u},n)=>y__namespace.createElement(___namespace.Root,{ref:n,type:o,defaultValue:t,value:r,onValueChange:a,className:s("w-full gap-1 flex flex-col",i),...u},e.map(m=>y__namespace.createElement(___namespace.Item,{key:m.value,value:m.value,disabled:m.disabled,className:"w-full"},y__namespace.createElement(___namespace.Header,null,y__namespace.createElement(___namespace.Trigger,{className:s("flex w-full items-center gap-2 justify-between px-3 py-2 rounded bg-background-50 hover:bg-background-100 select-none cursor-pointer","disabled:cursor-not-allowed","focus-visible:outline-none focus-visible:ring-2",l)},y__namespace.createElement("div",{className:"flex items-center gap-3"},y__namespace.createElement(d,{variant:"body-default-semibold",className:m.disabled?"text-disabled":""},m.title)),y__namespace.createElement(v,{name:"arrow-down",size:18,"aria-hidden":true,color:m.disabled?"disabled":"primary",className:"transition-transform duration-200 data-[state=open]:rotate-180"}))),y__namespace.createElement(___namespace.Content,{className:s("overflow-hidden will-change-[height] data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",p)},y__namespace.createElement("div",{className:"py-2 px-3"},m.content))))));Qe.displayName="Accordion";var we=y__namespace.forwardRef(({className:e,end:o,iconName:t,color:r,size:a,title:i,label:p,labelClassName:l,id:u,children:n,forceShowFocusRing:m,error:c,errorMessage:f,helperText:b,showCharacterCount:x,maxLength:C,value:w,defaultValue:H,onChange:U,disabled:V,...re},de)=>{let[J,ae]=y__namespace.useState(w?.toString()||H?.toString()||"");y__namespace.useEffect(()=>{w!==void 0&&ae(w?.toString()||"");},[w]);let le=S=>{let g=S.target.value;ae(g),U?.(S);},R=J.length,D=x||!!C;return y__namespace.createElement("div",{className:"gap-1 flex flex-col"},p&&y__namespace.createElement(d,{variant:"label-default",htmlFor:u,as:"label",color:c?"danger":"primary",className:s(l)},p),y__namespace.createElement("div",{className:s("relative flex flex-col gap-2 w-full rounded-lg border bg-background-0 px-3 md:py-3 py-2 text-secondary transition-colors duration-150",!c&&!m&&"border-secondary-50",c&&"border-tertiary-10",V&&"cursor-not-allowed opacity-50","focus-within:ring-2 focus-within:ring-primary-100",m&&it)},y__namespace.createElement("div",{className:"flex relative"},y__namespace.createElement("input",{ref:de,id:u,className:s("font-sans text-sm flex w-full bg-background-0 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-primary disabled:cursor-not-allowed focus:outline-none rounded-lg",o&&"pr-10",e),value:J,maxLength:C,onChange:le,"aria-invalid":c,disabled:V,...re}),(o||t)&&y__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},t?y__namespace.createElement(v,{name:t,color:c?"danger":"secondary",size:a,title:i}):o)),n),y__namespace.createElement("div",{className:"flex justify-between gap-2"},c&&f||b?y__namespace.createElement(d,{variant:"body-xxs",color:c?"danger":"secondary",className:"mt-1"},c?f:b):null,D&&y__namespace.createElement(d,{variant:"body-xxs",color:c?"danger":"secondary",className:"text-right mt-1"},y__namespace.createElement(d,{variant:"body-xxs",as:"span",className:"font-bold"},R),C&&`/${C}`," characters")))});var Ae=y.forwardRef(({value:e,suggestion:o,onChange:t,onKeyDown:r,className:a,"aria-controls":i,"aria-activedescendant":p,"aria-autocomplete":l,...u},n)=>y__namespace.default.createElement("div",{className:"relative w-full"},y__namespace.default.createElement(we,{ref:n,value:e,onChange:m=>t(m.target.value),onKeyDown:r,className:s("bg-transparent",a),"aria-controls":i,"aria-activedescendant":p,"aria-autocomplete":l,...u}),o&&e&&y__namespace.default.createElement("div",{className:"absolute inset-0 top-6 flex items-center px-3 md:py-3 py-2 text-secondary opacity-40 pointer-events-none text-sm"},e,o.slice(e.length))));Ae.displayName="AutocompleteInput";function De({src:e,size:o=48,onClick:t,alt:r="avatar",className:a,fallback:i,isLoading:p,...l}){let{responsiveSizeClasses:u,responsiveSizeStyles:n}=ce(o,48);if(p)return y__namespace.default.createElement(M,{variant:"avatar",size:typeof o=="number"?o:"md"});let m=e?y__namespace.default.createElement("img",{src:e,alt:r,className:s("rounded-full object-cover",u,a),style:n,...l}):y__namespace.default.createElement("div",{className:s("rounded-full bg-secondary-50",u,a),style:n},i);return t?y__namespace.default.createElement(k,{onClick:t,...l},m):m}var ct={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},Jt=e=>{let o=Object.keys(ct),t=e.split("").reduce((i,p)=>p.charCodeAt(0)+((i<<5)-i),0),r=Math.abs(t)%o.length;return o[r]},pe=y__namespace.forwardRef(({className:e,variant:o,iconName:t,children:r,...a},i)=>{let p=o||(typeof r=="string"?Jt(r):"pink");return y__namespace.createElement("span",{ref:i,className:s("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",ct[p],e),...a},t&&y__namespace.createElement(v,{size:16,name:t}),r&&y__namespace.createElement(d,{variant:"body-xxs-semibold",className:"mt-0.5"},r))});pe.displayName="Badge";function eo(){return y__namespace.default.createElement(d,{variant:["sm:body-lg","body-xs"]},"/")}var ft=y__namespace.default.forwardRef(({items:e,className:o,SeparatorComponent:t=eo,onHomeClick:r,children:a},i)=>{let p=()=>typeof t=="function"?y__namespace.default.createElement(t,null):y__namespace.default.cloneElement(t);return y__namespace.default.createElement("nav",{ref:i,"aria-label":"Breadcrumb",className:s("sm:relative sticky top-0 sm:border-none !border-solid border-secondary-50 border-b-[1px] pb-6 flex justify-between gap-2 md:flex-row flex-col",o)},y__namespace.default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},y__namespace.default.createElement(k,{onClick:r},y__namespace.default.createElement(v,{name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"})),p(),e.map((l,u)=>{let n=u===e.length-1;return n||!l.href?y__namespace.default.createElement(d,{variant:n?["body-default-semibold"]:["body-xs","md:body-default"],color:n?"primary":"secondary","aria-current":n?"page":void 0,key:l.label},l.label):y__namespace.default.createElement(y__namespace.default.Fragment,null,y__namespace.default.createElement(Ie,{href:l.href,key:l.label},l.label),p())})),a)});ft.displayName="Breadcrumbs";y.forwardRef(({children:e,className:o="",gap:t=20,minHeight:r,showPaddles:a=true},i)=>{let p=y.useRef(null),[l,u]=y.useState(false),[n,m]=y.useState(false),[c,f]=y.useState(false),[b,x]=y.useState(false),[C,w]=y.useState(null),[H,U]=y.useState(null),V=fe("(max-width: 768px)"),re=y.useCallback(()=>{let g=p.current;if(!g)return;let{scrollLeft:P,scrollWidth:T,clientWidth:L}=g;u(P>0),m(Math.ceil(P+L)<T);},[]),de=y.useCallback(g=>{if(V)return;let T=g.currentTarget.getBoundingClientRect(),L=g.clientX-T.left,Me=300;f(L<Me),x(L>T.width-Me);},[V]),J=y.useCallback(g=>{w(g.touches[0].clientX),U(null);},[]),ae=y.useCallback(g=>{U(g.touches[0].clientX);},[]),le=y.useCallback(()=>{if(!C||!H)return;let g=p.current;if(!g)return;let P=C-H;if(Math.abs(P)<50)return;let L=g.clientWidth,Me=P>0?1:-1,Dt=g.scrollLeft+L*Me;g.scrollTo({left:Dt,behavior:"smooth"});},[C,H]),R=y.useCallback(g=>{let P=p.current;if(!P)return;let T=Math.abs(g.deltaX)>Math.abs(g.deltaY);if(!T&&!g.shiftKey)return;g.preventDefault();let L=T?g.deltaX:g.deltaY;P.scrollBy({left:L,behavior:"smooth"});},[]);y.useEffect(()=>{let g=p.current;if(!g)return;let P=new ResizeObserver(re);return P.observe(g),g.addEventListener("scroll",re),g.addEventListener("wheel",R,{passive:false}),()=>{P.disconnect(),g.removeEventListener("scroll",re),g.removeEventListener("wheel",R);}},[re,R]);let D=y.useCallback(g=>{let P=p.current;if(!P)return;let T=P.clientWidth,L=P.scrollLeft+(g==="left"?-T:T);P.scrollTo({left:L,behavior:"smooth"});},[]),S=y.useCallback(g=>{g.key==="ArrowLeft"?D("left"):g.key==="ArrowRight"&&D("right");},[D]);return y__namespace.default.useImperativeHandle(i,()=>({scroll:D}),[D]),y__namespace.default.createElement("div",{className:`relative group w-full max-w-full overflow-x-hidden ${o}`,onKeyDown:S,onMouseMove:de,onMouseLeave:()=>{f(false),x(false);},onTouchStart:J,onTouchMove:ae,onTouchEnd:le,role:"region","aria-label":"Carousel"},y__namespace.default.createElement(ze__namespace.Root,{className:"overflow-x-hidden w-full max-w-full",type:"hover"},y__namespace.default.createElement(ze__namespace.Viewport,{ref:p,className:"w-full max-w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch",minHeight:r}},y__namespace.default.createElement("div",{className:"inline-flex w-max",style:{gap:`${t}px`}},y__namespace.default.Children.map(e,g=>g===null?null:y__namespace.default.createElement("div",{className:"snap-start shrink-0"},g))))),!V&&y__namespace.default.createElement(y__namespace.default.Fragment,null,l&&a&&c&&y__namespace.default.createElement(k,{onClick:()=>D("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},y__namespace.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},y__namespace.default.createElement(v,{name:"arrow-left",size:24,color:"white"}))),n&&a&&b&&y__namespace.default.createElement(k,{onClick:()=>D("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},y__namespace.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},y__namespace.default.createElement(v,{name:"arrow-right",size:24,color:"white"})))))});function Ce({content:e,children:o,side:t="bottom",align:r="center",className:a,delayDuration:i=200,defaultOpen:p,open:l,onOpenChange:u,longPressDuration:n=500}){let[m,c]=y.useState(p||false),f=null,b=l??m,x=y.useCallback(H=>{l||c(H),u?.(H);},[l,u]),C=y.useCallback(()=>{f=setTimeout(()=>{x(true);},n);},[x,n]),w=y.useCallback(()=>{f&&(clearTimeout(f),f=null),setTimeout(()=>x(false),1500);},[f,x]);return y__namespace.createElement($__namespace.Provider,{delayDuration:i},y__namespace.createElement($__namespace.Root,{open:b,onOpenChange:x},y__namespace.createElement($__namespace.Trigger,{asChild:true},y__namespace.createElement("span",{tabIndex:0,onTouchStart:C,onTouchEnd:w,onTouchCancel:w},o)),y__namespace.createElement($__namespace.Portal,null,y__namespace.createElement($__namespace.Content,{side:t,align:r,sideOffset:4,className:s("z-50 overflow-hidden rounded-lg","bg-primary px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60","touch-none",a)},typeof e=="string"?y__namespace.createElement(d,{variant:"body-default-medium",color:"white"},e):e,y__namespace.createElement($__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))))}function no({text:e,highlight:o}){if(!o)return y__namespace.default.createElement(y__namespace.default.Fragment,null,e);let t=e.split(new RegExp(`(${o})`,"i"));return y__namespace.default.createElement(y__namespace.default.Fragment,null,t.map((r,a)=>r.toLowerCase()===o.toLowerCase()?y__namespace.default.createElement("span",{key:a,className:"font-bold"},r):r))}var Te=y__namespace.default.forwardRef(({value:e,label:o,onChange:t,onKeyDown:r,onMouseEnter:a,onMouseLeave:i,selected:p,color:l,disabled:u,className:n,id:m,role:c,"aria-selected":f,searchValue:b="",tooltip:x,onClick:C,badge:w},H)=>{let U=y__namespace.default.createElement("button",{ref:H,type:"button",id:m,role:c,"aria-selected":f,disabled:u,className:s("relative w-full text-left px-2 py-1.5 text-sm rounded outline-none text-primary","cursor-pointer hover:bg-background-50","disabled:opacity-50 disabled:cursor-not-allowed",p&&"bg-background-50","flex items-center gap-2",n),onClick:()=>{t?.(e),C?.();},onKeyDown:r,onMouseEnter:a,onMouseLeave:i},y__namespace.default.createElement(d,{variant:"body-default-medium",color:l==="danger"?"danger":"inherit"},typeof o=="string"?y__namespace.default.createElement(no,{text:o,highlight:b}):o),w&&y__namespace.default.createElement(pe,null,w));return x?y__namespace.default.createElement(Ce,{content:x},U):U});var tt=y__namespace.forwardRef(({trigger:e,items:o,className:t,onSelect:r,align:a="end"},i)=>{let p=y__namespace.useCallback(l=>{r?.(l);},[r]);return y__namespace.createElement(Y__namespace.Root,null,y__namespace.createElement(Y__namespace.Trigger,{asChild:true},e),y__namespace.createElement(Y__namespace.Portal,null,y__namespace.createElement(Y__namespace.Content,{ref:i,align:a,sideOffset:4,className:s("z-50 min-w-[220px]","bg-background-0 rounded-lg p-1","shadow-lg border border-gray-100","animate-in fade-in-0 zoom-in-95",t)},o.map(l=>y__namespace.createElement(Y__namespace.Item,{key:l.value,disabled:l.disabled,onClick:()=>l.onClick&&l.onClick(),onSelect:()=>p(l.value),className:"outline-none",asChild:true},y__namespace.createElement(Te,{...l,className:"py-3 px-6",onChange:p}))))))});tt.displayName="Dropdown";var fo={primary:"bg-primary-100",success:"bg-green-600",warning:"bg-yellow-500",error:"bg-tertiary-10"},uo={sm:"h-1",md:"h-2",lg:"h-3"},bt=y__namespace.forwardRef(({value:e,max:o=100,label:t,startLabel:r,endLabel:a,size:i="md",variant:p="primary",className:l,...u},n)=>{let m=Math.min(100,Math.max(0,e/o*100));return y__namespace.createElement("div",{className:t||r||a?"py-1.5 gap-1.5":void 0},t&&y__namespace.createElement("div",{className:"flex justify-between mb-1"},y__namespace.createElement(d,{variant:"body-default",color:"secondary"},t||`${m.toFixed(0)}%`),o!==100&&y__namespace.createElement(d,{variant:"body-default",color:"secondary"},e," / ",o)),y__namespace.createElement(Ve__namespace.Root,{ref:n,value:m,className:s("relative overflow-hidden rounded-full bg-gray-100",uo[i],l),...u},y__namespace.createElement(Ve__namespace.Indicator,{className:s("h-full w-full transition-all",fo[p]),style:{transform:`translateX(-${100-m}%)`}})),(r||a)&&y__namespace.createElement("div",{className:"flex justify-between mt-1"},r&&y__namespace.createElement(d,{variant:"body-xxs",color:"secondary"},r),a&&y__namespace.createElement(d,{variant:"body-xxs",color:"secondary"},a)))});bt.displayName="ProgressBar";var vt=y__namespace.default.forwardRef(({label:e,labelClassName:o,options:t,value:r,onChange:a,disabled:i,id:p,className:l,inline:u=true,error:n,errorMessage:m,helperText:c},f)=>{let b=p||y__namespace.default.useId();return y__namespace.default.createElement("div",{ref:f,className:s("flex flex-col gap-2",l)},e&&y__namespace.default.createElement(d,{as:"label",variant:"label-default",className:s("text-primary",o),color:n?"danger":"primary"},e),y__namespace.default.createElement("div",{role:"radiogroup","aria-label":e,className:s("flex gap-4",u?"flex-row gap-4":"flex-col gap-2"),"aria-invalid":n},t.map(x=>{let C=`${b}-${x.value}`,w=r===x.value;return y__namespace.default.createElement("label",{key:x.value,htmlFor:C,className:s("flex items-center gap-2 cursor-pointer",i&&"cursor-not-allowed opacity-50")},y__namespace.default.createElement("div",{className:s("w-4 h-4 rounded-full border","flex items-center justify-center","transition-colors duration-150",{"border-secondary-50":!n&&!w,"border-tertiary-10":n,"border-primary":w&&!n,"hover:border-primary":!i&&!n,"hover:border-tertiary-10":!i&&n})},w&&y__namespace.default.createElement("div",{className:s("w-2 h-2 rounded-full",n?"bg-tertiary-10":"bg-primary")})),y__namespace.default.createElement("input",{type:"radio",id:C,name:b,value:x.value,checked:w,onChange:()=>a(x.value),disabled:i,className:s("sr-only","peer",W)}),y__namespace.default.createElement(d,{variant:"body-default",color:w?n?"danger":"primary":"secondary"},x.label))})),n&&m||c?y__namespace.default.createElement(d,{variant:"body-xxs",color:n?"danger":"secondary",className:"mt-1"},n?m:c):null)});vt.displayName="RadioGroup";function We({rating:e,showLabel:o=true,className:t=""}){let r=Math.round(e);return y__namespace.default.createElement("div",{className:`flex items-end gap-2 ${t}`},y__namespace.default.createElement("div",{className:"flex"},[...Array(r)].map((a,i)=>y__namespace.default.createElement(v,{size:20,name:"star-filled",key:i,color:"tertiary"}))),o&&y__namespace.default.createElement(d,{variant:"body-default-medium",className:"-mb-0.5"},e.toFixed(1)))}We.displayName="Rating";var yt=y__namespace.forwardRef(({tabs:e,defaultValue:o,value:t,onChange:r,className:a},i)=>{let p=y__namespace.useCallback(l=>{r?.(l);},[r]);return y__namespace.createElement(oe__namespace.Root,{ref:i,defaultValue:o||e[0]?.value,value:t,onValueChange:p,className:s("inline-flex items-center p-1 bg-gray-100 rounded-lg gap-1",a)},y__namespace.createElement(oe__namespace.List,{"aria-label":"Select platform"},e.map(l=>y__namespace.createElement(oe__namespace.Trigger,{key:l.value,value:l.value,asChild:true},y__namespace.createElement(z,{variant:"filled",color:"black",className:s("min-w-[100px]","data-[state=inactive]:bg-transparent","data-[state=inactive]:text-gray-600","data-[state=active]:bg-background-0","data-[state=active]:text-black","data-[state=active]:shadow-sm")},l.label)))))});yt.displayName="SegmentedTabs";var ht=y__namespace.forwardRef(({text:e,confirmText:o="Confirmed!",onConfirm:t,variant:r="primary",className:a,disabled:i=false,"aria-label":p,...l},u)=>{let[n,m]=y__namespace.useState(false),[c,f]=y__namespace.useState(0),[b,x]=y__namespace.useState(false),C=y__namespace.useRef(null),w=y__namespace.useRef(null),[H,U]=y__namespace.useState(false),V={primary:{track:"bg-primary-100/10 hover:bg-primary-100/20",thumb:"bg-primary-100",text:"text-primary-100"},danger:{track:"bg-tertiary-5 hover:bg-tertiary-5",thumb:"bg-tertiary-10",text:"text-tertiary-10"}},re=y__namespace.useCallback(S=>{if(i||b)return;let g=w.current,P=C.current;if(!g||!P)return;let T=P.clientWidth-g.clientWidth;switch(S.key){case "ArrowRight":case "ArrowUp":S.preventDefault();let L=Math.min(T,c+T*.1);f(L),L>=T*.9&&(x(true),f(T),t());break;case "ArrowLeft":case "ArrowDown":S.preventDefault(),f(Math.max(0,c-T*.1));break;case "Home":S.preventDefault(),f(0);break;case "End":S.preventDefault(),f(T),x(true),t();break;case "Enter":case " ":S.preventDefault(),c>=T*.9&&(x(true),f(T),t());break}},[i,b,t,c]),de=y__namespace.useCallback(S=>{i||b||(m(true),S.preventDefault());},[i,b]),J=y__namespace.useCallback(S=>{if(!n||!C.current||!w.current)return;let g=C.current.getBoundingClientRect(),P=w.current.getBoundingClientRect(),T=g.width-P.width,L=Math.max(0,Math.min(T,S-g.left-P.width/2));f(L),L>=T*.9&&(m(false),x(true),f(T),t());},[n,t]),ae=y__namespace.useCallback(S=>{J(S.clientX);},[J]),le=y__namespace.useCallback(S=>{J(S.touches[0].clientX);},[J]),R=y__namespace.useCallback(()=>{b||f(0),m(false);},[b]);y__namespace.useEffect(()=>(n&&(document.addEventListener("mousemove",ae),document.addEventListener("mouseup",R),document.addEventListener("touchmove",le),document.addEventListener("touchend",R)),()=>{document.removeEventListener("mousemove",ae),document.removeEventListener("mouseup",R),document.removeEventListener("touchmove",le),document.removeEventListener("touchend",R);}),[n,ae,le,R]),y__namespace.useEffect(()=>{i&&(f(0),x(false),m(false));},[i]);let D=y__namespace.useMemo(()=>{if(!C.current||!w.current)return 0;let S=C.current.clientWidth-w.current.clientWidth;return Math.round(c/S*100)},[c]);return y__namespace.createElement("div",{ref:u,className:s("relative h-12 rounded-full transition-colors",V[r].track,i&&"opacity-50 cursor-not-allowed",a),...l},y__namespace.createElement("div",{ref:C,role:"slider","aria-label":p||e,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":D,"aria-valuetext":b?o:`${D}% complete`,"aria-disabled":i,tabIndex:i?-1:0,className:"relative w-full h-full overflow-hidden rounded-full outline-none focus-visible:ring-2 focus-visible:ring-offset-2",onKeyDown:re,onFocus:()=>U(true),onBlur:()=>U(false)},y__namespace.createElement("div",{className:"absolute inset-0 flex items-center justify-center","aria-hidden":"true"},y__namespace.createElement(d,{variant:"body-default-semibold",className:s(V[r].text,"transition-opacity select-none",(n||b)&&"opacity-0")},e),y__namespace.createElement(d,{variant:"body-default-semibold",className:s(V[r].text,"transition-opacity select-none",!b&&"opacity-0")},o)),y__namespace.createElement("div",{ref:w,className:s("absolute top-1 bottom-1 left-1 w-10 rounded-full cursor-grab active:cursor-grabbing transition-transform",V[r].thumb,i&&"cursor-not-allowed",H&&"ring-2 ring-white"),style:{transform:`translateX(${c}px)`},onMouseDown:de,onTouchStart:de,"aria-hidden":"true"},y__namespace.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},y__namespace.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},y__namespace.createElement("path",{d:"M13.5 10L8.5 15L7.5 14L11.5 10L7.5 6L8.5 5L13.5 10Z",fill:"white"}))))))});ht.displayName="SlideButton";var wt=y__namespace.default.forwardRef((e,o)=>y__namespace.default.createElement(se__namespace.Root,{ref:o,className:s("relative flex w-full touch-none select-none items-center"),...e},y__namespace.default.createElement(se__namespace.Track,{className:"relative h-[2px] w-full grow bg-stroke"},y__namespace.default.createElement(se__namespace.Range,{className:"absolute h-full bg-primary-100"})),y__namespace.default.createElement(se__namespace.Thumb,{className:"block h-4 w-4 rounded-full bg-background-0 border border-secondary focus:border-primary-100"})));wt.displayName="Slider";var Ct=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,Tt=clsx.clsx,Pt=(e,o)=>t=>{var r;if(o?.variants==null)return Tt(e,t?.class,t?.className);let{variants:a,defaultVariants:i}=o,p=Object.keys(a).map(n=>{let m=t?.[n],c=i?.[n];if(m===null)return null;let f=Ct(m)||Ct(c);return a[n][f]}),l=t&&Object.entries(t).reduce((n,m)=>{let[c,f]=m;return f===void 0||(n[c]=f),n},{}),u=o==null||(r=o.compoundVariants)===null||r===void 0?void 0:r.reduce((n,m)=>{let{class:c,className:f,...b}=m;return Object.entries(b).every(x=>{let[C,w]=x;return Array.isArray(w)?w.includes({...i,...l}[C]):{...i,...l}[C]===w})?[...n,c,f]:n},[]);return Tt(e,p,u,t?.class,t?.className)};var xo=Pt("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-3",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),Nt=y__namespace.forwardRef(({size:e,className:o,customSize:t,...r},a)=>{let i=t?{width:t,height:t,borderWidth:Math.max(2,Math.floor(t/16))}:{};return y__namespace.createElement("div",{role:"status","aria-label":"Loading",ref:a,className:s(xo({size:e}),"text-primary-100",o),style:i,...r},y__namespace.createElement("span",{className:"sr-only"},"Loading..."))});Nt.displayName="Spinner";var kt=y__namespace.forwardRef(({className:e,label:o,description:t,onCheckedChange:r,...a},i)=>{let p=y__namespace.useCallback(l=>{r?.(l);},[r]);return y__namespace.createElement("div",{className:"flex items-center gap-2"},y__namespace.createElement(Ke__namespace.Root,{className:s("peer inline-flex h-6 w-11 shrink-0 cursor-pointer","items-center rounded-full border-2 border-transparent","transition-colors focus-visible:outline-none",W,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",e),onCheckedChange:p,...a,ref:i},y__namespace.createElement(Ke__namespace.Thumb,{className:s("pointer-events-none block h-5 w-5","rounded-full bg-background-0 shadow-lg ring-0","transition-transform","data-[state=checked]:translate-x-5","data-[state=unchecked]:translate-x-0")})),(o||t)&&y__namespace.createElement("div",{className:"flex flex-col"},o&&y__namespace.createElement("label",{className:"text-sm font-medium text-primary",htmlFor:a.id},o),t&&y__namespace.createElement("span",{className:"text-xs text-secondary"},t)))});kt.displayName="Switch";var St=y__namespace.default.forwardRef(({items:e,defaultValue:o,className:t="",onChange:r,variant:a="default"},i)=>{let[p,l]=y__namespace.default.useState(o||e[0]?.value),u=y.useCallback(n=>{r?.(n),l(n);},[r]);return y__namespace.default.createElement(oe__namespace.Root,{defaultValue:o||e[0]?.value,onValueChange:u,className:t},y__namespace.default.createElement(oe__namespace.List,{ref:i,className:s("flex",a==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(n=>a==="default"?y__namespace.default.createElement(oe__namespace.Trigger,{key:n.value,value:n.value,className:"group relative flex-1 pb-4"},y__namespace.default.createElement(d,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-primary transition-colors"},n.label),y__namespace.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):y__namespace.default.createElement(oe__namespace.Trigger,{key:n.value,value:n.value,asChild:true},y__namespace.default.createElement(z,{variant:"filled",color:n.value===p?"black":"secondary",className:"py-3",textVariant:["body-default-semibold"]},n.label)))),e.map(n=>y__namespace.default.createElement(oe__namespace.Content,{key:n.value,value:n.value,className:"flex flex-col h-full"},n.content)))});St.displayName="Tabs";var rt={background:{0:"var(--color-background-0)",50:"var(--color-background-50)",100:"var(--color-background-100)"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",DEFAULT:"var(--color-primary)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",DEFAULT:"var(--color-secondary)"},tertiary:{5:"var(--color-tertiary-5)",10:"var(--color-tertiary-10)",15:"var(--color-tertiary-15)",20:"var(--color-tertiary-20)",25:"var(--color-tertiary-25)",30:"var(--color-tertiary-30)"},stroke:{DEFAULT:"var(--color-stroke)"},white:"var(--color-white)","primary-blue":"var(--color-primary-blue)",disabled:"var(--color-disabled)",danger:"var(--color-danger)",overlay:"var(--color-overlay)",sidebarOverlay:"var(--color-sidebar-overlay)",border:"var(--color-border)"},It={heading:{xl:{fontSize:"var(--font-heading-xl-size)",letterSpacing:"var(--font-heading-xl-spacing)",fontWeight:"var(--font-heading-xl-weight)"},lg:{fontSize:"var(--font-heading-lg-size)",letterSpacing:"var(--font-heading-lg-spacing)",fontWeight:"var(--font-heading-lg-weight)"},md:{fontSize:"var(--font-heading-md-size)",letterSpacing:"var(--font-heading-md-spacing)",fontWeight:"var(--font-heading-md-weight)"},sm:{fontSize:"var(--font-heading-sm-size)",letterSpacing:"var(--font-heading-sm-spacing)",fontWeight:"var(--font-heading-sm-weight)"},xs:{fontSize:"var(--font-heading-xs-size)",letterSpacing:"var(--font-heading-xs-spacing)",fontWeight:"var(--font-heading-xs-weight)"}},body:{lg:{fontSize:"var(--font-body-lg-size)",letterSpacing:"var(--font-body-lg-spacing)",fontWeight:"var(--font-body-lg-weight)",lineHeight:"var(--font-body-lg-line-height)"},"lg-semibold":{fontSize:"var(--font-body-lg-semibold-size)",letterSpacing:"var(--font-body-lg-semibold-spacing)",fontWeight:"var(--font-body-lg-semibold-weight)",lineHeight:"var(--font-body-lg-semibold-line-height)"},md:{fontSize:"var(--font-body-md-size)",letterSpacing:"var(--font-body-md-spacing)",fontWeight:"var(--font-body-md-weight)"},default:{fontSize:"var(--font-body-default-size)",letterSpacing:"var(--font-body-default-spacing)",fontWeight:"var(--font-body-default-weight)",lineHeight:"var(--font-body-default-line-height)"},"default-medium":{fontSize:"var(--font-body-default-medium-size)",letterSpacing:"var(--font-body-default-medium-spacing)",fontWeight:"var(--font-body-default-medium-weight)"},"default-semibold":{fontSize:"var(--font-body-default-semibold-size)",letterSpacing:"var(--font-body-default-semibold-spacing)",fontWeight:"var(--font-body-default-semibold-weight)"},"default-bold":{fontSize:"var(--font-body-default-bold-size)",letterSpacing:"var(--font-body-default-bold-spacing)",fontWeight:"var(--font-body-default-bold-weight)"},xs:{fontSize:"var(--font-body-xs-size)",letterSpacing:"var(--font-body-xs-spacing)",fontWeight:"var(--font-body-xs-weight)",lineHeight:"var(--font-body-xs-line-height)"},"xs-medium":{fontSize:"var(--font-body-xs-medium-size)",letterSpacing:"var(--font-body-xs-medium-spacing)",fontWeight:"var(--font-body-xs-medium-weight)",lineHeight:"var(--font-body-xs-line-height)"},"xs-bold":{fontSize:"var(--font-body-xs-bold-size)",letterSpacing:"var(--font-body-xs-bold-spacing)",fontWeight:"var(--font-body-xs-bold-weight)",lineHeight:"var(--font-body-xs-line-height)"},xxs:{fontSize:"var(--font-body-xxs-size)",letterSpacing:"var(--font-body-xxs-spacing)",fontWeight:"var(--font-body-xxs-weight)",lineHeight:"var(--font-body-xxs-line-height)"},"xxs-medium":{fontSize:"var(--font-body-xxs-medium-size)",letterSpacing:"var(--font-body-xxs-medium-spacing)",fontWeight:"var(--font-body-xxs-medium-weight)",lineHeight:"var(--font-body-xxs-line-height)"},"xxs-semibold":{fontSize:"var(--font-body-xxs-semibold-size)",letterSpacing:"var(--font-body-xxs-semibold-spacing)",fontWeight:"var(--font-body-xxs-semibold-weight)",lineHeight:"var(--font-body-xxs-line-height)"},"xxs-bold":{fontSize:"var(--font-body-xxs-bold-size)",letterSpacing:"var(--font-body-xxs-bold-spacing)",fontWeight:"var(--font-body-xxs-bold-weight)",lineHeight:"var(--font-body-xxs-line-height)"}},label:{default:{fontSize:"var(--font-label-default-size)",lineHeight:"var(--font-label-default-line-height)",letterSpacing:"var(--font-label-default-spacing)",fontWeight:"var(--font-label-default-weight)",textTransform:"uppercase"}}};({theme:{extend:{fontSize:{...Object.entries(It).reduce((e,[o,t])=>(Object.entries(t).forEach(([r,a])=>{e[`${o}-${r}`]=[a.fontSize,{lineHeight:a.lineHeight||"normal",letterSpacing:a.letterSpacing||"normal",fontWeight:a.fontWeight}];}),e),{})}}},safelist:[...at(rt,It),"text-primary","text-secondary","text-white","text-primary-blue","text-disabled","text-danger","text-inherit","animate-slide-in-from-bottom-to-top"]});var Ht=e=>{let o=typeof e=="string"?new Date(e):e,t=new Date,r=(t.getFullYear()-o.getFullYear())*12+(t.getMonth()-o.getMonth());if(r>=3)return o.toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"2-digit"});let a=new Intl.RelativeTimeFormat("en",{numeric:"auto"}),i=Math.floor((t.getTime()-o.getTime())/(1e3*60*60*24));return i===0?"today":i===1?"yesterday":i<30?a.format(-i,"day"):a.format(-Math.floor(r),"month")};function At({avatarUrl:e,userName:o,date:t,rating:r,description:a,metrics:i=[],className:p,isLoading:l=false,title:u}){fe("(max-width: 768px)");return l?y__namespace.default.createElement("div",{className:`rounded-2xl bg-background-0 md:p-10 p-4 ${p}`},y__namespace.default.createElement("div",{className:"flex justify-between md:gap-8 gap-4"},y__namespace.default.createElement("div",{className:"flex gap-4"},y__namespace.default.createElement(M,{className:"h-16 w-16 rounded-full"}),y__namespace.default.createElement("div",{className:"flex flex-col gap-2"},y__namespace.default.createElement(M,{className:"h-5 w-32"}),y__namespace.default.createElement(M,{className:"h-4 w-24"}))),y__namespace.default.createElement(M,{className:"h-4 w-8"})),y__namespace.default.createElement("div",{className:"mt-4 flex flex-col gap-2"},[1,2,3].map(m=>y__namespace.default.createElement("div",{key:m,className:"flex justify-between"},y__namespace.default.createElement(M,{className:"h-4 w-24"}),y__namespace.default.createElement(M,{className:"h-4 w-16"})))),y__namespace.default.createElement("div",{className:"mt-8"},y__namespace.default.createElement(M,{className:"h-5 w-48 mb-4"}),y__namespace.default.createElement(M,{className:"h-20 w-full"}))):y__namespace.default.createElement("div",{className:`rounded-2xl bg-background-0 md:p-10 p-6 min-h-[366px] ${p}`},y__namespace.default.createElement("div",{className:"flex justify-between"},y__namespace.default.createElement("div",{className:"flex gap-4"},y__namespace.default.createElement(De,{src:e,alt:`${o}'s avatar`,size:["md:64",48]}),y__namespace.default.createElement("div",{className:"flex flex-col gap-1"},y__namespace.default.createElement(d,{variant:["lg:heading-sm","body-default-semibold"]},o),y__namespace.default.createElement(We,{rating:r}))),y__namespace.default.createElement(d,{variant:["lg:body-xs","body-xxs"],color:"secondary"},Ht(t))),i.length>0&&y__namespace.default.createElement("div",{className:"mt-6 flex flex-col gap-2"},i.map(m=>y__namespace.default.createElement("div",{className:"flex justify-between"},y__namespace.default.createElement(d,{variant:["md:body-xs-medium","body-xxs-medium"],color:"secondary"},m.label),y__namespace.default.createElement("div",{className:"flex gap-1"},y__namespace.default.createElement(d,{variant:"body-xs-medium",color:"secondary"},m.rating),y__namespace.default.createElement(v,{name:"star-filled",size:16,color:"secondary"}))))),y__namespace.default.createElement("div",{className:"mt-8 gap-2 flex flex-col"},y__namespace.default.createElement(d,{variant:["lg:body-default-bold","body-default-medium"]},u),y__namespace.default.createElement(he,{maxHeight:72},y__namespace.default.createElement(d,{variant:["lg:body-default","body-xs"]},a))))}At.displayName="ReviewCard";
|
|
16
|
-
exports.ReviewCard=
|
|
15
|
+
truncate`,K,t==="filled"?Jt[r]:t==="transparent"?"bg-transparent text-text":qe[r],e),disabled:p||i,type:"button",...u},typeof a=="string"?y__namespace.createElement(d,{variant:o??"body-xxs-semibold",color:"inherit"},a):a,n));O.displayName="Button";var Qe={12:"h-[12px] w-[12px]",16:"h-[16px] w-[16px]",18:"h-[18px] w-[18px]",20:"h-[20px] w-[20px]",24:"h-[24px] w-[24px]",32:"h-[32px] w-[32px]",36:"h-[36px] w-[36px]",40:"h-[40px] w-[40px]",42:"h-[42px] w-[42px]",48:"h-[48px] w-[48px]",52:"h-[52px] w-[52px]",60:"h-[60px] w-[60px]",64:"h-[64px] w-[64px]",72:"h-[72px] w-[72px]",80:"h-[80px] w-[80px]"},ut={sm:{12:"sm:h-[12px] sm:w-[12px]",16:"sm:h-[16px] sm:w-[16px]",18:"sm:h-[18px] sm:w-[18px]",20:"sm:h-[20px] sm:w-[20px]",24:"sm:h-[24px] sm:w-[24px]",32:"sm:h-[32px] sm:w-[32px]",36:"sm:h-[36px] sm:w-[36px]",40:"sm:h-[40px] sm:w-[40px]",42:"sm:h-[42px] sm:w-[42px]",48:"sm:h-[48px] sm:w-[48px]",52:"sm:h-[52px] sm:w-[52px]",60:"sm:h-[60px] sm:w-[60px]",64:"sm:h-[64px] sm:w-[64px]",72:"sm:h-[72px] sm:w-[72px]",80:"sm:h-[80px] sm:w-[80px]"},md:{12:"md:h-[12px] md:w-[12px]",16:"md:h-[16px] md:w-[16px]",18:"md:h-[18px] md:w-[18px]",20:"md:h-[20px] md:w-[20px]",24:"md:h-[24px] md:w-[24px]",32:"md:h-[32px] md:w-[32px]",36:"md:h-[36px] md:w-[36px]",40:"md:h-[40px] md:w-[40px]",42:"md:h-[42px] md:w-[42px]",48:"md:h-[48px] md:w-[48px]",52:"md:h-[52px] md:w-[52px]",60:"md:h-[60px] md:w-[60px]",64:"md:h-[64px] md:w-[64px]",72:"md:h-[72px] md:w-[72px]",80:"md:h-[80px] md:w-[80px]"},lg:{12:"lg:h-[12px] lg:w-[12px]",16:"lg:h-[16px] lg:w-[16px]",18:"lg:h-[18px] lg:w-[18px]",20:"lg:h-[20px] lg:w-[20px]",24:"lg:h-[24px] lg:w-[24px]",32:"lg:h-[32px] lg:w-[32px]",36:"lg:h-[36px] lg:w-[36px]",40:"lg:h-[40px] lg:w-[40px]",42:"lg:h-[42px] lg:w-[42px]",48:"lg:h-[48px] lg:w-[48px]",52:"lg:h-[52px] lg:w-[52px]",60:"lg:h-[60px] lg:w-[60px]",64:"lg:h-[64px] lg:w-[64px]",72:"lg:h-[72px] lg:w-[72px]",80:"lg:h-[80px] lg:w-[80px]"},xl:{12:"xl:h-[12px] xl:w-[12px]",16:"xl:h-[16px] xl:w-[16px]",18:"xl:h-[18px] xl:w-[18px]",20:"xl:h-[20px] xl:w-[20px]",24:"xl:h-[24px] xl:w-[24px]",32:"xl:h-[32px] xl:w-[32px]",36:"xl:h-[36px] xl:w-[36px]",40:"xl:h-[40px] xl:w-[40px]",42:"xl:h-[42px] xl:w-[42px]",48:"xl:h-[48px] xl:w-[48px]",52:"xl:h-[52px] xl:w-[52px]",60:"xl:h-[60px] xl:w-[60px]",64:"xl:h-[64px] xl:w-[64px]",72:"xl:h-[72px] xl:w-[72px]",80:"xl:h-[80px] xl:w-[80px]"},"2xl":{12:"2xl:h-[12px] 2xl:w-[12px]",16:"2xl:h-[16px] 2xl:w-[16px]",18:"2xl:h-[18px] 2xl:w-[18px]",20:"2xl:h-[20px] 2xl:w-[20px]",24:"2xl:h-[24px] 2xl:w-[24px]",32:"2xl:h-[32px] 2xl:w-[32px]",36:"2xl:h-[36px] 2xl:w-[36px]",40:"2xl:h-[40px] 2xl:w-[40px]",42:"2xl:h-[42px] 2xl:w-[42px]",48:"2xl:h-[48px] 2xl:w-[48px]",52:"2xl:h-[52px] 2xl:w-[52px]",60:"2xl:h-[60px] 2xl:w-[60px]",64:"2xl:h-[64px] 2xl:w-[64px]",72:"2xl:h-[72px] 2xl:w-[72px]",80:"2xl:h-[80px] 2xl:w-[80px]"}},Ne=e=>String(e),ve=(e,o=24)=>{let t=[],r={};if(e===void 0){let i=Ne(o);i?t.push(Qe[i]):(r.height=`${o}px`,r.width=`${o}px`);}if(typeof e=="number"){let i=Ne(e);i?t.push(Qe[i]):(r.height=`${e}px`,r.width=`${e}px`);}if(Array.isArray(e)){let i=Ne(o),a=[i&&Qe[i]||`h-[${o}px] w-[${o}px]`];e.forEach(p=>{if(typeof p=="string"){let[n,u]=p.split(":"),s=parseInt(u,10),m=Ne(s);t.push(m&&ut[n]?.[m]||`${n}:h-[${s}px] ${n}:w-[${s}px]`);}}),t.push(...a);}if(typeof e=="string"){let[i,a]=e.split(":"),p=parseInt(a,10),n=Ne(p);t.push(n&&ut[i]?.[n]||`${i}:h-[${p}px] ${i}:w-[${p}px]`);}return {responsiveSizeClasses:t.join(" "),responsiveSizeStyles:r}};var gt={primary:"var(--color-primary)",secondary:"var(--color-secondary)",white:"var(--color-white)",primaryBlue:"var(--color-primary-100)",disabled:"var(--color-disabled)",danger:"var(--color-danger)",tertiary:"var(--color-tertiary-15)"},v=y__namespace.default.forwardRef(({name:e,size:o=24,color:t="primary",title:r,className:i,style:a={},...p},n)=>{let u=icons.IconMap[e],{responsiveSizeClasses:s,responsiveSizeStyles:m}=ve(o,24);return y__namespace.default.createElement("div",{className:l("flex justify-center items-center",s,i),style:{"--icon-stroke":gt[t],...m,...a}},y__namespace.default.createElement(u,{ref:n,"aria-hidden":!r,"aria-label":r,stroke:e.includes("filled")?void 0:gt[t],...p}))});v.displayName="Icon";var to={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},et=y__namespace.forwardRef(({title:e,message:o,action:t,secondaryAction:r,variant:i="default",duration:a=5e3,className:p,onOpenChange:n,allowOutsideClick:u=true,onClose:s,...m},c)=>{let f=to[i],b=y__namespace.useCallback(x=>{!u&&x===false||(n?.(x),x||s?.());},[n,u,s]);return y__namespace.createElement(F__namespace.Root,{ref:c,onOpenChange:b,duration:a,className:l("group pointer-events-auto relative flex w-full flex-col gap-4 rounded-lg p-4 items-center","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",f.className,p),...m},y__namespace.createElement(F__namespace.Close,{className:"absolute right-1 top-1 h-[40px] w-[40px] p-1 hover:bg-background-0/10 flex items-center justify-center rounded-lg","aria-label":"Close",onClick:s},y__namespace.createElement(v,{name:"close",size:16,color:"white"})),y__namespace.createElement("div",{className:"flex gap-4"},y__namespace.createElement(v,{name:f.icon,className:"h-5 w-5 shrink-0",color:"white"}),y__namespace.createElement("div",{className:"flex flex-col flex-1 gap-2"},e&&y__namespace.createElement(F__namespace.Title,{asChild:true},y__namespace.createElement(d,{variant:"body-default-bold",color:"inherit"},e)),y__namespace.createElement(F__namespace.Description,{asChild:true},y__namespace.createElement(d,{variant:"body-xs-medium",color:"inherit"},o)))),(t||r)&&y__namespace.createElement("div",{className:"flex gap-2 justify-end mt-2"},r&&y__namespace.createElement(F__namespace.Action,{asChild:true,altText:r.label},y__namespace.createElement("div",{className:"min-h-[40px] flex items-center"},y__namespace.createElement(O,{variant:r.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:r.onClick},r.label))),t&&y__namespace.createElement(F__namespace.Action,{asChild:true,altText:t.label},y__namespace.createElement("div",{className:"flex items-center"},y__namespace.createElement(O,{variant:t.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:t.onClick},t.label)))))});et.displayName="Toast";var he=e=>{let[o,t]=y.useState(false);return y.useEffect(()=>{t(window.matchMedia(e).matches);let i=window.matchMedia(e),a=p=>{t(p.matches);};return i.addEventListener("change",a),()=>{i.removeEventListener("change",a);}},[e]),o};var xt=typeof window<"u"?y.useLayoutEffect:y.useEffect;var P=y__namespace.default.forwardRef(({children:e,type:o="button",className:t,disabled:r,scaleOnPress:i=true,...a},p)=>y__namespace.default.createElement("button",{ref:p,type:o,disabled:r,className:l("appearance-none hover:opacity-90",K,r&&"opacity-50 cursor-not-allowed",i&&"transition-all active:scale-95",t),...a},e));P.displayName="Pressable";function ke({children:e,maxHeight:o=100,showOverlay:t=true}){let[r,i]=y__namespace.default.useState(false),a=y.useRef(null),[p,n]=y.useState(o);xt(()=>{if(!a.current)return;let s=new ResizeObserver(m=>{for(let c of m)n(c.target.scrollHeight);});return s.observe(a.current),()=>s.disconnect()},[]);let u=p>o;return y__namespace.default.createElement(ze__namespace.Root,{open:r,onOpenChange:i},y__namespace.default.createElement("div",{className:"relative"},y__namespace.default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:r?`${p}px`:`${o}px`}},y__namespace.default.createElement("div",{ref:a,className:"w-full"},e)),u&&y__namespace.default.createElement(ze__namespace.Trigger,{asChild:true},y__namespace.default.createElement(P,{className:l("absolute -bottom-3 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!r&&t&&"bg-gradient-to-b from-transparent via-background-0 to-background-0","hover:opacity-100 transition-opacity")},y__namespace.default.createElement(d,{variant:"label-default",color:"secondary"},r?"See less":"See more")))))}ke.displayName="Collapsible";var vt={sm:"h-4",md:"h-6",lg:"h-8"},lo={sm:"w-20",md:"w-32",lg:"w-48"},ot={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"},S=y__namespace.default.forwardRef(({variant:e="text",size:o="md",lines:t=1,className:r,animate:i=true},a)=>{let p="bg-secondary-50 rounded-lg overflow-hidden",n=i?"animate-pulse":"",s=typeof o=="number"?(c=>({height:`${c}px`,width:e==="avatar"||e==="image"?`${c}px`:void 0}))(o):void 0,m=()=>{switch(e){case "text":return y__namespace.default.createElement("div",{className:"flex flex-col gap-2"},Array.from({length:t}).map((c,f)=>y__namespace.default.createElement("div",{key:f,style:s,className:l(p,n,typeof o=="string"?vt[o]:void 0,f===t-1&&t>1?"w-3/4":"w-full",r)})));case "image":return y__namespace.default.createElement("div",{style:s,className:l(p,n,(!s||!r)&&"aspect-square w-full max-w-[300px]",r)});case "button":return y__namespace.default.createElement("div",{style:s,className:l(p,n,typeof o=="string"&&[vt[o],lo[o]],r)});case "card":return y__namespace.default.createElement("div",{className:l("flex flex-col gap-4 p-6 border border-stroke rounded-xl",r)},y__namespace.default.createElement("div",{className:l(p,n,"w-16 h-16 rounded-full")}),y__namespace.default.createElement("div",{className:"space-y-2"},y__namespace.default.createElement("div",{className:l(p,n,"h-6 w-3/4")}),y__namespace.default.createElement("div",{className:l(p,n,"h-4 w-1/2")})),y__namespace.default.createElement("div",{className:"space-y-2"},y__namespace.default.createElement("div",{className:l(p,n,"h-4 w-full")}),y__namespace.default.createElement("div",{className:l(p,n,"h-4 w-full")}),y__namespace.default.createElement("div",{className:l(p,n,"h-4 w-2/3")})));case "avatar":return y__namespace.default.createElement("div",{style:s,className:l(p,n,"rounded-full",{[ot.sm]:o==="sm",[ot.md]:o==="md",[ot.lg]:o==="lg"},r)});default:return null}};return y__namespace.default.createElement("div",{ref:a,className:l("w-full",r)},m())});S.displayName="Fallback";function Be({children:e,color:o="inherit",variant:t="body-default-semibold",href:r,className:i,...a}){return y__namespace.default.createElement(d,{variant:t,color:o},y__namespace.default.createElement("a",{href:r,className:l("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline text-ellipsis",K,i),...a},e))}var at=y__namespace.forwardRef(({items:e,type:o="single",defaultValue:t,value:r,onValueChange:i,className:a,contentClassName:p,triggerClassName:n,...u},s)=>y__namespace.createElement(Y__namespace.Root,{ref:s,type:o,defaultValue:t,value:r,onValueChange:i,className:l("w-full gap-1 flex flex-col",a),...u},e.map(m=>y__namespace.createElement(Y__namespace.Item,{key:m.value,value:m.value,disabled:m.disabled,className:"w-full"},y__namespace.createElement(Y__namespace.Header,null,y__namespace.createElement(Y__namespace.Trigger,{className:l("flex w-full items-center gap-2 justify-between px-3 py-2 rounded bg-background-50 hover:bg-background-100 select-none cursor-pointer","disabled:cursor-not-allowed","focus-visible:outline-none focus-visible:ring-2",n)},y__namespace.createElement("div",{className:"flex items-center gap-3"},y__namespace.createElement(d,{variant:"body-default-semibold",className:m.disabled?"text-disabled":""},m.title)),y__namespace.createElement(v,{name:"arrow-down",size:18,"aria-hidden":true,color:m.disabled?"disabled":"primary",className:"transition-transform duration-200 data-[state=open]:rotate-180"}))),y__namespace.createElement(Y__namespace.Content,{className:l("overflow-hidden will-change-[height] data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",p)},y__namespace.createElement("div",{className:"py-2 px-3"},m.content))))));at.displayName="Accordion";var Se=y__namespace.forwardRef(({className:e,end:o,iconName:t,color:r,size:i,title:a,label:p,labelClassName:n,id:u,children:s,forceShowFocusRing:m,error:c,errorMessage:f,helperText:b,showCharacterCount:x,maxLength:C,value:h,defaultValue:D,onChange:V,disabled:W,...L},pe)=>{let[H,me]=y__namespace.useState(h?.toString()||D?.toString()||"");y__namespace.useEffect(()=>{h!==void 0&&me(h?.toString()||"");},[h]);let fe=N=>{let oe=N.target.value;me(oe),V?.(N);},te=H.length,be=x||!!C;return y__namespace.createElement("div",{className:"gap-1 flex flex-col"},p&&y__namespace.createElement(d,{variant:"label-default",htmlFor:u,as:"label",color:c?"danger":"primary",className:l(n)},p),y__namespace.createElement("div",{className:l("relative flex flex-col gap-2 w-full rounded-lg border bg-background-0 px-3 md:py-3 py-2 text-secondary transition-colors duration-150",!c&&!m&&"border-secondary-50",c&&"border-tertiary-10",W&&"cursor-not-allowed opacity-50","focus-within:ring-2 focus-within:ring-primary-100",m&&ft)},y__namespace.createElement("div",{className:"flex relative"},y__namespace.createElement("input",{ref:pe,id:u,className:l("font-sans text-sm flex w-full bg-background-0 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-primary disabled:cursor-not-allowed focus:outline-none rounded-lg",o&&"pr-10",e),value:H,maxLength:C,onChange:fe,"aria-invalid":c,disabled:W,...L}),(o||t)&&y__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},t?y__namespace.createElement(v,{name:t,color:c?"danger":"secondary",size:i,title:a}):o)),s),y__namespace.createElement("div",{className:"flex justify-between gap-2"},c&&f||b?y__namespace.createElement(d,{variant:"body-xxs",color:c?"danger":"secondary",className:"mt-1"},c?f:b):null,be&&y__namespace.createElement(d,{variant:"body-xxs",color:c?"danger":"secondary",className:"text-right mt-1"},y__namespace.createElement(d,{variant:"body-xxs",as:"span",className:"font-bold"},te),C&&`/${C}`," characters")))});var $e=y.forwardRef(({value:e,suggestion:o,onChange:t,onKeyDown:r,className:i,"aria-controls":a,"aria-activedescendant":p,"aria-autocomplete":n,...u},s)=>y__namespace.default.createElement("div",{className:"relative w-full"},y__namespace.default.createElement(Se,{ref:s,value:e,onChange:m=>t(m.target.value),onKeyDown:r,className:l("bg-transparent",i),"aria-controls":a,"aria-activedescendant":p,"aria-autocomplete":n,...u}),o&&e&&y__namespace.default.createElement("div",{className:"absolute inset-0 top-6 flex items-center px-3 md:py-3 py-2 text-secondary opacity-40 pointer-events-none text-sm"},e,o.slice(e.length))));$e.displayName="AutocompleteInput";function je({src:e,size:o=48,onClick:t,alt:r="avatar",className:i,fallback:a,isLoading:p,...n}){let{responsiveSizeClasses:u,responsiveSizeStyles:s}=ve(o,48);if(p)return y__namespace.default.createElement(S,{variant:"avatar",size:typeof o=="number"?o:"md"});let m=e?y__namespace.default.createElement("img",{src:e,alt:r,className:l("rounded-full object-cover",u,i),style:s,...n}):y__namespace.default.createElement("div",{className:l("rounded-full bg-secondary-50",u,i),style:s},a);return t?y__namespace.default.createElement(P,{onClick:t,...n},m):m}var yt={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},co=e=>{let o=Object.keys(yt),t=e.split("").reduce((a,p)=>p.charCodeAt(0)+((a<<5)-a),0),r=Math.abs(t)%o.length;return o[r]},ge=y__namespace.forwardRef(({className:e,variant:o,iconName:t,children:r,...i},a)=>{let p=o||(typeof r=="string"?co(r):"pink");return y__namespace.createElement("span",{ref:a,className:l("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",yt[p],e),...i},t&&y__namespace.createElement(v,{size:16,name:t}),r&&y__namespace.createElement(d,{variant:"body-xxs-semibold",className:"mt-0.5"},r))});ge.displayName="Badge";function fo(){return y__namespace.default.createElement(d,{variant:["sm:body-lg","body-xs"]},"/")}var wt=y__namespace.default.forwardRef(({items:e,className:o,SeparatorComponent:t=fo,onHomeClick:r,children:i},a)=>{let p=()=>typeof t=="function"?y__namespace.default.createElement(t,null):y__namespace.default.cloneElement(t);return y__namespace.default.createElement("nav",{ref:a,"aria-label":"Breadcrumb",className:l("sm:relative sticky top-0 sm:border-none !border-solid border-secondary-50 border-b-[1px] pb-6 flex justify-between gap-2 md:flex-row flex-col",o)},y__namespace.default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},y__namespace.default.createElement(P,{onClick:r},y__namespace.default.createElement(v,{name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"})),p(),e.map((n,u)=>{let s=u===e.length-1;return s||!n.href?y__namespace.default.createElement(d,{variant:s?["body-default-semibold"]:["body-xs","md:body-default"],color:s?"primary":"secondary","aria-current":s?"page":void 0,key:n.label},n.label):y__namespace.default.createElement(y__namespace.default.Fragment,null,y__namespace.default.createElement(Be,{href:n.href,key:n.label},n.label),p())})),i)});wt.displayName="Breadcrumbs";y.forwardRef(({children:e,className:o="",gap:t=20,minHeight:r,showPaddles:i=true,onScrollStateChange:a},p)=>{let n=y.useRef(null),[u,s]=y.useState(false),[m,c]=y.useState(false),[f,b]=y.useState(false),[x,C]=y.useState(false),[h,D]=y.useState(null),[V,W]=y.useState(null),L=he("(max-width: 768px)"),pe=y.useRef({canScrollLeft:false,canScrollRight:false}),H=y.useCallback(()=>{let g=n.current;if(!g)return;let{scrollLeft:M,scrollWidth:z,clientWidth:_}=g,ae=M>0,ie=Math.ceil(M+_)<z;(pe.current.canScrollLeft!==ae||pe.current.canScrollRight!==ie)&&(s(ae),c(ie),pe.current={canScrollLeft:ae,canScrollRight:ie},a&&a({canScrollLeft:ae,canScrollRight:ie}));},[a]),me=y.useCallback(g=>{if(L)return;let z=g.currentTarget.getBoundingClientRect(),_=g.clientX-z.left,ae=300,ie=_<ae,dt=_>z.width-ae;ie!==f&&b(ie),dt!==x&&C(dt);},[L,f,x]),fe=y.useCallback(()=>{b(false),C(false);},[]),te=y.useCallback(g=>{D(g.touches[0].clientX),W(null);},[]),be=y.useCallback(g=>{W(g.touches[0].clientX),!L&&h!==null&&Math.abs(h-g.touches[0].clientX)>10&&g.preventDefault();},[L,h]),N=y.useCallback(()=>{if(!h||!V)return;let g=n.current;if(!g)return;let M=h-V,z=L?30:50;if(Math.abs(M)<z)return;let _=L?g.clientWidth*.8:g.clientWidth,ae=M>0?1:-1,ie=g.scrollLeft+_*ae;g.scrollTo({left:ie,behavior:"smooth"});},[h,V,L]),oe=y.useCallback(()=>{D(null),W(null);},[]),re=y.useCallback(g=>{let M=n.current;if(!M)return;let z=Math.abs(g.deltaX)>Math.abs(g.deltaY);if(!z&&!g.shiftKey)return;g.preventDefault();let _=z?g.deltaX:g.deltaY;M.scrollBy({left:_,behavior:"smooth"});},[]);y.useEffect(()=>{let g=n.current;if(!g)return;let M=new ResizeObserver(H);return M.observe(g),g.addEventListener("scroll",H,{passive:true}),g.addEventListener("wheel",re,{passive:false}),H(),()=>{M.disconnect(),g.removeEventListener("scroll",H),g.removeEventListener("wheel",re);}},[H,re]);let k=y.useCallback(g=>{let M=n.current;if(!M)return;let z=L?M.clientWidth*.8:M.clientWidth,_=M.scrollLeft+(g==="left"?-z:z);M.scrollTo({left:_,behavior:"smooth"});},[L]),ue=y.useCallback(g=>{g.key==="ArrowLeft"?k("left"):g.key==="ArrowRight"&&k("right");},[k]),mt=y.useMemo(()=>({canScrollLeft:u,canScrollRight:m}),[u,m]);y__namespace.default.useImperativeHandle(p,()=>({scroll:k,getScrollState:()=>mt}),[k,mt]);let Kt=y.useMemo(()=>({scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch",touchAction:"pan-x",overflowX:"auto",minHeight:r,WebkitTapHighlightColor:"transparent",cursor:L?"default":"grab"}),[L,r]),Ft=y.useMemo(()=>({gap:`${t}px`}),[t]),Gt=y.useMemo(()=>y__namespace.default.Children.map(e,g=>g===null?null:y__namespace.default.createElement("div",{className:"snap-start shrink-0"},g)),[e]),Xt=y.useMemo(()=>L||!i?null:y__namespace.default.createElement(y__namespace.default.Fragment,null,u&&f&&y__namespace.default.createElement(P,{onClick:()=>k("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},y__namespace.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},y__namespace.default.createElement(v,{name:"arrow-left",size:24,color:"white"}))),m&&x&&y__namespace.default.createElement(P,{onClick:()=>k("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},y__namespace.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},y__namespace.default.createElement(v,{name:"arrow-right",size:24,color:"white"})))),[L,i,u,m,f,x,k]);return y__namespace.default.createElement("div",{className:`relative group w-full max-w-full overflow-hidden ${o}`,onKeyDown:ue,onMouseMove:me,onMouseLeave:fe,role:"region","aria-label":"Carousel"},y__namespace.default.createElement(Ve__namespace.Root,{className:"overflow-hidden w-full max-w-full",type:"hover"},y__namespace.default.createElement(Ve__namespace.Viewport,{ref:n,className:"w-full max-w-full overflow-x-auto snap-x snap-mandatory",style:Kt,onTouchStart:te,onTouchMove:be,onTouchEnd:N,onTouchCancel:oe,"data-testid":"carousel-viewport"},y__namespace.default.createElement("div",{className:"inline-flex w-max",style:Ft},Gt))),Xt)});function Ee({content:e,children:o,side:t="bottom",align:r="center",className:i,delayDuration:a=200,defaultOpen:p,open:n,onOpenChange:u,longPressDuration:s=500}){let[m,c]=y.useState(p||false),f=null,b=n??m,x=y.useCallback(D=>{n||c(D),u?.(D);},[n,u]),C=y.useCallback(()=>{f=setTimeout(()=>{x(true);},s);},[x,s]),h=y.useCallback(()=>{f&&(clearTimeout(f),f=null),setTimeout(()=>x(false),1500);},[f,x]);return y__namespace.createElement(R__namespace.Provider,{delayDuration:a},y__namespace.createElement(R__namespace.Root,{open:b,onOpenChange:x},y__namespace.createElement(R__namespace.Trigger,{asChild:true},y__namespace.createElement("span",{tabIndex:0,onTouchStart:C,onTouchEnd:h,onTouchCancel:h},o)),y__namespace.createElement(R__namespace.Portal,null,y__namespace.createElement(R__namespace.Content,{side:t,align:r,sideOffset:4,className:l("z-50 overflow-hidden rounded-lg","bg-primary px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60","touch-none",i)},typeof e=="string"?y__namespace.createElement(d,{variant:"body-default-medium",color:"white"},e):e,y__namespace.createElement(R__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))))}function vo({text:e,highlight:o}){if(!o)return y__namespace.default.createElement(y__namespace.default.Fragment,null,e);let t=e.split(new RegExp(`(${o})`,"i"));return y__namespace.default.createElement(y__namespace.default.Fragment,null,t.map((r,i)=>r.toLowerCase()===o.toLowerCase()?y__namespace.default.createElement("span",{key:i,className:"font-bold"},r):r))}var Le=y__namespace.default.forwardRef(({value:e,label:o,onChange:t,onKeyDown:r,onMouseEnter:i,onMouseLeave:a,selected:p,color:n,disabled:u,className:s,id:m,role:c,"aria-selected":f,searchValue:b="",tooltip:x,onClick:C,badge:h},D)=>{let V=y__namespace.default.createElement("button",{ref:D,type:"button",id:m,role:c,"aria-selected":f,disabled:u,className:l("relative w-full text-left px-2 py-1.5 text-sm rounded outline-none text-primary","cursor-pointer hover:bg-background-50","disabled:opacity-50 disabled:cursor-not-allowed",p&&"bg-background-50","flex items-center gap-2",s),onClick:()=>{t?.(e),C?.();},onKeyDown:r,onMouseEnter:i,onMouseLeave:a},y__namespace.default.createElement(d,{variant:"body-default-medium",color:n==="danger"?"danger":"inherit"},typeof o=="string"?y__namespace.default.createElement(vo,{text:o,highlight:b}):o),h&&y__namespace.default.createElement(ge,null,h));return x?y__namespace.default.createElement(Ee,{content:x},V):V});var st=y__namespace.forwardRef(({trigger:e,items:o,className:t,onSelect:r,align:i="end"},a)=>{let p=y__namespace.useCallback(n=>{r?.(n);},[r]);return y__namespace.createElement(Q__namespace.Root,null,y__namespace.createElement(Q__namespace.Trigger,{asChild:true},e),y__namespace.createElement(Q__namespace.Portal,null,y__namespace.createElement(Q__namespace.Content,{ref:a,align:i,sideOffset:4,className:l("z-50 min-w-[220px]","bg-background-0 rounded-lg p-1","shadow-lg border border-gray-100","animate-in fade-in-0 zoom-in-95",t)},o.map(n=>y__namespace.createElement(Q__namespace.Item,{key:n.value,disabled:n.disabled,onClick:()=>n.onClick&&n.onClick(),onSelect:()=>p(n.value),className:"outline-none",asChild:true},y__namespace.createElement(Le,{...n,className:"py-3 px-6",onChange:p}))))))});st.displayName="Dropdown";var Po={primary:"bg-primary-100",success:"bg-green-600",warning:"bg-yellow-500",error:"bg-tertiary-10"},No={sm:"h-1",md:"h-2",lg:"h-3"},kt=y__namespace.forwardRef(({value:e,max:o=100,label:t,startLabel:r,endLabel:i,size:a="md",variant:p="primary",className:n,...u},s)=>{let m=Math.min(100,Math.max(0,e/o*100));return y__namespace.createElement("div",{className:t||r||i?"py-1.5 gap-1.5":void 0},t&&y__namespace.createElement("div",{className:"flex justify-between mb-1"},y__namespace.createElement(d,{variant:"body-default",color:"secondary"},t||`${m.toFixed(0)}%`),o!==100&&y__namespace.createElement(d,{variant:"body-default",color:"secondary"},e," / ",o)),y__namespace.createElement(Xe__namespace.Root,{ref:s,value:m,className:l("relative overflow-hidden rounded-full bg-gray-100",No[a],n),...u},y__namespace.createElement(Xe__namespace.Indicator,{className:l("h-full w-full transition-all",Po[p]),style:{transform:`translateX(-${100-m}%)`}})),(r||i)&&y__namespace.createElement("div",{className:"flex justify-between mt-1"},r&&y__namespace.createElement(d,{variant:"body-xxs",color:"secondary"},r),i&&y__namespace.createElement(d,{variant:"body-xxs",color:"secondary"},i)))});kt.displayName="ProgressBar";var St=y__namespace.default.forwardRef(({label:e,labelClassName:o,options:t,value:r,onChange:i,disabled:a,id:p,className:n,inline:u=true,error:s,errorMessage:m,helperText:c},f)=>{let b=p||y__namespace.default.useId();return y__namespace.default.createElement("div",{ref:f,className:l("flex flex-col gap-2",n)},e&&y__namespace.default.createElement(d,{as:"label",variant:"label-default",className:l("text-primary",o),color:s?"danger":"primary"},e),y__namespace.default.createElement("div",{role:"radiogroup","aria-label":e,className:l("flex gap-4",u?"flex-row gap-4":"flex-col gap-2"),"aria-invalid":s},t.map(x=>{let C=`${b}-${x.value}`,h=r===x.value;return y__namespace.default.createElement("label",{key:x.value,htmlFor:C,className:l("flex items-center gap-2 cursor-pointer",a&&"cursor-not-allowed opacity-50")},y__namespace.default.createElement("div",{className:l("w-4 h-4 rounded-full border","flex items-center justify-center","transition-colors duration-150",{"border-secondary-50":!s&&!h,"border-tertiary-10":s,"border-primary":h&&!s,"hover:border-primary":!a&&!s,"hover:border-tertiary-10":!a&&s})},h&&y__namespace.default.createElement("div",{className:l("w-2 h-2 rounded-full",s?"bg-tertiary-10":"bg-primary")})),y__namespace.default.createElement("input",{type:"radio",id:C,name:b,value:x.value,checked:h,onChange:()=>i(x.value),disabled:a,className:l("sr-only","peer",K)}),y__namespace.default.createElement(d,{variant:"body-default",color:h?s?"danger":"primary":"secondary"},x.label))})),s&&m||c?y__namespace.default.createElement(d,{variant:"body-xxs",color:s?"danger":"secondary",className:"mt-1"},s?m:c):null)});St.displayName="RadioGroup";function Ue({rating:e,showLabel:o=true,className:t=""}){let r=Math.round(e);return y__namespace.default.createElement("div",{className:`flex items-end gap-2 ${t}`},y__namespace.default.createElement("div",{className:"flex"},[...Array(r)].map((i,a)=>y__namespace.default.createElement(v,{size:20,name:"star-filled",key:a,color:"tertiary"}))),o&&y__namespace.default.createElement(d,{variant:"body-default-medium",className:"-mb-0.5"},e.toFixed(1)))}Ue.displayName="Rating";var Mt=y__namespace.forwardRef(({tabs:e,defaultValue:o,value:t,onChange:r,className:i},a)=>{let p=y__namespace.useCallback(n=>{r?.(n);},[r]);return y__namespace.createElement(le__namespace.Root,{ref:a,defaultValue:o||e[0]?.value,value:t,onValueChange:p,className:l("inline-flex items-center p-1 bg-gray-100 rounded-lg gap-1",i)},y__namespace.createElement(le__namespace.List,{"aria-label":"Select platform"},e.map(n=>y__namespace.createElement(le__namespace.Trigger,{key:n.value,value:n.value,asChild:true},y__namespace.createElement(O,{variant:"filled",color:"black",className:l("min-w-[100px]","data-[state=inactive]:bg-transparent","data-[state=inactive]:text-gray-600","data-[state=active]:bg-background-0","data-[state=active]:text-black","data-[state=active]:shadow-sm")},n.label)))))});Mt.displayName="SegmentedTabs";var Et=y__namespace.forwardRef(({text:e,confirmText:o="Confirmed!",onConfirm:t,variant:r="primary",className:i,disabled:a=false,"aria-label":p,...n},u)=>{let[s,m]=y__namespace.useState(false),[c,f]=y__namespace.useState(0),[b,x]=y__namespace.useState(false),C=y__namespace.useRef(null),h=y__namespace.useRef(null),[D,V]=y__namespace.useState(false),W={primary:{track:"bg-primary-100/10 hover:bg-primary-100/20",thumb:"bg-primary-100",text:"text-primary-100"},danger:{track:"bg-tertiary-5 hover:bg-tertiary-5",thumb:"bg-tertiary-10",text:"text-tertiary-10"}},L=y__namespace.useCallback(N=>{if(a||b)return;let oe=h.current,re=C.current;if(!oe||!re)return;let k=re.clientWidth-oe.clientWidth;switch(N.key){case "ArrowRight":case "ArrowUp":N.preventDefault();let ue=Math.min(k,c+k*.1);f(ue),ue>=k*.9&&(x(true),f(k),t());break;case "ArrowLeft":case "ArrowDown":N.preventDefault(),f(Math.max(0,c-k*.1));break;case "Home":N.preventDefault(),f(0);break;case "End":N.preventDefault(),f(k),x(true),t();break;case "Enter":case " ":N.preventDefault(),c>=k*.9&&(x(true),f(k),t());break}},[a,b,t,c]),pe=y__namespace.useCallback(N=>{a||b||(m(true),N.preventDefault());},[a,b]),H=y__namespace.useCallback(N=>{if(!s||!C.current||!h.current)return;let oe=C.current.getBoundingClientRect(),re=h.current.getBoundingClientRect(),k=oe.width-re.width,ue=Math.max(0,Math.min(k,N-oe.left-re.width/2));f(ue),ue>=k*.9&&(m(false),x(true),f(k),t());},[s,t]),me=y__namespace.useCallback(N=>{H(N.clientX);},[H]),fe=y__namespace.useCallback(N=>{H(N.touches[0].clientX);},[H]),te=y__namespace.useCallback(()=>{b||f(0),m(false);},[b]);y__namespace.useEffect(()=>(s&&(document.addEventListener("mousemove",me),document.addEventListener("mouseup",te),document.addEventListener("touchmove",fe),document.addEventListener("touchend",te)),()=>{document.removeEventListener("mousemove",me),document.removeEventListener("mouseup",te),document.removeEventListener("touchmove",fe),document.removeEventListener("touchend",te);}),[s,me,fe,te]),y__namespace.useEffect(()=>{a&&(f(0),x(false),m(false));},[a]);let be=y__namespace.useMemo(()=>{if(!C.current||!h.current)return 0;let N=C.current.clientWidth-h.current.clientWidth;return Math.round(c/N*100)},[c]);return y__namespace.createElement("div",{ref:u,className:l("relative h-12 rounded-full transition-colors",W[r].track,a&&"opacity-50 cursor-not-allowed",i),...n},y__namespace.createElement("div",{ref:C,role:"slider","aria-label":p||e,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":be,"aria-valuetext":b?o:`${be}% complete`,"aria-disabled":a,tabIndex:a?-1:0,className:"relative w-full h-full overflow-hidden rounded-full outline-none focus-visible:ring-2 focus-visible:ring-offset-2",onKeyDown:L,onFocus:()=>V(true),onBlur:()=>V(false)},y__namespace.createElement("div",{className:"absolute inset-0 flex items-center justify-center","aria-hidden":"true"},y__namespace.createElement(d,{variant:"body-default-semibold",className:l(W[r].text,"transition-opacity select-none",(s||b)&&"opacity-0")},e),y__namespace.createElement(d,{variant:"body-default-semibold",className:l(W[r].text,"transition-opacity select-none",!b&&"opacity-0")},o)),y__namespace.createElement("div",{ref:h,className:l("absolute top-1 bottom-1 left-1 w-10 rounded-full cursor-grab active:cursor-grabbing transition-transform",W[r].thumb,a&&"cursor-not-allowed",D&&"ring-2 ring-white"),style:{transform:`translateX(${c}px)`},onMouseDown:pe,onTouchStart:pe,"aria-hidden":"true"},y__namespace.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},y__namespace.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},y__namespace.createElement("path",{d:"M13.5 10L8.5 15L7.5 14L11.5 10L7.5 6L8.5 5L13.5 10Z",fill:"white"}))))))});Et.displayName="SlideButton";var Lt=y__namespace.default.forwardRef((e,o)=>y__namespace.default.createElement(ce__namespace.Root,{ref:o,className:l("relative flex w-full touch-none select-none items-center"),...e},y__namespace.default.createElement(ce__namespace.Track,{className:"relative h-[2px] w-full grow bg-stroke"},y__namespace.default.createElement(ce__namespace.Range,{className:"absolute h-full bg-primary-100"})),y__namespace.default.createElement(ce__namespace.Thumb,{className:"block h-4 w-4 rounded-full bg-background-0 border border-secondary focus:border-primary-100"})));Lt.displayName="Slider";var It=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,At=clsx.clsx,Ht=(e,o)=>t=>{var r;if(o?.variants==null)return At(e,t?.class,t?.className);let{variants:i,defaultVariants:a}=o,p=Object.keys(i).map(s=>{let m=t?.[s],c=a?.[s];if(m===null)return null;let f=It(m)||It(c);return i[s][f]}),n=t&&Object.entries(t).reduce((s,m)=>{let[c,f]=m;return f===void 0||(s[c]=f),s},{}),u=o==null||(r=o.compoundVariants)===null||r===void 0?void 0:r.reduce((s,m)=>{let{class:c,className:f,...b}=m;return Object.entries(b).every(x=>{let[C,h]=x;return Array.isArray(h)?h.includes({...a,...n}[C]):{...a,...n}[C]===h})?[...s,c,f]:s},[]);return At(e,p,u,t?.class,t?.className)};var So=Ht("animate-spin rounded-full border-current border-t-transparent",{variants:{size:{sm:"h-4 w-4 border-3",md:"h-6 w-6 border-4",lg:"h-8 w-8 border-8"}},defaultVariants:{size:"md"}}),Dt=y__namespace.forwardRef(({size:e,className:o,customSize:t,...r},i)=>{let a=t?{width:t,height:t,borderWidth:Math.max(2,Math.floor(t/16))}:{};return y__namespace.createElement("div",{role:"status","aria-label":"Loading",ref:i,className:l(So({size:e}),"text-primary-100",o),style:a,...r},y__namespace.createElement("span",{className:"sr-only"},"Loading..."))});Dt.displayName="Spinner";var zt=y__namespace.forwardRef(({className:e,label:o,description:t,onCheckedChange:r,...i},a)=>{let p=y__namespace.useCallback(n=>{r?.(n);},[r]);return y__namespace.createElement("div",{className:"flex items-center gap-2"},y__namespace.createElement(_e__namespace.Root,{className:l("peer inline-flex h-6 w-11 shrink-0 cursor-pointer","items-center rounded-full border-2 border-transparent","transition-colors focus-visible:outline-none",K,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",e),onCheckedChange:p,...i,ref:a},y__namespace.createElement(_e__namespace.Thumb,{className:l("pointer-events-none block h-5 w-5","rounded-full bg-background-0 shadow-lg ring-0","transition-transform","data-[state=checked]:translate-x-5","data-[state=unchecked]:translate-x-0")})),(o||t)&&y__namespace.createElement("div",{className:"flex flex-col"},o&&y__namespace.createElement("label",{className:"text-sm font-medium text-primary",htmlFor:i.id},o),t&&y__namespace.createElement("span",{className:"text-xs text-secondary"},t)))});zt.displayName="Switch";var Ot=y__namespace.default.forwardRef(({items:e,defaultValue:o,className:t="",onChange:r,variant:i="default"},a)=>{let[p,n]=y__namespace.default.useState(o||e[0]?.value),u=y.useCallback(s=>{r?.(s),n(s);},[r]);return y__namespace.default.createElement(le__namespace.Root,{defaultValue:o||e[0]?.value,onValueChange:u,className:t},y__namespace.default.createElement(le__namespace.List,{ref:a,className:l("flex",i==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(s=>i==="default"?y__namespace.default.createElement(le__namespace.Trigger,{key:s.value,value:s.value,className:"group relative flex-1 pb-4"},y__namespace.default.createElement(d,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-primary transition-colors"},s.label),y__namespace.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):y__namespace.default.createElement(le__namespace.Trigger,{key:s.value,value:s.value,asChild:true},y__namespace.default.createElement(O,{variant:"filled",color:s.value===p?"black":"secondary",className:"py-3",textVariant:["body-default-semibold"]},s.label)))),e.map(s=>y__namespace.default.createElement(le__namespace.Content,{key:s.value,value:s.value,className:"flex flex-col h-full"},s.content)))});Ot.displayName="Tabs";var pt={background:{0:"var(--color-background-0)",50:"var(--color-background-50)",100:"var(--color-background-100)"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",DEFAULT:"var(--color-primary)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",DEFAULT:"var(--color-secondary)"},tertiary:{5:"var(--color-tertiary-5)",10:"var(--color-tertiary-10)",15:"var(--color-tertiary-15)",20:"var(--color-tertiary-20)",25:"var(--color-tertiary-25)",30:"var(--color-tertiary-30)"},stroke:{DEFAULT:"var(--color-stroke)"},white:"var(--color-white)","primary-blue":"var(--color-primary-blue)",disabled:"var(--color-disabled)",danger:"var(--color-danger)",overlay:"var(--color-overlay)",sidebarOverlay:"var(--color-sidebar-overlay)",border:"var(--color-border)"},jt={heading:{xl:{fontSize:"var(--font-heading-xl-size)",letterSpacing:"var(--font-heading-xl-spacing)",fontWeight:"var(--font-heading-xl-weight)"},lg:{fontSize:"var(--font-heading-lg-size)",letterSpacing:"var(--font-heading-lg-spacing)",fontWeight:"var(--font-heading-lg-weight)"},md:{fontSize:"var(--font-heading-md-size)",letterSpacing:"var(--font-heading-md-spacing)",fontWeight:"var(--font-heading-md-weight)"},sm:{fontSize:"var(--font-heading-sm-size)",letterSpacing:"var(--font-heading-sm-spacing)",fontWeight:"var(--font-heading-sm-weight)"},xs:{fontSize:"var(--font-heading-xs-size)",letterSpacing:"var(--font-heading-xs-spacing)",fontWeight:"var(--font-heading-xs-weight)"}},body:{lg:{fontSize:"var(--font-body-lg-size)",letterSpacing:"var(--font-body-lg-spacing)",fontWeight:"var(--font-body-lg-weight)",lineHeight:"var(--font-body-lg-line-height)"},"lg-semibold":{fontSize:"var(--font-body-lg-semibold-size)",letterSpacing:"var(--font-body-lg-semibold-spacing)",fontWeight:"var(--font-body-lg-semibold-weight)",lineHeight:"var(--font-body-lg-semibold-line-height)"},md:{fontSize:"var(--font-body-md-size)",letterSpacing:"var(--font-body-md-spacing)",fontWeight:"var(--font-body-md-weight)"},default:{fontSize:"var(--font-body-default-size)",letterSpacing:"var(--font-body-default-spacing)",fontWeight:"var(--font-body-default-weight)",lineHeight:"var(--font-body-default-line-height)"},"default-medium":{fontSize:"var(--font-body-default-medium-size)",letterSpacing:"var(--font-body-default-medium-spacing)",fontWeight:"var(--font-body-default-medium-weight)"},"default-semibold":{fontSize:"var(--font-body-default-semibold-size)",letterSpacing:"var(--font-body-default-semibold-spacing)",fontWeight:"var(--font-body-default-semibold-weight)"},"default-bold":{fontSize:"var(--font-body-default-bold-size)",letterSpacing:"var(--font-body-default-bold-spacing)",fontWeight:"var(--font-body-default-bold-weight)"},xs:{fontSize:"var(--font-body-xs-size)",letterSpacing:"var(--font-body-xs-spacing)",fontWeight:"var(--font-body-xs-weight)",lineHeight:"var(--font-body-xs-line-height)"},"xs-medium":{fontSize:"var(--font-body-xs-medium-size)",letterSpacing:"var(--font-body-xs-medium-spacing)",fontWeight:"var(--font-body-xs-medium-weight)",lineHeight:"var(--font-body-xs-line-height)"},"xs-bold":{fontSize:"var(--font-body-xs-bold-size)",letterSpacing:"var(--font-body-xs-bold-spacing)",fontWeight:"var(--font-body-xs-bold-weight)",lineHeight:"var(--font-body-xs-line-height)"},xxs:{fontSize:"var(--font-body-xxs-size)",letterSpacing:"var(--font-body-xxs-spacing)",fontWeight:"var(--font-body-xxs-weight)",lineHeight:"var(--font-body-xxs-line-height)"},"xxs-medium":{fontSize:"var(--font-body-xxs-medium-size)",letterSpacing:"var(--font-body-xxs-medium-spacing)",fontWeight:"var(--font-body-xxs-medium-weight)",lineHeight:"var(--font-body-xxs-line-height)"},"xxs-semibold":{fontSize:"var(--font-body-xxs-semibold-size)",letterSpacing:"var(--font-body-xxs-semibold-spacing)",fontWeight:"var(--font-body-xxs-semibold-weight)",lineHeight:"var(--font-body-xxs-line-height)"},"xxs-bold":{fontSize:"var(--font-body-xxs-bold-size)",letterSpacing:"var(--font-body-xxs-bold-spacing)",fontWeight:"var(--font-body-xxs-bold-weight)",lineHeight:"var(--font-body-xxs-line-height)"}},label:{default:{fontSize:"var(--font-label-default-size)",lineHeight:"var(--font-label-default-line-height)",letterSpacing:"var(--font-label-default-spacing)",fontWeight:"var(--font-label-default-weight)",textTransform:"uppercase"}}};({theme:{extend:{fontSize:{...Object.entries(jt).reduce((e,[o,t])=>(Object.entries(t).forEach(([r,i])=>{e[`${o}-${r}`]=[i.fontSize,{lineHeight:i.lineHeight||"normal",letterSpacing:i.letterSpacing||"normal",fontWeight:i.fontWeight}];}),e),{})}}},safelist:[...ct(pt,jt),"text-primary","text-secondary","text-white","text-primary-blue","text-disabled","text-danger","text-inherit","animate-slide-in-from-bottom-to-top"]});var Wt=e=>{let o=typeof e=="string"?new Date(e):e,t=new Date,r=(t.getFullYear()-o.getFullYear())*12+(t.getMonth()-o.getMonth());if(r>=3)return o.toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"2-digit"});let i=new Intl.RelativeTimeFormat("en",{numeric:"auto"}),a=Math.floor((t.getTime()-o.getTime())/(1e3*60*60*24));return a===0?"today":a===1?"yesterday":a<30?i.format(-a,"day"):i.format(-Math.floor(r),"month")};function Vt({avatarUrl:e,userName:o,date:t,rating:r,description:i,metrics:a=[],className:p,isLoading:n=false,title:u}){he("(max-width: 768px)");return n?y__namespace.default.createElement("div",{className:`rounded-2xl bg-background-0 md:p-10 p-4 ${p}`},y__namespace.default.createElement("div",{className:"flex justify-between md:gap-8 gap-4"},y__namespace.default.createElement("div",{className:"flex gap-4"},y__namespace.default.createElement(S,{className:"h-16 w-16 rounded-full"}),y__namespace.default.createElement("div",{className:"flex flex-col gap-2"},y__namespace.default.createElement(S,{className:"h-5 w-32"}),y__namespace.default.createElement(S,{className:"h-4 w-24"}))),y__namespace.default.createElement(S,{className:"h-4 w-8"})),y__namespace.default.createElement("div",{className:"mt-4 flex flex-col gap-2"},[1,2,3].map(m=>y__namespace.default.createElement("div",{key:m,className:"flex justify-between"},y__namespace.default.createElement(S,{className:"h-4 w-24"}),y__namespace.default.createElement(S,{className:"h-4 w-16"})))),y__namespace.default.createElement("div",{className:"mt-8"},y__namespace.default.createElement(S,{className:"h-5 w-48 mb-4"}),y__namespace.default.createElement(S,{className:"h-20 w-full"}))):y__namespace.default.createElement("div",{className:`rounded-2xl bg-background-0 md:p-10 p-6 min-h-[366px] ${p}`},y__namespace.default.createElement("div",{className:"flex justify-between"},y__namespace.default.createElement("div",{className:"flex gap-4"},y__namespace.default.createElement(je,{src:e,alt:`${o}'s avatar`,size:["md:64",48]}),y__namespace.default.createElement("div",{className:"flex flex-col gap-1"},y__namespace.default.createElement(d,{variant:["lg:heading-sm","body-default-semibold"]},o),y__namespace.default.createElement(Ue,{rating:r}))),y__namespace.default.createElement(d,{variant:["lg:body-xs","body-xxs"],color:"secondary"},Wt(t))),a.length>0&&y__namespace.default.createElement("div",{className:"mt-6 flex flex-col gap-2"},a.map(m=>y__namespace.default.createElement("div",{className:"flex justify-between"},y__namespace.default.createElement(d,{variant:["md:body-xs-medium","body-xxs-medium"],color:"secondary"},m.label),y__namespace.default.createElement("div",{className:"flex gap-1"},y__namespace.default.createElement(d,{variant:"body-xs-medium",color:"secondary"},m.rating),y__namespace.default.createElement(v,{name:"star-filled",size:16,color:"secondary"}))))),y__namespace.default.createElement("div",{className:"mt-8 gap-2 flex flex-col"},y__namespace.default.createElement(d,{variant:["lg:body-default-bold","body-default-medium"]},u),y__namespace.default.createElement(ke,{maxHeight:72},y__namespace.default.createElement(d,{variant:["lg:body-default","body-xs"]},i))))}Vt.displayName="ReviewCard";
|
|
16
|
+
exports.ReviewCard=Vt;//# sourceMappingURL=ReviewCard.cjs.map
|
|
17
17
|
//# sourceMappingURL=ReviewCard.cjs.map
|