https://mindtrip.ai/_next/static/chunks/pages/dx/buttons-e414fa4ebaf98f38.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3854],{14e3:(e,a,r)=>{e.exports=r(61374)},24636:(e,a,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/dx/buttons",function(){return r(88329)}])},54100:(e,a,r)=>{"use strict";r.d(a,{m:()=>n});var i=r(37876),l=r(27964),s=r(74302);function n(e){let a,r,n,t,c,m=(0,l.c)(10);return m[0]!==e?({ref:n,className:a,...r}=e,m[0]=e,m[1]=a,m[2]=r,m[3]=n):(a=m[1],r=m[2],n=m[3]),m[4]!==a?(t=(0,s.cn)("mx-auto w-full max-w-[calc(var(--container-max)+(var(--container-pad)*2))] px-(--container-pad)",a),m[4]=a,m[5]=t):t=m[5],m[6]!==r||m[7]!==n||m[8]!==t?(c=(0,i.jsx)("div",{ref:n,className:t,...r}),m[6]=r,m[7]=n,m[8]=t,m[9]=c):c=m[9],c}n.displayName="Container"},85400:(e,a,r)=>{"use strict";r.d(a,{A:()=>h});var i=r(37876),l=r(27964),s=r(77328),n=r.n(s),t=r(14e3),c=r(74302),m=r(54100),o=r(28104);function h(e){let a,r,s,h,d=(0,l.c)(8),{children:x}=e,v="/dx"===(0,t.usePathname)();d[0]===Symbol.for("react.memo_cache_sentinel")?(a=(0,i.jsx)(n(),{children:(0,i.jsx)("title",{children:"Mindtrip Design System"})}),d[0]=a):a=d[0];let f=v&&"pointer-events-none";return d[1]!==f?(r=(0,c.cn)("leading-tight hover:underline",f),d[1]=f,d[2]=r):r=d[2],d[3]!==r?(s=(0,i.jsx)("div",{className:"flex items-center justify-between",children:(0,i.jsx)(o.N,{href:"/dx",className:r,children:"Mindtrip Design System"})}),d[3]=r,d[4]=s):s=d[4],d[5]!==x||d[6]!==s?(h=(0,i.jsxs)("div",{children:[a,(0,i.jsxs)(m.m,{className:"pt-4 pb-16",children:[s,x]})]}),d[5]=x,d[6]=s,d[7]=h):h=d[7],h}},88329:(e,a,r)=>{"use strict";r.r(a),r.d(a,{default:()=>m});var i=r(37876),l=r(27964),s=r(85400),n=r(20658),t=r(2692),c=r(11857);function m(){let e,a,r,m,o,h,d,x,v,f,u,y,j,b,_,g,p,S,N,$,z,w,D,K,L,O,k,G,M,P,A,X,B,E,C,I,T,V,W,q,F,H,J,Q,R,U,Y,Z,ee,ea,er,ei,el,es,en,et,ec,em,eo,eh,ed,ex,ev,ef=(0,l.c)(63);return ef[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,i.jsx)("h1",{className:"mt-[1em] text-5xl leading-tight font-semibold",children:"Buttons"}),a=(0,i.jsx)(c.w,{className:"my-9"}),r=(0,i.jsx)("h2",{className:"my-6 text-lg leading-tight font-semibold",children:"Variants + Sizing"}),ef[0]=e,ef[1]=a,ef[2]=r):(e=ef[0],a=ef[1],r=ef[2]),ef[3]===Symbol.for("react.memo_cache_sentinel")?(m=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"primary",size:"xl",children:"Primary XL"}),(0,i.jsx)(n.$,{variant:"primary",size:"lg",children:"Primary LG"}),(0,i.jsx)(n.$,{variant:"primary",size:"md",children:"Primary MD"}),(0,i.jsx)(n.$,{variant:"primary",size:"sm",children:"Primary SM"})]}),ef[3]=m):m=ef[3],ef[4]===Symbol.for("react.memo_cache_sentinel")?(o=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"outline",size:"xl",children:"Outline XL"}),(0,i.jsx)(n.$,{variant:"outline",size:"lg",children:"Outline LG"}),(0,i.jsx)(n.$,{variant:"outline",size:"md",children:"Outline MD"}),(0,i.jsx)(n.$,{variant:"outline",size:"sm",children:"Outline SM"})]}),ef[4]=o):o=ef[4],ef[5]===Symbol.for("react.memo_cache_sentinel")?(h=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"link",size:"xl",children:"Link XL"}),(0,i.jsx)(n.$,{variant:"link",size:"lg",children:"Link LG"}),(0,i.jsx)(n.$,{variant:"link",size:"md",children:"Link MD"}),(0,i.jsx)(n.$,{variant:"link",size:"sm",children:"Link SM"})]}),ef[5]=h):h=ef[5],ef[6]===Symbol.for("react.memo_cache_sentinel")?(d=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"subtle",size:"xl",children:"Subtle XL"}),(0,i.jsx)(n.$,{variant:"subtle",size:"lg",children:"Subtle LG"}),(0,i.jsx)(n.$,{variant:"subtle",size:"md",children:"Subtle MD"}),(0,i.jsx)(n.$,{variant:"subtle",size:"sm",children:"Subtle SM"})]}),ef[6]=d):d=ef[6],ef[7]===Symbol.for("react.memo_cache_sentinel")?(x=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"overlay",size:"xl",children:"Overlay XL"}),(0,i.jsx)(n.$,{variant:"overlay",size:"lg",children:"Overlay LG"}),(0,i.jsx)(n.$,{variant:"overlay",size:"md",children:"Overlay MD"}),(0,i.jsx)(n.$,{variant:"overlay",size:"sm",children:"Overlay SM"})]}),ef[7]=x):x=ef[7],ef[8]===Symbol.for("react.memo_cache_sentinel")?(v=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"ghost",size:"xl",children:"Ghost XL"}),(0,i.jsx)(n.$,{variant:"ghost",size:"lg",children:"Ghost LG"}),(0,i.jsx)(n.$,{variant:"ghost",size:"md",children:"Ghost MD"}),(0,i.jsx)(n.$,{variant:"ghost",size:"sm",children:"Ghost SM"})]}),ef[8]=v):v=ef[8],ef[9]===Symbol.for("react.memo_cache_sentinel")?(y=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"destructive",size:"xl",children:"Destructive XL"}),(0,i.jsx)(n.$,{variant:"destructive",size:"lg",children:"Destructive LG"}),(0,i.jsx)(n.$,{variant:"destructive",size:"md",children:"Destructive MD"}),(0,i.jsx)(n.$,{variant:"destructive",size:"sm",children:"Destructive SM"})]}),f=(0,i.jsx)(c.w,{className:"my-9"}),u=(0,i.jsx)("h2",{className:"my-6 text-lg leading-tight font-semibold",children:"Disabled"}),ef[9]=f,ef[10]=u,ef[11]=y):(f=ef[9],u=ef[10],y=ef[11]),ef[12]===Symbol.for("react.memo_cache_sentinel")?(j=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"primary",disabled:!0,children:"Primary Disabled"}),(0,i.jsx)(n.$,{variant:"outline",disabled:!0,children:"Outline Disabled"}),(0,i.jsx)(n.$,{variant:"link",disabled:!0,children:"Link Disabled"}),(0,i.jsx)(n.$,{variant:"subtle",disabled:!0,children:"Subtle Disabled"}),(0,i.jsx)(n.$,{variant:"overlay",disabled:!0,children:"Overlay Disabled"}),(0,i.jsx)(n.$,{variant:"ghost",disabled:!0,children:"Ghost Disabled"}),(0,i.jsx)(n.$,{variant:"destructive",disabled:!0,children:"Destructive Disabled"})]}),b=(0,i.jsx)(c.w,{className:"my-9"}),_=(0,i.jsx)("h2",{className:"my-6 text-lg leading-tight font-semibold",children:"Icon Only"}),ef[12]=j,ef[13]=b,ef[14]=_):(j=ef[12],b=ef[13],_=ef[14]),ef[15]===Symbol.for("react.memo_cache_sentinel")?(g=(0,i.jsx)(t.K,{variant:"primary",size:"lg",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[15]=g):g=ef[15],ef[16]===Symbol.for("react.memo_cache_sentinel")?(p=(0,i.jsx)(t.K,{variant:"outline",size:"lg",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[16]=p):p=ef[16],ef[17]===Symbol.for("react.memo_cache_sentinel")?(S=(0,i.jsx)(t.K,{variant:"subtle",size:"lg",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[17]=S):S=ef[17],ef[18]===Symbol.for("react.memo_cache_sentinel")?(N=(0,i.jsx)(t.K,{variant:"overlay",size:"lg",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[18]=N):N=ef[18],ef[19]===Symbol.for("react.memo_cache_sentinel")?($=(0,i.jsx)(t.K,{variant:"ghost",size:"lg",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[19]=$):$=ef[19],ef[20]===Symbol.for("react.memo_cache_sentinel")?(z=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[g,p,S,N,$,(0,i.jsx)(t.K,{variant:"destructive",size:"lg",icon:{name:"heart",className:"group-hover:fill-current"},label:""})]}),ef[20]=z):z=ef[20],ef[21]===Symbol.for("react.memo_cache_sentinel")?(w=(0,i.jsx)(t.K,{variant:"primary",size:"md",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[21]=w):w=ef[21],ef[22]===Symbol.for("react.memo_cache_sentinel")?(D=(0,i.jsx)(t.K,{variant:"outline",size:"md",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[22]=D):D=ef[22],ef[23]===Symbol.for("react.memo_cache_sentinel")?(K=(0,i.jsx)(t.K,{variant:"subtle",size:"md",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[23]=K):K=ef[23],ef[24]===Symbol.for("react.memo_cache_sentinel")?(L=(0,i.jsx)(t.K,{variant:"overlay",size:"md",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[24]=L):L=ef[24],ef[25]===Symbol.for("react.memo_cache_sentinel")?(O=(0,i.jsx)(t.K,{variant:"ghost",size:"md",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[25]=O):O=ef[25],ef[26]===Symbol.for("react.memo_cache_sentinel")?(k=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[w,D,K,L,O,(0,i.jsx)(t.K,{variant:"destructive",size:"md",icon:{name:"heart",className:"group-hover:fill-current"},label:""})]}),ef[26]=k):k=ef[26],ef[27]===Symbol.for("react.memo_cache_sentinel")?(G=(0,i.jsx)(t.K,{variant:"primary",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[27]=G):G=ef[27],ef[28]===Symbol.for("react.memo_cache_sentinel")?(M=(0,i.jsx)(t.K,{variant:"outline",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[28]=M):M=ef[28],ef[29]===Symbol.for("react.memo_cache_sentinel")?(P=(0,i.jsx)(t.K,{variant:"subtle",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[29]=P):P=ef[29],ef[30]===Symbol.for("react.memo_cache_sentinel")?(A=(0,i.jsx)(t.K,{variant:"overlay",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[30]=A):A=ef[30],ef[31]===Symbol.for("react.memo_cache_sentinel")?(X=(0,i.jsx)(t.K,{variant:"ghost",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[31]=X):X=ef[31],ef[32]===Symbol.for("react.memo_cache_sentinel")?(B=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[G,M,P,A,X,(0,i.jsx)(t.K,{variant:"destructive",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""})]}),ef[32]=B):B=ef[32],ef[33]===Symbol.for("react.memo_cache_sentinel")?(E=(0,i.jsx)(t.K,{variant:"primary",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[33]=E):E=ef[33],ef[34]===Symbol.for("react.memo_cache_sentinel")?(C=(0,i.jsx)(t.K,{variant:"outline",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[34]=C):C=ef[34],ef[35]===Symbol.for("react.memo_cache_sentinel")?(I=(0,i.jsx)(t.K,{variant:"subtle",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[35]=I):I=ef[35],ef[36]===Symbol.for("react.memo_cache_sentinel")?(T=(0,i.jsx)(t.K,{variant:"overlay",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[36]=T):T=ef[36],ef[37]===Symbol.for("react.memo_cache_sentinel")?(V=(0,i.jsx)(t.K,{variant:"ghost",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""}),ef[37]=V):V=ef[37],ef[38]===Symbol.for("react.memo_cache_sentinel")?(W=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[E,C,I,T,V,(0,i.jsx)(t.K,{variant:"destructive",size:"sm",icon:{name:"heart",className:"group-hover:fill-current"},label:""})]}),q=(0,i.jsx)(c.w,{className:"my-9"}),F=(0,i.jsx)("h2",{className:"my-6 text-lg leading-tight font-semibold",children:"Icon left"}),ef[38]=W,ef[39]=q,ef[40]=F):(W=ef[38],q=ef[39],F=ef[40]),ef[41]===Symbol.for("react.memo_cache_sentinel")?(H=(0,i.jsx)(n.$,{variant:"primary",iconBefore:{name:"heart"},children:"Primary"}),ef[41]=H):H=ef[41],ef[42]===Symbol.for("react.memo_cache_sentinel")?(J=(0,i.jsx)(n.$,{variant:"outline",iconBefore:{name:"heart"},children:"Outline"}),ef[42]=J):J=ef[42],ef[43]===Symbol.for("react.memo_cache_sentinel")?(Q=(0,i.jsx)(n.$,{variant:"link",iconBefore:{name:"heart"},children:"Link"}),ef[43]=Q):Q=ef[43],ef[44]===Symbol.for("react.memo_cache_sentinel")?(R=(0,i.jsx)(n.$,{variant:"subtle",iconBefore:{name:"heart"},children:"Subtle"}),ef[44]=R):R=ef[44],ef[45]===Symbol.for("react.memo_cache_sentinel")?(U=(0,i.jsx)(n.$,{variant:"overlay",iconBefore:{name:"heart"},children:"Overlay"}),ef[45]=U):U=ef[45],ef[46]===Symbol.for("react.memo_cache_sentinel")?(Y=(0,i.jsx)(n.$,{variant:"ghost",iconBefore:{name:"heart"},children:"Ghost"}),ef[46]=Y):Y=ef[46],ef[47]===Symbol.for("react.memo_cache_sentinel")?(Z=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[H,J,Q,R,U,Y,(0,i.jsx)(n.$,{variant:"destructive",iconBefore:{name:"heart"},children:"Destructive"})]}),ee=(0,i.jsx)(c.w,{className:"my-9"}),ea=(0,i.jsx)("h2",{className:"my-6 text-lg leading-tight font-semibold",children:"Icon right"}),ef[47]=Z,ef[48]=ee,ef[49]=ea):(Z=ef[47],ee=ef[48],ea=ef[49]),ef[50]===Symbol.for("react.memo_cache_sentinel")?(er=(0,i.jsx)(n.$,{variant:"primary",iconAfter:{name:"heart"},children:"Primary"}),ef[50]=er):er=ef[50],ef[51]===Symbol.for("react.memo_cache_sentinel")?(ei=(0,i.jsx)(n.$,{variant:"outline",iconAfter:{name:"heart"},children:"Outline"}),ef[51]=ei):ei=ef[51],ef[52]===Symbol.for("react.memo_cache_sentinel")?(el=(0,i.jsx)(n.$,{variant:"link",iconAfter:{name:"heart"},children:"Link"}),ef[52]=el):el=ef[52],ef[53]===Symbol.for("react.memo_cache_sentinel")?(es=(0,i.jsx)(n.$,{variant:"subtle",iconAfter:{name:"heart"},children:"Subtle"}),ef[53]=es):es=ef[53],ef[54]===Symbol.for("react.memo_cache_sentinel")?(en=(0,i.jsx)(n.$,{variant:"overlay",iconAfter:{name:"heart"},children:"Overlay"}),ef[54]=en):en=ef[54],ef[55]===Symbol.for("react.memo_cache_sentinel")?(et=(0,i.jsx)(n.$,{variant:"ghost",iconAfter:{name:"heart"},children:"Ghost"}),ef[55]=et):et=ef[55],ef[56]===Symbol.for("react.memo_cache_sentinel")?(ec=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[er,ei,el,es,en,et,(0,i.jsx)(n.$,{variant:"destructive",iconAfter:{name:"heart"},children:"Destructive"})]}),em=(0,i.jsx)(c.w,{className:"my-9"}),eo=(0,i.jsx)("h2",{className:"my-6 text-lg leading-tight font-semibold",children:"Wide"}),ef[56]=ec,ef[57]=em,ef[58]=eo):(ec=ef[56],em=ef[57],eo=ef[58]),ef[59]===Symbol.for("react.memo_cache_sentinel")?(eh=(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"primary",wide:!0,children:"Primary"}),(0,i.jsx)(n.$,{variant:"outline",wide:!0,children:"Outline"}),(0,i.jsx)(n.$,{variant:"subtle",wide:!0,children:"Subtle"}),(0,i.jsx)(n.$,{variant:"overlay",wide:!0,children:"Overlay"}),(0,i.jsx)(n.$,{variant:"ghost",wide:!0,children:"Ghost"}),(0,i.jsx)(n.$,{variant:"destructive",wide:!0,children:"Destructive"})]}),ed=(0,i.jsx)(c.w,{className:"my-9"}),ex=(0,i.jsx)("h2",{className:"my-6 text-lg leading-tight font-semibold",children:"Loading"}),ef[59]=eh,ef[60]=ed,ef[61]=ex):(eh=ef[59],ed=ef[60],ex=ef[61]),ef[62]===Symbol.for("react.memo_cache_sentinel")?(ev=(0,i.jsxs)(s.A,{children:[e,a,r,m,o,h,d,x,v,y,f,u,j,b,_,z,k,B,W,q,F,Z,ee,ea,ec,em,eo,eh,ed,ex,(0,i.jsxs)("div",{className:"my-6 flex flex-wrap items-center gap-4",children:[(0,i.jsx)(n.$,{variant:"primary",wide:!0,loading:!0,children:"Primary"}),(0,i.jsx)(n.$,{variant:"outline",wide:!0,loading:!0,children:"Outline"}),(0,i.jsx)(n.$,{variant:"subtle",wide:!0,loading:!0,children:"Subtle"}),(0,i.jsx)(n.$,{variant:"overlay",wide:!0,loading:!0,children:"Overlay"}),(0,i.jsx)(n.$,{variant:"ghost",wide:!0,loading:!0,children:"Ghost"}),(0,i.jsx)(n.$,{variant:"destructive",wide:!0,loading:!0,children:"Destructive"})]})]}),ef[62]=ev):ev=ef[62],ev}}},e=>{e.O(0,[6593,636,8792],()=>e(e.s=24636)),_N_E=e.O()}]);
2//# sourceMappingURL=buttons-e414fa4ebaf98f38.js.map