@deckai/deck-ui 0.0.22 → 0.0.23
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/README.md +0 -1
- package/dist/components/AboutCard.cjs +3 -3
- package/dist/components/AboutCard.cjs.map +1 -1
- package/dist/components/AboutCard.d.cts +1 -1
- package/dist/components/AboutCard.d.ts +1 -1
- package/dist/components/AboutCard.js +3 -3
- package/dist/components/AboutCard.js.map +1 -1
- package/dist/components/Accordion.cjs +2 -2
- package/dist/components/Accordion.cjs.map +1 -1
- package/dist/components/Accordion.js +2 -2
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AddWorkCard.cjs +4 -4
- package/dist/components/AddWorkCard.cjs.map +1 -1
- package/dist/components/AddWorkCard.d.cts +1 -1
- package/dist/components/AddWorkCard.d.ts +1 -1
- package/dist/components/AddWorkCard.js +4 -4
- package/dist/components/AddWorkCard.js.map +1 -1
- package/dist/components/AutocompleteInput.cjs +4 -4
- package/dist/components/AutocompleteInput.cjs.map +1 -1
- package/dist/components/AutocompleteInput.d.cts +6 -6
- package/dist/components/AutocompleteInput.d.ts +6 -6
- package/dist/components/AutocompleteInput.js +4 -4
- package/dist/components/AutocompleteInput.js.map +1 -1
- package/dist/components/Avatar.cjs +1 -1
- package/dist/components/Avatar.cjs.map +1 -1
- package/dist/components/Avatar.d.cts +2 -2
- package/dist/components/Avatar.d.ts +2 -2
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Badge.cjs +4 -4
- package/dist/components/Badge.cjs.map +1 -1
- package/dist/components/Badge.d.cts +2 -2
- package/dist/components/Badge.d.ts +2 -2
- package/dist/components/Badge.js +4 -4
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Breadcrumbs.cjs +2 -2
- package/dist/components/Breadcrumbs.cjs.map +1 -1
- package/dist/components/Breadcrumbs.js +2 -2
- package/dist/components/Breadcrumbs.js.map +1 -1
- package/dist/components/Button.cjs +5 -5
- package/dist/components/Button.cjs.map +1 -1
- package/dist/components/Button.d.cts +5 -5
- package/dist/components/Button.d.ts +5 -5
- package/dist/components/Button.js +5 -5
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Carousel.cjs +1 -1
- package/dist/components/Carousel.cjs.map +1 -1
- package/dist/components/Carousel.d.cts +1 -1
- package/dist/components/Carousel.d.ts +1 -1
- package/dist/components/Carousel.js +1 -1
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Collapsible.cjs +2 -2
- package/dist/components/Collapsible.cjs.map +1 -1
- package/dist/components/Collapsible.d.cts +4 -4
- package/dist/components/Collapsible.d.ts +4 -4
- package/dist/components/Collapsible.js +2 -2
- package/dist/components/Collapsible.js.map +1 -1
- package/dist/components/Combobox.cjs +4 -4
- package/dist/components/Combobox.cjs.map +1 -1
- package/dist/components/Combobox.d.cts +5 -2
- package/dist/components/Combobox.d.ts +5 -2
- package/dist/components/Combobox.js +4 -4
- package/dist/components/Combobox.js.map +1 -1
- package/dist/components/ContactItem.cjs +3 -3
- package/dist/components/ContactItem.cjs.map +1 -1
- package/dist/components/ContactItem.d.cts +1 -1
- package/dist/components/ContactItem.d.ts +1 -1
- package/dist/components/ContactItem.js +3 -3
- package/dist/components/ContactItem.js.map +1 -1
- package/dist/components/Dropdown.cjs +3 -3
- package/dist/components/Dropdown.cjs.map +1 -1
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/EditButton.cjs +5 -5
- package/dist/components/EditButton.cjs.map +1 -1
- package/dist/components/EditButton.d.cts +4 -4
- package/dist/components/EditButton.d.ts +4 -4
- package/dist/components/EditButton.js +5 -5
- package/dist/components/EditButton.js.map +1 -1
- package/dist/components/Fallback.cjs +1 -1
- package/dist/components/Fallback.cjs.map +1 -1
- package/dist/components/Fallback.js +1 -1
- package/dist/components/Fallback.js.map +1 -1
- package/dist/components/Icon.cjs +1 -1
- package/dist/components/Icon.cjs.map +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconRenderer.cjs +1 -1
- package/dist/components/IconRenderer.cjs.map +1 -1
- package/dist/components/IconRenderer.d.cts +4 -4
- package/dist/components/IconRenderer.d.ts +4 -4
- package/dist/components/IconRenderer.js +1 -1
- package/dist/components/IconRenderer.js.map +1 -1
- package/dist/components/Input.cjs +3 -3
- package/dist/components/Input.cjs.map +1 -1
- package/dist/components/Input.d.cts +11 -11
- package/dist/components/Input.d.ts +11 -11
- package/dist/components/Input.js +3 -3
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Link.cjs +4 -4
- package/dist/components/Link.cjs.map +1 -1
- package/dist/components/Link.d.cts +1 -1
- package/dist/components/Link.d.ts +1 -1
- package/dist/components/Link.js +4 -4
- package/dist/components/Link.js.map +1 -1
- package/dist/components/Logo.cjs +1 -1
- package/dist/components/Logo.cjs.map +1 -1
- package/dist/components/Logo.d.cts +1 -1
- package/dist/components/Logo.d.ts +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/Modal.cjs +1 -1
- package/dist/components/Modal.cjs.map +1 -1
- package/dist/components/Modal.d.cts +4 -4
- package/dist/components/Modal.d.ts +4 -4
- package/dist/components/Modal.js +1 -1
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/MultiSelectCombobox.cjs +2 -2
- package/dist/components/MultiSelectCombobox.cjs.map +1 -1
- package/dist/components/MultiSelectCombobox.d.cts +1 -1
- package/dist/components/MultiSelectCombobox.d.ts +1 -1
- package/dist/components/MultiSelectCombobox.js +2 -2
- package/dist/components/MultiSelectCombobox.js.map +1 -1
- package/dist/components/Navbar.cjs +7 -7
- package/dist/components/Navbar.cjs.map +1 -1
- package/dist/components/Navbar.d.cts +1 -1
- package/dist/components/Navbar.d.ts +1 -1
- package/dist/components/Navbar.js +7 -7
- package/dist/components/Navbar.js.map +1 -1
- package/dist/components/NavbarItem.cjs +4 -4
- package/dist/components/NavbarItem.cjs.map +1 -1
- package/dist/components/NavbarItem.d.cts +1 -1
- package/dist/components/NavbarItem.d.ts +1 -1
- package/dist/components/NavbarItem.js +4 -4
- package/dist/components/NavbarItem.js.map +1 -1
- package/dist/components/Option.cjs +2 -2
- package/dist/components/Option.cjs.map +1 -1
- package/dist/components/Option.js +2 -2
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Pressable.cjs +1 -1
- package/dist/components/Pressable.cjs.map +1 -1
- package/dist/components/Pressable.js +1 -1
- package/dist/components/Pressable.js.map +1 -1
- package/dist/components/ProfileCard.cjs +2 -2
- package/dist/components/ProfileCard.cjs.map +1 -1
- package/dist/components/ProfileCard.d.cts +1 -1
- package/dist/components/ProfileCard.d.ts +1 -1
- package/dist/components/ProfileCard.js +2 -2
- package/dist/components/ProfileCard.js.map +1 -1
- package/dist/components/ProgressBar.cjs +3 -3
- package/dist/components/ProgressBar.cjs.map +1 -1
- package/dist/components/ProgressBar.js +3 -3
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/RadioGroup.cjs +3 -3
- package/dist/components/RadioGroup.cjs.map +1 -1
- package/dist/components/RadioGroup.js +3 -3
- package/dist/components/RadioGroup.js.map +1 -1
- package/dist/components/SegmentedTabs.cjs +4 -4
- package/dist/components/SegmentedTabs.cjs.map +1 -1
- package/dist/components/SegmentedTabs.js +4 -4
- package/dist/components/SegmentedTabs.js.map +1 -1
- package/dist/components/Sidebar.cjs +1 -1
- package/dist/components/Sidebar.cjs.map +1 -1
- package/dist/components/Sidebar.d.cts +1 -1
- package/dist/components/Sidebar.d.ts +1 -1
- package/dist/components/Sidebar.js +1 -1
- package/dist/components/Sidebar.js.map +1 -1
- package/dist/components/SlideButton.cjs +1 -1
- package/dist/components/SlideButton.cjs.map +1 -1
- package/dist/components/SlideButton.js +1 -1
- package/dist/components/SlideButton.js.map +1 -1
- package/dist/components/Slider.cjs.map +1 -1
- package/dist/components/Slider.js.map +1 -1
- package/dist/components/SocialCard.cjs +4 -4
- package/dist/components/SocialCard.cjs.map +1 -1
- package/dist/components/SocialCard.d.cts +1 -1
- package/dist/components/SocialCard.d.ts +1 -1
- package/dist/components/SocialCard.js +4 -4
- package/dist/components/SocialCard.js.map +1 -1
- package/dist/components/Spinner.cjs +1 -1
- package/dist/components/Spinner.cjs.map +1 -1
- package/dist/components/Spinner.d.cts +2 -2
- package/dist/components/Spinner.d.ts +2 -2
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/Switch.cjs.map +1 -1
- package/dist/components/Switch.d.cts +2 -2
- package/dist/components/Switch.d.ts +2 -2
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Tabs.cjs +3 -3
- package/dist/components/Tabs.cjs.map +1 -1
- package/dist/components/Tabs.js +3 -3
- package/dist/components/Tabs.js.map +1 -1
- package/dist/components/Tag.cjs +3 -3
- package/dist/components/Tag.cjs.map +1 -1
- package/dist/components/Tag.d.cts +1 -1
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.js +3 -3
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/Text.cjs +1 -1
- package/dist/components/Text.cjs.map +1 -1
- package/dist/components/Text.d.cts +1 -1
- package/dist/components/Text.d.ts +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextArea.cjs +4 -4
- package/dist/components/TextArea.cjs.map +1 -1
- package/dist/components/TextArea.d.cts +1 -1
- package/dist/components/TextArea.d.ts +1 -1
- package/dist/components/TextArea.js +4 -4
- package/dist/components/TextArea.js.map +1 -1
- package/dist/components/Toast.cjs +3 -3
- package/dist/components/Toast.cjs.map +1 -1
- package/dist/components/Toast.d.cts +7 -7
- package/dist/components/Toast.d.ts +7 -7
- package/dist/components/Toast.js +3 -3
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/ToastProvider.cjs +1 -1
- package/dist/components/ToastProvider.cjs.map +1 -1
- package/dist/components/ToastProvider.d.cts +1 -1
- package/dist/components/ToastProvider.d.ts +1 -1
- package/dist/components/ToastProvider.js +1 -1
- package/dist/components/ToastProvider.js.map +1 -1
- package/dist/components/Tooltip.cjs +3 -3
- package/dist/components/Tooltip.cjs.map +1 -1
- package/dist/components/Tooltip.d.cts +1 -1
- package/dist/components/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip.js +3 -3
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/VideoPlayer.cjs +2 -2
- package/dist/components/VideoPlayer.cjs.map +1 -1
- package/dist/components/VideoPlayer.d.cts +4 -4
- package/dist/components/VideoPlayer.d.ts +4 -4
- package/dist/components/VideoPlayer.js +2 -2
- package/dist/components/VideoPlayer.js.map +1 -1
- package/dist/components/WorkCard.cjs +3 -3
- package/dist/components/WorkCard.cjs.map +1 -1
- package/dist/components/WorkCard.d.cts +1 -1
- package/dist/components/WorkCard.d.ts +1 -1
- package/dist/components/WorkCard.js +3 -3
- package/dist/components/WorkCard.js.map +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +39 -39
- package/dist/index.d.ts +39 -39
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as M from'react';import M__default,{forwardRef,useCallback,useState,useLayoutEffect,useEffect,useRef,useMemo}from'react';import*as Fe from'@radix-ui/react-collapsible';import*as me from'@radix-ui/react-toast';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';import*as xe from'@radix-ui/react-accordion';import*as vt from'@radix-ui/react-scroll-area';import*as Le from'@radix-ui/react-popover';import*as ne from'@radix-ui/react-tooltip';import*as ve from'@radix-ui/react-dropdown-menu';import*as pe from'@radix-ui/react-dialog';import*as Nt from'@radix-ui/react-progress';import*as Te from'@radix-ui/react-tabs';import*as Ie from'@radix-ui/react-slider';import*as kt from'@radix-ui/react-switch';import yr from'tailwindcss-animate';function d(...e){return twMerge(clsx(e))}var Co={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},No=e=>{let[t,o]=e.split("-");return t==="heading"?Co[o]||"p":t==="label"?"label":"p"},ko={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},So=e=>e?(Array.isArray(e)?e:[e]).map(o=>{if(o.includes(":")){let[r,a]=o.split(":");return `${r}:text-${a}`}return `text-${o}`}).join(" "):"text-body-default",u=M__default.forwardRef(({variant:e="body-default",color:t="primary",as:o,className:r,children:a,weight:s,...p},n)=>{let m=So(e),i=t==="inherit"?"text-inherit":`text-${t}`,c=M__default.useMemo(()=>{let g=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return No(g)},[e]);return M__default.createElement(o||c,{ref:n,className:`
|
|
2
2
|
font-sans antialiased
|
|
3
|
-
${
|
|
4
|
-
${
|
|
5
|
-
${
|
|
3
|
+
${m}
|
|
4
|
+
${i}
|
|
5
|
+
${s&&`!${ko[s]}`}
|
|
6
6
|
${r}
|
|
7
|
-
`,...l},a)});u.displayName="Text";var dt=E.forwardRef(({items:e,type:t="single",defaultValue:o,value:r,onValueChange:a,className:n,contentClassName:l,triggerClassName:i,...d},s)=>E.createElement(xe.Root,{ref:s,type:t,defaultValue:o,value:r,onValueChange:a,className:p("w-full gap-1 flex flex-col",n),...d},e.map(g=>E.createElement(xe.Item,{key:g.value,value:g.value,disabled:g.disabled,className:"w-full"},E.createElement(xe.Header,null,E.createElement(xe.Trigger,{className:p("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",i)},E.createElement("div",{className:"flex items-center gap-3"},E.createElement(u,{variant:"body-default-semibold",className:g.disabled?"text-disabled":""},g.title)),E.createElement(T,{name:"arrow-down",size:18,"aria-hidden":true,color:g.disabled?"disabled":"primary",className:"transition-transform duration-200 data-[state=open]:rotate-180"}))),E.createElement(xe.Content,{className:p("overflow-hidden will-change-[height] data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",l)},E.createElement("div",{className:"py-2 px-3"},g.content))))));dt.displayName="Accordion";var De=E.forwardRef(({className:e,end:t,iconName:o,color:r,size:a,title:n,label:l,labelClassName:i,id:d,children:s,forceShowFocusRing:g,error:c,errorMessage:b,helperText:P,showCharacterCount:w,maxLength:H,value:x,defaultValue:v,onChange:S,disabled:A,...C},B)=>{let[Z,k]=E.useState(x?.toString()||v?.toString()||"");E.useEffect(()=>{x!==undefined&&k(x.toString());},[x]);let D=E.useCallback(L=>{let z=L.target.value;k(z),S?.(L);},[S]),y=Z.length,h=w||!!H;return E.createElement("div",{className:"gap-1 flex flex-col"},l&&E.createElement(u,{variant:"label-default",htmlFor:d,as:"label",color:c?"danger":"primary",className:p(i)},l),E.createElement("div",{className:p("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&&!g&&"border-secondary-50",c&&"border-tertiary-10",A&&"cursor-not-allowed opacity-50","focus-within:ring-2 focus-within:ring-primary-100",g&&Ft)},E.createElement("div",{className:"flex relative"},E.createElement("input",{ref:B,id:d,className:p("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",t&&"pr-10",e),value:Z,maxLength:H,onChange:D,"aria-invalid":c,disabled:A,...C}),(t||o)&&E.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},o?E.createElement(T,{name:o,color:c?"danger":"secondary",size:a,title:n}):t)),s),E.createElement("div",{className:"flex justify-between gap-2"},c&&b||P?E.createElement(u,{variant:"body-xxs",color:c?"danger":"secondary",className:"mt-1"},c?b:P):null,h&&E.createElement(u,{variant:"body-xxs",color:c?"danger":"secondary",className:"text-right mt-1"},E.createElement(u,{variant:"body-xxs",as:"span",color:"primary-100",className:"font-bold"},y),H&&`/${H}`," characters")))});var je=forwardRef(({value:e,suggestion:t,onChange:o,onKeyDown:r,className:a,"aria-controls":n,"aria-activedescendant":l,"aria-autocomplete":i,...d},s)=>E__default.createElement("div",{className:"relative w-full"},E__default.createElement(De,{ref:s,value:e,onChange:g=>o(g.target.value),onKeyDown:r,className:p("bg-transparent",a),"aria-controls":n,"aria-activedescendant":l,"aria-autocomplete":i,...d}),t&&E__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,t.slice(e.length))));je.displayName="AutocompleteInput";var Zt={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},Ao=e=>{let t=Object.keys(Zt),o=e.split("").reduce((n,l)=>l.charCodeAt(0)+((n<<5)-n),0),r=Math.abs(o)%t.length;return t[r]},Ne=E.forwardRef(({className:e,variant:t,iconName:o,children:r,...a},n)=>{let l=t||(typeof r=="string"?Ao(r):"pink");return E.createElement("span",{ref:n,className:p("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",Zt[l],e),...a},o&&E.createElement(T,{size:16,name:o}),E.createElement(u,{variant:"body-xxs-semibold",className:"mt-0.5"},r))});Ne.displayName="Badge";var ke=({content:e,children:t,side:o="bottom",align:r="center",className:a,delayDuration:n=200,defaultOpen:l,open:i,onOpenChange:d,longPressDuration:s=500})=>{let[g,c]=useState(l||false),b=null,P=i??g,w=useCallback(v=>{i||c(v),d?.(v);},[i,d]),H=useCallback(()=>{b=setTimeout(()=>{w(true);},s);},[w,s]),x=useCallback(()=>{b&&(clearTimeout(b),b=null),setTimeout(()=>w(false),1500);},[b,w]);return E.createElement(ie.Provider,{delayDuration:n},E.createElement(ie.Root,{open:P,onOpenChange:w},E.createElement(ie.Trigger,{asChild:true},E.createElement("span",{tabIndex:0,onTouchStart:H,onTouchEnd:x,onTouchCancel:x},t)),E.createElement(ie.Portal,null,E.createElement(ie.Content,{side:o,align:r,sideOffset:4,className:p("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"?E.createElement(u,{variant:"body-default-medium",color:"white"},e):e,E.createElement(ie.Arrow,{className:"fill-text-primary",width:10,height:5})))))};var Ho=({text:e,highlight:t})=>{if(!t)return E__default.createElement(E__default.Fragment,null,e);let o=e.split(new RegExp(`(${t})`,"i"));return E__default.createElement(E__default.Fragment,null,o.map((r,a)=>r.toLowerCase()===t.toLowerCase()?E__default.createElement("span",{key:a,className:"font-bold"},r):r))},Se=E__default.forwardRef(({value:e,label:t,onChange:o,onKeyDown:r,onMouseEnter:a,onMouseLeave:n,selected:l,color:i,disabled:d,className:s,id:g,role:c,"aria-selected":b,searchValue:P="",tooltip:w,onClick:H,badge:x},v)=>{let S=E__default.createElement("button",{ref:v,type:"button",id:g,role:c,"aria-selected":b,disabled:d,className:p("relative w-full text-left px-2 py-1.5 text-sm rounded outline-none","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",l&&"bg-gray-100","flex items-center gap-2",s),onClick:()=>{o?.(e),H?.();},onKeyDown:r,onMouseEnter:a,onMouseLeave:n},E__default.createElement(u,{variant:"body-default-medium",color:i==="danger"?"danger":"inherit"},typeof t=="string"?E__default.createElement(Ho,{text:t,highlight:P}):t),x&&E__default.createElement(Ne,null,x));return w?E__default.createElement(ke,{content:w},S):S});var Ht=({options:e,placeholder:t="Select an item...",value:o,onChange:r,end:a,className:n,label:l,labelClassName:i,id:d,disabled:s,container:g,autocomplete:c=false,loading:b=false,error:P=false,errorMessage:w,noOptionsMessage:H})=>{let[x,v]=useState(false),[S,A]=useState(""),[C,B]=useState(-1),Z=useRef(null),k=useRef(null),D=useMemo(()=>e.length>0&&"options"in e[0],[e]),y=useMemo(()=>e.length?D?e.reduce((m,N)=>[...m,...N.options],[]):e:[],[D,e]),h=useMemo(()=>y.filter(m=>S&&typeof m.label=="string"?m.label.toLowerCase().includes(S.toLowerCase()):true),[y,S]),L=useMemo(()=>D?e.map(m=>({...m,options:m.options.filter(N=>S&&typeof N.label=="string"?N.label.toLowerCase().includes(S.toLowerCase()):true)})).filter(m=>m.options.length>0):h.length>0?[{label:"",options:h}]:[],[D,e,S,h]),z=useMemo(()=>y.find(m=>m.value===o),[o,y]),K=useMemo(()=>x?S:z&&z.label?.toString()||"",[x,S,z]),j=useMemo(()=>!c||!S||!x?"":h.find(N=>typeof N.label=="string"&&N.label.toLowerCase().startsWith(S.toLowerCase())&&N.label.toLowerCase()!==S.toLowerCase())?.label?.toString()||"",[c,S,h,x]),U=useCallback(m=>{r(m),v(false),A(""),B(-1);},[r]),be=useCallback(m=>{switch(m.key){case "ArrowDown":m.preventDefault(),m.altKey?v(true):x?B(N=>N<h.length-1?N+1:0):(v(true),B(0));break;case "ArrowUp":m.preventDefault(),m.altKey?v(false):x?B(N=>N>0?N-1:h.length-1):(v(true),B(h.length-1));break;case "PageUp":m.preventDefault(),x&&B(N=>Math.max(0,N-10));break;case "PageDown":m.preventDefault(),x&&B(N=>Math.min(h.length-1,N+10));break;case "Home":m.preventDefault(),x&&B(0);break;case "End":m.preventDefault(),x&&B(h.length-1);break;case "Enter":if(m.preventDefault(),C>=0&&h[C])U(h[C].value);else if(c&&j){let N=h.find(_=>typeof _.label=="string"&&_.label.toLowerCase().startsWith(S.toLowerCase()));N&&U(N.value);}break;case "Tab":x?C>=0&&h[C]&&(m.preventDefault(),U(h[C].value)):(m.preventDefault(),v(true),B(0));break;case "Escape":m.preventDefault(),v(false),A("");break}},[x,C,h,j,S,U,c]),$=useCallback(m=>{switch(m.key){case "ArrowDown":m.preventDefault(),B(N=>N<h.length-1?N+1:0);break;case "ArrowUp":m.preventDefault(),B(N=>N>0?N-1:h.length-1);break;case "Enter":case "Space":m.preventDefault(),C>=0&&h[C]&&U(h[C].value);break;case "Escape":m.preventDefault(),v(false),k.current?.focus();break;case "Tab":m.preventDefault(),C>=0&&h[C]&&U(h[C].value);break}},[C,h,U]);useEffect(()=>{if(x){let m=k.current;if(m){m.focus({preventScroll:true});let N=m.value.length;m.setSelectionRange(N,N);}}},[x]),useEffect(()=>{x||B(-1);},[x]),useEffect(()=>{if(x&&C>=0&&Z.current){let m=Z.current.querySelector(`[id="${d}-option-${C}"]`);m&&m.scrollIntoView({block:"nearest",behavior:"smooth"});}},[C,x,d]);let st=useCallback(m=>{if(!x)return o===m.value;let N=h.findIndex(_=>_.value===m.value);return C>=0?N===C:C===-1?N===0:false},[x,o,C,h]);return useEffect(()=>{x&&C===-1&&B(0);},[x,C]),E__default.createElement(Me.Root,{open:x&&!s,onOpenChange:m=>{if(!s)if(v(m),!m)A(""),B(-1);else {let N=k.current;if(N){N.focus({preventScroll:true});let _=N.value.length;N.setSelectionRange(_,_);}}}},E__default.createElement("div",{className:`relative w-full font-sans text-secondary ${n}`,role:"combobox","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":`${d}-listbox`},E__default.createElement(Me.Trigger,{asChild:true},E__default.createElement("button",{type:"button",className:"w-full text-left",disabled:s},c?E__default.createElement(je,{ref:k,id:d,label:l,labelClassName:i,placeholder:t,value:K,suggestion:j,onChange:m=>{A(m),x||v(true);},onKeyDown:be,end:a,className:p("flex-1",n),forceShowFocusRing:x,disabled:s,"aria-autocomplete":"list","aria-controls":`${d}-listbox`,"aria-activedescendant":C>=0?`${d}-option-${C}`:undefined}):E__default.createElement(De,{ref:k,id:d,label:l,labelClassName:i,placeholder:t,value:K,onChange:m=>{A(m.target.value),x||v(true);},onKeyDown:be,end:a,className:p("flex-1",n),forceShowFocusRing:x,disabled:s,"aria-controls":`${d}-listbox`,"aria-activedescendant":C>=0?`${d}-option-${C}`:undefined}))),E__default.createElement(Me.Portal,{container:g},E__default.createElement(Me.Content,{className:"w-[--radix-popover-trigger-width] bg-background-0 rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out outline-none",side:"bottom",align:"start",sideOffset:4,onOpenAutoFocus:m=>m.preventDefault(),onCloseAutoFocus:m=>m.preventDefault(),onFocusOutside:m=>m.preventDefault(),onInteractOutside:m=>{m.preventDefault(),v(false),A(""),B(-1);}},E__default.createElement("div",{ref:Z,className:"max-h-60 overflow-y-auto flex flex-col items-start outline-none",role:"listbox",id:`${d}-listbox`,"aria-label":l,"aria-busy":b},P?E__default.createElement("div",{className:"px-2 py-1.5 text-sm text-red-500"},w||"Failed to load options"):b?E__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"Loading..."):h.length>0&&D?E__default.createElement(dt,{type:"multiple",className:"gap-0",defaultValue:L.map(m=>m.label),items:L.map((m,N)=>({title:m.label,value:m.label,content:E__default.createElement("div",null,m.options.map((_,Xe)=>{let it=st(_);return E__default.createElement(Se,{key:`${N}-${Xe}`,onChange:U,onKeyDown:$,value:_.value,label:_.label,className:p("pl-4"),selected:it,id:`${d}-option-${Xe}`,role:"option","aria-selected":it,searchValue:S})}))}))}):h.length>0&&!D?e.map((m,N)=>{let _=st(m);return E__default.createElement(Se,{key:N,onChange:U,onKeyDown:$,value:m.value,label:m.label,className:p("pl-4"),selected:_,id:`${d}-option-${N}`,role:"option","aria-selected":_,searchValue:S})}):E__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},H||"No results found"))))))};var ft=E.forwardRef(({trigger:e,items:t,className:o,onSelect:r,align:a="end"},n)=>{let l=E.useCallback(i=>{r?.(i);},[r]);return E.createElement(ve.Root,null,E.createElement(ve.Trigger,{asChild:true},e),E.createElement(ve.Portal,null,E.createElement(ve.Content,{ref:n,align:a,sideOffset:4,className:p("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",o)},t.map(i=>E.createElement(ve.Item,{key:i.value,disabled:i.disabled,onSelect:()=>l(i.value),className:"outline-none",asChild:true},E.createElement(Se,{...i,className:"py-3 px-6",onChange:l}))))))});ft.displayName="Dropdown";var Ot=({className:e})=>E__default.createElement("div",{className:p("lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]",e)},E__default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 76 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E__default.createElement("path",{d:"M0.8 15.584C0.8 13.9413 1.12 12.4693 1.76 11.168C2.4 9.84533 3.27467 8.8 4.384 8.032C5.49333 7.264 6.77333 6.88 8.224 6.88C9.39733 6.88 10.464 7.168 11.424 7.744C12.384 8.29867 13.1093 9.03467 13.6 9.952V0.639999H18.72V18.304C18.72 18.816 18.8053 19.1787 18.976 19.392C19.1467 19.584 19.424 19.7013 19.808 19.744V24C18.912 24.1707 18.1867 24.256 17.632 24.256C16.7573 24.256 16.0427 24.064 15.488 23.68C14.9547 23.296 14.624 22.7627 14.496 22.08L14.4 21.216C13.8027 22.2613 12.992 23.04 11.968 23.552C10.944 24.064 9.86667 24.32 8.736 24.32C7.584 24.32 6.51733 24.1067 5.536 23.68C4.576 23.232 3.73333 22.6133 3.008 21.824C2.304 21.0347 1.76 20.1067 1.376 19.04C0.992 17.9733 0.8 16.8213 0.8 15.584ZM13.632 17.664V14.144C13.4187 13.568 13.1093 13.0667 12.704 12.64C12.32 12.2133 11.872 11.872 11.36 11.616C10.8693 11.36 10.368 11.232 9.856 11.232C9.30133 11.232 8.78933 11.3493 8.32 11.584C7.872 11.8187 7.47733 12.1493 7.136 12.576C6.79467 12.9813 6.528 13.4507 6.336 13.984C6.16533 14.5173 6.08 15.0827 6.08 15.68C6.08 16.2987 6.176 16.8747 6.368 17.408C6.58133 17.92 6.86933 18.3787 7.232 18.784C7.59467 19.168 8.02133 19.4667 8.512 19.68C9.00267 19.8933 9.536 20 10.112 20C10.4747 20 10.8267 19.9467 11.168 19.84C11.5093 19.712 11.8293 19.552 12.128 19.36C12.448 19.168 12.736 18.9227 12.992 18.624C13.248 18.3253 13.4613 18.0053 13.632 17.664ZM30.0895 24.32C28.6602 24.32 27.3908 24.096 26.2815 23.648C25.1722 23.1787 24.2228 22.5493 23.4335 21.76C22.6655 20.9707 22.0788 20.064 21.6735 19.04C21.2682 17.9947 21.0655 16.9067 21.0655 15.776C21.0655 14.1547 21.4175 12.6827 22.1215 11.36C22.8468 10.016 23.8815 8.93867 25.2255 8.128C26.5695 7.296 28.1908 6.88 30.0895 6.88C31.9882 6.88 33.5988 7.28533 34.9215 8.096C36.2655 8.90667 37.2895 9.97333 37.9935 11.296C38.6975 12.5973 39.0495 14.016 39.0495 15.552C39.0495 15.8507 39.0282 16.1493 38.9855 16.448C38.9642 16.7253 38.9428 16.9707 38.9215 17.184H26.5055C26.5695 17.9307 26.7722 18.56 27.1135 19.072C27.4762 19.584 27.9348 19.9787 28.4895 20.256C29.0442 20.512 29.6308 20.64 30.2495 20.64C31.0175 20.64 31.7322 20.4587 32.3935 20.096C33.0762 19.7333 33.5455 19.2427 33.8015 18.624L38.1535 19.84C37.7268 20.7147 37.1188 21.4933 36.3295 22.176C35.5615 22.8373 34.6442 23.36 33.5775 23.744C32.5322 24.128 31.3695 24.32 30.0895 24.32ZM26.3775 14.048H33.6735C33.5882 13.344 33.3855 12.736 33.0655 12.224C32.7455 11.6907 32.3188 11.2853 31.7855 11.008C31.2522 10.7093 30.6655 10.56 30.0255 10.56C29.3642 10.56 28.7668 10.7093 28.2335 11.008C27.7215 11.2853 27.3055 11.6907 26.9855 12.224C26.6655 12.736 26.4628 13.344 26.3775 14.048ZM48.762 24.32C47.3327 24.32 46.0633 24.0853 44.954 23.616C43.8447 23.1467 42.8953 22.5067 42.106 21.696C41.338 20.8853 40.7513 19.9573 40.346 18.912C39.9407 17.8667 39.738 16.7573 39.738 15.584C39.738 14.048 40.09 12.6187 40.794 11.296C41.5193 9.97333 42.554 8.90667 43.898 8.096C45.242 7.28533 46.8633 6.88 48.762 6.88C50.682 6.88 52.3033 7.296 53.626 8.128C54.97 8.93867 55.9727 10.0053 56.634 11.328L51.642 12.832C51.322 12.32 50.906 11.9253 50.394 11.648C49.9033 11.3707 49.3487 11.232 48.73 11.232C48.026 11.232 47.386 11.4133 46.81 11.776C46.2553 12.1387 45.8073 12.64 45.466 13.28C45.146 13.92 44.986 14.688 44.986 15.584C44.986 16.4587 45.1567 17.2267 45.498 17.888C45.8393 18.5493 46.2873 19.072 46.842 19.456C47.3967 19.8187 48.026 20 48.73 20C49.1567 20 49.5513 19.936 49.914 19.808C50.298 19.6587 50.6393 19.456 50.938 19.2C51.258 18.944 51.5033 18.656 51.674 18.336L56.666 19.872C56.2607 20.7253 55.674 21.4933 54.906 22.176C54.1593 22.8373 53.274 23.36 52.25 23.744C51.226 24.128 50.0633 24.32 48.762 24.32ZM69.636 24L65.252 17.28L63.46 19.104V24H58.34V0.639999H63.46V14.144L69.156 7.2H74.564L68.516 14.432L75.076 24H69.636Z",fill:"var(--icon-stroke)"})));var zt=({iconName:e,hasNotification:t,color:o,title:r,tooltip:a,disabled:n,badge:l,...i})=>{let d=E__default.createElement(O,{disabled:n,className:p("relative lg:px-7 md:px-5 py-3"),...i},E__default.createElement(T,{name:e,color:o,title:r}),t&&E__default.createElement("div",{className:"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5"}),l&&E__default.createElement(Ne,null,l));return a?E__default.createElement(ke,{content:a},d):d};var Do=({searchOptions:e,onSearchChange:t,navbarItems:o,onLogoClick:r,profileMenuItems:a,onProfileMenuSelect:n,avatarImage:l})=>E__default.createElement("div",{className:"flex py-6 lg:px-10 md:px-5 px-6 justify-between md:gap-6 gap-3 sm:relative sticky top-0"},E__default.createElement("div",{className:"flex flex-1 md:gap-6 gap-3 items-center"},E__default.createElement(O,{onClick:r,title:"Deck AI"},E__default.createElement(Ot,null)),e&&t&&E__default.createElement(Ht,{options:e,placeholder:"Search for a creator, type of content, or platform...",end:E__default.createElement(T,{name:"search-normal",size:["lg:24",18]}),onChange:t,className:"flex-1 max-w-lg"})),E__default.createElement("div",{className:"flex gap-4"},E__default.createElement("div",{className:"md:flex hidden gap-2 border-b-2 border-stroke items-center"},o?.map(({iconName:i,title:d,onClick:s,disabled:g,tooltip:c})=>E__default.createElement(zt,{key:d,iconName:i,title:d,onClick:s,disabled:g,tooltip:c}))),E__default.createElement("div",{className:"flex"},a&&n?E__default.createElement(ft,{items:a,onSelect:n,trigger:E__default.createElement(O,null,E__default.createElement(pt,{src:l,size:["sm:48",40]}))}):E__default.createElement(O,null,E__default.createElement(pt,{src:l,size:["sm:48",40]})))));var _e=({children:e,color:t="inherit",variant:o="body-default-semibold",href:r,className:a,...n})=>E__default.createElement(u,{variant:o,color:t},E__default.createElement("a",{href:r,className:p("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",ae,a),...n},e));var ze=({children:e,color:t="primary",className:o,onClose:r,...a})=>{let[n,l]=useState(false),i=useCallback(()=>{l(true);},[]),d=useCallback(()=>{l(false);},[]),s=E__default.createElement("div",{className:p("flex gap-2",r?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",t==="primary"?"text-primary-100":"text-primary",o),onMouseEnter:i,onMouseLeave:d},typeof e=="string"?E__default.createElement(u,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,r&&E__default.createElement(O,{...a,onClick:r,className:"flex items-center justify-center"},E__default.createElement(T,{name:"close",size:12,color:n?"white":"primaryBlue"})));return r?s:E__default.createElement(O,{...a},s)};var zo=({options:e,selectedValues:t,onSelectionChange:o,placeholder:r="Select items...",className:a,label:n,labelClassName:l,id:i,maxSelections:d,disabled:s,noOptionsMessage:g,loading:c,error:b,errorMessage:P,helperText:w,container:H,autocomplete:x=false})=>{let[v,S]=useState(false),[A,C]=useState(""),[B,Z]=useState({}),[k,D]=useState(-1),[y,h]=useState(-1),L=useRef(null),z=useRef(null),K=useMemo(()=>e.length>0&&"options"in e[0],[e]),j=useMemo(()=>e.length?K?e.reduce((f,M)=>[...f,...M.options],[]):e:[],[K,e]),U=useMemo(()=>j.filter(f=>t.includes(f.value)),[j,t]),be=useMemo(()=>d!==undefined&&t.length>=d,[d,t]),$=useMemo(()=>j.filter(f=>t.includes(f.value)||be?false:A&&typeof f.label=="string"?f.label.toLowerCase().includes(A.toLowerCase()):true),[j,A,t,be]),st=useMemo(()=>K?e.map(f=>({...f,options:f.options.filter(M=>t.includes(M.value)||be?false:A&&typeof M.label=="string"?M.label.toLowerCase().includes(A.toLowerCase()):true)})).filter(f=>f.options.length>0):$.length>0?[{label:"",options:$}]:[],[K,e,A,t,$,be]),m=useCallback(f=>{t.includes(f)?o(t.filter(re=>re!==f)):be||o([...t,f]),z.current&&z.current.focus({preventScroll:true});},[t,o,be]),N=useCallback(f=>{Z(M=>({...M,[f]:!M[f]}));},[]),_=useMemo(()=>!x||!A||!v?"":$.find(M=>typeof M.label=="string"&&M.label.toLowerCase().startsWith(A.toLowerCase())&&M.label.toLowerCase()!==A.toLowerCase()&&!t.includes(M.value))?.label?.toString()||"",[x,A,$,v,t]),Xe=useCallback(f=>{switch(f.key){case "ArrowDown":f.preventDefault(),f.altKey?S(true):v?D(M=>M<$.length-1?M+1:0):(S(true),D(0));break;case "ArrowUp":f.preventDefault(),f.altKey?S(false):v?D(M=>M>0?M-1:$.length-1):(S(true),D($.length-1));break;case "PageUp":f.preventDefault(),v&&D(M=>Math.max(0,M-10));break;case "PageDown":f.preventDefault(),v&&D(M=>Math.min($.length-1,M+10));break;case "Home":f.preventDefault(),v&&D(0);break;case "End":f.preventDefault(),v&&D($.length-1);break;case "Enter":if(f.preventDefault(),k>=0&&$[k])m($[k].value);else if(x&&_){let M=$.find(re=>typeof re.label=="string"&&re.label.toLowerCase().startsWith(A.toLowerCase())&&!t.includes(re.value));M&&m(M.value);}break;case "Tab":v?k>=0&&$[k]&&(f.preventDefault(),m($[k].value)):(f.preventDefault(),S(true),D(0));break;case "Escape":f.preventDefault(),S(false),C("");break}},[v,k,$,m,x,_,A,t]),it=useCallback(f=>{switch(f.key){case "ArrowDown":f.preventDefault(),D(M=>M<$.length-1?M+1:0);break;case "ArrowUp":f.preventDefault(),D(M=>M>0?M-1:$.length-1);break;case "Enter":case "Space":f.preventDefault(),k>=0&&$[k]&&m($[k].value);break;case "Escape":f.preventDefault(),S(false),z.current?.focus();break;case "Tab":f.preventDefault(),k>=0&&$[k]&&m($[k].value);break}},[k,$,m]);return useEffect(()=>{if(v){let f=z.current;if(f){f.focus({preventScroll:true});let M=f.value.length;f.setSelectionRange(M,M);}}},[v]),useEffect(()=>{v||D(-1);},[v]),useEffect(()=>{if(v&&k>=0&&L.current){let f=L.current.querySelector(`[id="${i}-option-${k}"]`);f&&f.scrollIntoView({block:"nearest",behavior:"smooth"});}},[k,v,i]),useEffect(()=>{v&&k===-1&&D(0);},[v,k]),useEffect(()=>{if(K){let f=e.reduce((M,re)=>({...M,[re.label]:true}),{});Z(f);}},[K,e]),E__default.createElement("div",{className:p("flex flex-col gap-2",a)},n&&E__default.createElement(u,{variant:"label-default",htmlFor:i,as:"label",color:b?"danger":"primary",className:p(l)},n),E__default.createElement(Me.Root,{open:v&&!s,onOpenChange:f=>{s||(S(f),f||(C(""),D(-1)));}},E__default.createElement("div",{className:"relative w-full font-sans text-secondary"},E__default.createElement(Me.Trigger,{asChild:true},E__default.createElement("button",{type:"button",className:"w-full text-left",disabled:s},x?E__default.createElement(je,{ref:z,id:i,placeholder:r,value:A,suggestion:_,onChange:f=>{C(f),v||S(true);},onKeyDown:Xe,className:"flex-1",forceShowFocusRing:v,disabled:s,error:b,"aria-expanded":v,"aria-haspopup":"listbox","aria-controls":`${i}-listbox`,"aria-activedescendant":k>=0?`${i}-option-${k}`:undefined}):E__default.createElement(De,{ref:z,id:i,placeholder:r,value:A,onChange:f=>{C(f.target.value),v||S(true);},onKeyDown:Xe,className:"flex-1",forceShowFocusRing:v,error:b,"aria-expanded":v,"aria-haspopup":"listbox","aria-controls":`${i}-listbox`,"aria-activedescendant":k>=0?`${i}-option-${k}`:undefined,disabled:s||!!d&&t.length>=d}))),E__default.createElement(Me.Portal,{container:H},E__default.createElement(Me.Content,{className:"w-[--radix-popover-trigger-width] overflow-y-scroll p-1 bg-background-0 rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out outline-none",side:"bottom",align:"start",sideOffset:4,onOpenAutoFocus:f=>f.preventDefault(),onCloseAutoFocus:f=>f.preventDefault(),onFocusOutside:f=>f.preventDefault(),onInteractOutside:f=>{f.preventDefault(),S(false),C(""),D(-1);}},E__default.createElement("div",{ref:L,className:"max-h-60 flex flex-col items-start outline-none",role:"listbox",id:`${i}-listbox`,"aria-label":n,"aria-multiselectable":"true","aria-busy":c},c?E__default.createElement(u,{variant:"label-default",className:"text-secondary p-2"},"Loading..."):$.length>0?st.map((f,M)=>E__default.createElement(We.Root,{key:f.label||M,className:"w-full",open:B[f.label]??true,onOpenChange:()=>f.label&&N(f.label)},f.label&&E__default.createElement(We.Trigger,{asChild:true},E__default.createElement("div",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50",tabIndex:-1},E__default.createElement(u,{variant:"body-default-bold",color:"secondary"},f.label),E__default.createElement(T,{name:"arrow-down",className:p("transition-transform",B[f.label]&&"rotate-180"),size:16}))),E__default.createElement(We.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},f.options.map((re,yo)=>{let nt=$.findIndex(wo=>wo.value===re.value);return E__default.createElement(Se,{key:`${M}-${yo}`,label:re.label,value:re.value,onChange:m,onKeyDown:it,className:"pl-4",selected:y===nt||y===-1&&k===nt,id:`${i}-option-${nt}`,role:"option","aria-selected":t.includes(re.value),searchValue:A,onMouseEnter:()=>h(nt),onMouseLeave:()=>h(-1)})})))):E__default.createElement(u,{variant:"label-default",className:"text-secondary p-2"},g||"No results found")))))),U.length>0&&E__default.createElement("div",{className:"flex flex-col gap-2"},E__default.createElement("div",{className:"flex flex-wrap gap-2"},U.map(f=>E__default.createElement(ze,{key:f.value,onClose:()=>m(f.value),disabled:s},f.label))),be&&E__default.createElement(u,{variant:"body-xxs",color:"secondary"},"Maximum of ",d," items selected")),b&&P||w?E__default.createElement(u,{variant:"body-xxs",color:b?"danger":"secondary",className:"mt-1"},b?P:w):null)};var Bo={black:"bg-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},Bt={black:"border border-text text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},te=E.forwardRef(({className:e,variant:t="filled",color:o="black",isLoading:r=false,children:a,disabled:n,end:l,...i},d)=>E.createElement("button",{ref:d,className:p(`
|
|
7
|
+
`,...p},a)});u.displayName="Text";var Wt=(e,t)=>{let o=Object.keys(e),r=["bg","text","border","ring","divide","outline"],s=["sm","md","lg","xl","2xl"],p=["24","42","48","64","72"];o.forEach(b=>{typeof e[b]=="object"?Object.keys(e[b]).forEach(g=>{}):r.forEach(g=>{});}),Object.entries(t).forEach(([b,g])=>{Object.keys(g).forEach(P=>{});});let m=Object.entries(t).flatMap(([b,g])=>Object.keys(g).map(P=>`text-${b}-${P}`)),i=m.flatMap(b=>s.map(g=>`${g}:${b}`)),c=p.flatMap(b=>[`h-[${b}px]`,`w-[${b}px]`,...s.flatMap(g=>[`${g}:h-[${b}px]`,`${g}:w-[${b}px]`])]);return [...m,...i,...c]},re="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-100";var Kt="ring-2 ring-primary-100";var Mo={black:"bg-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},Et={black:"border border-text text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},te=M.forwardRef(({className:e,variant:t="filled",color:o="black",isLoading:r=false,children:a,disabled:s,end:p,...n},m)=>M.createElement("button",{ref:m,className:d(`
|
|
8
8
|
sm:px-7 px-4
|
|
9
9
|
py-2
|
|
10
10
|
inline-flex items-center justify-center
|
|
@@ -12,7 +12,7 @@ import*as E from'react';import E__default,{forwardRef,useCallback,useState,useRe
|
|
|
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`,ae,t==="filled"?Bo[o]:t==="transparent"?"bg-transparent text-text":Bt[o],e),disabled:n||r,type:"button",...i},typeof a=="string"?E.createElement(u,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},a):a,l));te.displayName="Button";var Yt=E__default.forwardRef(({items:e,defaultValue:t,className:o="",onChange:r,variant:a="default"},n)=>{let[l,i]=E__default.useState(t||e[0]?.value),d=useCallback(s=>{r?.(s),i(s);},[r]);return E__default.createElement(Pe.Root,{defaultValue:t||e[0]?.value,onValueChange:d,className:o},E__default.createElement(Pe.List,{ref:n,className:p("flex",a==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(s=>a==="default"?E__default.createElement(Pe.Trigger,{key:s.value,value:s.value,className:"group relative flex-1 pb-4"},E__default.createElement(u,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-primary transition-colors"},s.label),E__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"})):E__default.createElement(Pe.Trigger,{key:s.value,value:s.value,asChild:true},E__default.createElement(te,{variant:"filled",color:s.value===l?"black":"secondary",className:"py-3"},s.label)))),e.map(s=>E__default.createElement(Pe.Content,{key:s.value,value:s.value,className:"flex flex-col h-full"},s.content)))});Yt.displayName="Tabs";var Ke=({icon:e,size:t=40,className:o})=>{let r=e.match(/<svg[^>]*>([\s\S]*?)<\/svg>/),{responsiveSizeClasses:a,responsiveSizeStyles:n}=Re(t,40);if(!r)return E__default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",...n},className:p(a,o)});let l=e.match(/<svg([^>]*)>/),d=(l?l[1]:"").match(/viewBox=["']([^"']*)["']/),s=d?d[1]:"0 0 40 40";return E__default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",...n},className:p(a,o)},E__default.createElement("svg",{width:"100%",height:"100%",viewBox:s,preserveAspectRatio:"xMidYMid meet",dangerouslySetInnerHTML:{__html:r[1]}}))};Ke.displayName="IconRenderer";var Ro=({onClick:e,className:t})=>E__default.createElement("div",{className:`bg-secondary-500 relative flex flex-col gap-2 items-center justify-center sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl overflow-hidden ${t}`,style:{backgroundImage:` url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' shape-rendering='crispEdges'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='%23089CCB' stroke-width='6' stroke-dasharray='48%2c 48' stroke-dashoffset='32' stroke-linecap='square'/%3e%3c/svg%3e")`}},E__default.createElement(u,{variant:"body-lg-semibold",className:"text-center"},"Add Work"),E__default.createElement(te,{color:"accent",variant:"filled",className:"!px-3 !py-3 z-20",onClick:e},E__default.createElement(T,{name:"add",color:"white"})),E__default.createElement(Ke,{icon:jo,size:120,className:"absolute bottom-5 right-5"})),jo=`
|
|
15
|
+
truncate`,re,t==="filled"?Mo[o]:t==="transparent"?"bg-transparent text-text":Et[o],e),disabled:s||r,type:"button",...n},typeof a=="string"?M.createElement(u,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},a):a,p));te.displayName="Button";var Lt={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]",64:"h-[64px] w-[64px]",72:"h-[72px] w-[72px]"},Ft={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]",64:"sm:h-[64px] sm:w-[64px]",72:"sm:h-[72px] sm:w-[72px]"},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]",64:"md:h-[64px] md:w-[64px]",72:"md:h-[72px] md:w-[72px]"},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]",64:"lg:h-[64px] lg:w-[64px]",72:"lg:h-[72px] lg:w-[72px]"},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]",64:"xl:h-[64px] xl:w-[64px]",72:"xl:h-[72px] xl:w-[72px]"},"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]",64:"2xl:h-[64px] 2xl:w-[64px]",72:"2xl:h-[72px] 2xl:w-[72px]"}},_e=e=>String(e),Re=(e,t=24)=>{let o=[],r={};if(e===void 0){let a=_e(t);a?o.push(Lt[a]):(r.height=`${t}px`,r.width=`${t}px`);}if(typeof e=="number"){let a=_e(e);a?o.push(Lt[a]):(r.height=`${e}px`,r.width=`${e}px`);}if(Array.isArray(e)){let a=_e(t),s=[a&&Lt[a]||`h-[${t}px] w-[${t}px]`];e.forEach(p=>{if(typeof p=="string"){let[n,m]=p.split(":"),i=parseInt(m,10),c=_e(i);o.push(c&&Ft[n]?.[c]||`${n}:h-[${i}px] ${n}:w-[${i}px]`);}}),o.push(...s);}if(typeof e=="string"){let[a,s]=e.split(":"),p=parseInt(s,10),n=_e(p);o.push(n&&Ft[a]?.[n]||`${a}:h-[${p}px] ${a}:w-[${p}px]`);}return {responsiveSizeClasses:o.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)"},T=M__default.forwardRef(({name:e,size:t=24,color:o="primary",title:r,className:a,style:s={},...p},n)=>{let m=IconMap[e],{responsiveSizeClasses:i,responsiveSizeStyles:c}=Re(t,24);return M__default.createElement("div",{className:d("flex justify-center items-center",i,a),style:{"--icon-stroke":Gt[o],...c,...s}},M__default.createElement(m,{ref:n,"aria-hidden":!r,"aria-label":r,stroke:e.includes("filled")?void 0:Gt[o],...p}))});T.displayName="Icon";var Lo={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"}},mt=M.forwardRef(({title:e,message:t,action:o,secondaryAction:r,variant:a="default",duration:s=5e3,className:p,onOpenChange:n,allowOutsideClick:m=true,onClose:i,...c},b)=>{let g=Lo[a],P=M.useCallback(h=>{!m&&h===false||(n?.(h),h||i?.());},[n,m,i]);return M.createElement(me.Root,{ref:b,onOpenChange:P,duration:s,className:d("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",g.className,p),...c},M.createElement(me.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:i},M.createElement(T,{name:"close",size:16,color:"white"})),M.createElement("div",{className:"flex gap-4"},M.createElement(T,{name:g.icon,className:"h-5 w-5 shrink-0",color:"white"}),M.createElement("div",{className:"flex flex-col flex-1 gap-2"},e&&M.createElement(me.Title,{asChild:true},M.createElement(u,{variant:"body-default-bold",color:"inherit"},e)),M.createElement(me.Description,{asChild:true},M.createElement(u,{variant:"body-xs-medium",color:"inherit"},t)))),(o||r)&&M.createElement("div",{className:"flex gap-2 justify-end mt-2"},r&&M.createElement(me.Action,{asChild:true,altText:r.label},M.createElement("div",{className:"min-h-[40px] flex items-center"},M.createElement(te,{variant:r.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:r.onClick},r.label))),o&&M.createElement(me.Action,{asChild:true,altText:o.label},M.createElement("div",{className:"flex items-center"},M.createElement(te,{variant:o.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:o.onClick},o.label)))))});mt.displayName="Toast";var Fr=()=>{let[e,t]=M.useState([]),o=M.useCallback(p=>{let n=Math.random().toString(36).slice(2);return t(m=>[...m,{...p,id:n,open:true}]),n},[]),r=M.useCallback(p=>{t(n=>n.map(m=>m.id===p?{...m,open:false}:m));},[]),a=M.useCallback((p,n)=>{n||(r(p),setTimeout(()=>{t(m=>m.filter(i=>i.id!==p));},300));},[r]),s=e.map(p=>M.createElement(mt,{key:p.id,...p,onOpenChange:n=>a(p.id,n)}));return {show:o,dismiss:r,toasts:s}};var Ho=typeof window<"u"?useEffect:()=>{},ct=e=>{let[t,o]=useState(null),r=useCallback(a=>typeof window<"u"?window.matchMedia(a).matches:false,[]);return Ho(()=>{o(r(e));},[e,r]),useEffect(()=>{if(typeof window<"u"){let a=window.matchMedia(e),s=()=>{o(r(e));};return a.addEventListener("change",s),()=>{a.removeEventListener("change",s);}}},[e,r]),t??false};var Zt=typeof window<"u"?useLayoutEffect:useEffect;var B=M__default.forwardRef(({children:e,type:t="button",className:o,disabled:r,...a},s)=>M__default.createElement("button",{ref:s,type:t,disabled:r,className:d("appearance-none hover:opacity-80 transition-all active:scale-95",re,r&&"opacity-50 cursor-not-allowed",o),...a},e));B.displayName="Pressable";function ut({children:e,maxHeight:t=100}){let[o,r]=M__default.useState(false),a=useRef(null),[s,p]=useState(t);Zt(()=>{if(!a.current)return;let m=new ResizeObserver(i=>{for(let c of i)p(c.target.scrollHeight);});return m.observe(a.current),()=>m.disconnect()},[]);let n=s>t;return M__default.createElement(Fe.Root,{open:o,onOpenChange:r},M__default.createElement("div",{className:"relative"},M__default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:o?`${s}px`:`${t}px`}},M__default.createElement("div",{ref:a,className:"w-full"},e)),n&&M__default.createElement(Fe.Trigger,{asChild:true},M__default.createElement(B,{className:d("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!o&&"bg-gradient-to-b from-transparent via-background-0 to-background-0","hover:opacity-100 transition-opacity")},M__default.createElement(u,{variant:"label-default",color:"secondary"},o?"See less":"See more")))))}ut.displayName="Collapsible";var _t={sm:"h-4",md:"h-6",lg:"h-8"},$o={sm:"w-20",md:"w-32",lg:"w-48"},It={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"},R=M__default.forwardRef(({variant:e="text",size:t="md",lines:o=1,className:r,animate:a=true},s)=>{let p="bg-secondary-50 rounded-lg overflow-hidden",n=a?"animate-pulse":"",i=typeof t=="number"?(b=>({height:`${b}px`,width:e==="avatar"||e==="image"?`${b}px`:void 0}))(t):void 0,c=()=>{switch(e){case "text":return M__default.createElement("div",{className:"flex flex-col gap-2"},Array.from({length:o}).map((b,g)=>M__default.createElement("div",{key:g,style:i,className:d(p,n,typeof t=="string"?_t[t]:void 0,g===o-1&&o>1?"w-3/4":"w-full",r)})));case "image":return M__default.createElement("div",{style:i,className:d(p,n,(!i||!r)&&"aspect-square w-full max-w-[300px]",r)});case "button":return M__default.createElement("div",{style:i,className:d(p,n,typeof t=="string"&&[_t[t],$o[t]],r)});case "card":return M__default.createElement("div",{className:d("flex flex-col gap-4 p-6 border border-stroke rounded-xl",r)},M__default.createElement("div",{className:d(p,n,"w-16 h-16 rounded-full")}),M__default.createElement("div",{className:"space-y-2"},M__default.createElement("div",{className:d(p,n,"h-6 w-3/4")}),M__default.createElement("div",{className:d(p,n,"h-4 w-1/2")})),M__default.createElement("div",{className:"space-y-2"},M__default.createElement("div",{className:d(p,n,"h-4 w-full")}),M__default.createElement("div",{className:d(p,n,"h-4 w-full")}),M__default.createElement("div",{className:d(p,n,"h-4 w-2/3")})));case "avatar":return M__default.createElement("div",{style:i,className:d(p,n,"rounded-full",{[It.sm]:t==="sm",[It.md]:t==="md",[It.lg]:t==="lg"},r)});default:return null}};return M__default.createElement("div",{ref:s,className:d("w-full",r)},c())});R.displayName="Fallback";function je({icon:e,size:t=40,className:o}){let r=e.match(/<svg[^>]*>([\s\S]*?)<\/svg>/),{responsiveSizeClasses:a,responsiveSizeStyles:s}=Re(t,40);if(!r)return M__default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",...s},className:d(a,o)});let p=e.match(/<svg([^>]*)>/),m=(p?p[1]:"").match(/viewBox=["']([^"']*)["']/),i=m?m[1]:"0 0 40 40";return M__default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",...s},className:d(a,o)},M__default.createElement("svg",{width:"100%",height:"100%",viewBox:i,preserveAspectRatio:"xMidYMid meet",dangerouslySetInnerHTML:{__html:r[1]}}))}je.displayName="IconRenderer";function Qe({children:e,color:t="inherit",variant:o="body-default-semibold",href:r,className:a,...s}){return M__default.createElement(u,{variant:o,color:t},M__default.createElement("a",{href:r,className:d("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline text-ellipsis",re,a),...s},e))}function qe({icon:e,children:t,href:o,isLoading:r,...a}){return r?M__default.createElement("div",{className:"row gap-2 flex items-center"},M__default.createElement(R,{variant:"image",size:30,className:"rounded-full"}),M__default.createElement(R,{variant:"text",size:"sm",className:"w-32"})):M__default.createElement("div",{className:"row gap-2 flex items-center min-w-0"},M__default.createElement("div",{className:"flex-shrink-0 bg-secondary-400 rounded-full p-2.5 items-center justify-center"},e?M__default.createElement(je,{icon:e,size:18,className:"text-primary"}):M__default.createElement(T,{name:"link",size:18,className:"text-primary"})),M__default.createElement("div",{className:"min-w-0 flex-1"},o?M__default.createElement(Qe,{className:"hover:underline truncate block text-primary",href:o,...a,variant:["body-default-semibold","md:body-default-semibold"]},t):M__default.createElement(u,{variant:"body-default-semibold",className:"truncate block text-primary"},t)))}function Ro({contactItems:e,description:t,isEditMode:o=false,onEditClick:r,isLoading:a,...s}){return M__default.createElement("div",{className:"border border-secondary-50 rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4 w-full",...s},M__default.createElement("div",{className:"flex flex-col sm:w-1/2 w-full gap-2 sm:pr-10 pb-6 sm:pb-0 justify-center"},M__default.createElement(ut,{maxHeight:120},a||!t?M__default.createElement(R,{variant:"text",lines:4}):M__default.createElement(u,{variant:"body-default"},t))),M__default.createElement("span",{className:"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),M__default.createElement("span",{className:"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10"}),M__default.createElement("div",{className:"flex flex-col sm:w-1/2 w-full gap-4 sm:pl-10 pt-6 sm:pt-8"},e?e.map(p=>M__default.createElement(qe,{key:p.title,...p})):M__default.createElement(M__default.Fragment,null,M__default.createElement(qe,{isLoading:true}),M__default.createElement(qe,{isLoading:true}))))}var gt=M.forwardRef(({items:e,type:t="single",defaultValue:o,value:r,onValueChange:a,className:s,contentClassName:p,triggerClassName:n,...m},i)=>M.createElement(xe.Root,{ref:i,type:t,defaultValue:o,value:r,onValueChange:a,className:d("w-full gap-1 flex flex-col",s),...m},e.map(c=>M.createElement(xe.Item,{key:c.value,value:c.value,disabled:c.disabled,className:"w-full"},M.createElement(xe.Header,null,M.createElement(xe.Trigger,{className:d("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)},M.createElement("div",{className:"flex items-center gap-3"},M.createElement(u,{variant:"body-default-semibold",className:c.disabled?"text-disabled":""},c.title)),M.createElement(T,{name:"arrow-down",size:18,"aria-hidden":true,color:c.disabled?"disabled":"primary",className:"transition-transform duration-200 data-[state=open]:rotate-180"}))),M.createElement(xe.Content,{className:d("overflow-hidden will-change-[height] data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",p)},M.createElement("div",{className:"py-2 px-3"},c.content))))));gt.displayName="Accordion";function jo({onClick:e,className:t}){return M__default.createElement("div",{className:`bg-secondary-500 relative flex flex-col gap-2 items-center justify-center sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl overflow-hidden ${t}`,style:{backgroundImage:` url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' shape-rendering='crispEdges'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='%23089CCB' stroke-width='6' stroke-dasharray='48%2c 48' stroke-dashoffset='32' stroke-linecap='square'/%3e%3c/svg%3e")`}},M__default.createElement(u,{variant:"body-lg-semibold",className:"text-center"},"Add Work"),M__default.createElement(te,{color:"accent",variant:"filled",className:"!px-3 !py-3 z-20",onClick:e},M__default.createElement(T,{name:"add",color:"white"})),M__default.createElement(je,{icon:Vo,size:120,className:"absolute bottom-5 right-5"}))}var Vo=`
|
|
16
16
|
<svg
|
|
17
17
|
width="142"
|
|
18
18
|
height="125"
|
|
@@ -119,6 +119,6 @@ import*as E from'react';import E__default,{forwardRef,useCallback,useState,useRe
|
|
|
119
119
|
stroke-linejoin="round"
|
|
120
120
|
/>
|
|
121
121
|
</svg>
|
|
122
|
-
`;var Jt=E__default.forwardRef((e,t)=>E__default.createElement(Le.Root,{ref:t,className:p("relative flex w-full touch-none select-none items-center"),...e},E__default.createElement(Le.Track,{className:"relative h-[2px] w-full grow bg-stroke"},E__default.createElement(Le.Range,{className:"absolute h-full bg-primary-100"})),E__default.createElement(Le.Thumb,{className:"block h-4 w-4 rounded-full bg-background-0 border border-secondary focus:border-primary-100"})));Jt.displayName="Slider";var Wo=({iconName:e,tags:t,caption:o,playCount:r,backgroundImage:a,onClick:n,className:l,editable:i=false,isLoading:d})=>{let[s,g]=useState(false);return d?E__default.createElement("div",{className:"sm:w-[227px] sm:h-[371px] w-[148px] h-[234px]"},E__default.createElement(V,{variant:"image",className:"w-full h-full rounded-2xl"})):E__default.createElement(O,{onClick:n,onMouseOver:()=>g(true),onMouseLeave:()=>g(false)},E__default.createElement("div",{className:`flex flex-col justify-between p-4 sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl relative overflow-hidden ${l}`,style:{backgroundColor:"#e7e7e7",backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}},E__default.createElement("div",{className:"flex justify-between items-center"},e&&E__default.createElement("div",{className:"flex items-center justify-center bg-overlay h-10 w-10 rounded-full"},E__default.createElement(T,{name:e,size:20,color:"white"})),t&&E__default.createElement("div",{className:"flex gap-2 items-center"},t.map((c,b)=>E__default.createElement(ze,{key:b,color:"text"},c)))),o&&E__default.createElement("div",{className:"flex flex-col gap-1 p-2 rounded-lg bg-overlay max-h-[60px] overflow-hidden"},E__default.createElement(u,{variant:"body-default-medium",className:"text-white truncate"},o),r&&E__default.createElement("div",{className:"flex gap-2"},E__default.createElement(T,{name:"play",size:16,color:"white"}),E__default.createElement(u,{variant:"body-xs-medium",className:"text-white"},r))),i&&s&&E__default.createElement("div",{className:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"},E__default.createElement(te,{color:"accent",variant:"filled",className:"!px-3 !py-3 z-20 shadow-md hover:opacity-100",onClick:n},E__default.createElement(T,{name:"edit",color:"white"})))))};var to=({className:e,onClick:t})=>E__default.createElement(O,{className:p("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",Bt.black,e),onClick:t},E__default.createElement(T,{color:"primary",name:"edit-2"}));to.displayName="EditButton";var Ko=()=>E__default.createElement(u,{variant:["sm:body-lg","body-xs"]},"/"),oo=E__default.forwardRef(({items:e,className:t,SeparatorComponent:o=Ko,onHomeClick:r,children:a},n)=>{let l=()=>typeof o=="function"?E__default.createElement(o,null):E__default.cloneElement(o);return E__default.createElement("nav",{ref:n,"aria-label":"Breadcrumb",className:p("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",t)},E__default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},E__default.createElement(O,{onClick:r},E__default.createElement(T,{name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"})),l(),e.map((i,d)=>{let s=d===e.length-1;return s||!i.href?E__default.createElement(u,{variant:s?["body-default-semibold"]:["body-xs","md:body-default"],color:s?"primary":"secondary","aria-current":s?"page":undefined,key:i.label},i.label):E__default.createElement(E__default.Fragment,null,E__default.createElement(_e,{href:i.href,key:i.label},i.label),l())})),a)});oo.displayName="Breadcrumbs";var Fo=({children:e})=>E.createElement(ue.Provider,null,e,E.createElement(ue.Viewport,{className:"fixed bottom-0 right-0 z-[100] m-6 flex max-h-screen w-full flex-col-reverse gap-2 sm:max-w-[420px]"}));var Go={primary:"bg-primary-100",success:"bg-green-600",warning:"bg-yellow-500",error:"bg-tertiary-10"},Xo={sm:"h-1",md:"h-2",lg:"h-3"},ro=E.forwardRef(({value:e,max:t=100,label:o,startLabel:r,endLabel:a,size:n="md",variant:l="primary",className:i,...d},s)=>{let g=Math.min(100,Math.max(0,e/t*100));return E.createElement("div",{className:o||r||a?"py-1.5 gap-1.5":undefined},o&&E.createElement("div",{className:"flex justify-between mb-1"},E.createElement(u,{variant:"body-default",color:"secondary"},o||`${g.toFixed(0)}%`),t!==100&&E.createElement(u,{variant:"body-default",color:"secondary"},e," / ",t)),E.createElement(bt.Root,{ref:s,value:g,className:p("relative overflow-hidden rounded-full bg-gray-100",Xo[n],i),...d},E.createElement(bt.Indicator,{className:p("h-full w-full transition-all",Go[l]),style:{transform:`translateX(-${100-g}%)`}})),(r||a)&&E.createElement("div",{className:"flex justify-between mt-1"},r&&E.createElement(u,{variant:"body-xxs",color:"secondary"},r),a&&E.createElement(u,{variant:"body-xxs",color:"secondary"},a)))});ro.displayName="ProgressBar";var ao=E.forwardRef(({tabs:e,defaultValue:t,value:o,onChange:r,className:a},n)=>{let l=E.useCallback(i=>{r?.(i);},[r]);return E.createElement(Pe.Root,{ref:n,defaultValue:t||e[0]?.value,value:o,onValueChange:l,className:p("inline-flex items-center p-1 bg-gray-100 rounded-lg gap-1",a)},E.createElement(Pe.List,{"aria-label":"Select platform"},e.map(i=>E.createElement(Pe.Trigger,{key:i.value,value:i.value,asChild:true},E.createElement(te,{variant:"filled",color:"black",className:p("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")},i.label)))))});ao.displayName="SegmentedTabs";var Zo=({icon:e,followers:t,engagement:o,isLoading:r,...a})=>r?E__default.createElement("div",{className:"sm:w-max w-full"},E__default.createElement("div",{className:"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg"},E__default.createElement("div",{className:"w-8 h-8"},E__default.createElement(V,{variant:"image",className:"w-full h-full rounded"})),E__default.createElement("div",{className:"flex sm:flex-row flex-col items-center gap-4"},E__default.createElement("div",{className:"flex items-center gap-1"},E__default.createElement(T,{name:"profile",size:["sm:20",16],color:"secondary"}),E__default.createElement(V,{variant:"text",size:"sm",className:"w-12"})),E__default.createElement("div",{className:"flex items-center gap-1"},E__default.createElement(T,{name:"like-1",size:["sm:20",16],color:"secondary"}),E__default.createElement(V,{variant:"text",size:"sm",className:"w-12"}))))):E__default.createElement(O,{className:"sm:w-max w-full hover:bg-secondary-400 rounded-lg",...a},E__default.createElement("div",{className:"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg"},E__default.createElement(T,{name:e,size:["lg:40",32],color:"primaryBlue"}),t&&E__default.createElement("div",{className:"flex items-center"},E__default.createElement(T,{name:"profile",size:["sm:20",16]}),E__default.createElement(u,{variant:["body-default-medium","md:body-xs-medium"]},t)),o&&E__default.createElement("div",{className:"flex items-center"},E__default.createElement(T,{name:"like-1",size:["sm:20",16]}),E__default.createElement(u,{variant:["body-default-medium","md:body-xs-medium"]},o))));var so=E.forwardRef(({className:e,label:t,description:o,onCheckedChange:r,...a},n)=>{let l=E.useCallback(i=>{r?.(i);},[r]);return E.createElement("div",{className:"flex items-center gap-2"},E.createElement(xt.Root,{className:p("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",ae,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",e),onCheckedChange:l,...a,ref:n},E.createElement(xt.Thumb,{className:p("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")})),(t||o)&&E.createElement("div",{className:"flex flex-col"},t&&E.createElement("label",{className:"text-sm font-medium text-primary",htmlFor:a.id},t),o&&E.createElement("span",{className:"text-xs text-secondary"},o)))});so.displayName="Switch";var vt=4,ht=3,Uo=({profileImage:e,name:t,location:o,memberSince:r,interests:a,badges:n,isLoading:l})=>{let i=useMemo(()=>a?.slice(0,vt)||[],[a]),d=useMemo(()=>n?.slice(0,ht)||[],[n]),s=a&&a.length>vt,g=n&&n.length>ht,c=a?a.length-vt:0,b=n?n.length-ht:0;return l?E__default.createElement("div",{className:"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col"},E__default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},E__default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},E__default.createElement(V,{variant:"avatar",size:164}),E__default.createElement("div",{className:"flex flex-col gap-2"},E__default.createElement(V,{variant:"text",size:"lg",lines:1}),E__default.createElement(V,{variant:"text",size:"sm",lines:1})))),E__default.createElement("div",{className:"flex flex-col gap-4"},E__default.createElement(V,{variant:"text",lines:3}),E__default.createElement("div",{className:"flex gap-2"},E__default.createElement(V,{variant:"button",size:"sm"}),E__default.createElement(V,{variant:"button",size:"sm"})))):E__default.createElement("div",{className:"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col"},E__default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},E__default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},E__default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},e?E__default.createElement("img",{src:e,alt:`Profile for ${t}`,className:"object-cover rounded-full w-full h-full"}):E__default.createElement("div",{className:"w-full h-full bg-secondary-50 rounded-full"}))),E__default.createElement("div",{className:"flex flex-col gap-2"},E__default.createElement(u,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},t),n&&E__default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},d.map((P,w)=>E__default.createElement(Ne,{key:w,...P})),g&&E__default.createElement(ke,{content:n.slice(ht).map(P=>P.children).join(", ")},E__default.createElement(u,{variant:"label-default"},"+",b," more"))),E__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},o&&E__default.createElement(E__default.Fragment,null,E__default.createElement(T,{name:"location",color:"secondary"}),E__default.createElement(u,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},o))),E__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},r&&E__default.createElement(E__default.Fragment,null,E__default.createElement(T,{name:"profile",color:"secondary"}),E__default.createElement(u,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",E__default.createElement(u,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},r)))),a&&E__default.createElement("div",{className:"flex flex-col gap-2 pt-4"},E__default.createElement(u,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),E__default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},i.map((P,w)=>E__default.createElement(ze,{key:w},P)),s&&E__default.createElement(ke,{content:a.slice(vt).join(", ")},E__default.createElement(u,{variant:"label-default"},"+",c," more")))))))};var _o={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"}},yt=E.forwardRef(({title:e,message:t,action:o,secondaryAction:r,variant:a="default",duration:n=5e3,className:l,onOpenChange:i,allowOutsideClick:d=true,onClose:s,...g},c)=>{let b=_o[a],P=E.useCallback(w=>{!d&&w===false||(i?.(w),w||s?.());},[i,d,s]);return E.createElement(ue.Root,{ref:c,onOpenChange:P,duration:n,className:p("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",b.className,l),...g},E.createElement(ue.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},E.createElement(T,{name:"close",size:16,color:"white"})),E.createElement("div",{className:"flex gap-4"},E.createElement(T,{name:b.icon,className:"h-5 w-5 shrink-0",color:"white"}),E.createElement("div",{className:"flex flex-col flex-1 gap-2"},e&&E.createElement(ue.Title,{asChild:true},E.createElement(u,{variant:"body-default-bold",color:"inherit"},e)),E.createElement(ue.Description,{asChild:true},E.createElement(u,{variant:"body-xs-medium",color:"inherit"},t)))),(o||r)&&E.createElement("div",{className:"flex gap-2 justify-end mt-2"},r&&E.createElement(ue.Action,{asChild:true,altText:r.label},E.createElement("div",{className:"min-h-[40px] flex items-center"},E.createElement(te,{variant:r.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:r.onClick},r.label))),o&&E.createElement(ue.Action,{asChild:true,altText:o.label},E.createElement("div",{className:"flex items-center"},E.createElement(te,{variant:o.variant||"outlined",color:"black",className:"border-white text-white hover:bg-background-0/10",onClick:o.onClick},o.label)))))});yt.displayName="Toast";var rn=()=>{let[e,t]=E.useState([]),o=E.useCallback(l=>{let i=Math.random().toString(36).slice(2);return t(d=>[...d,{...l,id:i,open:true}]),i},[]),r=E.useCallback(l=>{t(i=>i.map(d=>d.id===l?{...d,open:false}:d));},[]),a=E.useCallback((l,i)=>{i||(r(l),setTimeout(()=>{t(d=>d.filter(s=>s.id!==l));},300));},[r]),n=e.map(l=>E.createElement(yt,{key:l.id,...l,onOpenChange:i=>a(l.id,i)}));return {show:o,dismiss:r,toasts:n}};var Yo=typeof window<"u"?useEffect:()=>{},wt=e=>{let[t,o]=useState(null),r=useCallback(a=>typeof window<"u"?window.matchMedia(a).matches:false,[]);return Yo(()=>{o(r(e));},[e,r]),useEffect(()=>{if(typeof window<"u"){let a=window.matchMedia(e),n=()=>{o(r(e));};return a.addEventListener("change",n),()=>{a.removeEventListener("change",n);}}},[e,r]),t??false};var lo=typeof window<"u"?useLayoutEffect:useEffect;var Ct=({children:e,maxHeight:t=100})=>{let[o,r]=E__default.useState(false),a=useRef(null),[n,l]=useState(t);lo(()=>{if(!a.current)return;let d=new ResizeObserver(s=>{for(let g of s)l(g.target.scrollHeight);});return d.observe(a.current),()=>d.disconnect()},[]);let i=n>t;return E__default.createElement(We.Root,{open:o,onOpenChange:r},E__default.createElement("div",{className:"relative"},E__default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:o?`${n}px`:`${t}px`}},E__default.createElement("div",{ref:a,className:"w-full"},e)),i&&E__default.createElement(We.Trigger,{asChild:true},E__default.createElement(O,{className:p("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!o&&"bg-gradient-to-b from-transparent via-background-0 to-background-0","hover:opacity-100 transition-opacity")},E__default.createElement(u,{variant:"label-default",color:"secondary"},o?"See less":"See more")))))};Ct.displayName="Collapsible";var ot=({icon:e,children:t,href:o,isLoading:r,...a})=>r?E__default.createElement("div",{className:"row gap-2 flex items-center"},E__default.createElement(V,{variant:"image",size:30,className:"rounded-full"}),E__default.createElement(V,{variant:"text",size:"sm",className:"w-32"})):E__default.createElement("div",{className:"row gap-2 flex items-center"},E__default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},e?E__default.createElement(Ke,{icon:e,size:18,className:"text-primary"}):E__default.createElement(T,{name:"link",size:18,className:"text-primary"})),o?E__default.createElement(_e,{className:"hover:underline",href:o,...a,variant:["body-default-semibold","md:body-default-semibold"]},t):E__default.createElement(u,{variant:"body-default-semibold"},t));var rr=({contactItems:e,description:t,isEditMode:o=false,onEditClick:r,isLoading:a,...n})=>E__default.createElement("div",{className:"border border-secondary-50 rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4",...n},E__default.createElement("div",{className:"flex sm:basis-1/2 basis-full flex-col gap-2 sm:pr-10 pb-6 sm:pb-0 justify-center"},E__default.createElement(Ct,{maxHeight:120},a||!t?E__default.createElement(V,{variant:"text",lines:4}):E__default.createElement(u,{variant:"body-default"},t))),E__default.createElement("span",{className:"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),E__default.createElement("span",{className:"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10"}),E__default.createElement("div",{className:"flex flex-col gap-4 sm:pl-10 pt-6 sm:pt-8"},e?e.map(l=>E__default.createElement(ot,{key:l.title,...l})):E__default.createElement(E__default.Fragment,null,E__default.createElement(ot,{isLoading:true}),E__default.createElement(ot,{isLoading:true}))));var po=(e,{isActive:t=true,preventScroll:o=false}={})=>{let r=useCallback(a=>{let n=e[a.key];n&&n(a);},[e]);useEffect(()=>(t&&(document.addEventListener("keydown",r),o&&(document.body.style.overflow="hidden")),()=>{document.removeEventListener("keydown",r),o&&(document.body.style.overflow="unset");}),[t,r,o]);};var Tt=({children:e,open:t,onClose:o,className:r,showCloseButton:a=true})=>(po({Escape:o},{isActive:t,preventScroll:true}),E__default.createElement(de.Root,{open:t,onOpenChange:o},E__default.createElement(de.Portal,null,E__default.createElement(de.Overlay,{className:p("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),E__default.createElement(de.Content,{className:p("fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2","w-[90vw] max-w-[90vw] max-h-[90vh]","rounded-xl overflow-hidden","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]:zoom-out-95 data-[state=open]:zoom-in-95","data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2","data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-top-[48%]",r)},e,a&&E__default.createElement(de.Close,{asChild:true},E__default.createElement(O,{className:"inline-flex items-center justify-center text-secondary absolute top-4 right-4","aria-label":"Close"},E__default.createElement(T,{name:"close",size:12})))))));Tt.displayName="Modal";var lr={"16:9":"aspect-video","9:16":"aspect-[9/16]","4:3":"aspect-[4/3]","1:1":"aspect-square"},co=({src:e,open:t,onClose:o,caption:r,aspectRatio:a="16:9",className:n})=>{let l=useRef(null),[i,d]=useState(false),s=useCallback(()=>{d(true);},[]),g=useCallback(()=>{d(false);},[]);return E__default.createElement(Tt,{open:t,onClose:o,showCloseButton:i,className:p("rounded-xl",n)},E__default.createElement("div",{className:p("w-full max-h-[90vh]",lr[a],"relative w-full h-full flex items-center justify-center"),onMouseEnter:s,onMouseLeave:g},E__default.createElement("video",{ref:l,src:e,className:"w-full h-full object-contain",controls:true,autoPlay:true}),r&&E__default.createElement("div",{className:"absolute left-4 bottom-16 flex flex-col gap-1 p-2 rounded-lg bg-overlay max-w-[80%]"},E__default.createElement(u,{variant:"body-default-medium",className:"text-white"},r))))};co.displayName="VideoPlayer";var cr=({children:e,open:t,onClose:o,width:r=480,className:a,title:n,footer:l,position:i="left"})=>{let d=wt("(max-width: 834px)"),s=useCallback(c=>{c.key==="Escape"&&o();},[o]);useEffect(()=>(t?(document.addEventListener("keydown",s),document.body.style.overflow="hidden"):(document.removeEventListener("keydown",s),document.body.style.overflow="unset"),()=>{document.removeEventListener("keydown",s),document.body.style.overflow="unset";}),[t,s]);let g=useMemo(()=>i==="right"?{position:"right-0",enter:"data-[state=open]:animate-slide-in-from-right",exit:"data-[state=closed]:animate-slide-out-to-right",transform:"translate-x-full"}:{position:"left-0",enter:"data-[state=open]:animate-slide-in-from-left",exit:"data-[state=closed]:animate-slide-out-to-left",transform:"-translate-x-full"},[i]);return E__default.createElement(de.Root,{open:t,onOpenChange:o},E__default.createElement(de.Portal,null,E__default.createElement(de.Overlay,{className:p("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),E__default.createElement(de.Content,{className:p("fixed top-0 z-50 flex h-full flex-col bg-background-0",g.position,g.enter,g.exit,typeof window>"u"||!d?i==="right"?"border-l":"border-r":"w-full","border-stroke",a),style:{width:typeof window>"u"||!d?r:"100%"}},E__default.createElement("div",{className:"flex items-center justify-between border-b border-secondary-50 px-8 py-6"},E__default.createElement(de.Title,{className:"text-heading-xs text-center w-full"},n),E__default.createElement(de.Close,{asChild:true},E__default.createElement(O,{className:"inline-flex items-center justify-center text-secondary","aria-label":"Close"},E__default.createElement(T,{name:"close",size:12})))),E__default.createElement("div",{className:"flex-1 overflow-y-auto"},E__default.createElement("div",{className:"p-6"},e)),l&&E__default.createElement("div",{className:"px-6 pb-6 bg-background"},l))))};var fo=E__default.forwardRef(({label:e,labelClassName:t,options:o,value:r,onChange:a,disabled:n,id:l,className:i,inline:d=true,error:s,errorMessage:g,helperText:c},b)=>{let P=l||E__default.useId();return E__default.createElement("div",{ref:b,className:p("flex flex-col gap-2",i)},e&&E__default.createElement(u,{as:"label",variant:"label-default",className:p("text-primary",t),color:s?"danger":"primary"},e),E__default.createElement("div",{role:"radiogroup","aria-label":e,className:p("flex gap-4",d?"flex-row gap-4":"flex-col gap-2"),"aria-invalid":s},o.map(w=>{let H=`${P}-${w.value}`,x=r===w.value;return E__default.createElement("label",{key:w.value,htmlFor:H,className:p("flex items-center gap-2 cursor-pointer",n&&"cursor-not-allowed opacity-50")},E__default.createElement("div",{className:p("w-4 h-4 rounded-full border","flex items-center justify-center","transition-colors duration-150",{"border-secondary-50":!s&&!x,"border-tertiary-10":s,"border-primary":x&&!s,"hover:border-primary":!n&&!s,"hover:border-tertiary-10":!n&&s})},x&&E__default.createElement("div",{className:p("w-2 h-2 rounded-full",s?"bg-tertiary-10":"bg-primary")})),E__default.createElement("input",{type:"radio",id:H,name:P,value:w.value,checked:x,onChange:()=>a(w.value),disabled:n,className:p("sr-only","peer",ae)}),E__default.createElement(u,{variant:"body-default",color:x?s?"danger":"primary":"secondary"},w.label))})),s&&g||c?E__default.createElement(u,{variant:"body-xxs",color:s?"danger":"secondary",className:"mt-1"},s?g:c):null)});fo.displayName="RadioGroup";var uo=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,go=clsx,bo=(e,t)=>o=>{var r;if(t?.variants==null)return go(e,o?.class,o?.className);let{variants:a,defaultVariants:n}=t,l=Object.keys(a).map(s=>{let g=o?.[s],c=n?.[s];if(g===null)return null;let b=uo(g)||uo(c);return a[s][b]}),i=o&&Object.entries(o).reduce((s,g)=>{let[c,b]=g;return b===undefined||(s[c]=b),s},{}),d=t==null||(r=t.compoundVariants)===null||r===undefined?undefined:r.reduce((s,g)=>{let{class:c,className:b,...P}=g;return Object.entries(P).every(w=>{let[H,x]=w;return Array.isArray(x)?x.includes({...n,...i}[H]):{...n,...i}[H]===x})?[...s,c,b]:s},[]);return go(e,l,d,o?.class,o?.className)};var ur=bo("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"}}),xo=E.forwardRef(({size:e,className:t,customSize:o,...r},a)=>{let n=o?{width:o,height:o,borderWidth:Math.max(2,Math.floor(o/16))}:{};return E.createElement("div",{role:"status","aria-label":"Loading",ref:a,className:p(ur({size:e}),"text-primary-100",t),style:n,...r},E.createElement("span",{className:"sr-only"},"Loading..."))});xo.displayName="Spinner";var gr=({className:e,label:t,labelClassName:o,helperText:r,showCharacterCount:a,maxLength:n,id:l,value:i,defaultValue:d,error:s,errorMessage:g,onChange:c,...b})=>{let P=E.useRef(null),[w,H]=E.useState(i?.toString()||d?.toString()||"");E.useEffect(()=>{i!==undefined&&H(i.toString());},[i]);let x=E.useCallback(()=>{let C=P.current;C&&(C.style.height="auto",C.style.height=`${C.scrollHeight}px`);},[]);E.useEffect(()=>{x();},[w,x]);let v=E.useCallback(C=>{let B=C.target.value;H(B),c?.(C);},[c]),S=w.length,A=a||!!n;return E.createElement("div",{className:"flex flex-col gap-1"},t&&E.createElement(u,{variant:"label-default",htmlFor:l,as:"label",color:s?"danger":"primary",className:p(o)},t),E.createElement("div",{className:"relative"},E.createElement("textarea",{ref:P,id:l,value:w,maxLength:n,onChange:v,className:p("min-h-[80px] w-full resize-none rounded-lg border bg-background-0 px-3 py-2 font-sans text-primary placeholder:text-secondary transition-colors duration-150",ae,"disabled:cursor-not-allowed disabled:opacity-50",{"border-secondary-50":!s,"border-tertiary-10":s},e),"aria-invalid":s,...b}),E.createElement("div",{className:"flex justify-between gap-2"},s&&g||r?E.createElement(u,{variant:"body-xxs",color:s?"danger":"secondary",className:"mt-1"},s?g:r):null,A&&E.createElement(u,{variant:"body-xxs",color:s?"danger":"secondary",className:"text-right mt-1"},E.createElement(u,{variant:"body-xxs",as:"span",color:"primary-100",className:"font-bold"},S),n&&`/${n}`," characters"))))};var vr=({children:e,className:t="",gap:o=20})=>{let r=useRef(null),[a,n]=useState(false),[l,i]=useState(false),[d,s]=useState(false),[g,c]=useState(false),[b,P]=useState(null),[w,H]=useState(null),x=wt("(max-width: 768px)"),v=useCallback(()=>{let y=r.current;if(!y)return;let{scrollLeft:h,scrollWidth:L,clientWidth:z}=y;n(h>0),i(Math.ceil(h+z)<L);},[]),S=useCallback(y=>{if(x)return;let L=y.currentTarget.getBoundingClientRect(),z=y.clientX-L.left,K=300;s(z<K),c(z>L.width-K);},[x]),A=useCallback(y=>{P(y.touches[0].clientX),H(null);},[]),C=useCallback(y=>{H(y.touches[0].clientX);},[]),B=useCallback(()=>{if(!b||!w)return;let y=r.current;if(!y)return;let h=b-w;if(Math.abs(h)<50)return;let z=y.clientWidth,K=h>0?1:-1,j=y.scrollLeft+z*K;y.scrollTo({left:j,behavior:"smooth"});},[b,w]),Z=useCallback(y=>{let h=r.current;if(!h)return;let L=Math.abs(y.deltaX)>Math.abs(y.deltaY);if(!L&&!y.shiftKey)return;y.preventDefault();let z=L?y.deltaX:y.deltaY;h.scrollBy({left:z,behavior:"smooth"});},[]);useEffect(()=>{let y=r.current;if(!y)return;let h=new ResizeObserver(v);return h.observe(y),y.addEventListener("scroll",v),y.addEventListener("wheel",Z,{passive:false}),()=>{h.disconnect(),y.removeEventListener("scroll",v),y.removeEventListener("wheel",Z);}},[v,Z]);let k=useCallback(y=>{let h=r.current;if(!h)return;let L=h.clientWidth,z=h.scrollLeft+(y==="left"?-L:L);h.scrollTo({left:z,behavior:"smooth"});},[]),D=useCallback(y=>{y.key==="ArrowLeft"?k("left"):y.key==="ArrowRight"&&k("right");},[k]);return E__default.createElement("div",{className:`relative group ${t}`,onKeyDown:D,onMouseMove:S,onMouseLeave:()=>{s(false),c(false);},onTouchStart:A,onTouchMove:C,onTouchEnd:B,role:"region","aria-label":"Carousel"},E__default.createElement(Nt.Root,{className:"overflow-hidden",type:"hover"},E__default.createElement(Nt.Viewport,{ref:r,className:"w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch"}},E__default.createElement("div",{className:"inline-flex",style:{gap:`${o}px`}},E__default.Children.map(e,y=>y===null?null:E__default.createElement("div",{className:"snap-start shrink-0"},y))))),!x&&E__default.createElement(E__default.Fragment,null,a&&d&&E__default.createElement(O,{onClick:()=>k("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},E__default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},E__default.createElement(T,{name:"arrow-left",size:24,color:"white"}))),l&&g&&E__default.createElement(O,{onClick:()=>k("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},E__default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},E__default.createElement(T,{name:"arrow-right",size:24,color:"white"})))))};var vo=E.forwardRef(({text:e,confirmText:t="Confirmed!",onConfirm:o,variant:r="primary",className:a,disabled:n=false,"aria-label":l,...i},d)=>{let[s,g]=E.useState(false),[c,b]=E.useState(0),[P,w]=E.useState(false),H=E.useRef(null),x=E.useRef(null),[v,S]=E.useState(false),A={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"}},C=E.useCallback(L=>{if(n||P)return;let z=x.current,K=H.current;if(!z||!K)return;let j=K.clientWidth-z.clientWidth;switch(L.key){case "ArrowRight":case "ArrowUp":L.preventDefault();let U=Math.min(j,c+j*.1);b(U),U>=j*.9&&(w(true),b(j),o());break;case "ArrowLeft":case "ArrowDown":L.preventDefault(),b(Math.max(0,c-j*.1));break;case "Home":L.preventDefault(),b(0);break;case "End":L.preventDefault(),b(j),w(true),o();break;case "Enter":case " ":L.preventDefault(),c>=j*.9&&(w(true),b(j),o());break}},[n,P,o,c]),B=E.useCallback(L=>{n||P||(g(true),L.preventDefault());},[n,P]),Z=E.useCallback(L=>{if(!s||!H.current||!x.current)return;let z=H.current.getBoundingClientRect(),K=x.current.getBoundingClientRect(),j=z.width-K.width,U=Math.max(0,Math.min(j,L-z.left-K.width/2));b(U),U>=j*.9&&(g(false),w(true),b(j),o());},[s,o]),k=E.useCallback(L=>{Z(L.clientX);},[Z]),D=E.useCallback(L=>{Z(L.touches[0].clientX);},[Z]),y=E.useCallback(()=>{P||b(0),g(false);},[P]);E.useEffect(()=>(s&&(document.addEventListener("mousemove",k),document.addEventListener("mouseup",y),document.addEventListener("touchmove",D),document.addEventListener("touchend",y)),()=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",y),document.removeEventListener("touchmove",D),document.removeEventListener("touchend",y);}),[s,k,D,y]),E.useEffect(()=>{n&&(b(0),w(false),g(false));},[n]);let h=E.useMemo(()=>{if(!H.current||!x.current)return 0;let L=H.current.clientWidth-x.current.clientWidth;return Math.round(c/L*100)},[c]);return E.createElement("div",{ref:d,className:p("relative h-12 rounded-full transition-colors",A[r].track,n&&"opacity-50 cursor-not-allowed",a),...i},E.createElement("div",{ref:H,role:"slider","aria-label":l||e,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":h,"aria-valuetext":P?t:`${h}% complete`,"aria-disabled":n,tabIndex:n?-1:0,className:"relative w-full h-full overflow-hidden rounded-full outline-none focus-visible:ring-2 focus-visible:ring-offset-2",onKeyDown:C,onFocus:()=>S(true),onBlur:()=>S(false)},E.createElement("div",{className:"absolute inset-0 flex items-center justify-center","aria-hidden":"true"},E.createElement(u,{variant:"body-default-semibold",className:p(A[r].text,"transition-opacity select-none",(s||P)&&"opacity-0")},e),E.createElement(u,{variant:"body-default-semibold",className:p(A[r].text,"transition-opacity select-none",!P&&"opacity-0")},t)),E.createElement("div",{ref:x,className:p("absolute top-1 bottom-1 left-1 w-10 rounded-full cursor-grab active:cursor-grabbing transition-transform",A[r].thumb,n&&"cursor-not-allowed",v&&"ring-2 ring-white"),style:{transform:`translateX(${c}px)`},onMouseDown:B,onTouchStart:B,"aria-hidden":"true"},E.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},E.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},E.createElement("path",{d:"M13.5 10L8.5 15L7.5 14L11.5 10L7.5 6L8.5 5L13.5 10Z",fill:"white"}))))))});vo.displayName="SlideButton";var jt={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)"},ho={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)"},"xs-medium":{fontSize:"var(--font-body-xs-medium-size)",letterSpacing:"var(--font-body-xs-medium-spacing)",fontWeight:"var(--font-body-xs-medium-weight)"},"xs-bold":{fontSize:"var(--font-body-xs-bold-size)",letterSpacing:"var(--font-body-xs-bold-spacing)",fontWeight:"var(--font-body-xs-bold-weight)"},xxs:{fontSize:"var(--font-body-xxs-size)",letterSpacing:"var(--font-body-xxs-spacing)",fontWeight:"var(--font-body-xxs-weight)"},"xxs-medium":{fontSize:"var(--font-body-xxs-medium-size)",letterSpacing:"var(--font-body-xxs-medium-spacing)",fontWeight:"var(--font-body-xxs-medium-weight)"},"xxs-semibold":{fontSize:"var(--font-body-xxs-semibold-size)",letterSpacing:"var(--font-body-xxs-semibold-spacing)",fontWeight:"var(--font-body-xxs-semibold-weight)"},"xxs-bold":{fontSize:"var(--font-body-xxs-bold-size)",letterSpacing:"var(--font-body-xxs-bold-spacing)",fontWeight:"var(--font-body-xxs-bold-weight)"}},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"}}},yr={content:["./src/**/*.{ts,tsx}"],theme:{extend:{colors:jt,fontSize:{...Object.entries(ho).reduce((e,[t,o])=>(Object.entries(o).forEach(([r,a])=>{e[`${t}-${r}`]=[a.fontSize,{lineHeight:a.lineHeight||"normal",letterSpacing:a.letterSpacing||"normal",fontWeight:a.fontWeight}];}),e),{})},fontFamily:{sans:["Gilroy","sans-serif"]},fontWeight:{light:"400",regular:"500",normal:"500",semibold:"600",bold:"700"},keyframes:{spin:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},"slide-in-from-right":{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-right":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(100%)"}},"slide-in-from-left":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-left":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"fade-out":{from:{opacity:"1"},to:{opacity:"0"}},"overlay-show":{from:{opacity:"0"},to:{opacity:"1"}},"overlay-hide":{from:{opacity:"1"},to:{opacity:"0"}},"accordion-down":{from:{height:"0px"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0px"}}},animation:{spin:"spin 1s linear infinite","slide-in-from-right":"slide-in-from-right 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-right":"slide-out-to-right 0.2s ease-out","slide-in-from-left":"slide-in-from-left 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-left":"slide-out-to-left 0.2s ease-out","fade-in":"fade-in 200ms ease-out","fade-out":"fade-out 150ms ease-in","overlay-show":"overlay-show 200ms cubic-bezier(0.16, 1, 0.3, 1)","overlay-hide":"overlay-hide 200ms cubic-bezier(0.16, 1, 0.3, 1)","accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderWidth:{3:"3px"},ringWidth:{DEFAULT:"2px"},ringOffsetWidth:{DEFAULT:"0px"},ringColor:{DEFAULT:jt.primary[100]}}},plugins:[hr],safelist:[...Kt(jt,ho),"text-primary","text-secondary","text-white","text-primary-blue","text-disabled","text-danger","text-inherit"]},wr=yr;
|
|
123
|
-
export{
|
|
122
|
+
`;var He=M.forwardRef(({className:e,end:t,iconName:o,color:r,size:a,title:s,label:p,labelClassName:n,id:m,children:i,forceShowFocusRing:c,error:b,errorMessage:g,helperText:P,showCharacterCount:h,maxLength:L,value:N,defaultValue:x,onChange:E,disabled:A,...W},O)=>{let[F,v]=M.useState(N?.toString()||x?.toString()||"");M.useEffect(()=>{N!==void 0&&v(N?.toString()||"");},[N]);let S=k=>{let z=k.target.value;v(z),E?.(k);},w=F.length,H=h||!!L;return M.createElement("div",{className:"gap-1 flex flex-col"},p&&M.createElement(u,{variant:"label-default",htmlFor:m,as:"label",color:b?"danger":"primary",className:d(n)},p),M.createElement("div",{className:d("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",!b&&!c&&"border-secondary-50",b&&"border-tertiary-10",A&&"cursor-not-allowed opacity-50","focus-within:ring-2 focus-within:ring-primary-100",c&&Kt)},M.createElement("div",{className:"flex relative"},M.createElement("input",{ref:O,id:m,className:d("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",t&&"pr-10",e),value:F,maxLength:L,onChange:S,"aria-invalid":b,disabled:A,...W}),(t||o)&&M.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},o?M.createElement(T,{name:o,color:b?"danger":"secondary",size:a,title:s}):t)),i),M.createElement("div",{className:"flex justify-between gap-2"},b&&g||P?M.createElement(u,{variant:"body-xxs",color:b?"danger":"secondary",className:"mt-1"},b?g:P):null,H&&M.createElement(u,{variant:"body-xxs",color:b?"danger":"secondary",className:"text-right mt-1"},M.createElement(u,{variant:"body-xxs",as:"span",className:"font-bold"},w),L&&`/${L}`," characters")))});var Ve=forwardRef(({value:e,suggestion:t,onChange:o,onKeyDown:r,className:a,"aria-controls":s,"aria-activedescendant":p,"aria-autocomplete":n,...m},i)=>M__default.createElement("div",{className:"relative w-full"},M__default.createElement(He,{ref:i,value:e,onChange:c=>o(c.target.value),onKeyDown:r,className:d("bg-transparent",a),"aria-controls":s,"aria-activedescendant":p,"aria-autocomplete":n,...m}),t&&e&&M__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,t.slice(e.length))));Ve.displayName="AutocompleteInput";function xt({src:e,size:t=48,onClick:o,alt:r="avatar",className:a,fallback:s,isLoading:p,...n}){let{responsiveSizeClasses:m,responsiveSizeStyles:i}=Re(t,48);if(p)return M__default.createElement(R,{variant:"avatar",size:typeof t=="number"?t:"md"});let c=e?M__default.createElement("img",{src:e,alt:r,className:d("rounded-full object-cover",m,a),style:i,...n}):M__default.createElement("div",{className:d("rounded-full bg-secondary-50",m,a),style:i},s);return o?M__default.createElement(B,{onClick:o,...n},c):c}var qt={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},Ko=e=>{let t=Object.keys(qt),o=e.split("").reduce((s,p)=>p.charCodeAt(0)+((s<<5)-s),0),r=Math.abs(o)%t.length;return t[r]},ke=M.forwardRef(({className:e,variant:t,iconName:o,children:r,...a},s)=>{let p=t||(typeof r=="string"?Ko(r):"pink");return M.createElement("span",{ref:s,className:d("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",qt[p],e),...a},o&&M.createElement(T,{size:16,name:o}),M.createElement(u,{variant:"body-xxs-semibold",className:"mt-0.5"},r))});ke.displayName="Badge";function Fo(){return M__default.createElement(u,{variant:["sm:body-lg","body-xs"]},"/")}var Yt=M__default.forwardRef(({items:e,className:t,SeparatorComponent:o=Fo,onHomeClick:r,children:a},s)=>{let p=()=>typeof o=="function"?M__default.createElement(o,null):M__default.cloneElement(o);return M__default.createElement("nav",{ref:s,"aria-label":"Breadcrumb",className:d("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",t)},M__default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},M__default.createElement(B,{onClick:r},M__default.createElement(T,{name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"})),p(),e.map((n,m)=>{let i=m===e.length-1;return i||!n.href?M__default.createElement(u,{variant:i?["body-default-semibold"]:["body-xs","md:body-default"],color:i?"primary":"secondary","aria-current":i?"page":void 0,key:n.label},n.label):M__default.createElement(M__default.Fragment,null,M__default.createElement(Qe,{href:n.href,key:n.label},n.label),p())})),a)});Yt.displayName="Breadcrumbs";function Zo({children:e,className:t="",gap:o=20}){let r=useRef(null),[a,s]=useState(false),[p,n]=useState(false),[m,i]=useState(false),[c,b]=useState(false),[g,P]=useState(null),[h,L]=useState(null),N=ct("(max-width: 768px)"),x=useCallback(()=>{let w=r.current;if(!w)return;let{scrollLeft:H,scrollWidth:k,clientWidth:z}=w;s(H>0),n(Math.ceil(H+z)<k);},[]),E=useCallback(w=>{if(N)return;let k=w.currentTarget.getBoundingClientRect(),z=w.clientX-k.left,C=300;i(z<C),b(z>k.width-C);},[N]),A=useCallback(w=>{P(w.touches[0].clientX),L(null);},[]),W=useCallback(w=>{L(w.touches[0].clientX);},[]),O=useCallback(()=>{if(!g||!h)return;let w=r.current;if(!w)return;let H=g-h;if(Math.abs(H)<50)return;let z=w.clientWidth,C=H>0?1:-1,j=w.scrollLeft+z*C;w.scrollTo({left:j,behavior:"smooth"});},[g,h]),F=useCallback(w=>{let H=r.current;if(!H)return;let k=Math.abs(w.deltaX)>Math.abs(w.deltaY);if(!k&&!w.shiftKey)return;w.preventDefault();let z=k?w.deltaX:w.deltaY;H.scrollBy({left:z,behavior:"smooth"});},[]);useEffect(()=>{let w=r.current;if(!w)return;let H=new ResizeObserver(x);return H.observe(w),w.addEventListener("scroll",x),w.addEventListener("wheel",F,{passive:false}),()=>{H.disconnect(),w.removeEventListener("scroll",x),w.removeEventListener("wheel",F);}},[x,F]);let v=useCallback(w=>{let H=r.current;if(!H)return;let k=H.clientWidth,z=H.scrollLeft+(w==="left"?-k:k);H.scrollTo({left:z,behavior:"smooth"});},[]),S=useCallback(w=>{w.key==="ArrowLeft"?v("left"):w.key==="ArrowRight"&&v("right");},[v]);return M__default.createElement("div",{className:`relative group ${t}`,onKeyDown:S,onMouseMove:E,onMouseLeave:()=>{i(false),b(false);},onTouchStart:A,onTouchMove:W,onTouchEnd:O,role:"region","aria-label":"Carousel"},M__default.createElement(vt.Root,{className:"overflow-hidden",type:"hover"},M__default.createElement(vt.Viewport,{ref:r,className:"w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch"}},M__default.createElement("div",{className:"inline-flex",style:{gap:`${o}px`}},M__default.Children.map(e,w=>w===null?null:M__default.createElement("div",{className:"snap-start shrink-0"},w))))),!N&&M__default.createElement(M__default.Fragment,null,a&&m&&M__default.createElement(B,{onClick:()=>v("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},M__default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},M__default.createElement(T,{name:"arrow-left",size:24,color:"white"}))),p&&c&&M__default.createElement(B,{onClick:()=>v("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},M__default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},M__default.createElement(T,{name:"arrow-right",size:24,color:"white"})))))}function Me({content:e,children:t,side:o="bottom",align:r="center",className:a,delayDuration:s=200,defaultOpen:p,open:n,onOpenChange:m,longPressDuration:i=500}){let[c,b]=useState(p||false),g=null,P=n??c,h=useCallback(x=>{n||b(x),m?.(x);},[n,m]),L=useCallback(()=>{g=setTimeout(()=>{h(true);},i);},[h,i]),N=useCallback(()=>{g&&(clearTimeout(g),g=null),setTimeout(()=>h(false),1500);},[g,h]);return M.createElement(ne.Provider,{delayDuration:s},M.createElement(ne.Root,{open:P,onOpenChange:h},M.createElement(ne.Trigger,{asChild:true},M.createElement("span",{tabIndex:0,onTouchStart:L,onTouchEnd:N,onTouchCancel:N},t)),M.createElement(ne.Portal,null,M.createElement(ne.Content,{side:o,align:r,sideOffset:4,className:d("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"?M.createElement(u,{variant:"body-default-medium",color:"white"},e):e,M.createElement(ne.Arrow,{className:"fill-text-primary",width:10,height:5})))))}function _o({text:e,highlight:t}){if(!t)return M__default.createElement(M__default.Fragment,null,e);let o=e.split(new RegExp(`(${t})`,"i"));return M__default.createElement(M__default.Fragment,null,o.map((r,a)=>r.toLowerCase()===t.toLowerCase()?M__default.createElement("span",{key:a,className:"font-bold"},r):r))}var Ee=M__default.forwardRef(({value:e,label:t,onChange:o,onKeyDown:r,onMouseEnter:a,onMouseLeave:s,selected:p,color:n,disabled:m,className:i,id:c,role:b,"aria-selected":g,searchValue:P="",tooltip:h,onClick:L,badge:N},x)=>{let E=M__default.createElement("button",{ref:x,type:"button",id:c,role:b,"aria-selected":g,disabled:m,className:d("relative w-full text-left px-2 py-1.5 text-sm rounded outline-none","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",p&&"bg-gray-100","flex items-center gap-2",i),onClick:()=>{o?.(e),L?.();},onKeyDown:r,onMouseEnter:a,onMouseLeave:s},M__default.createElement(u,{variant:"body-default-medium",color:n==="danger"?"danger":"inherit"},typeof t=="string"?M__default.createElement(_o,{text:t,highlight:P}):t),N&&M__default.createElement(ke,null,N));return h?M__default.createElement(Me,{content:h},E):E});function zt({options:e,placeholder:t="Select an item...",value:o,onChange:r,onSelected:a,end:s,className:p,label:n,labelClassName:m,id:i,disabled:c,container:b,autocomplete:g=false,loading:P=false,error:h=false,errorMessage:L,noOptionsMessage:N}){let[x,E]=useState(false),[A,W]=useState(o),[O,F]=useState(""),[v,S]=useState(-1),w=useRef(null),H=useRef(null),k=useMemo(()=>e.length>0&&"options"in e[0],[e]),z=useMemo(()=>e.length?k?e.reduce((f,l)=>[...f,...l.options],[]):e:[],[k,e]),C=useMemo(()=>z.filter(f=>O&&typeof f.label=="string"?f.label.toLowerCase().includes(O.toLowerCase()):true),[z,O]),j=useMemo(()=>k?e.map(f=>({...f,options:f.options.filter(l=>O&&typeof l.label=="string"?l.label.toLowerCase().includes(O.toLowerCase()):true)})).filter(f=>f.options.length>0):C.length>0?[{label:"",options:C}]:[],[k,e,O,C]),q=useMemo(()=>z.find(f=>f.value===A),[A,z]),de=useMemo(()=>x&&O?O:q?q.label?.toString()||"":A||"",[x,O,q]),D=useCallback(()=>{F(q?.label?.toString()||"");},[q]);useEffect(()=>{D();},[q]);let Xe=useMemo(()=>!g||!O||!x?"":C.find(l=>typeof l.label=="string"&&l.label.toLowerCase().startsWith(O.toLowerCase())&&l.label.toLowerCase()!==O.toLowerCase())?.label?.toString()||"",[g,O,C,x]),X=useCallback(f=>{W(f),r?.(de),F(""),E(false),a(f),S(-1);},[a]),lt=useCallback(f=>{switch(f.key){case "ArrowDown":f.preventDefault(),f.altKey?E(true):x?S(l=>l<C.length-1?l+1:0):(E(true),S(0));break;case "ArrowUp":f.preventDefault(),f.altKey?E(false):x?S(l=>l>0?l-1:C.length-1):(E(true),S(C.length-1));break;case "PageUp":f.preventDefault(),x&&S(l=>Math.max(0,l-10));break;case "PageDown":f.preventDefault(),x&&S(l=>Math.min(C.length-1,l+10));break;case "Home":if(f.shiftKey)break;f.preventDefault(),x&&S(0);break;case "End":if(f.shiftKey)break;f.preventDefault(),x&&S(C.length-1);break;case "Enter":if(f.preventDefault(),v>=0&&C[v])X(C[v].value);else if(g&&Xe&&O){let l=C.find(y=>typeof y.label=="string"&&y.label.toLowerCase().startsWith(O.toLowerCase()));l&&X(l.value);}break;case "Tab":x?v>=0&&C[v]&&(f.preventDefault(),X(C[v].value)):(f.preventDefault(),E(true),S(0));break;case "Escape":f.preventDefault(),E(false),D();break}},[x,v,C,Xe,O,X,g]),$e=useCallback(f=>{switch(f.key){case "ArrowDown":f.preventDefault(),S(l=>l<C.length-1?l+1:0);break;case "ArrowUp":f.preventDefault(),S(l=>l>0?l-1:C.length-1);break;case "Enter":case "Tab":f.preventDefault(),v>=0&&C[v]&&X(C[v].value);break;case "Escape":f.preventDefault(),E(false),D(),H.current?.focus();break}},[v,C,X]);useEffect(()=>{if(x){let f=H.current;if(f){f.focus({preventScroll:true});let l=f.value.length;f.setSelectionRange(l,l);}}},[x]),useEffect(()=>{x||S(-1);},[x]),useEffect(()=>{if(x&&v>=0&&w.current){let f=w.current.querySelector(`[id="${i}-option-${v}"]`);f&&f.scrollIntoView({block:"nearest",behavior:"smooth"});}},[v,x,i]);let Ze=useCallback(f=>{if(!x)return o===f.value;let l=C.findIndex(y=>y.value===f.value);return v>=0?l===v:v===-1?l===0:false},[x,A,v,C]);return useEffect(()=>{x&&v===-1&&S(0);},[x,v]),M__default.createElement(Le.Root,{open:x&&!c,onOpenChange:f=>{if(!c)if(E(f),!f)D(),S(-1);else {let l=H.current;if(l){l.focus({preventScroll:true});let y=l.value.length;l.setSelectionRange(y,y);}}}},M__default.createElement("div",{className:`relative w-full font-sans text-secondary ${p}`,role:"combobox","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":`${i}-listbox`},M__default.createElement(Le.Trigger,{asChild:true},M__default.createElement("button",{type:"button",className:"w-full text-left",disabled:c},g?M__default.createElement(Ve,{ref:H,id:i,label:n,labelClassName:m,placeholder:t,value:de,suggestion:Xe,onChange:f=>{F(f),r?.(f),x||E(true);},onKeyDown:lt,end:s,className:d("flex-1",p),forceShowFocusRing:x,disabled:c,"aria-autocomplete":"list","aria-controls":`${i}-listbox`,"aria-activedescendant":v>=0?`${i}-option-${v}`:void 0}):M__default.createElement(He,{ref:H,id:i,label:n,labelClassName:m,placeholder:t,value:de,onChange:f=>{F(f.target.value),r?.(f.target.value),x||E(true);},onKeyDown:lt,end:s,className:d("flex-1",p),forceShowFocusRing:x,disabled:c,"aria-controls":`${i}-listbox`,"aria-activedescendant":v>=0?`${i}-option-${v}`:void 0}))),M__default.createElement(Le.Portal,{container:b},M__default.createElement(Le.Content,{className:"w-[--radix-popover-trigger-width] bg-background-0 rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out outline-none",side:"bottom",align:"start",sideOffset:4,onOpenAutoFocus:f=>f.preventDefault(),onCloseAutoFocus:f=>f.preventDefault(),onFocusOutside:f=>f.preventDefault(),onInteractOutside:f=>{f.preventDefault(),E(false),D(),S(-1);}},M__default.createElement("div",{ref:w,className:"max-h-60 overflow-y-auto flex flex-col items-start outline-none",role:"listbox",id:`${i}-listbox`,"aria-label":n,"aria-busy":P},h?M__default.createElement("div",{className:"px-2 py-1.5 text-sm text-red-500"},L||"Failed to load options"):P?M__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"Loading..."):C.length>0&&k?M__default.createElement(gt,{type:"multiple",className:"gap-0",defaultValue:j.map(f=>f.label),items:j.map((f,l)=>({title:f.label,value:f.label,content:M__default.createElement("div",null,f.options.map((y,Y)=>{let pt=Ze(y);return M__default.createElement(Ee,{key:`${l}-${Y}`,onChange:X,onKeyDown:$e,value:y.value,label:y.label,className:d("pl-4"),selected:pt,id:`${i}-option-${Y}`,role:"option","aria-selected":pt,searchValue:O})}))}))}):C.length>0&&!k?e.map((f,l)=>{let y=Ze(f);return M__default.createElement(Ee,{key:l,onChange:X,onKeyDown:$e,value:f.value,label:f.label,className:d("pl-4"),selected:y,id:`${i}-option-${l}`,role:"option","aria-selected":y,searchValue:O})}):M__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},N||"No results found"))))))}var ht=M.forwardRef(({trigger:e,items:t,className:o,onSelect:r,align:a="end"},s)=>{let p=M.useCallback(n=>{r?.(n);},[r]);return M.createElement(ve.Root,null,M.createElement(ve.Trigger,{asChild:true},e),M.createElement(ve.Portal,null,M.createElement(ve.Content,{ref:s,align:a,sideOffset:4,className:d("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",o)},t.map(n=>M.createElement(ve.Item,{key:n.value,disabled:n.disabled,onSelect:()=>p(n.value),className:"outline-none",asChild:true},M.createElement(Ee,{...n,className:"py-3 px-6",onChange:p}))))))});ht.displayName="Dropdown";function to({className:e,onClick:t}){return M__default.createElement(B,{className:d("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",Et.black,e),onClick:t},M__default.createElement(T,{color:"primary",name:"edit-2"}))}to.displayName="EditButton";function $t({className:e}){return M__default.createElement("div",{className:d("lg:w-[76px] lg:h-[25px] w-[58px] h-[19px]",e)},M__default.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 76 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M__default.createElement("path",{d:"M0.8 15.584C0.8 13.9413 1.12 12.4693 1.76 11.168C2.4 9.84533 3.27467 8.8 4.384 8.032C5.49333 7.264 6.77333 6.88 8.224 6.88C9.39733 6.88 10.464 7.168 11.424 7.744C12.384 8.29867 13.1093 9.03467 13.6 9.952V0.639999H18.72V18.304C18.72 18.816 18.8053 19.1787 18.976 19.392C19.1467 19.584 19.424 19.7013 19.808 19.744V24C18.912 24.1707 18.1867 24.256 17.632 24.256C16.7573 24.256 16.0427 24.064 15.488 23.68C14.9547 23.296 14.624 22.7627 14.496 22.08L14.4 21.216C13.8027 22.2613 12.992 23.04 11.968 23.552C10.944 24.064 9.86667 24.32 8.736 24.32C7.584 24.32 6.51733 24.1067 5.536 23.68C4.576 23.232 3.73333 22.6133 3.008 21.824C2.304 21.0347 1.76 20.1067 1.376 19.04C0.992 17.9733 0.8 16.8213 0.8 15.584ZM13.632 17.664V14.144C13.4187 13.568 13.1093 13.0667 12.704 12.64C12.32 12.2133 11.872 11.872 11.36 11.616C10.8693 11.36 10.368 11.232 9.856 11.232C9.30133 11.232 8.78933 11.3493 8.32 11.584C7.872 11.8187 7.47733 12.1493 7.136 12.576C6.79467 12.9813 6.528 13.4507 6.336 13.984C6.16533 14.5173 6.08 15.0827 6.08 15.68C6.08 16.2987 6.176 16.8747 6.368 17.408C6.58133 17.92 6.86933 18.3787 7.232 18.784C7.59467 19.168 8.02133 19.4667 8.512 19.68C9.00267 19.8933 9.536 20 10.112 20C10.4747 20 10.8267 19.9467 11.168 19.84C11.5093 19.712 11.8293 19.552 12.128 19.36C12.448 19.168 12.736 18.9227 12.992 18.624C13.248 18.3253 13.4613 18.0053 13.632 17.664ZM30.0895 24.32C28.6602 24.32 27.3908 24.096 26.2815 23.648C25.1722 23.1787 24.2228 22.5493 23.4335 21.76C22.6655 20.9707 22.0788 20.064 21.6735 19.04C21.2682 17.9947 21.0655 16.9067 21.0655 15.776C21.0655 14.1547 21.4175 12.6827 22.1215 11.36C22.8468 10.016 23.8815 8.93867 25.2255 8.128C26.5695 7.296 28.1908 6.88 30.0895 6.88C31.9882 6.88 33.5988 7.28533 34.9215 8.096C36.2655 8.90667 37.2895 9.97333 37.9935 11.296C38.6975 12.5973 39.0495 14.016 39.0495 15.552C39.0495 15.8507 39.0282 16.1493 38.9855 16.448C38.9642 16.7253 38.9428 16.9707 38.9215 17.184H26.5055C26.5695 17.9307 26.7722 18.56 27.1135 19.072C27.4762 19.584 27.9348 19.9787 28.4895 20.256C29.0442 20.512 29.6308 20.64 30.2495 20.64C31.0175 20.64 31.7322 20.4587 32.3935 20.096C33.0762 19.7333 33.5455 19.2427 33.8015 18.624L38.1535 19.84C37.7268 20.7147 37.1188 21.4933 36.3295 22.176C35.5615 22.8373 34.6442 23.36 33.5775 23.744C32.5322 24.128 31.3695 24.32 30.0895 24.32ZM26.3775 14.048H33.6735C33.5882 13.344 33.3855 12.736 33.0655 12.224C32.7455 11.6907 32.3188 11.2853 31.7855 11.008C31.2522 10.7093 30.6655 10.56 30.0255 10.56C29.3642 10.56 28.7668 10.7093 28.2335 11.008C27.7215 11.2853 27.3055 11.6907 26.9855 12.224C26.6655 12.736 26.4628 13.344 26.3775 14.048ZM48.762 24.32C47.3327 24.32 46.0633 24.0853 44.954 23.616C43.8447 23.1467 42.8953 22.5067 42.106 21.696C41.338 20.8853 40.7513 19.9573 40.346 18.912C39.9407 17.8667 39.738 16.7573 39.738 15.584C39.738 14.048 40.09 12.6187 40.794 11.296C41.5193 9.97333 42.554 8.90667 43.898 8.096C45.242 7.28533 46.8633 6.88 48.762 6.88C50.682 6.88 52.3033 7.296 53.626 8.128C54.97 8.93867 55.9727 10.0053 56.634 11.328L51.642 12.832C51.322 12.32 50.906 11.9253 50.394 11.648C49.9033 11.3707 49.3487 11.232 48.73 11.232C48.026 11.232 47.386 11.4133 46.81 11.776C46.2553 12.1387 45.8073 12.64 45.466 13.28C45.146 13.92 44.986 14.688 44.986 15.584C44.986 16.4587 45.1567 17.2267 45.498 17.888C45.8393 18.5493 46.2873 19.072 46.842 19.456C47.3967 19.8187 48.026 20 48.73 20C49.1567 20 49.5513 19.936 49.914 19.808C50.298 19.6587 50.6393 19.456 50.938 19.2C51.258 18.944 51.5033 18.656 51.674 18.336L56.666 19.872C56.2607 20.7253 55.674 21.4933 54.906 22.176C54.1593 22.8373 53.274 23.36 52.25 23.744C51.226 24.128 50.0633 24.32 48.762 24.32ZM69.636 24L65.252 17.28L63.46 19.104V24H58.34V0.639999H63.46V14.144L69.156 7.2H74.564L68.516 14.432L75.076 24H69.636Z",fill:"var(--icon-stroke)"})))}var oo=(e,{isActive:t=true,preventScroll:o=false}={})=>{let r=useCallback(a=>{let s=e[a.key];s&&s(a);},[e]);useEffect(()=>(t&&(document.addEventListener("keydown",r),o&&(document.body.style.overflow="hidden")),()=>{document.removeEventListener("keydown",r),o&&(document.body.style.overflow="unset");}),[t,r,o]);};function wt({children:e,open:t,onClose:o,className:r,showCloseButton:a=true}){return oo({Escape:o},{isActive:t,preventScroll:true}),M__default.createElement(pe.Root,{open:t,onOpenChange:o},M__default.createElement(pe.Portal,null,M__default.createElement(pe.Overlay,{className:d("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),M__default.createElement(pe.Content,{className:d("fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2","w-[90vw] max-w-[90vw] max-h-[90vh]","rounded-xl overflow-hidden","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]:zoom-out-95 data-[state=open]:zoom-in-95","data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2","data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-top-[48%]",r)},e,a&&M__default.createElement(pe.Close,{asChild:true},M__default.createElement(B,{className:"inline-flex items-center justify-center text-secondary absolute top-4 right-4","aria-label":"Close"},M__default.createElement(T,{name:"close",size:12}))))))}wt.displayName="Modal";function ze({children:e,color:t="primary",className:o,onClose:r,...a}){let[s,p]=useState(false),n=useCallback(()=>{p(true);},[]),m=useCallback(()=>{p(false);},[]),i=M__default.createElement("div",{className:d("flex gap-2",r?"justify-between items-center max-w-fit":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",t==="primary"?"text-primary-100":"text-primary",o),onMouseEnter:n,onMouseLeave:m},typeof e=="string"?M__default.createElement(u,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,r&&M__default.createElement(B,{...a,onClick:r,className:"flex items-center justify-center"},M__default.createElement(T,{name:"close",size:12,color:s?"white":"primaryBlue"})));return r?i:M__default.createElement(B,{...a},i)}function Jo({options:e,selectedValues:t,onSelectionChange:o,placeholder:r="Select items...",className:a,label:s,labelClassName:p,id:n,maxSelections:m,disabled:i,noOptionsMessage:c,loading:b,error:g,errorMessage:P,helperText:h,container:L,autocomplete:N=false}){let[x,E]=useState(false),[A,W]=useState(""),[O,F]=useState({}),[v,S]=useState(-1),[w,H]=useState(-1),k=useRef(null),z=useRef(null),C=useMemo(()=>e.length>0&&"options"in e[0],[e]),j=useMemo(()=>e.length?C?e.reduce((l,y)=>[...l,...y.options],[]):e:[],[C,e]),q=useMemo(()=>j.filter(l=>t.includes(l.value)),[j,t]),de=useMemo(()=>m!==void 0&&t.length>=m,[m,t]),D=useMemo(()=>j.filter(l=>t.includes(l.value)||de?false:A&&typeof l.label=="string"?l.label.toLowerCase().includes(A.toLowerCase()):true),[j,A,t,de]),Xe=useMemo(()=>C?e.map(l=>({...l,options:l.options.filter(y=>t.includes(y.value)||de?false:A&&typeof y.label=="string"?y.label.toLowerCase().includes(A.toLowerCase()):true)})).filter(l=>l.options.length>0):D.length>0?[{label:"",options:D}]:[],[C,e,A,t,D,de]),X=useCallback(l=>{t.includes(l)?o(t.filter(Y=>Y!==l)):de||o([...t,l]),z.current&&z.current.focus({preventScroll:true});},[t,o,de]),lt=useCallback(l=>{F(y=>({...y,[l]:!y[l]}));},[]),$e=useMemo(()=>!N||!A||!x?"":D.find(y=>typeof y.label=="string"&&y.label.toLowerCase().startsWith(A.toLowerCase())&&y.label.toLowerCase()!==A.toLowerCase()&&!t.includes(y.value))?.label?.toString()||"",[N,A,D,x,t]),Ze=useCallback(l=>{switch(l.key){case "ArrowDown":l.preventDefault(),l.altKey?E(true):x?S(y=>y<D.length-1?y+1:0):(E(true),S(0));break;case "ArrowUp":l.preventDefault(),l.altKey?E(false):x?S(y=>y>0?y-1:D.length-1):(E(true),S(D.length-1));break;case "PageUp":l.preventDefault(),x&&S(y=>Math.max(0,y-10));break;case "PageDown":l.preventDefault(),x&&S(y=>Math.min(D.length-1,y+10));break;case "Home":l.preventDefault(),x&&S(0);break;case "End":l.preventDefault(),x&&S(D.length-1);break;case "Enter":if(l.preventDefault(),v>=0&&D[v])X(D[v].value);else if(N&&$e){let y=D.find(Y=>typeof Y.label=="string"&&Y.label.toLowerCase().startsWith(A.toLowerCase())&&!t.includes(Y.value));y&&X(y.value);}break;case "Tab":x?v>=0&&D[v]&&(l.preventDefault(),X(D[v].value)):(l.preventDefault(),E(true),S(0));break;case "Escape":l.preventDefault(),E(false),W("");break}},[x,v,D,X,N,$e,A,t]),f=useCallback(l=>{switch(l.key){case "ArrowDown":l.preventDefault(),S(y=>y<D.length-1?y+1:0);break;case "ArrowUp":l.preventDefault(),S(y=>y>0?y-1:D.length-1);break;case "Enter":case "Space":l.preventDefault(),v>=0&&D[v]&&X(D[v].value);break;case "Escape":l.preventDefault(),E(false),z.current?.focus();break;case "Tab":l.preventDefault(),v>=0&&D[v]&&X(D[v].value);break}},[v,D,X]);return useEffect(()=>{if(x){let l=z.current;if(l){l.focus({preventScroll:true});let y=l.value.length;l.setSelectionRange(y,y);}}},[x]),useEffect(()=>{x||S(-1);},[x]),useEffect(()=>{if(x&&v>=0&&k.current){let l=k.current.querySelector(`[id="${n}-option-${v}"]`);l&&l.scrollIntoView({block:"nearest",behavior:"smooth"});}},[v,x,n]),useEffect(()=>{x&&v===-1&&S(0);},[x,v]),useEffect(()=>{if(C){let l=e.reduce((y,Y)=>({...y,[Y.label]:true}),{});F(l);}},[C,e]),M__default.createElement("div",{className:d("flex flex-col gap-2",a)},s&&M__default.createElement(u,{variant:"label-default",htmlFor:n,as:"label",color:g?"danger":"primary",className:d(p)},s),M__default.createElement(Le.Root,{open:x&&!i,onOpenChange:l=>{i||(E(l),l||(W(""),S(-1)));}},M__default.createElement("div",{className:"relative w-full font-sans text-secondary"},M__default.createElement(Le.Trigger,{asChild:true},M__default.createElement("button",{type:"button",className:"w-full text-left",disabled:i},N?M__default.createElement(Ve,{ref:z,id:n,placeholder:r,value:A,suggestion:$e,onChange:l=>{W(l),x||E(true);},onKeyDown:Ze,className:"flex-1",forceShowFocusRing:x,disabled:i,error:g,"aria-expanded":x,"aria-haspopup":"listbox","aria-controls":`${n}-listbox`,"aria-activedescendant":v>=0?`${n}-option-${v}`:void 0}):M__default.createElement(He,{ref:z,id:n,placeholder:r,value:A,onChange:l=>{W(l.target.value),x||E(true);},onKeyDown:Ze,className:"flex-1",forceShowFocusRing:x,error:g,"aria-expanded":x,"aria-haspopup":"listbox","aria-controls":`${n}-listbox`,"aria-activedescendant":v>=0?`${n}-option-${v}`:void 0,disabled:i||!!m&&t.length>=m}))),M__default.createElement(Le.Portal,{container:L},M__default.createElement(Le.Content,{className:"w-[--radix-popover-trigger-width] overflow-y-scroll-auto p-1 bg-background-0 rounded-md shadow-lg border z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out outline-none",side:"bottom",align:"start",sideOffset:4,onOpenAutoFocus:l=>l.preventDefault(),onCloseAutoFocus:l=>l.preventDefault(),onFocusOutside:l=>l.preventDefault(),onInteractOutside:l=>{l.preventDefault(),E(false),W(""),S(-1);}},M__default.createElement("div",{ref:k,className:"max-h-60 flex flex-col items-start outline-none",role:"listbox",id:`${n}-listbox`,"aria-label":s,"aria-multiselectable":"true","aria-busy":b},b?M__default.createElement(u,{variant:"label-default",className:"text-secondary p-2"},"Loading..."):D.length>0?Xe.map((l,y)=>M__default.createElement(Fe.Root,{key:l.label||y,className:"w-full",open:O[l.label]??true,onOpenChange:()=>l.label&<(l.label)},l.label&&M__default.createElement(Fe.Trigger,{asChild:true},M__default.createElement("div",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50",tabIndex:-1},M__default.createElement(u,{variant:"body-default-bold",color:"secondary"},l.label),M__default.createElement(T,{name:"arrow-down",className:d("transition-transform",O[l.label]&&"rotate-180"),size:16}))),M__default.createElement(Fe.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},l.options.map((Y,pt)=>{let dt=D.findIndex(wo=>wo.value===Y.value);return M__default.createElement(Ee,{key:`${y}-${pt}`,label:Y.label,value:Y.value,onChange:X,onKeyDown:f,className:"pl-4",selected:w===dt||w===-1&&v===dt,id:`${n}-option-${dt}`,role:"option","aria-selected":t.includes(Y.value),searchValue:A,onMouseEnter:()=>H(dt),onMouseLeave:()=>H(-1)})})))):M__default.createElement(u,{variant:"label-default",className:"text-secondary p-2"},c||"No results found")))))),q.length>0&&M__default.createElement("div",{className:"flex flex-col gap-2"},M__default.createElement("div",{className:"flex flex-wrap gap-2"},q.map(l=>M__default.createElement(ze,{key:l.value,onClose:()=>X(l.value),disabled:i},l.label))),de&&M__default.createElement(u,{variant:"body-xxs",color:"secondary"},"Maximum of ",m," items selected")),g&&P||h?M__default.createElement(u,{variant:"body-xxs",color:g?"danger":"secondary",className:"mt-1"},g?P:h):null)}function Rt({iconName:e,hasNotification:t,color:o,title:r,tooltip:a,disabled:s,badge:p,...n}){let m=M__default.createElement(B,{disabled:s,className:d("relative lg:px-7 md:px-5 py-3"),...n},M__default.createElement(T,{name:e,color:o,title:r}),t&&M__default.createElement("div",{className:"w-3 h-3 bg-red-500 rounded-full absolute top-3 right-5"}),p&&M__default.createElement(ke,null,p));return a?M__default.createElement(Me,{content:a},m):m}function er({searchOptions:e,onSearchChange:t,navbarItems:o,onLogoClick:r,profileMenuItems:a,onProfileMenuSelect:s,avatarImage:p}){return M__default.createElement("div",{className:"flex py-6 lg:px-10 md:px-5 px-6 justify-between md:gap-6 gap-3 sm:relative sticky top-0"},M__default.createElement("div",{className:"flex flex-1 md:gap-6 gap-3 items-center"},M__default.createElement(B,{onClick:r,title:"Deck AI"},M__default.createElement($t,null)),e&&t&&M__default.createElement(zt,{options:e,placeholder:"Search for a creator, type of content, or platform...",end:M__default.createElement(T,{name:"search-normal",size:["lg:24",18]}),onSelected:t,className:"flex-1 max-w-lg"})),M__default.createElement("div",{className:"flex gap-4"},M__default.createElement("div",{className:"md:flex hidden gap-2 border-b-2 border-stroke items-center"},o?.map(({iconName:n,title:m,onClick:i,disabled:c,tooltip:b})=>M__default.createElement(Rt,{key:m,iconName:n,title:m,onClick:i,disabled:c,tooltip:b}))),M__default.createElement("div",{className:"flex"},a&&s?M__default.createElement(ht,{items:a,onSelect:s,trigger:M__default.createElement(B,null,M__default.createElement(xt,{src:p,size:["sm:48",40]}))}):M__default.createElement(B,null,M__default.createElement(xt,{src:p,size:["sm:48",40]})))))}var Tt=4,Ct=3;function tr({profileImage:e,name:t,location:o,memberSince:r,interests:a,badges:s,isLoading:p}){let n=useMemo(()=>a?.slice(0,Tt)||[],[a]),m=useMemo(()=>s?.slice(0,Ct)||[],[s]),i=a&&a.length>Tt,c=s&&s.length>Ct,b=a?a.length-Tt:0,g=s?s.length-Ct:0,P=p||!o&&!r&&!a&&!s;return M__default.createElement("div",{className:"lg:p-10 md:p-8 p-4 rounded-xl border border-stroke relative flex gap-6 md:flex-row flex-col"},M__default.createElement("div",{className:"flex md:flex-row flex-col gap-6"},M__default.createElement("div",{className:"flex flex-col gap-4 md:items-start items-center"},M__default.createElement("div",{className:"flex items-center justify-center w-[164px] h-[164px]"},e?M__default.createElement("img",{src:e,alt:`Profile for ${t}`,className:"object-cover rounded-full w-full h-full"}):P?M__default.createElement(R,{variant:"avatar",size:164}):M__default.createElement("div",{className:"w-full h-full bg-secondary-50 rounded-full"}))),M__default.createElement("div",{className:"flex flex-col gap-2"},t?M__default.createElement(u,{as:"h1",variant:["lg:heading-lg","md:heading-md","heading-sm"],className:"text-wrap text-center md:text-left"},t):M__default.createElement(R,{variant:"text",size:"lg",lines:1}),P?M__default.createElement("div",{className:"flex gap-2 py-2"},M__default.createElement(R,{variant:"button",size:"sm"}),M__default.createElement(R,{variant:"button",size:"sm"})):s&&s.length>0?M__default.createElement("div",{className:"flex gap-2 flex-wrap py-2 sm:justify-start justify-center items-center"},m.map((h,L)=>M__default.createElement(ke,{key:L,...h})),c&&M__default.createElement(Me,{content:s.slice(Ct).map(h=>h.children).join(", ")},M__default.createElement(u,{variant:"label-default"},"+",g," more"))):null,M__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center pt-1"},P?M__default.createElement(R,{variant:"text",size:"sm",lines:1}):o?M__default.createElement(M__default.Fragment,null,M__default.createElement(T,{name:"location",color:"secondary"}),M__default.createElement(u,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},o)):null),M__default.createElement("div",{className:"flex gap-2 items-center sm:justify-start justify-center"},P?M__default.createElement(R,{variant:"text",size:"sm",lines:1}):r?M__default.createElement(M__default.Fragment,null,M__default.createElement(T,{name:"profile",color:"secondary"}),M__default.createElement(u,{variant:["lg:body-lg","md:body-default","body-xs"],color:"secondary",className:"sm:text-left text-center truncate max-w-[300px]"},"Member Since"," ",M__default.createElement(u,{as:"span",variant:["lg:body-lg-semibold","md:body-default-bold","body-xs-bold"]},r))):null),P?M__default.createElement("div",{className:"flex flex-col gap-2 pt-4"},M__default.createElement(R,{variant:"text",size:"sm",lines:3})):a&&a.length>0?M__default.createElement("div",{className:"flex flex-col gap-2 pt-4"},M__default.createElement(u,{variant:["sm:heading-xs","body-default-bold"],className:"sm:text-left text-center"},"Interests"),M__default.createElement("div",{className:"flex flex-wrap gap-2 sm:justify-start justify-center items-center"},n.map((h,L)=>M__default.createElement(ze,{key:L},h)),i&&M__default.createElement(Me,{content:a.slice(Tt).join(", ")},M__default.createElement(u,{variant:"label-default"},"+",b," more")))):null)))}var or={primary:"bg-primary-100",success:"bg-green-600",warning:"bg-yellow-500",error:"bg-tertiary-10"},rr={sm:"h-1",md:"h-2",lg:"h-3"},no=M.forwardRef(({value:e,max:t=100,label:o,startLabel:r,endLabel:a,size:s="md",variant:p="primary",className:n,...m},i)=>{let c=Math.min(100,Math.max(0,e/t*100));return M.createElement("div",{className:o||r||a?"py-1.5 gap-1.5":void 0},o&&M.createElement("div",{className:"flex justify-between mb-1"},M.createElement(u,{variant:"body-default",color:"secondary"},o||`${c.toFixed(0)}%`),t!==100&&M.createElement(u,{variant:"body-default",color:"secondary"},e," / ",t)),M.createElement(Nt.Root,{ref:i,value:c,className:d("relative overflow-hidden rounded-full bg-gray-100",rr[s],n),...m},M.createElement(Nt.Indicator,{className:d("h-full w-full transition-all",or[p]),style:{transform:`translateX(-${100-c}%)`}})),(r||a)&&M.createElement("div",{className:"flex justify-between mt-1"},r&&M.createElement(u,{variant:"body-xxs",color:"secondary"},r),a&&M.createElement(u,{variant:"body-xxs",color:"secondary"},a)))});no.displayName="ProgressBar";var so=M__default.forwardRef(({label:e,labelClassName:t,options:o,value:r,onChange:a,disabled:s,id:p,className:n,inline:m=true,error:i,errorMessage:c,helperText:b},g)=>{let P=p||M__default.useId();return M__default.createElement("div",{ref:g,className:d("flex flex-col gap-2",n)},e&&M__default.createElement(u,{as:"label",variant:"label-default",className:d("text-primary",t),color:i?"danger":"primary"},e),M__default.createElement("div",{role:"radiogroup","aria-label":e,className:d("flex gap-4",m?"flex-row gap-4":"flex-col gap-2"),"aria-invalid":i},o.map(h=>{let L=`${P}-${h.value}`,N=r===h.value;return M__default.createElement("label",{key:h.value,htmlFor:L,className:d("flex items-center gap-2 cursor-pointer",s&&"cursor-not-allowed opacity-50")},M__default.createElement("div",{className:d("w-4 h-4 rounded-full border","flex items-center justify-center","transition-colors duration-150",{"border-secondary-50":!i&&!N,"border-tertiary-10":i,"border-primary":N&&!i,"hover:border-primary":!s&&!i,"hover:border-tertiary-10":!s&&i})},N&&M__default.createElement("div",{className:d("w-2 h-2 rounded-full",i?"bg-tertiary-10":"bg-primary")})),M__default.createElement("input",{type:"radio",id:L,name:P,value:h.value,checked:N,onChange:()=>a(h.value),disabled:s,className:d("sr-only","peer",re)}),M__default.createElement(u,{variant:"body-default",color:N?i?"danger":"primary":"secondary"},h.label))})),i&&c||b?M__default.createElement(u,{variant:"body-xxs",color:i?"danger":"secondary",className:"mt-1"},i?c:b):null)});so.displayName="RadioGroup";var lo=M.forwardRef(({tabs:e,defaultValue:t,value:o,onChange:r,className:a},s)=>{let p=M.useCallback(n=>{r?.(n);},[r]);return M.createElement(Te.Root,{ref:s,defaultValue:t||e[0]?.value,value:o,onValueChange:p,className:d("inline-flex items-center p-1 bg-gray-100 rounded-lg gap-1",a)},M.createElement(Te.List,{"aria-label":"Select platform"},e.map(n=>M.createElement(Te.Trigger,{key:n.value,value:n.value,asChild:true},M.createElement(te,{variant:"filled",color:"black",className:d("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)))))});lo.displayName="SegmentedTabs";function sr({children:e,open:t,onClose:o,width:r=480,className:a,title:s,footer:p,position:n="left"}){let m=ct("(max-width: 834px)"),i=useCallback(b=>{b.key==="Escape"&&o();},[o]);useEffect(()=>(t?(document.addEventListener("keydown",i),document.body.style.overflow="hidden"):(document.removeEventListener("keydown",i),document.body.style.overflow="unset"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow="unset";}),[t,i]);let c=useMemo(()=>n==="right"?{position:"right-0",enter:"data-[state=open]:animate-slide-in-from-right",exit:"data-[state=closed]:animate-slide-out-to-right",transform:"translate-x-full"}:{position:"left-0",enter:"data-[state=open]:animate-slide-in-from-left",exit:"data-[state=closed]:animate-slide-out-to-left",transform:"-translate-x-full"},[n]);return M__default.createElement(pe.Root,{open:t,onOpenChange:o},M__default.createElement(pe.Portal,null,M__default.createElement(pe.Overlay,{className:d("fixed inset-0 z-50 bg-sidebarOverlay backdrop-blur-[2px]","data-[state=open]:animate-overlay-show","data-[state=closed]:animate-overlay-hide")}),M__default.createElement(pe.Content,{className:d("fixed top-0 z-50 flex h-full flex-col bg-background-0",c.position,c.enter,c.exit,typeof window>"u"||!m?n==="right"?"border-l":"border-r":"w-full","border-stroke",a),style:{width:typeof window>"u"||!m?r:"100%"}},M__default.createElement("div",{className:"flex items-center justify-between border-b border-secondary-50 px-8 py-6"},M__default.createElement(pe.Title,{className:"text-heading-xs text-center w-full"},s),M__default.createElement(pe.Close,{asChild:true},M__default.createElement(B,{className:"inline-flex items-center justify-center text-secondary","aria-label":"Close"},M__default.createElement(T,{name:"close",size:12})))),M__default.createElement("div",{className:"flex-1 overflow-y-auto"},M__default.createElement("div",{className:"p-6"},e)),p&&M__default.createElement("div",{className:"px-6 pb-6 bg-background"},p))))}var po=M.forwardRef(({text:e,confirmText:t="Confirmed!",onConfirm:o,variant:r="primary",className:a,disabled:s=false,"aria-label":p,...n},m)=>{let[i,c]=M.useState(false),[b,g]=M.useState(0),[P,h]=M.useState(false),L=M.useRef(null),N=M.useRef(null),[x,E]=M.useState(false),A={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"}},W=M.useCallback(k=>{if(s||P)return;let z=N.current,C=L.current;if(!z||!C)return;let j=C.clientWidth-z.clientWidth;switch(k.key){case "ArrowRight":case "ArrowUp":k.preventDefault();let q=Math.min(j,b+j*.1);g(q),q>=j*.9&&(h(true),g(j),o());break;case "ArrowLeft":case "ArrowDown":k.preventDefault(),g(Math.max(0,b-j*.1));break;case "Home":k.preventDefault(),g(0);break;case "End":k.preventDefault(),g(j),h(true),o();break;case "Enter":case " ":k.preventDefault(),b>=j*.9&&(h(true),g(j),o());break}},[s,P,o,b]),O=M.useCallback(k=>{s||P||(c(true),k.preventDefault());},[s,P]),F=M.useCallback(k=>{if(!i||!L.current||!N.current)return;let z=L.current.getBoundingClientRect(),C=N.current.getBoundingClientRect(),j=z.width-C.width,q=Math.max(0,Math.min(j,k-z.left-C.width/2));g(q),q>=j*.9&&(c(false),h(true),g(j),o());},[i,o]),v=M.useCallback(k=>{F(k.clientX);},[F]),S=M.useCallback(k=>{F(k.touches[0].clientX);},[F]),w=M.useCallback(()=>{P||g(0),c(false);},[P]);M.useEffect(()=>(i&&(document.addEventListener("mousemove",v),document.addEventListener("mouseup",w),document.addEventListener("touchmove",S),document.addEventListener("touchend",w)),()=>{document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",w),document.removeEventListener("touchmove",S),document.removeEventListener("touchend",w);}),[i,v,S,w]),M.useEffect(()=>{s&&(g(0),h(false),c(false));},[s]);let H=M.useMemo(()=>{if(!L.current||!N.current)return 0;let k=L.current.clientWidth-N.current.clientWidth;return Math.round(b/k*100)},[b]);return M.createElement("div",{ref:m,className:d("relative h-12 rounded-full transition-colors",A[r].track,s&&"opacity-50 cursor-not-allowed",a),...n},M.createElement("div",{ref:L,role:"slider","aria-label":p||e,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":H,"aria-valuetext":P?t:`${H}% complete`,"aria-disabled":s,tabIndex:s?-1:0,className:"relative w-full h-full overflow-hidden rounded-full outline-none focus-visible:ring-2 focus-visible:ring-offset-2",onKeyDown:W,onFocus:()=>E(true),onBlur:()=>E(false)},M.createElement("div",{className:"absolute inset-0 flex items-center justify-center","aria-hidden":"true"},M.createElement(u,{variant:"body-default-semibold",className:d(A[r].text,"transition-opacity select-none",(i||P)&&"opacity-0")},e),M.createElement(u,{variant:"body-default-semibold",className:d(A[r].text,"transition-opacity select-none",!P&&"opacity-0")},t)),M.createElement("div",{ref:N,className:d("absolute top-1 bottom-1 left-1 w-10 rounded-full cursor-grab active:cursor-grabbing transition-transform",A[r].thumb,s&&"cursor-not-allowed",x&&"ring-2 ring-white"),style:{transform:`translateX(${b}px)`},onMouseDown:O,onTouchStart:O,"aria-hidden":"true"},M.createElement("div",{className:"absolute inset-0 flex items-center justify-center"},M.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},M.createElement("path",{d:"M13.5 10L8.5 15L7.5 14L11.5 10L7.5 6L8.5 5L13.5 10Z",fill:"white"}))))))});po.displayName="SlideButton";var mo=M__default.forwardRef((e,t)=>M__default.createElement(Ie.Root,{ref:t,className:d("relative flex w-full touch-none select-none items-center"),...e},M__default.createElement(Ie.Track,{className:"relative h-[2px] w-full grow bg-stroke"},M__default.createElement(Ie.Range,{className:"absolute h-full bg-primary-100"})),M__default.createElement(Ie.Thumb,{className:"block h-4 w-4 rounded-full bg-background-0 border border-secondary focus:border-primary-100"})));mo.displayName="Slider";function lr({icon:e,followers:t,engagement:o,isLoading:r,...a}){return r?M__default.createElement("div",{className:"sm:w-max w-full"},M__default.createElement("div",{className:"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg"},M__default.createElement("div",{className:"w-8 h-8"},M__default.createElement(R,{variant:"image",className:"w-full h-full rounded"})),M__default.createElement("div",{className:"flex sm:flex-row flex-col items-center gap-4"},M__default.createElement("div",{className:"flex items-center gap-1"},M__default.createElement(T,{name:"profile",size:["sm:20",16],color:"secondary"}),M__default.createElement(R,{variant:"text",size:"sm",className:"w-12"})),M__default.createElement("div",{className:"flex items-center gap-1"},M__default.createElement(T,{name:"like-1",size:["sm:20",16],color:"secondary"}),M__default.createElement(R,{variant:"text",size:"sm",className:"w-12"}))))):M__default.createElement(B,{className:"sm:w-max w-full hover:bg-secondary-400 rounded-lg",...a},M__default.createElement("div",{className:"flex sm:flex-row flex-col items-center sm:gap-4 gap-1 sm:px-6 sm:py-4 p-2 border border-stroke rounded-lg"},M__default.createElement(T,{name:e,size:["lg:40",32],color:"primaryBlue"}),t&&M__default.createElement("div",{className:"flex items-center gap-1"},M__default.createElement(T,{name:"profile",size:["sm:20",16]}),M__default.createElement(u,{variant:["body-default-medium","md:body-xs-medium"]},t)),o&&M__default.createElement("div",{className:"flex items-center gap-1"},M__default.createElement(T,{name:"like-1",size:["sm:20",16]}),M__default.createElement(u,{variant:["body-default-medium","md:body-xs-medium"]},o))))}var co=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,fo=clsx,uo=(e,t)=>o=>{var r;if(t?.variants==null)return fo(e,o?.class,o?.className);let{variants:a,defaultVariants:s}=t,p=Object.keys(a).map(i=>{let c=o?.[i],b=s?.[i];if(c===null)return null;let g=co(c)||co(b);return a[i][g]}),n=o&&Object.entries(o).reduce((i,c)=>{let[b,g]=c;return g===void 0||(i[b]=g),i},{}),m=t==null||(r=t.compoundVariants)===null||r===void 0?void 0:r.reduce((i,c)=>{let{class:b,className:g,...P}=c;return Object.entries(P).every(h=>{let[L,N]=h;return Array.isArray(N)?N.includes({...s,...n}[L]):{...s,...n}[L]===N})?[...i,b,g]:i},[]);return fo(e,p,m,o?.class,o?.className)};var dr=uo("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"}}),go=M.forwardRef(({size:e,className:t,customSize:o,...r},a)=>{let s=o?{width:o,height:o,borderWidth:Math.max(2,Math.floor(o/16))}:{};return M.createElement("div",{role:"status","aria-label":"Loading",ref:a,className:d(dr({size:e}),"text-primary-100",t),style:s,...r},M.createElement("span",{className:"sr-only"},"Loading..."))});go.displayName="Spinner";var bo=M.forwardRef(({className:e,label:t,description:o,onCheckedChange:r,...a},s)=>{let p=M.useCallback(n=>{r?.(n);},[r]);return M.createElement("div",{className:"flex items-center gap-2"},M.createElement(kt.Root,{className:d("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",re,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",e),onCheckedChange:p,...a,ref:s},M.createElement(kt.Thumb,{className:d("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")})),(t||o)&&M.createElement("div",{className:"flex flex-col"},t&&M.createElement("label",{className:"text-sm font-medium text-primary",htmlFor:a.id},t),o&&M.createElement("span",{className:"text-xs text-secondary"},o)))});bo.displayName="Switch";var xo=M__default.forwardRef(({items:e,defaultValue:t,className:o="",onChange:r,variant:a="default"},s)=>{let[p,n]=M__default.useState(t||e[0]?.value),m=useCallback(i=>{r?.(i),n(i);},[r]);return M__default.createElement(Te.Root,{defaultValue:t||e[0]?.value,onValueChange:m,className:o},M__default.createElement(Te.List,{ref:s,className:d("flex",a==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(i=>a==="default"?M__default.createElement(Te.Trigger,{key:i.value,value:i.value,className:"group relative flex-1 pb-4"},M__default.createElement(u,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-primary transition-colors"},i.label),M__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"})):M__default.createElement(Te.Trigger,{key:i.value,value:i.value,asChild:true},M__default.createElement(te,{variant:"filled",color:i.value===p?"black":"secondary",className:"py-3"},i.label)))),e.map(i=>M__default.createElement(Te.Content,{key:i.value,value:i.value,className:"flex flex-col h-full"},i.content)))});xo.displayName="Tabs";function cr({className:e,label:t,labelClassName:o,helperText:r,showCharacterCount:a,maxLength:s,id:p,value:n,defaultValue:m,error:i,errorMessage:c,onChange:b,...g}){let P=M.useRef(null),[h,L]=M.useState(n?.toString()||m?.toString()||"");M.useEffect(()=>{n!==void 0&&L(n.toString());},[n]);let N=M.useCallback(()=>{let W=P.current;W&&(W.style.height="auto",W.style.height=`${W.scrollHeight}px`);},[]);M.useEffect(()=>{N();},[h,N]);let x=M.useCallback(W=>{let O=W.target.value;L(O),b?.(W);},[b]),E=h.length,A=a||!!s;return M.createElement("div",{className:"flex flex-col gap-1"},t&&M.createElement(u,{variant:"label-default",htmlFor:p,as:"label",color:i?"danger":"primary",className:d(o)},t),M.createElement("div",{className:"relative"},M.createElement("textarea",{ref:P,id:p,value:h,maxLength:s,onChange:x,className:d("min-h-[80px] w-full resize-none rounded-lg border bg-background-0 px-3 py-2 font-sans text-primary placeholder:text-secondary transition-colors duration-150",re,"disabled:cursor-not-allowed disabled:opacity-50",{"border-secondary-50":!i,"border-tertiary-10":i},e),"aria-invalid":i,...g}),M.createElement("div",{className:"flex justify-between gap-2"},i&&c||r?M.createElement(u,{variant:"body-xxs",color:i?"danger":"secondary",className:"mt-1"},i?c:r):null,A&&M.createElement(u,{variant:"body-xxs",color:i?"danger":"secondary",className:"text-right mt-1"},M.createElement(u,{variant:"body-xxs",as:"span",color:"primary-100",className:"font-bold"},E),s&&`/${s}`," characters"))))}function fr({children:e}){return M.createElement(me.Provider,null,e,M.createElement(me.Viewport,{className:"fixed bottom-0 right-0 z-[100] m-6 flex max-h-screen w-full flex-col-reverse gap-2 sm:max-w-[420px]"}))}var br={"16:9":"aspect-video","9:16":"aspect-[9/16]","4:3":"aspect-[4/3]","1:1":"aspect-square"};function yo({src:e,open:t,onClose:o,caption:r,aspectRatio:a="16:9",className:s}){let p=useRef(null),[n,m]=useState(false),i=useCallback(()=>{m(true);},[]),c=useCallback(()=>{m(false);},[]);return M__default.createElement(wt,{open:t,onClose:o,showCloseButton:n,className:d("rounded-xl",s)},M__default.createElement("div",{className:d("w-full max-h-[90vh]",br[a],"relative w-full h-full flex items-center justify-center"),onMouseEnter:i,onMouseLeave:c},M__default.createElement("video",{ref:p,src:e,className:"w-full h-full object-contain",controls:true,autoPlay:true}),r&&M__default.createElement("div",{className:"absolute left-4 bottom-16 flex flex-col gap-1 p-2 rounded-lg bg-overlay max-w-[80%]"},M__default.createElement(u,{variant:"body-default-medium",className:"text-white"},r))))}yo.displayName="VideoPlayer";function vr({iconName:e,tags:t,caption:o,playCount:r,backgroundImage:a,onClick:s,className:p,editable:n=false,isLoading:m}){let[i,c]=useState(false);return m?M__default.createElement("div",{className:"sm:w-[227px] sm:h-[371px] w-[148px] h-[234px]"},M__default.createElement(R,{variant:"image",className:"w-full h-full rounded-2xl"})):M__default.createElement(B,{onClick:s,onMouseOver:()=>c(true),onMouseLeave:()=>c(false)},M__default.createElement("div",{className:`flex flex-col justify-between p-4 sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl relative overflow-hidden ${p}`,style:{backgroundColor:"#e7e7e7",backgroundImage:`url(${a})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}},M__default.createElement("div",{className:"flex justify-between items-center"},e&&M__default.createElement("div",{className:"flex items-center justify-center bg-overlay h-10 w-10 rounded-full"},M__default.createElement(T,{name:e,size:20,color:"white"})),t&&M__default.createElement("div",{className:"flex gap-2 items-center"},t.map((b,g)=>M__default.createElement(ze,{key:g,color:"text"},b)))),o&&M__default.createElement("div",{className:"flex flex-col gap-1 p-2 rounded-lg bg-overlay max-h-[60px] overflow-hidden"},M__default.createElement(u,{variant:"body-default-medium",className:"text-white truncate"},o),r&&M__default.createElement("div",{className:"flex gap-2"},M__default.createElement(T,{name:"play",size:16,color:"white"}),M__default.createElement(u,{variant:"body-xs-medium",className:"text-white"},r))),n&&i&&M__default.createElement("div",{className:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"},M__default.createElement(te,{color:"accent",variant:"filled",className:"!px-3 !py-3 z-20 shadow-md hover:opacity-100",onClick:s},M__default.createElement(T,{name:"edit",color:"white"})))))}var Vt={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)"},ho={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)"},"xs-medium":{fontSize:"var(--font-body-xs-medium-size)",letterSpacing:"var(--font-body-xs-medium-spacing)",fontWeight:"var(--font-body-xs-medium-weight)"},"xs-bold":{fontSize:"var(--font-body-xs-bold-size)",letterSpacing:"var(--font-body-xs-bold-spacing)",fontWeight:"var(--font-body-xs-bold-weight)"},xxs:{fontSize:"var(--font-body-xxs-size)",letterSpacing:"var(--font-body-xxs-spacing)",fontWeight:"var(--font-body-xxs-weight)"},"xxs-medium":{fontSize:"var(--font-body-xxs-medium-size)",letterSpacing:"var(--font-body-xxs-medium-spacing)",fontWeight:"var(--font-body-xxs-medium-weight)"},"xxs-semibold":{fontSize:"var(--font-body-xxs-semibold-size)",letterSpacing:"var(--font-body-xxs-semibold-spacing)",fontWeight:"var(--font-body-xxs-semibold-weight)"},"xxs-bold":{fontSize:"var(--font-body-xxs-bold-size)",letterSpacing:"var(--font-body-xxs-bold-spacing)",fontWeight:"var(--font-body-xxs-bold-weight)"}},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"}}},hr={content:["./src/**/*.{ts,tsx}"],theme:{extend:{colors:Vt,fontSize:{...Object.entries(ho).reduce((e,[t,o])=>(Object.entries(o).forEach(([r,a])=>{e[`${t}-${r}`]=[a.fontSize,{lineHeight:a.lineHeight||"normal",letterSpacing:a.letterSpacing||"normal",fontWeight:a.fontWeight}];}),e),{})},fontFamily:{sans:["Gilroy","sans-serif"]},fontWeight:{light:"400",regular:"500",normal:"500",semibold:"600",bold:"700"},keyframes:{spin:{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},"slide-in-from-right":{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-right":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(100%)"}},"slide-in-from-left":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0)"}},"slide-out-to-left":{"0%":{transform:"translateX(0)"},"100%":{transform:"translateX(-100%)"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"fade-out":{from:{opacity:"1"},to:{opacity:"0"}},"overlay-show":{from:{opacity:"0"},to:{opacity:"1"}},"overlay-hide":{from:{opacity:"1"},to:{opacity:"0"}},"accordion-down":{from:{height:"0px"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0px"}}},animation:{spin:"spin 1s linear infinite","slide-in-from-right":"slide-in-from-right 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-right":"slide-out-to-right 0.2s ease-out","slide-in-from-left":"slide-in-from-left 0.3s cubic-bezier(0.16, 1, 0.3, 1)","slide-out-to-left":"slide-out-to-left 0.2s ease-out","fade-in":"fade-in 200ms ease-out","fade-out":"fade-out 150ms ease-in","overlay-show":"overlay-show 200ms cubic-bezier(0.16, 1, 0.3, 1)","overlay-hide":"overlay-hide 200ms cubic-bezier(0.16, 1, 0.3, 1)","accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"},borderWidth:{3:"3px"},ringWidth:{DEFAULT:"2px"},ringOffsetWidth:{DEFAULT:"0px"},ringColor:{DEFAULT:Vt.primary[100]}}},plugins:[yr],safelist:[...Wt(Vt,ho),"text-primary","text-secondary","text-white","text-primary-blue","text-disabled","text-danger","text-inherit"]},wr=hr;
|
|
123
|
+
export{Ro as AboutCard,gt as Accordion,jo as AddWorkCard,Ve as AutocompleteInput,xt as Avatar,ke as Badge,Yt as Breadcrumbs,te as Button,Zo as Carousel,ut as Collapsible,zt as Combobox,qe as ContactItem,ht as Dropdown,to as EditButton,R as Fallback,T as Icon,je as IconRenderer,He as Input,Qe as Link,$t as Logo,wt as Modal,Jo as MultiSelectCombobox,er as Navbar,Rt as NavbarItem,Ee as Option,B as Pressable,tr as ProfileCard,no as ProgressBar,so as RadioGroup,lo as SegmentedTabs,sr as Sidebar,po as SlideButton,mo as Slider,lr as SocialCard,go as Spinner,bo as Switch,xo as Tabs,ze as Tag,u as Text,cr as TextArea,mt as Toast,fr as ToastProvider,Me as Tooltip,yo as VideoPlayer,vr as WorkCard,wr as tailwindConfig,Zt as useIsomorphicLayoutEffect,ct as useMediaQuery,Fr as useToast};//# sourceMappingURL=index.js.map
|
|
124
124
|
//# sourceMappingURL=index.js.map
|