stp-ui-kit 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stp-ui-kit.cjs.js +6 -6
- package/dist/stp-ui-kit.es.js +602 -155
- package/package.json +2 -2
package/dist/stp-ui-kit.cjs.js
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(e){(function(){var s={}.hasOwnProperty;function r(){for(var i="",f=0;f<arguments.length;f++){var p=arguments[f];p&&(i=h(i,l(p)))}return i}function l(i){if(typeof i=="string"||typeof i=="number")return i;if(typeof i!="object")return"";if(Array.isArray(i))return r.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var f="";for(var p in i)s.call(i,p)&&i[p]&&(f=h(f,p));return f}function h(i,f){return f?i?i+" "+f:i+f:i}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(ve);var Se=ve.exports;const C=ye(Se),De="_typography_18a99_29",pe={"shadow-0":"_shadow-0_18a99_1","shadow-100":"_shadow-100_18a99_5","shadow-200":"_shadow-200_18a99_9","shadow-300":"_shadow-300_18a99_13","shadow-400":"_shadow-400_18a99_17","shadow-500":"_shadow-500_18a99_21","shadow-600":"_shadow-600_18a99_25",typography:De,"heading-xl":"_heading-xl_18a99_34","heading-lg":"_heading-lg_18a99_43","heading-md":"_heading-md_18a99_52","heading-sm":"_heading-sm_18a99_61","heading-xs":"_heading-xs_18a99_70","body-lg":"_body-lg_18a99_79","body-md":"_body-md_18a99_88","body-sm":"_body-sm_18a99_97"},j=({variant:e="body-md",className:s="",children:r})=>{const l=pe[e]||"";return t.jsx("div",{className:C(pe.typography,l,s),children:r})},ze="_container_cgftc_29",Oe="_content_cgftc_40",Ie="_title_cgftc_57",Be="_timer_cgftc_68",Le="_timerCell_cgftc_80",Ae="_timerCount_cgftc_87",Te="_pattern_cgftc_102",qe="_button_cgftc_129",A={container:ze,content:Oe,title:Ie,timer:Be,timerCell:Le,timerCount:Ae,pattern:Te,button:qe};var $e={exports:{}};(function(e,s){(function(r,l){e.exports=l()})(ke,function(){var r=1e3,l=6e4,h=36e5,i="millisecond",f="second",p="minute",$="hour",m="day",M="week",b="month",F="quarter",S="year",O="date",R="Invalid Date",B=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,ee=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,Ne={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(d){var o=["th","st","nd","rd"],n=d%100;return"["+d+(o[(n-20)%10]||o[n]||o[0])+"]"}},ce=function(d,o,n){var c=String(d);return!c||c.length>=o?d:""+Array(o+1-c.length).join(n)+d},Me={s:ce,z:function(d){var o=-d.utcOffset(),n=Math.abs(o),c=Math.floor(n/60),a=n%60;return(o<=0?"+":"-")+ce(c,2,"0")+":"+ce(a,2,"0")},m:function d(o,n){if(o.date()<n.date())return-d(n,o);var c=12*(n.year()-o.year())+(n.month()-o.month()),a=o.clone().add(c,b),_=n-a<0,u=o.clone().add(c+(_?-1:1),b);return+(-(c+(n-a)/(_?a-u:u-a))||0)},a:function(d){return d<0?Math.ceil(d)||0:Math.floor(d)},p:function(d){return{M:b,y:S,w:M,d:m,D:O,h:$,m:p,s:f,ms:i,Q:F}[d]||String(d||"").toLowerCase().replace(/s$/,"")},u:function(d){return d===void 0}},J="en",H={};H[J]=Ne;var me="$isDayjsObject",le=function(d){return d instanceof ne||!(!d||!d[me])},te=function d(o,n,c){var a;if(!o)return J;if(typeof o=="string"){var _=o.toLowerCase();H[_]&&(a=_),n&&(H[_]=n,a=_);var u=o.split("-");if(!a&&u.length>1)return d(u[0])}else{var y=o.name;H[y]=o,a=y}return!c&&a&&(J=a),a||!c&&J},x=function(d,o){if(le(d))return d.clone();var n=typeof o=="object"?o:{};return n.date=d,n.args=arguments,new ne(n)},g=Me;g.l=te,g.i=le,g.w=function(d,o){return x(d,{locale:o.$L,utc:o.$u,x:o.$x,$offset:o.$offset})};var ne=function(){function d(n){this.$L=te(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[me]=!0}var o=d.prototype;return o.parse=function(n){this.$d=function(c){var a=c.date,_=c.utc;if(a===null)return new Date(NaN);if(g.u(a))return new Date;if(a instanceof Date)return new Date(a);if(typeof a=="string"&&!/Z$/i.test(a)){var u=a.match(B);if(u){var y=u[2]-1||0,v=(u[7]||"0").substring(0,3);return _?new Date(Date.UTC(u[1],y,u[3]||1,u[4]||0,u[5]||0,u[6]||0,v)):new Date(u[1],y,u[3]||1,u[4]||0,u[5]||0,u[6]||0,v)}}return new Date(a)}(n),this.init()},o.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},o.$utils=function(){return g},o.isValid=function(){return this.$d.toString()!==R},o.isSame=function(n,c){var a=x(n);return this.startOf(c)<=a&&a<=this.endOf(c)},o.isAfter=function(n,c){return x(n)<this.startOf(c)},o.isBefore=function(n,c){return this.endOf(c)<x(n)},o.$g=function(n,c,a){return g.u(n)?this[c]:this.set(a,n)},o.unix=function(){return Math.floor(this.valueOf()/1e3)},o.valueOf=function(){return this.$d.getTime()},o.startOf=function(n,c){var a=this,_=!!g.u(c)||c,u=g.p(n),y=function(P,k){var L=g.w(a.$u?Date.UTC(a.$y,k,P):new Date(a.$y,k,P),a);return _?L:L.endOf(m)},v=function(P,k){return g.w(a.toDate()[P].apply(a.toDate("s"),(_?[0,0,0,0]:[23,59,59,999]).slice(k)),a)},w=this.$W,N=this.$M,D=this.$D,Y="set"+(this.$u?"UTC":"");switch(u){case S:return _?y(1,0):y(31,11);case b:return _?y(1,N):y(0,N+1);case M:var E=this.$locale().weekStart||0,V=(w<E?w+7:w)-E;return y(_?D-V:D+(6-V),N);case m:case O:return v(Y+"Hours",0);case $:return v(Y+"Minutes",1);case p:return v(Y+"Seconds",2);case f:return v(Y+"Milliseconds",3);default:return this.clone()}},o.endOf=function(n){return this.startOf(n,!1)},o.$set=function(n,c){var a,_=g.p(n),u="set"+(this.$u?"UTC":""),y=(a={},a[m]=u+"Date",a[O]=u+"Date",a[b]=u+"Month",a[S]=u+"FullYear",a[$]=u+"Hours",a[p]=u+"Minutes",a[f]=u+"Seconds",a[i]=u+"Milliseconds",a)[_],v=_===m?this.$D+(c-this.$W):c;if(_===b||_===S){var w=this.clone().set(O,1);w.$d[y](v),w.init(),this.$d=w.set(O,Math.min(this.$D,w.daysInMonth())).$d}else y&&this.$d[y](v);return this.init(),this},o.set=function(n,c){return this.clone().$set(n,c)},o.get=function(n){return this[g.p(n)]()},o.add=function(n,c){var a,_=this;n=Number(n);var u=g.p(c),y=function(N){var D=x(_);return g.w(D.date(D.date()+Math.round(N*n)),_)};if(u===b)return this.set(b,this.$M+n);if(u===S)return this.set(S,this.$y+n);if(u===m)return y(1);if(u===M)return y(7);var v=(a={},a[p]=l,a[$]=h,a[f]=r,a)[u]||1,w=this.$d.getTime()+n*v;return g.w(w,this)},o.subtract=function(n,c){return this.add(-1*n,c)},o.format=function(n){var c=this,a=this.$locale();if(!this.isValid())return a.invalidDate||R;var _=n||"YYYY-MM-DDTHH:mm:ssZ",u=g.z(this),y=this.$H,v=this.$m,w=this.$M,N=a.weekdays,D=a.months,Y=a.meridiem,E=function(k,L,G,se){return k&&(k[L]||k(c,_))||G[L].slice(0,se)},V=function(k){return g.s(y%12||12,k,"0")},P=Y||function(k,L,G){var se=k<12?"AM":"PM";return G?se.toLowerCase():se};return _.replace(ee,function(k,L){return L||function(G){switch(G){case"YY":return String(c.$y).slice(-2);case"YYYY":return g.s(c.$y,4,"0");case"M":return w+1;case"MM":return g.s(w+1,2,"0");case"MMM":return E(a.monthsShort,w,D,3);case"MMMM":return E(D,w);case"D":return c.$D;case"DD":return g.s(c.$D,2,"0");case"d":return String(c.$W);case"dd":return E(a.weekdaysMin,c.$W,N,2);case"ddd":return E(a.weekdaysShort,c.$W,N,3);case"dddd":return N[c.$W];case"H":return String(y);case"HH":return g.s(y,2,"0");case"h":return V(1);case"hh":return V(2);case"a":return P(y,v,!0);case"A":return P(y,v,!1);case"m":return String(v);case"mm":return g.s(v,2,"0");case"s":return String(c.$s);case"ss":return g.s(c.$s,2,"0");case"SSS":return g.s(c.$ms,3,"0");case"Z":return u}return null}(k)||u.replace(":","")})},o.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},o.diff=function(n,c,a){var _,u=this,y=g.p(c),v=x(n),w=(v.utcOffset()-this.utcOffset())*l,N=this-v,D=function(){return g.m(u,v)};switch(y){case S:_=D()/12;break;case b:_=D();break;case F:_=D()/3;break;case M:_=(N-w)/6048e5;break;case m:_=(N-w)/864e5;break;case $:_=N/h;break;case p:_=N/l;break;case f:_=N/r;break;default:_=N}return a?_:g.a(_)},o.daysInMonth=function(){return this.endOf(b).$D},o.$locale=function(){return H[this.$L]},o.locale=function(n,c){if(!n)return this.$L;var a=this.clone(),_=te(n,c,!0);return _&&(a.$L=_),a},o.clone=function(){return g.w(this.$d,this)},o.toDate=function(){return new Date(this.valueOf())},o.toJSON=function(){return this.isValid()?this.toISOString():null},o.toISOString=function(){return this.$d.toISOString()},o.toString=function(){return this.$d.toUTCString()},d}(),fe=ne.prototype;return x.prototype=fe,[["$ms",i],["$s",f],["$m",p],["$H",$],["$W",m],["$M",b],["$y",S],["$D",O]].forEach(function(d){fe[d[1]]=function(o){return this.$g(o,d[0],d[1])}}),x.extend=function(d,o){return d.$i||(d(o,ne,x),d.$i=!0),x},x.locale=te,x.isDayjs=le,x.unix=function(d){return x(1e3*d)},x.en=H[J],x.Ls=H,x.p={},x})})($e);var He=$e.exports;const Ee=ye(He),Pe=e=>{const s=Ee(e),r=s.date(),l=r===1||r===21||r===31?"st":r===2||r===22?"nd":r===3||r===23?"rd":"th";return`${s.format("MMMM D, HH:mm").replace(r.toString(),`${r}${l}`)} (UTC +5)`},Fe=({color:e,title:s,bgPattern:r,deadline:l,bgPatternFinished:h,buttonColor:i,onClick:f})=>{const[p,$]=z.useState(!1),[m,M]=z.useState({days:0,hours:0,minutes:0,seconds:0});z.useEffect(()=>{const F=new Date(l),S=B=>({days:Math.floor(B/(1e3*60*60*24)),hours:Math.floor(B/(1e3*60*60)%24),minutes:Math.floor(B/(1e3*60)%60),seconds:Math.floor(B/1e3%60)}),O=()=>{const B=Date.now(),ee=F.getTime()-B;ee<=0?($(!0),M({days:0,hours:0,minutes:0,seconds:0})):M(S(ee))};O();const R=setInterval(O,1e3);return()=>clearInterval(R)},[l]);const b=(F,S)=>t.jsxs("div",{className:A.timerCell,children:[t.jsx(j,{variant:"heading-lg",className:A.timerCount,children:F}),S]});return t.jsxs("div",{className:A.container,style:{backgroundColor:e},children:[t.jsxs("div",{className:A.content,children:[t.jsxs("div",{className:A.title,children:[t.jsx(j,{variant:"heading-md",children:s}),t.jsx(j,{variant:"body-md",children:Pe(l)})]}),t.jsxs("div",{className:A.timer,children:[b(m.days,"Days"),b(m.hours,"Hours"),b(m.minutes,"Minutes"),b(m.seconds,"Seconds")]})]}),t.jsx("div",{className:A.pattern,style:{"--pattern-color":e,"--pattern-url":`url(${p?h??r:r})`},children:p&&t.jsx("button",{className:A.button,style:{backgroundColor:i},onClick:f,children:t.jsx(j,{variant:"heading-md",children:"Start"})})})]})},Ye="_btn_12gio_29",We="_small_12gio_44",Ue="_medium_12gio_47",Ze="_large_12gio_50",Je="_primary_12gio_71",Ve="_tertiary_12gio_87",Ge="_plain_12gio_102",re={"shadow-0":"_shadow-0_12gio_1","shadow-100":"_shadow-100_12gio_5","shadow-200":"_shadow-200_12gio_9","shadow-300":"_shadow-300_12gio_13","shadow-400":"_shadow-400_12gio_17","shadow-500":"_shadow-500_12gio_21","shadow-600":"_shadow-600_12gio_25",btn:Ye,small:We,medium:Ue,large:Ze,default:"_default_12gio_53","default-selected":"_default-selected_12gio_64",primary:Je,"primary-selected":"_primary-selected_12gio_81",tertiary:Ve,"tertiary-selected":"_tertiary-selected_12gio_96",plain:Ge,"plain-selected":"_plain-selected_12gio_113"},he=({state:e="default",size:s="medium",selected:r=!1,disabled:l=!1,children:h,onClick:i=()=>{},className:f="",...p})=>{const $=C(re.btn,re[e],re[s],{[re[`${e}-selected`]]:r},f);return t.jsx("button",{className:$,onClick:i,disabled:l,...p,children:h})};/**
|
|
5
|
+
*/(function(e){(function(){var s={}.hasOwnProperty;function a(){for(var i="",f=0;f<arguments.length;f++){var p=arguments[f];p&&(i=m(i,l(p)))}return i}function l(i){if(typeof i=="string"||typeof i=="number")return i;if(typeof i!="object")return"";if(Array.isArray(i))return a.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var f="";for(var p in i)s.call(i,p)&&i[p]&&(f=m(f,p));return f}function m(i,f){return f?i?i+" "+f:i+f:i}e.exports?(a.default=a,e.exports=a):window.classNames=a})()})(ve);var Se=ve.exports;const C=ye(Se),De="_typography_18a99_29",pe={"shadow-0":"_shadow-0_18a99_1","shadow-100":"_shadow-100_18a99_5","shadow-200":"_shadow-200_18a99_9","shadow-300":"_shadow-300_18a99_13","shadow-400":"_shadow-400_18a99_17","shadow-500":"_shadow-500_18a99_21","shadow-600":"_shadow-600_18a99_25",typography:De,"heading-xl":"_heading-xl_18a99_34","heading-lg":"_heading-lg_18a99_43","heading-md":"_heading-md_18a99_52","heading-sm":"_heading-sm_18a99_61","heading-xs":"_heading-xs_18a99_70","body-lg":"_body-lg_18a99_79","body-md":"_body-md_18a99_88","body-sm":"_body-sm_18a99_97"},j=({variant:e="body-md",className:s="",children:a})=>{const l=pe[e]||"";return t.jsx("div",{className:C(pe.typography,l,s),children:a})},ze="_container_cgftc_29",Oe="_content_cgftc_40",Ie="_title_cgftc_57",Be="_timer_cgftc_68",Le="_timerCell_cgftc_80",Ae="_timerCount_cgftc_87",Te="_pattern_cgftc_102",qe="_button_cgftc_129",A={container:ze,content:Oe,title:Ie,timer:Be,timerCell:Le,timerCount:Ae,pattern:Te,button:qe};var $e={exports:{}};(function(e,s){(function(a,l){e.exports=l()})(ke,function(){var a=1e3,l=6e4,m=36e5,i="millisecond",f="second",p="minute",$="hour",h="day",M="week",b="month",F="quarter",S="year",O="date",R="Invalid Date",B=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,ee=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,Ne={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(d){var o=["th","st","nd","rd"],n=d%100;return"["+d+(o[(n-20)%10]||o[n]||o[0])+"]"}},ce=function(d,o,n){var c=String(d);return!c||c.length>=o?d:""+Array(o+1-c.length).join(n)+d},Me={s:ce,z:function(d){var o=-d.utcOffset(),n=Math.abs(o),c=Math.floor(n/60),r=n%60;return(o<=0?"+":"-")+ce(c,2,"0")+":"+ce(r,2,"0")},m:function d(o,n){if(o.date()<n.date())return-d(n,o);var c=12*(n.year()-o.year())+(n.month()-o.month()),r=o.clone().add(c,b),_=n-r<0,u=o.clone().add(c+(_?-1:1),b);return+(-(c+(n-r)/(_?r-u:u-r))||0)},a:function(d){return d<0?Math.ceil(d)||0:Math.floor(d)},p:function(d){return{M:b,y:S,w:M,d:h,D:O,h:$,m:p,s:f,ms:i,Q:F}[d]||String(d||"").toLowerCase().replace(/s$/,"")},u:function(d){return d===void 0}},J="en",H={};H[J]=Ne;var he="$isDayjsObject",le=function(d){return d instanceof ne||!(!d||!d[he])},te=function d(o,n,c){var r;if(!o)return J;if(typeof o=="string"){var _=o.toLowerCase();H[_]&&(r=_),n&&(H[_]=n,r=_);var u=o.split("-");if(!r&&u.length>1)return d(u[0])}else{var y=o.name;H[y]=o,r=y}return!c&&r&&(J=r),r||!c&&J},x=function(d,o){if(le(d))return d.clone();var n=typeof o=="object"?o:{};return n.date=d,n.args=arguments,new ne(n)},g=Me;g.l=te,g.i=le,g.w=function(d,o){return x(d,{locale:o.$L,utc:o.$u,x:o.$x,$offset:o.$offset})};var ne=function(){function d(n){this.$L=te(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[he]=!0}var o=d.prototype;return o.parse=function(n){this.$d=function(c){var r=c.date,_=c.utc;if(r===null)return new Date(NaN);if(g.u(r))return new Date;if(r instanceof Date)return new Date(r);if(typeof r=="string"&&!/Z$/i.test(r)){var u=r.match(B);if(u){var y=u[2]-1||0,v=(u[7]||"0").substring(0,3);return _?new Date(Date.UTC(u[1],y,u[3]||1,u[4]||0,u[5]||0,u[6]||0,v)):new Date(u[1],y,u[3]||1,u[4]||0,u[5]||0,u[6]||0,v)}}return new Date(r)}(n),this.init()},o.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},o.$utils=function(){return g},o.isValid=function(){return this.$d.toString()!==R},o.isSame=function(n,c){var r=x(n);return this.startOf(c)<=r&&r<=this.endOf(c)},o.isAfter=function(n,c){return x(n)<this.startOf(c)},o.isBefore=function(n,c){return this.endOf(c)<x(n)},o.$g=function(n,c,r){return g.u(n)?this[c]:this.set(r,n)},o.unix=function(){return Math.floor(this.valueOf()/1e3)},o.valueOf=function(){return this.$d.getTime()},o.startOf=function(n,c){var r=this,_=!!g.u(c)||c,u=g.p(n),y=function(P,k){var L=g.w(r.$u?Date.UTC(r.$y,k,P):new Date(r.$y,k,P),r);return _?L:L.endOf(h)},v=function(P,k){return g.w(r.toDate()[P].apply(r.toDate("s"),(_?[0,0,0,0]:[23,59,59,999]).slice(k)),r)},w=this.$W,N=this.$M,D=this.$D,Y="set"+(this.$u?"UTC":"");switch(u){case S:return _?y(1,0):y(31,11);case b:return _?y(1,N):y(0,N+1);case M:var E=this.$locale().weekStart||0,V=(w<E?w+7:w)-E;return y(_?D-V:D+(6-V),N);case h:case O:return v(Y+"Hours",0);case $:return v(Y+"Minutes",1);case p:return v(Y+"Seconds",2);case f:return v(Y+"Milliseconds",3);default:return this.clone()}},o.endOf=function(n){return this.startOf(n,!1)},o.$set=function(n,c){var r,_=g.p(n),u="set"+(this.$u?"UTC":""),y=(r={},r[h]=u+"Date",r[O]=u+"Date",r[b]=u+"Month",r[S]=u+"FullYear",r[$]=u+"Hours",r[p]=u+"Minutes",r[f]=u+"Seconds",r[i]=u+"Milliseconds",r)[_],v=_===h?this.$D+(c-this.$W):c;if(_===b||_===S){var w=this.clone().set(O,1);w.$d[y](v),w.init(),this.$d=w.set(O,Math.min(this.$D,w.daysInMonth())).$d}else y&&this.$d[y](v);return this.init(),this},o.set=function(n,c){return this.clone().$set(n,c)},o.get=function(n){return this[g.p(n)]()},o.add=function(n,c){var r,_=this;n=Number(n);var u=g.p(c),y=function(N){var D=x(_);return g.w(D.date(D.date()+Math.round(N*n)),_)};if(u===b)return this.set(b,this.$M+n);if(u===S)return this.set(S,this.$y+n);if(u===h)return y(1);if(u===M)return y(7);var v=(r={},r[p]=l,r[$]=m,r[f]=a,r)[u]||1,w=this.$d.getTime()+n*v;return g.w(w,this)},o.subtract=function(n,c){return this.add(-1*n,c)},o.format=function(n){var c=this,r=this.$locale();if(!this.isValid())return r.invalidDate||R;var _=n||"YYYY-MM-DDTHH:mm:ssZ",u=g.z(this),y=this.$H,v=this.$m,w=this.$M,N=r.weekdays,D=r.months,Y=r.meridiem,E=function(k,L,G,se){return k&&(k[L]||k(c,_))||G[L].slice(0,se)},V=function(k){return g.s(y%12||12,k,"0")},P=Y||function(k,L,G){var se=k<12?"AM":"PM";return G?se.toLowerCase():se};return _.replace(ee,function(k,L){return L||function(G){switch(G){case"YY":return String(c.$y).slice(-2);case"YYYY":return g.s(c.$y,4,"0");case"M":return w+1;case"MM":return g.s(w+1,2,"0");case"MMM":return E(r.monthsShort,w,D,3);case"MMMM":return E(D,w);case"D":return c.$D;case"DD":return g.s(c.$D,2,"0");case"d":return String(c.$W);case"dd":return E(r.weekdaysMin,c.$W,N,2);case"ddd":return E(r.weekdaysShort,c.$W,N,3);case"dddd":return N[c.$W];case"H":return String(y);case"HH":return g.s(y,2,"0");case"h":return V(1);case"hh":return V(2);case"a":return P(y,v,!0);case"A":return P(y,v,!1);case"m":return String(v);case"mm":return g.s(v,2,"0");case"s":return String(c.$s);case"ss":return g.s(c.$s,2,"0");case"SSS":return g.s(c.$ms,3,"0");case"Z":return u}return null}(k)||u.replace(":","")})},o.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},o.diff=function(n,c,r){var _,u=this,y=g.p(c),v=x(n),w=(v.utcOffset()-this.utcOffset())*l,N=this-v,D=function(){return g.m(u,v)};switch(y){case S:_=D()/12;break;case b:_=D();break;case F:_=D()/3;break;case M:_=(N-w)/6048e5;break;case h:_=(N-w)/864e5;break;case $:_=N/m;break;case p:_=N/l;break;case f:_=N/a;break;default:_=N}return r?_:g.a(_)},o.daysInMonth=function(){return this.endOf(b).$D},o.$locale=function(){return H[this.$L]},o.locale=function(n,c){if(!n)return this.$L;var r=this.clone(),_=te(n,c,!0);return _&&(r.$L=_),r},o.clone=function(){return g.w(this.$d,this)},o.toDate=function(){return new Date(this.valueOf())},o.toJSON=function(){return this.isValid()?this.toISOString():null},o.toISOString=function(){return this.$d.toISOString()},o.toString=function(){return this.$d.toUTCString()},d}(),fe=ne.prototype;return x.prototype=fe,[["$ms",i],["$s",f],["$m",p],["$H",$],["$W",h],["$M",b],["$y",S],["$D",O]].forEach(function(d){fe[d[1]]=function(o){return this.$g(o,d[0],d[1])}}),x.extend=function(d,o){return d.$i||(d(o,ne,x),d.$i=!0),x},x.locale=te,x.isDayjs=le,x.unix=function(d){return x(1e3*d)},x.en=H[J],x.Ls=H,x.p={},x})})($e);var He=$e.exports;const Ee=ye(He),Pe=e=>{const s=Ee(e),a=s.date(),l=a===1||a===21||a===31?"st":a===2||a===22?"nd":a===3||a===23?"rd":"th";return`${s.format("MMMM D, HH:mm").replace(a.toString(),`${a}${l}`)} (UTC +5)`},Fe=({color:e,title:s,bgPattern:a,deadline:l,bgPatternFinished:m,buttonColor:i,onClick:f})=>{const[p,$]=z.useState(!1),[h,M]=z.useState({days:0,hours:0,minutes:0,seconds:0});z.useEffect(()=>{const F=new Date(l),S=B=>({days:Math.floor(B/(1e3*60*60*24)),hours:Math.floor(B/(1e3*60*60)%24),minutes:Math.floor(B/(1e3*60)%60),seconds:Math.floor(B/1e3%60)}),O=()=>{const B=Date.now(),ee=F.getTime()-B;ee<=0?($(!0),M({days:0,hours:0,minutes:0,seconds:0})):M(S(ee))};O();const R=setInterval(O,1e3);return()=>clearInterval(R)},[l]);const b=(F,S)=>t.jsxs("div",{className:A.timerCell,children:[t.jsx(j,{variant:"heading-lg",className:A.timerCount,children:F}),S]});return t.jsxs("div",{className:A.container,style:{backgroundColor:e},children:[t.jsxs("div",{className:A.content,children:[t.jsxs("div",{className:A.title,children:[t.jsx(j,{variant:"heading-md",children:s}),t.jsx(j,{variant:"body-md",children:Pe(l)})]}),t.jsxs("div",{className:A.timer,children:[b(h.days,"Days"),b(h.hours,"Hours"),b(h.minutes,"Minutes"),b(h.seconds,"Seconds")]})]}),t.jsx("div",{className:A.pattern,style:{"--pattern-color":e,"--pattern-url":`url(${p?m??a:a})`},children:p&&t.jsx("button",{className:A.button,style:{backgroundColor:i},onClick:f,children:t.jsx(j,{variant:"heading-md",children:"Start"})})})]})},Ye="_btn_12gio_29",We="_small_12gio_44",Ue="_medium_12gio_47",Ze="_large_12gio_50",Je="_primary_12gio_71",Ve="_tertiary_12gio_87",Ge="_plain_12gio_102",ae={"shadow-0":"_shadow-0_12gio_1","shadow-100":"_shadow-100_12gio_5","shadow-200":"_shadow-200_12gio_9","shadow-300":"_shadow-300_12gio_13","shadow-400":"_shadow-400_12gio_17","shadow-500":"_shadow-500_12gio_21","shadow-600":"_shadow-600_12gio_25",btn:Ye,small:We,medium:Ue,large:Ze,default:"_default_12gio_53","default-selected":"_default-selected_12gio_64",primary:Je,"primary-selected":"_primary-selected_12gio_81",tertiary:Ve,"tertiary-selected":"_tertiary-selected_12gio_96",plain:Ge,"plain-selected":"_plain-selected_12gio_113"},me=({state:e="default",size:s="medium",selected:a=!1,disabled:l=!1,children:m,onClick:i=()=>{},className:f="",...p})=>{const $=C(ae.btn,ae[e],ae[s],{[ae[`${e}-selected`]]:a},f);return t.jsx("button",{className:$,onClick:i,disabled:l,...p,children:m})};/**
|
|
6
6
|
* @license lucide-react v0.511.0 - ISC
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the ISC license.
|
|
9
9
|
* See the LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/const Ke=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Qe=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,
|
|
10
|
+
*/const Ke=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Qe=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,a,l)=>l?l.toUpperCase():a.toLowerCase()),ge=e=>{const s=Qe(e);return s.charAt(0).toUpperCase()+s.slice(1)},xe=(...e)=>e.filter((s,a,l)=>!!s&&s.trim()!==""&&l.indexOf(s)===a).join(" ").trim(),Xe=e=>{for(const s in e)if(s.startsWith("aria-")||s==="role"||s==="title")return!0};/**
|
|
11
11
|
* @license lucide-react v0.511.0 - ISC
|
|
12
12
|
*
|
|
13
13
|
* This source code is licensed under the ISC license.
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
*
|
|
18
18
|
* This source code is licensed under the ISC license.
|
|
19
19
|
* See the LICENSE file in the root directory of this source tree.
|
|
20
|
-
*/const et=z.forwardRef(({color:e="currentColor",size:s=24,strokeWidth:
|
|
20
|
+
*/const et=z.forwardRef(({color:e="currentColor",size:s=24,strokeWidth:a=2,absoluteStrokeWidth:l,className:m="",children:i,iconNode:f,...p},$)=>z.createElement("svg",{ref:$,...Re,width:s,height:s,stroke:e,strokeWidth:l?Number(a)*24/Number(s):a,className:xe("lucide",m),...!i&&!Xe(p)&&{"aria-hidden":"true"},...p},[...f.map(([h,M])=>z.createElement(h,M)),...Array.isArray(i)?i:[i]]));/**
|
|
21
21
|
* @license lucide-react v0.511.0 - ISC
|
|
22
22
|
*
|
|
23
23
|
* This source code is licensed under the ISC license.
|
|
24
24
|
* See the LICENSE file in the root directory of this source tree.
|
|
25
|
-
*/const oe=(e,s)=>{const
|
|
25
|
+
*/const oe=(e,s)=>{const a=z.forwardRef(({className:l,...m},i)=>z.createElement(et,{ref:i,iconNode:s,className:xe(`lucide-${Ke(ge(e))}`,`lucide-${e}`,l),...m}));return a.displayName=ge(e),a};/**
|
|
26
26
|
* @license lucide-react v0.511.0 - ISC
|
|
27
27
|
*
|
|
28
28
|
* This source code is licensed under the ISC license.
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
*
|
|
38
38
|
* This source code is licensed under the ISC license.
|
|
39
39
|
* See the LICENSE file in the root directory of this source tree.
|
|
40
|
-
*/const
|
|
40
|
+
*/const at=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],je=oe("chevron-up",at);/**
|
|
41
41
|
* @license lucide-react v0.511.0 - ISC
|
|
42
42
|
*
|
|
43
43
|
* This source code is licensed under the ISC license.
|
|
44
44
|
* See the LICENSE file in the root directory of this source tree.
|
|
45
|
-
*/const
|
|
45
|
+
*/const rt=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],ot=oe("x",rt),it="_navigationItem_1uz1o_29",ct="_container_1uz1o_45",lt="_IconContainer_1uz1o_51",dt="_ParentLine_1uz1o_57",_t="_secondaryIcon_1uz1o_69",ut="_active_1uz1o_80",mt="_collapsed_1uz1o_88",ht="_label_1uz1o_92",I={navigationItem:it,container:ct,IconContainer:lt,ParentLine:dt,secondaryIcon:_t,active:ut,collapsed:mt,label:ht},X=({icon:e,label:s,secondaryIcon:a,collapsed:l=!1,active:m=!1,isParentNode:i=!1,onClick:f,className:p})=>t.jsxs("div",{className:C(I.navigationItem,m&&I.active,p),onClick:f,children:[t.jsxs("div",{className:I.container,children:[t.jsxs("div",{className:I.IconContainer,children:[e,i&&t.jsx("img",{src:"/assets/icons/ParentLine.svg",alt:"Arrow Indicator",className:I.ParentLine})]}),t.jsx(j,{variant:"body-md",className:C(l&&I.collapsed,I.label),children:s})]}),a&&t.jsx("div",{className:C(I.secondaryIcon,l&&I.collapsed),children:a})]}),ft="_ArrowContainer_i9cnp_29",pt="_active_i9cnp_44",gt="_arrowBlock_i9cnp_54",yt="_isOpen_i9cnp_58",K={ArrowContainer:ft,active:pt,arrowBlock:gt,isOpen:yt},vt=({activeItemId:e,onChange:s,item:a})=>{var p,$;const l=(p=a.children)==null?void 0:p.findIndex(h=>h.id===e),[m,i]=z.useState(l!==-1),f=()=>{a.children&&i(!m),s(a)};return t.jsxs("div",{children:[t.jsx(X,{icon:a.icon,label:a.name,secondaryIcon:m?t.jsx(je,{size:20}):t.jsx(we,{size:20}),onClick:f,isParentNode:m&&l!==-1,active:l!==-1&&!m,className:C(m&&l===-1&&K.isOpen)}),t.jsx("div",{className:K.childContainer,children:m&&(($=a.children)==null?void 0:$.map((h,M)=>t.jsxs("div",{className:C(K.ArrowContainer,e===h.id?K.active:""),onClick:()=>s(h),children:[t.jsxs("div",{className:K.arrowBlock,children:[l===M&&t.jsx("img",{src:"/assets/icons/ArrowLine.svg",alt:"Arrow Indicator"}),M<(l??-1)&&t.jsx("img",{src:"/assets/icons/SideLine.svg",alt:"Side Indicator"})]}),t.jsx(X,{icon:h.icon,label:h.name,active:h.id===e})]},h.id)))})]})},$t="_ArrowContainer_17ds0_29",xt="_iconCheck_17ds0_37",wt="_active_17ds0_47",jt="_arrowBlock_17ds0_57",Ct="_isOpen_17ds0_61",W={ArrowContainer:$t,iconCheck:xt,active:wt,arrowBlock:jt,isOpen:Ct},bt=({activeItemId:e,onChange:s,item:a})=>{var p,$;const l=(p=a.children)==null?void 0:p.findIndex(h=>h.id===e),[m,i]=z.useState(l!==-1),f=()=>{a.children&&i(!m),s(a)};return t.jsxs("div",{children:[t.jsx(X,{icon:a.icon,label:a.name,secondaryIcon:m?t.jsx(je,{size:20}):t.jsx(we,{size:20}),onClick:f,isParentNode:m&&l!==-1,active:l!==-1&&!m,className:C(m&&l===-1&&W.isOpen)}),t.jsx("div",{className:W.childContainer,children:m&&(($=a.children)==null?void 0:$.map((h,M)=>t.jsxs("div",{className:C(W.ArrowContainer,e===h.id?W.active:""),onClick:()=>s(h),children:[t.jsxs("div",{className:W.arrowBlock,children:[l===M&&t.jsx("img",{src:"/assets/icons/ArrowLine.svg",alt:"Arrow Indicator"}),M<(l??-1)&&t.jsx("img",{src:"/assets/icons/SideLine.svg",alt:"Side Indicator"})]}),t.jsx(X,{icon:h.icon,label:h.name,active:h.id===e,secondaryIcon:h.completed&&t.jsx(nt,{size:20,className:W.iconCheck})},h.id)]},h.id)))})]})},Nt="_emptyContainer_tmvlz_29",Mt="_imageContent_tmvlz_55",kt="_content_tmvlz_62",St="_buttonContent_tmvlz_69",Dt="_mobile_tmvlz_85",zt="_desktop_tmvlz_86",T={emptyContainer:Nt,imageContent:Mt,content:kt,buttonContent:St,mobile:Dt,desktop:zt},Ot=({children:e,className:s=""})=>t.jsx("div",{className:`${T.emptyContainer} ${s}`,children:e}),It=({children:e,className:s=""})=>t.jsxs(t.Fragment,{children:[t.jsx(j,{className:C(s,T.desktop),variant:"heading-md",children:e}),t.jsx(j,{className:C(s,T.mobile),variant:"heading-sm",children:e})]}),Bt=({children:e,className:s=""})=>t.jsx("div",{className:C(s),children:e}),Lt=({children:e,className:s=""})=>t.jsx("div",{className:`${T.content} ${s}`,children:e}),At=({children:e,className:s=""})=>t.jsx("div",{className:`${T.buttonContent} ${s}`,children:e}),Tt=({children:e,onClick:s,className:a=""})=>t.jsx(me,{state:"primary",size:"medium",className:`${T.buttons} ${a}`,onClick:s,children:e}),qt=({children:e,onClick:s,className:a=""})=>t.jsx(me,{size:"medium",className:`${T.buttons} ${a}`,onClick:s,children:e}),Ht=({src:e,className:s="",alt:a="Empty state image"})=>t.jsx("img",{className:C(T.imageContent,s),src:e,alt:a}),q=Ot;q.Title=It;q.Context=Bt;q.Content=Lt;q.ButtonContent=At;q.PrimaryButton=Tt;q.SecondaryButton=qt;q.Image=Ht;const Et="_formItem_96xeh_29",Pt="_error_96xeh_46",Ft="_label_96xeh_50",Q={formItem:Et,error:Pt,label:Ft},Yt=({label:e,children:s,className:a="",error:l})=>t.jsxs("div",{className:C(Q.formItem,a),children:[e&&t.jsx("label",{className:Q.label,children:e}),t.jsx("div",{className:Q.inputContainer,children:s}),l&&t.jsx("div",{className:Q.error,children:l})]}),Wt=({children:e,className:s=""})=>t.jsx("div",{className:C(Q.helperText,s),children:e}),Ce=Yt;Ce.HelperText=Wt;const Ut="_btn_z8qng_29",Zt="_small_z8qng_42",Jt="_medium_z8qng_45",Vt="_large_z8qng_48",Gt="_primary_z8qng_69",Kt="_tertiary_z8qng_85",Qt="_plain_z8qng_100",re={"shadow-0":"_shadow-0_z8qng_1","shadow-100":"_shadow-100_z8qng_5","shadow-200":"_shadow-200_z8qng_9","shadow-300":"_shadow-300_z8qng_13","shadow-400":"_shadow-400_z8qng_17","shadow-500":"_shadow-500_z8qng_21","shadow-600":"_shadow-600_z8qng_25",btn:Ut,small:Zt,medium:Jt,large:Vt,default:"_default_z8qng_51","default-selected":"_default-selected_z8qng_62",primary:Gt,"primary-selected":"_primary-selected_z8qng_79",tertiary:Kt,"tertiary-selected":"_tertiary-selected_z8qng_94",plain:Qt,"plain-selected":"_plain-selected_z8qng_111"},be=({state:e="default",size:s="medium",selected:a=!1,disabled:l=!1,children:m,onClick:i=()=>{},className:f="",...p})=>{const $=C(re.btn,re[e],re[s],{[re[`${e}-selected`]]:a},f);return t.jsx("button",{className:$,onClick:i,disabled:l,...p,children:m})},Xt="_modalLayout_1jmpu_29",Rt="_modalContainer_1jmpu_40",en="_header_1jmpu_64",tn="_close_1jmpu_73",nn="_content_1jmpu_83",sn="_footer_1jmpu_91",Z={modalLayout:Xt,modalContainer:Rt,header:en,close:tn,content:nn,footer:sn},an=({open:e,onClose:s,children:a})=>e?t.jsx("div",{className:Z.modalLayout,onClick:s,children:t.jsx("div",{className:Z.modalContainer,onClick:l=>l.stopPropagation(),children:a})}):null,rn=({children:e,onClose:s})=>t.jsxs("div",{className:Z.header,children:[t.jsx(j,{variant:"heading-sm",children:e}),t.jsx(be,{size:"small",state:"default",className:Z.close,onClick:s,children:t.jsx(ot,{})})]}),on=({children:e})=>t.jsx(j,{variant:"body-md",className:Z.content,children:e}),cn=({children:e})=>t.jsx("div",{className:Z.footer,children:e}),ie=an;ie.Header=rn;ie.Content=on;ie.Footer=cn;const ln="_pageHeader_1lrq1_29",dn="_mg_1lrq1_38",_n="_lg_1lrq1_39",de={pageHeader:ln,mg:dn,lg:_n},un=({children:e})=>t.jsxs("header",{className:de.pageHeader,children:[t.jsx(j,{variant:"heading-xl",className:de.lg,children:e}),t.jsx(j,{variant:"heading-md",className:de.mg,children:e})]}),mn="_container_1g19z_29",hn="_line_1g19z_35",fn="_progress_1g19z_41",_e={container:mn,line:hn,progress:fn},pn=({percent:e})=>t.jsx("div",{className:_e.container,children:t.jsx("div",{className:_e.line,children:t.jsx("div",{className:_e.progress,style:{width:`${e}%`}})})}),gn="_container_1gn8d_29",yn="_notMobile_1gn8d_38",vn="_mobile_1gn8d_47",ue={container:gn,notMobile:yn,mobile:vn},$n=({title:e,extra:s})=>t.jsxs("div",{className:ue.container,children:[t.jsx(j,{variant:"heading-md",className:ue.notMobile,children:e}),t.jsx(j,{variant:"heading-sm",className:ue.mobile,children:e}),s]}),xn="_topBar_xnlee_29",wn="_section_xnlee_66",jn="_scretched_xnlee_73",Cn="_active_xnlee_90",bn="_sm_xnlee_99",Nn="_md_xnlee_100",U={topBar:xn,section:wn,scretched:jn,active:Cn,sm:bn,md:Nn},Mn=({sections:e,activeTab:s,onTabSelect:a,isStretched:l=!0})=>{var m;return t.jsxs("div",{children:[t.jsx("div",{className:U.topBar,children:e.map(i=>t.jsxs("div",{className:C(U.section,l&&U.scretched,s===i.id&&U.active),onClick:()=>a(i.id),children:[t.jsx(j,{variant:"heading-xs",className:U.sm,children:i.title}),t.jsx(j,{variant:"heading-md",className:U.md,children:i.title})]},i.id))}),((m=e.find(i=>i.id===s))==null?void 0:m.component)??t.jsx(j,{variant:"body-lg",children:"Not Found"})]})};exports.Banner=Fe;exports.Button=me;exports.Collapse=vt;exports.CourseCollapse=bt;exports.Empty=q;exports.FormItem=Ce;exports.IconButton=be;exports.Modal=ie;exports.NavigationItem=X;exports.PageHeader=un;exports.ProgressLine=pn;exports.SectionHeader=$n;exports.TopBar=Mn;exports.Typography=j;
|
package/dist/stp-ui-kit.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o, jsxs as $, Fragment as ze } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as re, useEffect as xe, forwardRef as ve, createElement as me } from "react";
|
|
3
3
|
var Oe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
4
4
|
function $e(e) {
|
|
5
5
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
@@ -16,7 +16,7 @@ var we = { exports: {} };
|
|
|
16
16
|
function s() {
|
|
17
17
|
for (var i = "", f = 0; f < arguments.length; f++) {
|
|
18
18
|
var p = arguments[f];
|
|
19
|
-
p && (i =
|
|
19
|
+
p && (i = m(i, l(p)));
|
|
20
20
|
}
|
|
21
21
|
return i;
|
|
22
22
|
}
|
|
@@ -31,10 +31,10 @@ var we = { exports: {} };
|
|
|
31
31
|
return i.toString();
|
|
32
32
|
var f = "";
|
|
33
33
|
for (var p in i)
|
|
34
|
-
n.call(i, p) && i[p] && (f =
|
|
34
|
+
n.call(i, p) && i[p] && (f = m(f, p));
|
|
35
35
|
return f;
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function m(i, f) {
|
|
38
38
|
return f ? i ? i + " " + f : i + f : i;
|
|
39
39
|
}
|
|
40
40
|
e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
|
|
@@ -58,9 +58,13 @@ const N = /* @__PURE__ */ $e(Ie), Ae = "_typography_18a99_29", ge = {
|
|
|
58
58
|
"body-lg": "_body-lg_18a99_79",
|
|
59
59
|
"body-md": "_body-md_18a99_88",
|
|
60
60
|
"body-sm": "_body-sm_18a99_97"
|
|
61
|
-
}, D = ({
|
|
61
|
+
}, D = ({
|
|
62
|
+
variant: e = "body-md",
|
|
63
|
+
className: n = "",
|
|
64
|
+
children: s
|
|
65
|
+
}) => {
|
|
62
66
|
const l = ge[e] || "";
|
|
63
|
-
return o("div", { className: N(ge.typography, l, n), children: s });
|
|
67
|
+
return /* @__PURE__ */ o("div", { className: N(ge.typography, l, n), children: s });
|
|
64
68
|
}, Le = "_container_cgftc_29", Be = "_content_cgftc_40", Te = "_title_cgftc_57", qe = "_timer_cgftc_68", He = "_timerCell_cgftc_80", je = "_timerCount_cgftc_87", Ee = "_pattern_cgftc_102", Pe = "_button_cgftc_129", T = {
|
|
65
69
|
container: Le,
|
|
66
70
|
content: Be,
|
|
@@ -76,96 +80,96 @@ var Ce = { exports: {} };
|
|
|
76
80
|
(function(s, l) {
|
|
77
81
|
e.exports = l();
|
|
78
82
|
})(Oe, function() {
|
|
79
|
-
var s = 1e3, l = 6e4,
|
|
80
|
-
var
|
|
81
|
-
return "[" + d + (
|
|
82
|
-
} }, ce = function(d,
|
|
83
|
+
var s = 1e3, l = 6e4, m = 36e5, i = "millisecond", f = "second", p = "minute", w = "hour", h = "day", S = "week", M = "month", F = "quarter", x = "year", I = "date", X = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, R = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, De = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(d) {
|
|
84
|
+
var r = ["th", "st", "nd", "rd"], t = d % 100;
|
|
85
|
+
return "[" + d + (r[(t - 20) % 10] || r[t] || r[0]) + "]";
|
|
86
|
+
} }, ce = function(d, r, t) {
|
|
83
87
|
var c = String(d);
|
|
84
|
-
return !c || c.length >=
|
|
88
|
+
return !c || c.length >= r ? d : "" + Array(r + 1 - c.length).join(t) + d;
|
|
85
89
|
}, Se = { s: ce, z: function(d) {
|
|
86
|
-
var
|
|
87
|
-
return (
|
|
88
|
-
}, m: function d(
|
|
89
|
-
if (
|
|
90
|
-
var c = 12 * (t.year() -
|
|
91
|
-
return +(-(c + (t -
|
|
90
|
+
var r = -d.utcOffset(), t = Math.abs(r), c = Math.floor(t / 60), a = t % 60;
|
|
91
|
+
return (r <= 0 ? "+" : "-") + ce(c, 2, "0") + ":" + ce(a, 2, "0");
|
|
92
|
+
}, m: function d(r, t) {
|
|
93
|
+
if (r.date() < t.date()) return -d(t, r);
|
|
94
|
+
var c = 12 * (t.year() - r.year()) + (t.month() - r.month()), a = r.clone().add(c, M), _ = t - a < 0, u = r.clone().add(c + (_ ? -1 : 1), M);
|
|
95
|
+
return +(-(c + (t - a) / (_ ? a - u : u - a)) || 0);
|
|
92
96
|
}, a: function(d) {
|
|
93
97
|
return d < 0 ? Math.ceil(d) || 0 : Math.floor(d);
|
|
94
98
|
}, p: function(d) {
|
|
95
|
-
return { M, y: x, w: S, d:
|
|
99
|
+
return { M, y: x, w: S, d: h, D: I, h: w, m: p, s: f, ms: i, Q: F }[d] || String(d || "").toLowerCase().replace(/s$/, "");
|
|
96
100
|
}, u: function(d) {
|
|
97
101
|
return d === void 0;
|
|
98
102
|
} }, J = "en", H = {};
|
|
99
103
|
H[J] = De;
|
|
100
104
|
var fe = "$isDayjsObject", le = function(d) {
|
|
101
105
|
return d instanceof te || !(!d || !d[fe]);
|
|
102
|
-
}, ee = function d(
|
|
103
|
-
var
|
|
104
|
-
if (!
|
|
105
|
-
if (typeof
|
|
106
|
-
var _ =
|
|
107
|
-
H[_] && (
|
|
108
|
-
var u =
|
|
109
|
-
if (!
|
|
106
|
+
}, ee = function d(r, t, c) {
|
|
107
|
+
var a;
|
|
108
|
+
if (!r) return J;
|
|
109
|
+
if (typeof r == "string") {
|
|
110
|
+
var _ = r.toLowerCase();
|
|
111
|
+
H[_] && (a = _), t && (H[_] = t, a = _);
|
|
112
|
+
var u = r.split("-");
|
|
113
|
+
if (!a && u.length > 1) return d(u[0]);
|
|
110
114
|
} else {
|
|
111
|
-
var y =
|
|
112
|
-
H[y] =
|
|
115
|
+
var y = r.name;
|
|
116
|
+
H[y] = r, a = y;
|
|
113
117
|
}
|
|
114
|
-
return !c &&
|
|
115
|
-
}, C = function(d,
|
|
118
|
+
return !c && a && (J = a), a || !c && J;
|
|
119
|
+
}, C = function(d, r) {
|
|
116
120
|
if (le(d)) return d.clone();
|
|
117
|
-
var t = typeof
|
|
121
|
+
var t = typeof r == "object" ? r : {};
|
|
118
122
|
return t.date = d, t.args = arguments, new te(t);
|
|
119
123
|
}, g = Se;
|
|
120
|
-
g.l = ee, g.i = le, g.w = function(d,
|
|
121
|
-
return C(d, { locale:
|
|
124
|
+
g.l = ee, g.i = le, g.w = function(d, r) {
|
|
125
|
+
return C(d, { locale: r.$L, utc: r.$u, x: r.$x, $offset: r.$offset });
|
|
122
126
|
};
|
|
123
127
|
var te = function() {
|
|
124
128
|
function d(t) {
|
|
125
129
|
this.$L = ee(t.locale, null, !0), this.parse(t), this.$x = this.$x || t.x || {}, this[fe] = !0;
|
|
126
130
|
}
|
|
127
|
-
var
|
|
128
|
-
return
|
|
131
|
+
var r = d.prototype;
|
|
132
|
+
return r.parse = function(t) {
|
|
129
133
|
this.$d = function(c) {
|
|
130
|
-
var
|
|
131
|
-
if (
|
|
132
|
-
if (g.u(
|
|
133
|
-
if (
|
|
134
|
-
if (typeof
|
|
135
|
-
var u =
|
|
134
|
+
var a = c.date, _ = c.utc;
|
|
135
|
+
if (a === null) return /* @__PURE__ */ new Date(NaN);
|
|
136
|
+
if (g.u(a)) return /* @__PURE__ */ new Date();
|
|
137
|
+
if (a instanceof Date) return new Date(a);
|
|
138
|
+
if (typeof a == "string" && !/Z$/i.test(a)) {
|
|
139
|
+
var u = a.match(L);
|
|
136
140
|
if (u) {
|
|
137
141
|
var y = u[2] - 1 || 0, v = (u[7] || "0").substring(0, 3);
|
|
138
142
|
return _ ? new Date(Date.UTC(u[1], y, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, v)) : new Date(u[1], y, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, v);
|
|
139
143
|
}
|
|
140
144
|
}
|
|
141
|
-
return new Date(
|
|
145
|
+
return new Date(a);
|
|
142
146
|
}(t), this.init();
|
|
143
|
-
},
|
|
147
|
+
}, r.init = function() {
|
|
144
148
|
var t = this.$d;
|
|
145
149
|
this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds();
|
|
146
|
-
},
|
|
150
|
+
}, r.$utils = function() {
|
|
147
151
|
return g;
|
|
148
|
-
},
|
|
152
|
+
}, r.isValid = function() {
|
|
149
153
|
return this.$d.toString() !== X;
|
|
150
|
-
},
|
|
151
|
-
var
|
|
152
|
-
return this.startOf(c) <=
|
|
153
|
-
},
|
|
154
|
+
}, r.isSame = function(t, c) {
|
|
155
|
+
var a = C(t);
|
|
156
|
+
return this.startOf(c) <= a && a <= this.endOf(c);
|
|
157
|
+
}, r.isAfter = function(t, c) {
|
|
154
158
|
return C(t) < this.startOf(c);
|
|
155
|
-
},
|
|
159
|
+
}, r.isBefore = function(t, c) {
|
|
156
160
|
return this.endOf(c) < C(t);
|
|
157
|
-
},
|
|
158
|
-
return g.u(t) ? this[c] : this.set(
|
|
159
|
-
},
|
|
161
|
+
}, r.$g = function(t, c, a) {
|
|
162
|
+
return g.u(t) ? this[c] : this.set(a, t);
|
|
163
|
+
}, r.unix = function() {
|
|
160
164
|
return Math.floor(this.valueOf() / 1e3);
|
|
161
|
-
},
|
|
165
|
+
}, r.valueOf = function() {
|
|
162
166
|
return this.$d.getTime();
|
|
163
|
-
},
|
|
164
|
-
var
|
|
165
|
-
var B = g.w(
|
|
166
|
-
return _ ? B : B.endOf(
|
|
167
|
+
}, r.startOf = function(t, c) {
|
|
168
|
+
var a = this, _ = !!g.u(c) || c, u = g.p(t), y = function(E, z) {
|
|
169
|
+
var B = g.w(a.$u ? Date.UTC(a.$y, z, E) : new Date(a.$y, z, E), a);
|
|
170
|
+
return _ ? B : B.endOf(h);
|
|
167
171
|
}, v = function(E, z) {
|
|
168
|
-
return g.w(
|
|
172
|
+
return g.w(a.toDate()[E].apply(a.toDate("s"), (_ ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(z)), a);
|
|
169
173
|
}, b = this.$W, k = this.$M, O = this.$D, Y = "set" + (this.$u ? "UTC" : "");
|
|
170
174
|
switch (u) {
|
|
171
175
|
case x:
|
|
@@ -175,7 +179,7 @@ var Ce = { exports: {} };
|
|
|
175
179
|
case S:
|
|
176
180
|
var j = this.$locale().weekStart || 0, V = (b < j ? b + 7 : b) - j;
|
|
177
181
|
return y(_ ? O - V : O + (6 - V), k);
|
|
178
|
-
case
|
|
182
|
+
case h:
|
|
179
183
|
case I:
|
|
180
184
|
return v(Y + "Hours", 0);
|
|
181
185
|
case w:
|
|
@@ -187,21 +191,21 @@ var Ce = { exports: {} };
|
|
|
187
191
|
default:
|
|
188
192
|
return this.clone();
|
|
189
193
|
}
|
|
190
|
-
},
|
|
194
|
+
}, r.endOf = function(t) {
|
|
191
195
|
return this.startOf(t, !1);
|
|
192
|
-
},
|
|
193
|
-
var
|
|
196
|
+
}, r.$set = function(t, c) {
|
|
197
|
+
var a, _ = g.p(t), u = "set" + (this.$u ? "UTC" : ""), y = (a = {}, a[h] = u + "Date", a[I] = u + "Date", a[M] = u + "Month", a[x] = u + "FullYear", a[w] = u + "Hours", a[p] = u + "Minutes", a[f] = u + "Seconds", a[i] = u + "Milliseconds", a)[_], v = _ === h ? this.$D + (c - this.$W) : c;
|
|
194
198
|
if (_ === M || _ === x) {
|
|
195
199
|
var b = this.clone().set(I, 1);
|
|
196
200
|
b.$d[y](v), b.init(), this.$d = b.set(I, Math.min(this.$D, b.daysInMonth())).$d;
|
|
197
201
|
} else y && this.$d[y](v);
|
|
198
202
|
return this.init(), this;
|
|
199
|
-
},
|
|
203
|
+
}, r.set = function(t, c) {
|
|
200
204
|
return this.clone().$set(t, c);
|
|
201
|
-
},
|
|
205
|
+
}, r.get = function(t) {
|
|
202
206
|
return this[g.p(t)]();
|
|
203
|
-
},
|
|
204
|
-
var
|
|
207
|
+
}, r.add = function(t, c) {
|
|
208
|
+
var a, _ = this;
|
|
205
209
|
t = Number(t);
|
|
206
210
|
var u = g.p(c), y = function(k) {
|
|
207
211
|
var O = C(_);
|
|
@@ -209,16 +213,16 @@ var Ce = { exports: {} };
|
|
|
209
213
|
};
|
|
210
214
|
if (u === M) return this.set(M, this.$M + t);
|
|
211
215
|
if (u === x) return this.set(x, this.$y + t);
|
|
212
|
-
if (u ===
|
|
216
|
+
if (u === h) return y(1);
|
|
213
217
|
if (u === S) return y(7);
|
|
214
|
-
var v = (
|
|
218
|
+
var v = (a = {}, a[p] = l, a[w] = m, a[f] = s, a)[u] || 1, b = this.$d.getTime() + t * v;
|
|
215
219
|
return g.w(b, this);
|
|
216
|
-
},
|
|
220
|
+
}, r.subtract = function(t, c) {
|
|
217
221
|
return this.add(-1 * t, c);
|
|
218
|
-
},
|
|
219
|
-
var c = this,
|
|
220
|
-
if (!this.isValid()) return
|
|
221
|
-
var _ = t || "YYYY-MM-DDTHH:mm:ssZ", u = g.z(this), y = this.$H, v = this.$m, b = this.$M, k =
|
|
222
|
+
}, r.format = function(t) {
|
|
223
|
+
var c = this, a = this.$locale();
|
|
224
|
+
if (!this.isValid()) return a.invalidDate || X;
|
|
225
|
+
var _ = t || "YYYY-MM-DDTHH:mm:ssZ", u = g.z(this), y = this.$H, v = this.$m, b = this.$M, k = a.weekdays, O = a.months, Y = a.meridiem, j = function(z, B, G, ne) {
|
|
222
226
|
return z && (z[B] || z(c, _)) || G[B].slice(0, ne);
|
|
223
227
|
}, V = function(z) {
|
|
224
228
|
return g.s(y % 12 || 12, z, "0");
|
|
@@ -238,7 +242,7 @@ var Ce = { exports: {} };
|
|
|
238
242
|
case "MM":
|
|
239
243
|
return g.s(b + 1, 2, "0");
|
|
240
244
|
case "MMM":
|
|
241
|
-
return j(
|
|
245
|
+
return j(a.monthsShort, b, O, 3);
|
|
242
246
|
case "MMMM":
|
|
243
247
|
return j(O, b);
|
|
244
248
|
case "D":
|
|
@@ -248,9 +252,9 @@ var Ce = { exports: {} };
|
|
|
248
252
|
case "d":
|
|
249
253
|
return String(c.$W);
|
|
250
254
|
case "dd":
|
|
251
|
-
return j(
|
|
255
|
+
return j(a.weekdaysMin, c.$W, k, 2);
|
|
252
256
|
case "ddd":
|
|
253
|
-
return j(
|
|
257
|
+
return j(a.weekdaysShort, c.$W, k, 3);
|
|
254
258
|
case "dddd":
|
|
255
259
|
return k[c.$W];
|
|
256
260
|
case "H":
|
|
@@ -281,9 +285,9 @@ var Ce = { exports: {} };
|
|
|
281
285
|
return null;
|
|
282
286
|
}(z) || u.replace(":", "");
|
|
283
287
|
});
|
|
284
|
-
},
|
|
288
|
+
}, r.utcOffset = function() {
|
|
285
289
|
return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
|
|
286
|
-
},
|
|
290
|
+
}, r.diff = function(t, c, a) {
|
|
287
291
|
var _, u = this, y = g.p(c), v = C(t), b = (v.utcOffset() - this.utcOffset()) * l, k = this - v, O = function() {
|
|
288
292
|
return g.m(u, v);
|
|
289
293
|
};
|
|
@@ -300,11 +304,11 @@ var Ce = { exports: {} };
|
|
|
300
304
|
case S:
|
|
301
305
|
_ = (k - b) / 6048e5;
|
|
302
306
|
break;
|
|
303
|
-
case
|
|
307
|
+
case h:
|
|
304
308
|
_ = (k - b) / 864e5;
|
|
305
309
|
break;
|
|
306
310
|
case w:
|
|
307
|
-
_ = k /
|
|
311
|
+
_ = k / m;
|
|
308
312
|
break;
|
|
309
313
|
case p:
|
|
310
314
|
_ = k / l;
|
|
@@ -315,33 +319,33 @@ var Ce = { exports: {} };
|
|
|
315
319
|
default:
|
|
316
320
|
_ = k;
|
|
317
321
|
}
|
|
318
|
-
return
|
|
319
|
-
},
|
|
322
|
+
return a ? _ : g.a(_);
|
|
323
|
+
}, r.daysInMonth = function() {
|
|
320
324
|
return this.endOf(M).$D;
|
|
321
|
-
},
|
|
325
|
+
}, r.$locale = function() {
|
|
322
326
|
return H[this.$L];
|
|
323
|
-
},
|
|
327
|
+
}, r.locale = function(t, c) {
|
|
324
328
|
if (!t) return this.$L;
|
|
325
|
-
var
|
|
326
|
-
return _ && (
|
|
327
|
-
},
|
|
329
|
+
var a = this.clone(), _ = ee(t, c, !0);
|
|
330
|
+
return _ && (a.$L = _), a;
|
|
331
|
+
}, r.clone = function() {
|
|
328
332
|
return g.w(this.$d, this);
|
|
329
|
-
},
|
|
333
|
+
}, r.toDate = function() {
|
|
330
334
|
return new Date(this.valueOf());
|
|
331
|
-
},
|
|
335
|
+
}, r.toJSON = function() {
|
|
332
336
|
return this.isValid() ? this.toISOString() : null;
|
|
333
|
-
},
|
|
337
|
+
}, r.toISOString = function() {
|
|
334
338
|
return this.$d.toISOString();
|
|
335
|
-
},
|
|
339
|
+
}, r.toString = function() {
|
|
336
340
|
return this.$d.toUTCString();
|
|
337
341
|
}, d;
|
|
338
342
|
}(), pe = te.prototype;
|
|
339
|
-
return C.prototype = pe, [["$ms", i], ["$s", f], ["$m", p], ["$H", w], ["$W",
|
|
340
|
-
pe[d[1]] = function(
|
|
341
|
-
return this.$g(
|
|
343
|
+
return C.prototype = pe, [["$ms", i], ["$s", f], ["$m", p], ["$H", w], ["$W", h], ["$M", M], ["$y", x], ["$D", I]].forEach(function(d) {
|
|
344
|
+
pe[d[1]] = function(r) {
|
|
345
|
+
return this.$g(r, d[0], d[1]);
|
|
342
346
|
};
|
|
343
|
-
}), C.extend = function(d,
|
|
344
|
-
return d.$i || (d(
|
|
347
|
+
}), C.extend = function(d, r) {
|
|
348
|
+
return d.$i || (d(r, te, C), d.$i = !0), C;
|
|
345
349
|
}, C.locale = ee, C.isDayjs = le, C.unix = function(d) {
|
|
346
350
|
return C(1e3 * d);
|
|
347
351
|
}, C.en = H[J], C.Ls = H, C.p = {}, C;
|
|
@@ -351,8 +355,16 @@ var Fe = Ce.exports;
|
|
|
351
355
|
const Ye = /* @__PURE__ */ $e(Fe), We = (e) => {
|
|
352
356
|
const n = Ye(e), s = n.date(), l = s === 1 || s === 21 || s === 31 ? "st" : s === 2 || s === 22 ? "nd" : s === 3 || s === 23 ? "rd" : "th";
|
|
353
357
|
return `${n.format("MMMM D, HH:mm").replace(s.toString(), `${s}${l}`)} (UTC +5)`;
|
|
354
|
-
}, Sn = ({
|
|
355
|
-
|
|
358
|
+
}, Sn = ({
|
|
359
|
+
color: e,
|
|
360
|
+
title: n,
|
|
361
|
+
bgPattern: s,
|
|
362
|
+
deadline: l,
|
|
363
|
+
bgPatternFinished: m,
|
|
364
|
+
buttonColor: i,
|
|
365
|
+
onClick: f
|
|
366
|
+
}) => {
|
|
367
|
+
const [p, w] = re(!1), [h, S] = re({
|
|
356
368
|
days: 0,
|
|
357
369
|
hours: 0,
|
|
358
370
|
minutes: 0,
|
|
@@ -372,11 +384,57 @@ const Ye = /* @__PURE__ */ $e(Fe), We = (e) => {
|
|
|
372
384
|
const X = setInterval(I, 1e3);
|
|
373
385
|
return () => clearInterval(X);
|
|
374
386
|
}, [l]);
|
|
375
|
-
const M = (F, x) => $("div", { className: T.timerCell, children: [
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
387
|
+
const M = (F, x) => /* @__PURE__ */ $("div", { className: T.timerCell, children: [
|
|
388
|
+
/* @__PURE__ */ o(
|
|
389
|
+
D,
|
|
390
|
+
{
|
|
391
|
+
variant: "heading-lg",
|
|
392
|
+
className: T.timerCount,
|
|
393
|
+
children: F
|
|
394
|
+
}
|
|
395
|
+
),
|
|
396
|
+
x
|
|
397
|
+
] });
|
|
398
|
+
return /* @__PURE__ */ $(
|
|
399
|
+
"div",
|
|
400
|
+
{
|
|
401
|
+
className: T.container,
|
|
402
|
+
style: { backgroundColor: e },
|
|
403
|
+
children: [
|
|
404
|
+
/* @__PURE__ */ $("div", { className: T.content, children: [
|
|
405
|
+
/* @__PURE__ */ $("div", { className: T.title, children: [
|
|
406
|
+
/* @__PURE__ */ o(D, { variant: "heading-md", children: n }),
|
|
407
|
+
/* @__PURE__ */ o(D, { variant: "body-md", children: We(l) })
|
|
408
|
+
] }),
|
|
409
|
+
/* @__PURE__ */ $("div", { className: T.timer, children: [
|
|
410
|
+
M(h.days, "Days"),
|
|
411
|
+
M(h.hours, "Hours"),
|
|
412
|
+
M(h.minutes, "Minutes"),
|
|
413
|
+
M(h.seconds, "Seconds")
|
|
414
|
+
] })
|
|
415
|
+
] }),
|
|
416
|
+
/* @__PURE__ */ o(
|
|
417
|
+
"div",
|
|
418
|
+
{
|
|
419
|
+
className: T.pattern,
|
|
420
|
+
style: {
|
|
421
|
+
"--pattern-color": e,
|
|
422
|
+
"--pattern-url": `url(${p ? m ?? s : s})`
|
|
423
|
+
},
|
|
424
|
+
children: p && /* @__PURE__ */ o(
|
|
425
|
+
"button",
|
|
426
|
+
{
|
|
427
|
+
className: T.button,
|
|
428
|
+
style: { backgroundColor: i },
|
|
429
|
+
onClick: f,
|
|
430
|
+
children: /* @__PURE__ */ o(D, { variant: "heading-md", children: "Start" })
|
|
431
|
+
}
|
|
432
|
+
)
|
|
433
|
+
}
|
|
434
|
+
)
|
|
435
|
+
]
|
|
436
|
+
}
|
|
437
|
+
);
|
|
380
438
|
}, Ue = "_btn_12gio_29", Ze = "_small_12gio_44", Je = "_medium_12gio_47", Ve = "_large_12gio_50", Ge = "_primary_12gio_71", Ke = "_tertiary_12gio_87", Qe = "_plain_12gio_102", se = {
|
|
381
439
|
"shadow-0": "_shadow-0_12gio_1",
|
|
382
440
|
"shadow-100": "_shadow-100_12gio_5",
|
|
@@ -397,12 +455,36 @@ const Ye = /* @__PURE__ */ $e(Fe), We = (e) => {
|
|
|
397
455
|
"tertiary-selected": "_tertiary-selected_12gio_96",
|
|
398
456
|
plain: Qe,
|
|
399
457
|
"plain-selected": "_plain-selected_12gio_113"
|
|
400
|
-
}, be = ({
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
458
|
+
}, be = ({
|
|
459
|
+
state: e = "default",
|
|
460
|
+
size: n = "medium",
|
|
461
|
+
selected: s = !1,
|
|
462
|
+
disabled: l = !1,
|
|
463
|
+
children: m,
|
|
464
|
+
onClick: i = () => {
|
|
465
|
+
},
|
|
466
|
+
className: f = "",
|
|
467
|
+
...p
|
|
468
|
+
}) => {
|
|
469
|
+
const w = N(
|
|
470
|
+
se.btn,
|
|
471
|
+
se[e],
|
|
472
|
+
se[n],
|
|
473
|
+
{
|
|
474
|
+
[se[`${e}-selected`]]: s
|
|
475
|
+
},
|
|
476
|
+
f
|
|
477
|
+
);
|
|
478
|
+
return /* @__PURE__ */ o(
|
|
479
|
+
"button",
|
|
480
|
+
{
|
|
481
|
+
className: w,
|
|
482
|
+
onClick: i,
|
|
483
|
+
disabled: l,
|
|
484
|
+
...p,
|
|
485
|
+
children: m
|
|
486
|
+
}
|
|
487
|
+
);
|
|
406
488
|
};
|
|
407
489
|
/**
|
|
408
490
|
* @license lucide-react v0.511.0 - ISC
|
|
@@ -450,11 +532,11 @@ const nt = ve(
|
|
|
450
532
|
size: n = 24,
|
|
451
533
|
strokeWidth: s = 2,
|
|
452
534
|
absoluteStrokeWidth: l,
|
|
453
|
-
className:
|
|
535
|
+
className: m = "",
|
|
454
536
|
children: i,
|
|
455
537
|
iconNode: f,
|
|
456
538
|
...p
|
|
457
|
-
}, w) =>
|
|
539
|
+
}, w) => me(
|
|
458
540
|
"svg",
|
|
459
541
|
{
|
|
460
542
|
ref: w,
|
|
@@ -463,12 +545,12 @@ const nt = ve(
|
|
|
463
545
|
height: n,
|
|
464
546
|
stroke: e,
|
|
465
547
|
strokeWidth: l ? Number(s) * 24 / Number(n) : s,
|
|
466
|
-
className: Ne("lucide",
|
|
548
|
+
className: Ne("lucide", m),
|
|
467
549
|
...!i && !et(p) && { "aria-hidden": "true" },
|
|
468
550
|
...p
|
|
469
551
|
},
|
|
470
552
|
[
|
|
471
|
-
...f.map(([
|
|
553
|
+
...f.map(([h, S]) => me(h, S)),
|
|
472
554
|
...Array.isArray(i) ? i : [i]
|
|
473
555
|
]
|
|
474
556
|
)
|
|
@@ -481,7 +563,7 @@ const nt = ve(
|
|
|
481
563
|
*/
|
|
482
564
|
const ie = (e, n) => {
|
|
483
565
|
const s = ve(
|
|
484
|
-
({ className: l, ...
|
|
566
|
+
({ className: l, ...m }, i) => me(nt, {
|
|
485
567
|
ref: i,
|
|
486
568
|
iconNode: n,
|
|
487
569
|
className: Ne(
|
|
@@ -489,7 +571,7 @@ const ie = (e, n) => {
|
|
|
489
571
|
`lucide-${e}`,
|
|
490
572
|
l
|
|
491
573
|
),
|
|
492
|
-
...
|
|
574
|
+
...m
|
|
493
575
|
})
|
|
494
576
|
);
|
|
495
577
|
return s.displayName = ye(e), s;
|
|
@@ -503,14 +585,14 @@ const ie = (e, n) => {
|
|
|
503
585
|
const st = [
|
|
504
586
|
["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
|
|
505
587
|
["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
|
|
506
|
-
],
|
|
588
|
+
], at = ie("check-check", st);
|
|
507
589
|
/**
|
|
508
590
|
* @license lucide-react v0.511.0 - ISC
|
|
509
591
|
*
|
|
510
592
|
* This source code is licensed under the ISC license.
|
|
511
593
|
* See the LICENSE file in the root directory of this source tree.
|
|
512
594
|
*/
|
|
513
|
-
const
|
|
595
|
+
const rt = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Me = ie("chevron-down", rt);
|
|
514
596
|
/**
|
|
515
597
|
* @license lucide-react v0.511.0 - ISC
|
|
516
598
|
*
|
|
@@ -527,38 +609,206 @@ const ot = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], ke = ie("chevron-
|
|
|
527
609
|
const it = [
|
|
528
610
|
["path", { d: "M18 6 6 18", key: "1bl5f8" }],
|
|
529
611
|
["path", { d: "m6 6 12 12", key: "d8bk6v" }]
|
|
530
|
-
], ct = ie("x", it), lt = "_navigationItem_1uz1o_29", dt = "_container_1uz1o_45", _t = "_IconContainer_1uz1o_51", ut = "_ParentLine_1uz1o_57",
|
|
612
|
+
], ct = ie("x", it), lt = "_navigationItem_1uz1o_29", dt = "_container_1uz1o_45", _t = "_IconContainer_1uz1o_51", ut = "_ParentLine_1uz1o_57", mt = "_secondaryIcon_1uz1o_69", ht = "_active_1uz1o_80", ft = "_collapsed_1uz1o_88", pt = "_label_1uz1o_92", A = {
|
|
531
613
|
navigationItem: lt,
|
|
532
614
|
container: dt,
|
|
533
615
|
IconContainer: _t,
|
|
534
616
|
ParentLine: ut,
|
|
535
|
-
secondaryIcon:
|
|
536
|
-
active:
|
|
617
|
+
secondaryIcon: mt,
|
|
618
|
+
active: ht,
|
|
537
619
|
collapsed: ft,
|
|
538
620
|
label: pt
|
|
539
|
-
}, oe = ({
|
|
621
|
+
}, oe = ({
|
|
622
|
+
icon: e,
|
|
623
|
+
label: n,
|
|
624
|
+
secondaryIcon: s,
|
|
625
|
+
collapsed: l = !1,
|
|
626
|
+
active: m = !1,
|
|
627
|
+
isParentNode: i = !1,
|
|
628
|
+
onClick: f,
|
|
629
|
+
className: p
|
|
630
|
+
}) => /* @__PURE__ */ $(
|
|
631
|
+
"div",
|
|
632
|
+
{
|
|
633
|
+
className: N(
|
|
634
|
+
A.navigationItem,
|
|
635
|
+
m && A.active,
|
|
636
|
+
p
|
|
637
|
+
),
|
|
638
|
+
onClick: f,
|
|
639
|
+
children: [
|
|
640
|
+
/* @__PURE__ */ $("div", { className: A.container, children: [
|
|
641
|
+
/* @__PURE__ */ $("div", { className: A.IconContainer, children: [
|
|
642
|
+
e,
|
|
643
|
+
i && /* @__PURE__ */ o(
|
|
644
|
+
"img",
|
|
645
|
+
{
|
|
646
|
+
src: "/assets/icons/ParentLine.svg",
|
|
647
|
+
alt: "Arrow Indicator",
|
|
648
|
+
className: A.ParentLine
|
|
649
|
+
}
|
|
650
|
+
)
|
|
651
|
+
] }),
|
|
652
|
+
/* @__PURE__ */ o(
|
|
653
|
+
D,
|
|
654
|
+
{
|
|
655
|
+
variant: "body-md",
|
|
656
|
+
className: N(l && A.collapsed, A.label),
|
|
657
|
+
children: n
|
|
658
|
+
}
|
|
659
|
+
)
|
|
660
|
+
] }),
|
|
661
|
+
s && /* @__PURE__ */ o(
|
|
662
|
+
"div",
|
|
663
|
+
{
|
|
664
|
+
className: N(
|
|
665
|
+
A.secondaryIcon,
|
|
666
|
+
l && A.collapsed
|
|
667
|
+
),
|
|
668
|
+
children: s
|
|
669
|
+
}
|
|
670
|
+
)
|
|
671
|
+
]
|
|
672
|
+
}
|
|
673
|
+
), gt = "_ArrowContainer_i9cnp_29", yt = "_active_i9cnp_44", vt = "_arrowBlock_i9cnp_54", $t = "_isOpen_i9cnp_58", K = {
|
|
540
674
|
ArrowContainer: gt,
|
|
541
675
|
active: yt,
|
|
542
676
|
arrowBlock: vt,
|
|
543
677
|
isOpen: $t
|
|
544
678
|
}, zn = ({ activeItemId: e, onChange: n, item: s }) => {
|
|
545
679
|
var p, w;
|
|
546
|
-
const l = (p = s.children) == null ? void 0 : p.findIndex(
|
|
547
|
-
|
|
680
|
+
const l = (p = s.children) == null ? void 0 : p.findIndex(
|
|
681
|
+
(h) => h.id === e
|
|
682
|
+
), [m, i] = re(l !== -1), f = () => {
|
|
683
|
+
s.children && i(!m), n(s);
|
|
548
684
|
};
|
|
549
|
-
return
|
|
685
|
+
return /* @__PURE__ */ $("div", { children: [
|
|
686
|
+
/* @__PURE__ */ o(
|
|
687
|
+
oe,
|
|
688
|
+
{
|
|
689
|
+
icon: s.icon,
|
|
690
|
+
label: s.name,
|
|
691
|
+
secondaryIcon: m ? /* @__PURE__ */ o(ke, { size: 20 }) : /* @__PURE__ */ o(Me, { size: 20 }),
|
|
692
|
+
onClick: f,
|
|
693
|
+
isParentNode: m && l !== -1,
|
|
694
|
+
active: l !== -1 && !m,
|
|
695
|
+
className: N(m && l === -1 && K.isOpen)
|
|
696
|
+
}
|
|
697
|
+
),
|
|
698
|
+
/* @__PURE__ */ o("div", { className: K.childContainer, children: m && ((w = s.children) == null ? void 0 : w.map((h, S) => /* @__PURE__ */ $(
|
|
699
|
+
"div",
|
|
700
|
+
{
|
|
701
|
+
className: N(
|
|
702
|
+
K.ArrowContainer,
|
|
703
|
+
e === h.id ? K.active : ""
|
|
704
|
+
),
|
|
705
|
+
onClick: () => n(h),
|
|
706
|
+
children: [
|
|
707
|
+
/* @__PURE__ */ $("div", { className: K.arrowBlock, children: [
|
|
708
|
+
l === S && /* @__PURE__ */ o(
|
|
709
|
+
"img",
|
|
710
|
+
{
|
|
711
|
+
src: "/assets/icons/ArrowLine.svg",
|
|
712
|
+
alt: "Arrow Indicator"
|
|
713
|
+
}
|
|
714
|
+
),
|
|
715
|
+
S < (l ?? -1) && /* @__PURE__ */ o(
|
|
716
|
+
"img",
|
|
717
|
+
{
|
|
718
|
+
src: "/assets/icons/SideLine.svg",
|
|
719
|
+
alt: "Side Indicator"
|
|
720
|
+
}
|
|
721
|
+
)
|
|
722
|
+
] }),
|
|
723
|
+
/* @__PURE__ */ o(
|
|
724
|
+
oe,
|
|
725
|
+
{
|
|
726
|
+
icon: h.icon,
|
|
727
|
+
label: h.name,
|
|
728
|
+
active: h.id === e
|
|
729
|
+
}
|
|
730
|
+
)
|
|
731
|
+
]
|
|
732
|
+
},
|
|
733
|
+
h.id
|
|
734
|
+
))) })
|
|
735
|
+
] });
|
|
550
736
|
}, wt = "_ArrowContainer_17ds0_29", Ct = "_iconCheck_17ds0_37", bt = "_active_17ds0_47", Nt = "_arrowBlock_17ds0_57", Mt = "_isOpen_17ds0_61", W = {
|
|
551
737
|
ArrowContainer: wt,
|
|
552
738
|
iconCheck: Ct,
|
|
553
739
|
active: bt,
|
|
554
740
|
arrowBlock: Nt,
|
|
555
741
|
isOpen: Mt
|
|
556
|
-
}, xn = ({
|
|
742
|
+
}, xn = ({
|
|
743
|
+
activeItemId: e,
|
|
744
|
+
onChange: n,
|
|
745
|
+
item: s
|
|
746
|
+
}) => {
|
|
557
747
|
var p, w;
|
|
558
|
-
const l = (p = s.children) == null ? void 0 : p.findIndex(
|
|
559
|
-
|
|
748
|
+
const l = (p = s.children) == null ? void 0 : p.findIndex(
|
|
749
|
+
(h) => h.id === e
|
|
750
|
+
), [m, i] = re(l !== -1), f = () => {
|
|
751
|
+
s.children && i(!m), n(s);
|
|
560
752
|
};
|
|
561
|
-
return
|
|
753
|
+
return /* @__PURE__ */ $("div", { children: [
|
|
754
|
+
/* @__PURE__ */ o(
|
|
755
|
+
oe,
|
|
756
|
+
{
|
|
757
|
+
icon: s.icon,
|
|
758
|
+
label: s.name,
|
|
759
|
+
secondaryIcon: m ? /* @__PURE__ */ o(ke, { size: 20 }) : /* @__PURE__ */ o(Me, { size: 20 }),
|
|
760
|
+
onClick: f,
|
|
761
|
+
isParentNode: m && l !== -1,
|
|
762
|
+
active: l !== -1 && !m,
|
|
763
|
+
className: N(m && l === -1 && W.isOpen)
|
|
764
|
+
}
|
|
765
|
+
),
|
|
766
|
+
/* @__PURE__ */ o("div", { className: W.childContainer, children: m && ((w = s.children) == null ? void 0 : w.map((h, S) => /* @__PURE__ */ $(
|
|
767
|
+
"div",
|
|
768
|
+
{
|
|
769
|
+
className: N(
|
|
770
|
+
W.ArrowContainer,
|
|
771
|
+
e === h.id ? W.active : ""
|
|
772
|
+
),
|
|
773
|
+
onClick: () => n(h),
|
|
774
|
+
children: [
|
|
775
|
+
/* @__PURE__ */ $("div", { className: W.arrowBlock, children: [
|
|
776
|
+
l === S && /* @__PURE__ */ o(
|
|
777
|
+
"img",
|
|
778
|
+
{
|
|
779
|
+
src: "/assets/icons/ArrowLine.svg",
|
|
780
|
+
alt: "Arrow Indicator"
|
|
781
|
+
}
|
|
782
|
+
),
|
|
783
|
+
S < (l ?? -1) && /* @__PURE__ */ o(
|
|
784
|
+
"img",
|
|
785
|
+
{
|
|
786
|
+
src: "/assets/icons/SideLine.svg",
|
|
787
|
+
alt: "Side Indicator"
|
|
788
|
+
}
|
|
789
|
+
)
|
|
790
|
+
] }),
|
|
791
|
+
/* @__PURE__ */ o(
|
|
792
|
+
oe,
|
|
793
|
+
{
|
|
794
|
+
icon: h.icon,
|
|
795
|
+
label: h.name,
|
|
796
|
+
active: h.id === e,
|
|
797
|
+
secondaryIcon: h.completed && /* @__PURE__ */ o(
|
|
798
|
+
at,
|
|
799
|
+
{
|
|
800
|
+
size: 20,
|
|
801
|
+
className: W.iconCheck
|
|
802
|
+
}
|
|
803
|
+
)
|
|
804
|
+
},
|
|
805
|
+
h.id
|
|
806
|
+
)
|
|
807
|
+
]
|
|
808
|
+
},
|
|
809
|
+
h.id
|
|
810
|
+
))) })
|
|
811
|
+
] });
|
|
562
812
|
}, kt = "_emptyContainer_tmvlz_29", Dt = "_imageContent_tmvlz_55", St = "_content_tmvlz_62", zt = "_buttonContent_tmvlz_69", xt = "_mobile_tmvlz_85", Ot = "_desktop_tmvlz_86", q = {
|
|
563
813
|
emptyContainer: kt,
|
|
564
814
|
imageContent: Dt,
|
|
@@ -566,7 +816,60 @@ const it = [
|
|
|
566
816
|
buttonContent: zt,
|
|
567
817
|
mobile: xt,
|
|
568
818
|
desktop: Ot
|
|
569
|
-
}, It = ({ children: e, className: n = "" }) =>
|
|
819
|
+
}, It = ({ children: e, className: n = "" }) => /* @__PURE__ */ o("div", { className: `${q.emptyContainer} ${n}`, children: e }), At = ({ children: e, className: n = "" }) => /* @__PURE__ */ $(ze, { children: [
|
|
820
|
+
/* @__PURE__ */ o(
|
|
821
|
+
D,
|
|
822
|
+
{
|
|
823
|
+
className: N(n, q.desktop),
|
|
824
|
+
variant: "heading-md",
|
|
825
|
+
children: e
|
|
826
|
+
}
|
|
827
|
+
),
|
|
828
|
+
/* @__PURE__ */ o(
|
|
829
|
+
D,
|
|
830
|
+
{
|
|
831
|
+
className: N(n, q.mobile),
|
|
832
|
+
variant: "heading-sm",
|
|
833
|
+
children: e
|
|
834
|
+
}
|
|
835
|
+
)
|
|
836
|
+
] }), Lt = ({ children: e, className: n = "" }) => /* @__PURE__ */ o("div", { className: N(n), children: e }), Bt = ({ children: e, className: n = "" }) => /* @__PURE__ */ o("div", { className: `${q.content} ${n}`, children: e }), Tt = ({ children: e, className: n = "" }) => /* @__PURE__ */ o("div", { className: `${q.buttonContent} ${n}`, children: e }), qt = ({
|
|
837
|
+
children: e,
|
|
838
|
+
onClick: n,
|
|
839
|
+
className: s = ""
|
|
840
|
+
}) => /* @__PURE__ */ o(
|
|
841
|
+
be,
|
|
842
|
+
{
|
|
843
|
+
state: "primary",
|
|
844
|
+
size: "medium",
|
|
845
|
+
className: `${q.buttons} ${s}`,
|
|
846
|
+
onClick: n,
|
|
847
|
+
children: e
|
|
848
|
+
}
|
|
849
|
+
), Ht = ({
|
|
850
|
+
children: e,
|
|
851
|
+
onClick: n,
|
|
852
|
+
className: s = ""
|
|
853
|
+
}) => /* @__PURE__ */ o(
|
|
854
|
+
be,
|
|
855
|
+
{
|
|
856
|
+
size: "medium",
|
|
857
|
+
className: `${q.buttons} ${s}`,
|
|
858
|
+
onClick: n,
|
|
859
|
+
children: e
|
|
860
|
+
}
|
|
861
|
+
), jt = ({
|
|
862
|
+
src: e,
|
|
863
|
+
className: n = "",
|
|
864
|
+
alt: s = "Empty state image"
|
|
865
|
+
}) => /* @__PURE__ */ o(
|
|
866
|
+
"img",
|
|
867
|
+
{
|
|
868
|
+
className: N(q.imageContent, n),
|
|
869
|
+
src: e,
|
|
870
|
+
alt: s
|
|
871
|
+
}
|
|
872
|
+
), P = It;
|
|
570
873
|
P.Title = At;
|
|
571
874
|
P.Context = Lt;
|
|
572
875
|
P.Content = Bt;
|
|
@@ -578,9 +881,18 @@ const Et = "_formItem_96xeh_29", Pt = "_error_96xeh_46", Ft = "_label_96xeh_50",
|
|
|
578
881
|
formItem: Et,
|
|
579
882
|
error: Pt,
|
|
580
883
|
label: Ft
|
|
581
|
-
}, Yt = ({
|
|
884
|
+
}, Yt = ({
|
|
885
|
+
label: e,
|
|
886
|
+
children: n,
|
|
887
|
+
className: s = "",
|
|
888
|
+
error: l
|
|
889
|
+
}) => /* @__PURE__ */ $("div", { className: N(Q.formItem, s), children: [
|
|
890
|
+
e && /* @__PURE__ */ o("label", { className: Q.label, children: e }),
|
|
891
|
+
/* @__PURE__ */ o("div", { className: Q.inputContainer, children: n }),
|
|
892
|
+
l && /* @__PURE__ */ o("div", { className: Q.error, children: l })
|
|
893
|
+
] }), Wt = ({ children: e, className: n = "" }) => /* @__PURE__ */ o("div", { className: N(Q.helperText, n), children: e }), Ut = Yt;
|
|
582
894
|
Ut.HelperText = Wt;
|
|
583
|
-
const Zt = "_btn_z8qng_29", Jt = "_small_z8qng_42", Vt = "_medium_z8qng_45", Gt = "_large_z8qng_48", Kt = "_primary_z8qng_69", Qt = "_tertiary_z8qng_85", Xt = "_plain_z8qng_100",
|
|
895
|
+
const Zt = "_btn_z8qng_29", Jt = "_small_z8qng_42", Vt = "_medium_z8qng_45", Gt = "_large_z8qng_48", Kt = "_primary_z8qng_69", Qt = "_tertiary_z8qng_85", Xt = "_plain_z8qng_100", ae = {
|
|
584
896
|
"shadow-0": "_shadow-0_z8qng_1",
|
|
585
897
|
"shadow-100": "_shadow-100_z8qng_5",
|
|
586
898
|
"shadow-200": "_shadow-200_z8qng_9",
|
|
@@ -600,45 +912,180 @@ const Zt = "_btn_z8qng_29", Jt = "_small_z8qng_42", Vt = "_medium_z8qng_45", Gt
|
|
|
600
912
|
"tertiary-selected": "_tertiary-selected_z8qng_94",
|
|
601
913
|
plain: Xt,
|
|
602
914
|
"plain-selected": "_plain-selected_z8qng_111"
|
|
603
|
-
}, Rt = ({
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
915
|
+
}, Rt = ({
|
|
916
|
+
state: e = "default",
|
|
917
|
+
size: n = "medium",
|
|
918
|
+
selected: s = !1,
|
|
919
|
+
disabled: l = !1,
|
|
920
|
+
children: m,
|
|
921
|
+
onClick: i = () => {
|
|
922
|
+
},
|
|
923
|
+
className: f = "",
|
|
924
|
+
...p
|
|
925
|
+
}) => {
|
|
926
|
+
const w = N(
|
|
927
|
+
ae.btn,
|
|
928
|
+
ae[e],
|
|
929
|
+
ae[n],
|
|
930
|
+
{
|
|
931
|
+
[ae[`${e}-selected`]]: s
|
|
932
|
+
},
|
|
933
|
+
f
|
|
934
|
+
);
|
|
935
|
+
return /* @__PURE__ */ o(
|
|
936
|
+
"button",
|
|
937
|
+
{
|
|
938
|
+
className: w,
|
|
939
|
+
onClick: i,
|
|
940
|
+
disabled: l,
|
|
941
|
+
...p,
|
|
942
|
+
children: m
|
|
943
|
+
}
|
|
944
|
+
);
|
|
945
|
+
}, en = "_modalLayout_1jmpu_29", tn = "_modalContainer_1jmpu_40", nn = "_header_1jmpu_64", sn = "_close_1jmpu_73", an = "_content_1jmpu_83", rn = "_footer_1jmpu_91", Z = {
|
|
610
946
|
modalLayout: en,
|
|
611
947
|
modalContainer: tn,
|
|
612
948
|
header: nn,
|
|
613
949
|
close: sn,
|
|
614
|
-
content:
|
|
615
|
-
footer:
|
|
616
|
-
}, on = ({ open: e, onClose: n, children: s }) => e ?
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
950
|
+
content: an,
|
|
951
|
+
footer: rn
|
|
952
|
+
}, on = ({ open: e, onClose: n, children: s }) => e ? /* @__PURE__ */ o(
|
|
953
|
+
"div",
|
|
954
|
+
{
|
|
955
|
+
className: Z.modalLayout,
|
|
956
|
+
onClick: n,
|
|
957
|
+
children: /* @__PURE__ */ o(
|
|
958
|
+
"div",
|
|
959
|
+
{
|
|
960
|
+
className: Z.modalContainer,
|
|
961
|
+
onClick: (l) => l.stopPropagation(),
|
|
962
|
+
children: s
|
|
963
|
+
}
|
|
964
|
+
)
|
|
965
|
+
}
|
|
966
|
+
) : null, cn = ({ children: e, onClose: n }) => /* @__PURE__ */ $("div", { className: Z.header, children: [
|
|
967
|
+
/* @__PURE__ */ o(D, { variant: "heading-sm", children: e }),
|
|
968
|
+
/* @__PURE__ */ o(
|
|
969
|
+
Rt,
|
|
970
|
+
{
|
|
971
|
+
size: "small",
|
|
972
|
+
state: "default",
|
|
973
|
+
className: Z.close,
|
|
974
|
+
onClick: n,
|
|
975
|
+
children: /* @__PURE__ */ o(ct, {})
|
|
976
|
+
}
|
|
977
|
+
)
|
|
978
|
+
] }), ln = ({ children: e }) => /* @__PURE__ */ o(
|
|
979
|
+
D,
|
|
980
|
+
{
|
|
981
|
+
variant: "body-md",
|
|
982
|
+
className: Z.content,
|
|
983
|
+
children: e
|
|
984
|
+
}
|
|
985
|
+
), dn = ({ children: e }) => /* @__PURE__ */ o("div", { className: Z.footer, children: e }), he = on;
|
|
986
|
+
he.Header = cn;
|
|
987
|
+
he.Content = ln;
|
|
988
|
+
he.Footer = dn;
|
|
989
|
+
const _n = "_pageHeader_1lrq1_29", un = "_mg_1lrq1_38", mn = "_lg_1lrq1_39", de = {
|
|
621
990
|
pageHeader: _n,
|
|
622
991
|
mg: un,
|
|
623
|
-
lg:
|
|
624
|
-
}, On = ({ children: e }) => $("header", { className: de.pageHeader, children: [
|
|
625
|
-
|
|
992
|
+
lg: mn
|
|
993
|
+
}, On = ({ children: e }) => /* @__PURE__ */ $("header", { className: de.pageHeader, children: [
|
|
994
|
+
/* @__PURE__ */ o(
|
|
995
|
+
D,
|
|
996
|
+
{
|
|
997
|
+
variant: "heading-xl",
|
|
998
|
+
className: de.lg,
|
|
999
|
+
children: e
|
|
1000
|
+
}
|
|
1001
|
+
),
|
|
1002
|
+
/* @__PURE__ */ o(
|
|
1003
|
+
D,
|
|
1004
|
+
{
|
|
1005
|
+
variant: "heading-md",
|
|
1006
|
+
className: de.mg,
|
|
1007
|
+
children: e
|
|
1008
|
+
}
|
|
1009
|
+
)
|
|
1010
|
+
] }), hn = "_container_1g19z_29", fn = "_line_1g19z_35", pn = "_progress_1g19z_41", _e = {
|
|
1011
|
+
container: hn,
|
|
626
1012
|
line: fn,
|
|
627
1013
|
progress: pn
|
|
628
|
-
}, In = ({ percent: e }) => o("div", { className: _e.container, children:
|
|
1014
|
+
}, In = ({ percent: e }) => /* @__PURE__ */ o("div", { className: _e.container, children: /* @__PURE__ */ o("div", { className: _e.line, children: /* @__PURE__ */ o(
|
|
1015
|
+
"div",
|
|
1016
|
+
{
|
|
1017
|
+
className: _e.progress,
|
|
1018
|
+
style: { width: `${e}%` }
|
|
1019
|
+
}
|
|
1020
|
+
) }) }), gn = "_container_1gn8d_29", yn = "_notMobile_1gn8d_38", vn = "_mobile_1gn8d_47", ue = {
|
|
629
1021
|
container: gn,
|
|
630
1022
|
notMobile: yn,
|
|
631
1023
|
mobile: vn
|
|
632
|
-
}, An = ({ title: e, extra: n }) => $("div", { className: ue.container, children: [
|
|
1024
|
+
}, An = ({ title: e, extra: n }) => /* @__PURE__ */ $("div", { className: ue.container, children: [
|
|
1025
|
+
/* @__PURE__ */ o(
|
|
1026
|
+
D,
|
|
1027
|
+
{
|
|
1028
|
+
variant: "heading-md",
|
|
1029
|
+
className: ue.notMobile,
|
|
1030
|
+
children: e
|
|
1031
|
+
}
|
|
1032
|
+
),
|
|
1033
|
+
/* @__PURE__ */ o(
|
|
1034
|
+
D,
|
|
1035
|
+
{
|
|
1036
|
+
variant: "heading-sm",
|
|
1037
|
+
className: ue.mobile,
|
|
1038
|
+
children: e
|
|
1039
|
+
}
|
|
1040
|
+
),
|
|
1041
|
+
n
|
|
1042
|
+
] }), $n = "_topBar_xnlee_29", wn = "_section_xnlee_66", Cn = "_scretched_xnlee_73", bn = "_active_xnlee_90", Nn = "_sm_xnlee_99", Mn = "_md_xnlee_100", U = {
|
|
633
1043
|
topBar: $n,
|
|
634
1044
|
section: wn,
|
|
635
1045
|
scretched: Cn,
|
|
636
1046
|
active: bn,
|
|
637
1047
|
sm: Nn,
|
|
638
1048
|
md: Mn
|
|
639
|
-
}, Ln = ({
|
|
640
|
-
|
|
641
|
-
|
|
1049
|
+
}, Ln = ({
|
|
1050
|
+
sections: e,
|
|
1051
|
+
activeTab: n,
|
|
1052
|
+
onTabSelect: s,
|
|
1053
|
+
isStretched: l = !0
|
|
1054
|
+
}) => {
|
|
1055
|
+
var m;
|
|
1056
|
+
return /* @__PURE__ */ $("div", { children: [
|
|
1057
|
+
/* @__PURE__ */ o("div", { className: U.topBar, children: e.map((i) => /* @__PURE__ */ $(
|
|
1058
|
+
"div",
|
|
1059
|
+
{
|
|
1060
|
+
className: N(
|
|
1061
|
+
U.section,
|
|
1062
|
+
l && U.scretched,
|
|
1063
|
+
n === i.id && U.active
|
|
1064
|
+
),
|
|
1065
|
+
onClick: () => s(i.id),
|
|
1066
|
+
children: [
|
|
1067
|
+
/* @__PURE__ */ o(
|
|
1068
|
+
D,
|
|
1069
|
+
{
|
|
1070
|
+
variant: "heading-xs",
|
|
1071
|
+
className: U.sm,
|
|
1072
|
+
children: i.title
|
|
1073
|
+
}
|
|
1074
|
+
),
|
|
1075
|
+
/* @__PURE__ */ o(
|
|
1076
|
+
D,
|
|
1077
|
+
{
|
|
1078
|
+
variant: "heading-md",
|
|
1079
|
+
className: U.md,
|
|
1080
|
+
children: i.title
|
|
1081
|
+
}
|
|
1082
|
+
)
|
|
1083
|
+
]
|
|
1084
|
+
},
|
|
1085
|
+
i.id
|
|
1086
|
+
)) }),
|
|
1087
|
+
((m = e.find((i) => i.id === n)) == null ? void 0 : m.component) ?? /* @__PURE__ */ o(D, { variant: "body-lg", children: "Not Found" })
|
|
1088
|
+
] });
|
|
642
1089
|
};
|
|
643
1090
|
export {
|
|
644
1091
|
Sn as Banner,
|
|
@@ -648,7 +1095,7 @@ export {
|
|
|
648
1095
|
P as Empty,
|
|
649
1096
|
Ut as FormItem,
|
|
650
1097
|
Rt as IconButton,
|
|
651
|
-
|
|
1098
|
+
he as Modal,
|
|
652
1099
|
oe as NavigationItem,
|
|
653
1100
|
On as PageHeader,
|
|
654
1101
|
In as ProgressLine,
|
package/package.json
CHANGED
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
17
|
"name": "stp-ui-kit",
|
|
18
|
-
"version": "0.0.
|
|
18
|
+
"version": "0.0.5",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"scripts": {
|
|
21
21
|
"dev": "vite",
|
|
22
|
-
"build": "
|
|
22
|
+
"build": "vite build",
|
|
23
23
|
"lint": "eslint --ext .ts,.tsx ./src",
|
|
24
24
|
"preview": "vite preview",
|
|
25
25
|
"format": "yarn prettier ./src/**/*.{ts,tsx} --write",
|