stp-ui-kit 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Empty/Empty.d.ts +23 -12
- package/dist/components/FormItem/FormItem.d.ts +9 -18
- package/dist/components/Modal/Modal.d.ts +10 -9
- package/dist/stp-ui-kit.cjs.js +10 -15
- package/dist/stp-ui-kit.es.js +399 -427
- package/package.json +1 -1
- package/dist/components/Empty/index.d.ts +0 -10
|
@@ -3,24 +3,35 @@ export interface EmptyProps {
|
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
className?: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const Empty: ({ children, className }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export interface EmptyImageProps {
|
|
8
|
-
src: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare const EmptyImage: ({ src, className }: EmptyImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
6
|
export interface EmptyTextProps {
|
|
13
7
|
children: ReactNode;
|
|
14
8
|
className?: string;
|
|
15
9
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
declare const EmptyTitle: ({ children, className }: EmptyTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare const EmptyContext: ({ children, className }: EmptyTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare const EmptyContent: ({ children, className }: EmptyTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare const EmptyButtonContent: ({ children, className }: EmptyTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
14
|
export interface EmptyButtonProps {
|
|
21
15
|
children: ReactNode;
|
|
22
16
|
onClick?: () => void;
|
|
23
17
|
className?: string;
|
|
24
18
|
}
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
declare const EmptyPrimaryButton: ({ children, onClick, className, }: EmptyButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare const EmptySecondaryButton: ({ children, onClick, className, }: EmptyButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
interface EmptyImageProps {
|
|
22
|
+
src: string;
|
|
23
|
+
className?: string;
|
|
24
|
+
alt?: string;
|
|
25
|
+
}
|
|
26
|
+
declare const EmptyImage: ({ src, className, alt, }: EmptyImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
interface EmptyType extends React.FC<EmptyProps> {
|
|
28
|
+
Title: typeof EmptyTitle;
|
|
29
|
+
Context: typeof EmptyContext;
|
|
30
|
+
Content: typeof EmptyContent;
|
|
31
|
+
ButtonContent: typeof EmptyButtonContent;
|
|
32
|
+
PrimaryButton: typeof EmptyPrimaryButton;
|
|
33
|
+
SecondaryButton: typeof EmptySecondaryButton;
|
|
34
|
+
Image: typeof EmptyImage;
|
|
35
|
+
}
|
|
36
|
+
declare const Empty: EmptyType;
|
|
37
|
+
export { Empty };
|
|
@@ -1,26 +1,17 @@
|
|
|
1
1
|
import { default as React, ReactNode } from 'react';
|
|
2
2
|
export interface FormItemProps {
|
|
3
|
+
label?: ReactNode;
|
|
3
4
|
children: ReactNode;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
readOnly?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
error?: ReactNode;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
9
|
-
({ children, error, disabled, readOnly, }: FormItemProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
Label: ({ children }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLElement>>;
|
|
12
|
-
Message: ({ children }: MessageProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
13
|
-
};
|
|
14
|
-
export interface LabelProps {
|
|
8
|
+
export interface FormItemHelperTextProps {
|
|
15
9
|
children: ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare const Label: ({ children }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
19
|
-
as?: React.ElementType;
|
|
20
10
|
className?: string;
|
|
21
11
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
12
|
+
declare const HelperText: ({ children, className }: FormItemHelperTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
interface FormItemType extends React.FC<FormItemProps> {
|
|
14
|
+
HelperText: typeof HelperText;
|
|
25
15
|
}
|
|
26
|
-
|
|
16
|
+
declare const FormItem: FormItemType;
|
|
17
|
+
export { FormItem };
|
|
@@ -4,19 +4,20 @@ export interface ModalProps {
|
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
}
|
|
7
|
-
export declare const Modal: {
|
|
8
|
-
({ open, onClose, children }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
-
Header: ({ children, onClose }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
Content: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
Footer: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
};
|
|
13
7
|
export interface HeaderProps {
|
|
14
8
|
children: React.ReactNode;
|
|
15
9
|
onClose: () => void;
|
|
16
10
|
}
|
|
17
|
-
|
|
11
|
+
declare const Header: ({ children, onClose }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
12
|
export interface ContentProps {
|
|
19
13
|
children: React.ReactNode;
|
|
20
14
|
}
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
declare const Content: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare const Footer: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
interface ModalType extends React.FC<ModalProps> {
|
|
18
|
+
Header: typeof Header;
|
|
19
|
+
Content: typeof Content;
|
|
20
|
+
Footer: typeof Footer;
|
|
21
|
+
}
|
|
22
|
+
declare const Modal: ModalType;
|
|
23
|
+
export { Modal };
|
package/dist/stp-ui-kit.cjs.js
CHANGED
|
@@ -1,50 +1,45 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),z=require("react");var ke=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ye(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ve={exports:{}};/*!
|
|
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 o={}.hasOwnProperty;function a(){for(var c="",f=0;f<arguments.length;f++){var g=arguments[f];g&&(c=d(c,i(g)))}return c}function i(c){if(typeof c=="string"||typeof c=="number")return c;if(typeof c!="object")return"";if(Array.isArray(c))return a.apply(null,c);if(c.toString!==Object.prototype.toString&&!c.toString.toString().includes("[native code]"))return c.toString();var f="";for(var g in c)o.call(c,g)&&c[g]&&(f=d(f,g));return f}function d(c,f){return f?c?c+" "+f:c+f:c}e.exports?(a.default=a,e.exports=a):window.classNames=a})()})(ye);var Se=ye.exports;const k=pe(Se),Oe="_typography_18a99_29",fe={"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:Oe,"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"},N=({variant:e="body-md",className:o="",children:a})=>{const i=fe[e]||"";return n.jsx("div",{className:k(fe.typography,i,o),children:a})},De="_container_cgftc_29",Ie="_content_cgftc_40",ze="_title_cgftc_57",Le="_timer_cgftc_68",Ae="_timerCell_cgftc_80",qe="_timerCount_cgftc_87",He="_pattern_cgftc_102",Te="_button_cgftc_129",H={container:De,content:Ie,title:ze,timer:Le,timerCell:Ae,timerCount:qe,pattern:He,button:Te};var ve={exports:{}};(function(e,o){(function(a,i){e.exports=i()})(ke,function(){var a=1e3,i=6e4,d=36e5,c="millisecond",f="second",g="minute",$="hour",m="day",b="week",j="month",F="quarter",O="year",z="date",X="Invalid Date",A=/^(\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,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(_){var r=["th","st","nd","rd"],t=_%100;return"["+_+(r[(t-20)%10]||r[t]||r[0])+"]"}},ie=function(_,r,t){var l=String(_);return!l||l.length>=r?_:""+Array(r+1-l.length).join(t)+_},Me={s:ie,z:function(_){var r=-_.utcOffset(),t=Math.abs(r),l=Math.floor(t/60),s=t%60;return(r<=0?"+":"-")+ie(l,2,"0")+":"+ie(s,2,"0")},m:function _(r,t){if(r.date()<t.date())return-_(t,r);var l=12*(t.year()-r.year())+(t.month()-r.month()),s=r.clone().add(l,j),u=t-s<0,h=r.clone().add(l+(u?-1:1),j);return+(-(l+(t-s)/(u?s-h:h-s))||0)},a:function(_){return _<0?Math.ceil(_)||0:Math.floor(_)},p:function(_){return{M:j,y:O,w:b,d:m,D:z,h:$,m:g,s:f,ms:c,Q:F}[_]||String(_||"").toLowerCase().replace(/s$/,"")},u:function(_){return _===void 0}},Z="en",T={};T[Z]=Ne;var he="$isDayjsObject",ce=function(_){return _ instanceof te||!(!_||!_[he])},ee=function _(r,t,l){var s;if(!r)return Z;if(typeof r=="string"){var u=r.toLowerCase();T[u]&&(s=u),t&&(T[u]=t,s=u);var h=r.split("-");if(!s&&h.length>1)return _(h[0])}else{var y=r.name;T[y]=r,s=y}return!l&&s&&(Z=s),s||!l&&Z},w=function(_,r){if(ce(_))return _.clone();var t=typeof r=="object"?r:{};return t.date=_,t.args=arguments,new te(t)},p=Me;p.l=ee,p.i=ce,p.w=function(_,r){return w(_,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var te=function(){function _(t){this.$L=ee(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[he]=!0}var r=_.prototype;return r.parse=function(t){this.$d=function(l){var s=l.date,u=l.utc;if(s===null)return new Date(NaN);if(p.u(s))return new Date;if(s instanceof Date)return new Date(s);if(typeof s=="string"&&!/Z$/i.test(s)){var h=s.match(A);if(h){var y=h[2]-1||0,v=(h[7]||"0").substring(0,3);return u?new Date(Date.UTC(h[1],y,h[3]||1,h[4]||0,h[5]||0,h[6]||0,v)):new Date(h[1],y,h[3]||1,h[4]||0,h[5]||0,h[6]||0,v)}}return new Date(s)}(t),this.init()},r.init=function(){var t=this.$d;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()},r.$utils=function(){return p},r.isValid=function(){return this.$d.toString()!==X},r.isSame=function(t,l){var s=w(t);return this.startOf(l)<=s&&s<=this.endOf(l)},r.isAfter=function(t,l){return w(t)<this.startOf(l)},r.isBefore=function(t,l){return this.endOf(l)<w(t)},r.$g=function(t,l,s){return p.u(t)?this[l]:this.set(s,t)},r.unix=function(){return Math.floor(this.valueOf()/1e3)},r.valueOf=function(){return this.$d.getTime()},r.startOf=function(t,l){var s=this,u=!!p.u(l)||l,h=p.p(t),y=function(P,M){var q=p.w(s.$u?Date.UTC(s.$y,M,P):new Date(s.$y,M,P),s);return u?q:q.endOf(m)},v=function(P,M){return p.w(s.toDate()[P].apply(s.toDate("s"),(u?[0,0,0,0]:[23,59,59,999]).slice(M)),s)},x=this.$W,C=this.$M,D=this.$D,Y="set"+(this.$u?"UTC":"");switch(h){case O:return u?y(1,0):y(31,11);case j:return u?y(1,C):y(0,C+1);case b:var B=this.$locale().weekStart||0,J=(x<B?x+7:x)-B;return y(u?D-J:D+(6-J),C);case m:case z:return v(Y+"Hours",0);case $:return v(Y+"Minutes",1);case g:return v(Y+"Seconds",2);case f:return v(Y+"Milliseconds",3);default:return this.clone()}},r.endOf=function(t){return this.startOf(t,!1)},r.$set=function(t,l){var s,u=p.p(t),h="set"+(this.$u?"UTC":""),y=(s={},s[m]=h+"Date",s[z]=h+"Date",s[j]=h+"Month",s[O]=h+"FullYear",s[$]=h+"Hours",s[g]=h+"Minutes",s[f]=h+"Seconds",s[c]=h+"Milliseconds",s)[u],v=u===m?this.$D+(l-this.$W):l;if(u===j||u===O){var x=this.clone().set(z,1);x.$d[y](v),x.init(),this.$d=x.set(z,Math.min(this.$D,x.daysInMonth())).$d}else y&&this.$d[y](v);return this.init(),this},r.set=function(t,l){return this.clone().$set(t,l)},r.get=function(t){return this[p.p(t)]()},r.add=function(t,l){var s,u=this;t=Number(t);var h=p.p(l),y=function(C){var D=w(u);return p.w(D.date(D.date()+Math.round(C*t)),u)};if(h===j)return this.set(j,this.$M+t);if(h===O)return this.set(O,this.$y+t);if(h===m)return y(1);if(h===b)return y(7);var v=(s={},s[g]=i,s[$]=d,s[f]=a,s)[h]||1,x=this.$d.getTime()+t*v;return p.w(x,this)},r.subtract=function(t,l){return this.add(-1*t,l)},r.format=function(t){var l=this,s=this.$locale();if(!this.isValid())return s.invalidDate||X;var u=t||"YYYY-MM-DDTHH:mm:ssZ",h=p.z(this),y=this.$H,v=this.$m,x=this.$M,C=s.weekdays,D=s.months,Y=s.meridiem,B=function(M,q,V,ne){return M&&(M[q]||M(l,u))||V[q].slice(0,ne)},J=function(M){return p.s(y%12||12,M,"0")},P=Y||function(M,q,V){var ne=M<12?"AM":"PM";return V?ne.toLowerCase():ne};return u.replace(R,function(M,q){return q||function(V){switch(V){case"YY":return String(l.$y).slice(-2);case"YYYY":return p.s(l.$y,4,"0");case"M":return x+1;case"MM":return p.s(x+1,2,"0");case"MMM":return B(s.monthsShort,x,D,3);case"MMMM":return B(D,x);case"D":return l.$D;case"DD":return p.s(l.$D,2,"0");case"d":return String(l.$W);case"dd":return B(s.weekdaysMin,l.$W,C,2);case"ddd":return B(s.weekdaysShort,l.$W,C,3);case"dddd":return C[l.$W];case"H":return String(y);case"HH":return p.s(y,2,"0");case"h":return J(1);case"hh":return J(2);case"a":return P(y,v,!0);case"A":return P(y,v,!1);case"m":return String(v);case"mm":return p.s(v,2,"0");case"s":return String(l.$s);case"ss":return p.s(l.$s,2,"0");case"SSS":return p.s(l.$ms,3,"0");case"Z":return h}return null}(M)||h.replace(":","")})},r.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},r.diff=function(t,l,s){var u,h=this,y=p.p(l),v=w(t),x=(v.utcOffset()-this.utcOffset())*i,C=this-v,D=function(){return p.m(h,v)};switch(y){case O:u=D()/12;break;case j:u=D();break;case F:u=D()/3;break;case b:u=(C-x)/6048e5;break;case m:u=(C-x)/864e5;break;case $:u=C/d;break;case g:u=C/i;break;case f:u=C/a;break;default:u=C}return s?u:p.a(u)},r.daysInMonth=function(){return this.endOf(j).$D},r.$locale=function(){return T[this.$L]},r.locale=function(t,l){if(!t)return this.$L;var s=this.clone(),u=ee(t,l,!0);return u&&(s.$L=u),s},r.clone=function(){return p.w(this.$d,this)},r.toDate=function(){return new Date(this.valueOf())},r.toJSON=function(){return this.isValid()?this.toISOString():null},r.toISOString=function(){return this.$d.toISOString()},r.toString=function(){return this.$d.toUTCString()},_}(),me=te.prototype;return w.prototype=me,[["$ms",c],["$s",f],["$m",g],["$H",$],["$W",m],["$M",j],["$y",O],["$D",z]].forEach(function(_){me[_[1]]=function(r){return this.$g(r,_[0],_[1])}}),w.extend=function(_,r){return _.$i||(_(r,te,w),_.$i=!0),w},w.locale=ee,w.isDayjs=ce,w.unix=function(_){return w(1e3*_)},w.en=T[Z],w.Ls=T,w.p={},w})})(ve);var Be=ve.exports;const Pe=pe(Be),Fe=e=>{const o=Pe(e),a=o.date(),i=a===1||a===21||a===31?"st":a===2||a===22?"nd":a===3||a===23?"rd":"th";return`${o.format("MMMM D, HH:mm").replace(a.toString(),`${a}${i}`)} (UTC +5)`},Ye=({color:e,title:o,bgPattern:a,deadline:i,bgPatternFinished:d,buttonColor:c,onClick:f})=>{const[g,$]=S.useState(!1),[m,b]=S.useState({days:0,hours:0,minutes:0,seconds:0});S.useEffect(()=>{const F=new Date(i),O=A=>({days:Math.floor(A/(1e3*60*60*24)),hours:Math.floor(A/(1e3*60*60)%24),minutes:Math.floor(A/(1e3*60)%60),seconds:Math.floor(A/1e3%60)}),z=()=>{const A=Date.now(),R=F.getTime()-A;R<=0?($(!0),b({days:0,hours:0,minutes:0,seconds:0})):b(O(R))};z();const X=setInterval(z,1e3);return()=>clearInterval(X)},[i]);const j=(F,O)=>n.jsxs("div",{className:H.timerCell,children:[n.jsx(N,{variant:"heading-lg",className:H.timerCount,children:F}),O]});return n.jsxs("div",{className:H.container,style:{backgroundColor:e},children:[n.jsxs("div",{className:H.content,children:[n.jsxs("div",{className:H.title,children:[n.jsx(N,{variant:"heading-md",children:o}),n.jsx(N,{variant:"body-md",children:Fe(i)})]}),n.jsxs("div",{className:H.timer,children:[j(m.days,"Days"),j(m.hours,"Hours"),j(m.minutes,"Minutes"),j(m.seconds,"Seconds")]})]}),n.jsx("div",{className:H.pattern,style:{"--pattern-color":e,"--pattern-url":`url(${g?d??a:a})`},children:g&&n.jsx("button",{className:H.button,style:{backgroundColor:c},onClick:f,children:n.jsx(N,{variant:"heading-md",children:"Start"})})})]})},We="_btn_12gio_29",Ee="_small_12gio_44",Ue="_medium_12gio_47",Ze="_large_12gio_50",Je="_primary_12gio_71",Ve="_tertiary_12gio_87",Ge="_plain_12gio_102",se={"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:We,small:Ee,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"},Ke=({state:e="default",size:o="medium",selected:a=!1,disabled:i=!1,children:d,onClick:c=()=>{},className:f="",...g})=>{const $=k(se.btn,se[e],se[o],{[se[`${e}-selected`]]:a},f);return n.jsx("button",{className:$,onClick:c,disabled:i,...g,children:d})};/**
|
|
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})};/**
|
|
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
|
|
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,r,l)=>l?l.toUpperCase():r.toLowerCase()),ge=e=>{const s=Qe(e);return s.charAt(0).toUpperCase()+s.slice(1)},xe=(...e)=>e.filter((s,r,l)=>!!s&&s.trim()!==""&&l.indexOf(s)===r).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.
|
|
14
14
|
* See the LICENSE file in the root directory of this source tree.
|
|
15
|
-
*/var
|
|
15
|
+
*/var Re={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
|
|
16
16
|
* @license lucide-react v0.511.0 - ISC
|
|
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
|
|
20
|
+
*/const et=z.forwardRef(({color:e="currentColor",size:s=24,strokeWidth:r=2,absoluteStrokeWidth:l,className:h="",children:i,iconNode:f,...p},$)=>z.createElement("svg",{ref:$,...Re,width:s,height:s,stroke:e,strokeWidth:l?Number(r)*24/Number(s):r,className:xe("lucide",h),...!i&&!Xe(p)&&{"aria-hidden":"true"},...p},[...f.map(([m,M])=>z.createElement(m,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
|
|
25
|
+
*/const oe=(e,s)=>{const r=z.forwardRef(({className:l,...h},i)=>z.createElement(et,{ref:i,iconNode:s,className:xe(`lucide-${Ke(ge(e))}`,`lucide-${e}`,l),...h}));return r.displayName=ge(e),r};/**
|
|
26
26
|
* @license lucide-react v0.511.0 - ISC
|
|
27
27
|
*
|
|
28
28
|
* This source code is licensed under the ISC license.
|
|
29
29
|
* See the LICENSE file in the root directory of this source tree.
|
|
30
|
-
*/const
|
|
30
|
+
*/const tt=[["path",{d:"M18 6 7 17l-5-5",key:"116fxf"}],["path",{d:"m22 10-7.5 7.5L13 16",key:"ke71qq"}]],nt=oe("check-check",tt);/**
|
|
31
31
|
* @license lucide-react v0.511.0 - ISC
|
|
32
32
|
*
|
|
33
33
|
* This source code is licensed under the ISC license.
|
|
34
34
|
* See the LICENSE file in the root directory of this source tree.
|
|
35
|
-
*/const
|
|
35
|
+
*/const st=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],we=oe("chevron-down",st);/**
|
|
36
36
|
* @license lucide-react v0.511.0 - ISC
|
|
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 rt=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],je=oe("chevron-up",rt);/**
|
|
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
|
|
46
|
-
* @license lucide-react v0.511.0 - ISC
|
|
47
|
-
*
|
|
48
|
-
* This source code is licensed under the ISC license.
|
|
49
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
50
|
-
*/const ct=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],lt=Q("x",ct),dt="_navigationItem_1uz1o_29",_t="_container_1uz1o_45",ut="_IconContainer_1uz1o_51",ht="_ParentLine_1uz1o_57",mt="_secondaryIcon_1uz1o_69",ft="_active_1uz1o_80",gt="_collapsed_1uz1o_88",pt="_label_1uz1o_92",L={navigationItem:dt,container:_t,IconContainer:ut,ParentLine:ht,secondaryIcon:mt,active:ft,collapsed:gt,label:pt},K=({icon:e,label:o,secondaryIcon:a,collapsed:i=!1,active:d=!1,isParentNode:c=!1,onClick:f,className:g})=>n.jsxs("div",{className:k(L.navigationItem,d&&L.active,g),onClick:f,children:[n.jsxs("div",{className:L.container,children:[n.jsxs("div",{className:L.IconContainer,children:[e,c&&n.jsx("img",{src:"/assets/icons/ParentLine.svg",alt:"Arrow Indicator",className:L.ParentLine})]}),n.jsx(N,{variant:"body-md",className:k(i&&L.collapsed,L.label),children:o})]}),a&&n.jsx("div",{className:k(L.secondaryIcon,i&&L.collapsed),children:a})]}),yt="_ArrowContainer_i9cnp_29",vt="_active_i9cnp_44",$t="_arrowBlock_i9cnp_54",wt="_isOpen_i9cnp_58",G={ArrowContainer:yt,active:vt,arrowBlock:$t,isOpen:wt},xt=({activeItemId:e,onChange:o,item:a})=>{var g,$;const i=(g=a.children)==null?void 0:g.findIndex(m=>m.id===e),[d,c]=S.useState(i!==-1),f=()=>{a.children&&c(!d),o(a)};return n.jsxs("div",{children:[n.jsx(K,{icon:a.icon,label:a.name,secondaryIcon:d?n.jsx(xe,{size:20}):n.jsx(we,{size:20}),onClick:f,isParentNode:d&&i!==-1,active:i!==-1&&!d,className:k(d&&i===-1&&G.isOpen)}),n.jsx("div",{className:G.childContainer,children:d&&(($=a.children)==null?void 0:$.map((m,b)=>n.jsxs("div",{className:k(G.ArrowContainer,e===m.id?G.active:""),onClick:()=>o(m),children:[n.jsxs("div",{className:G.arrowBlock,children:[i===b&&n.jsx("img",{src:"/assets/icons/ArrowLine.svg",alt:"Arrow Indicator"}),b<(i??-1)&&n.jsx("img",{src:"/assets/icons/SideLine.svg",alt:"Side Indicator"})]}),n.jsx(K,{icon:m.icon,label:m.name,active:m.id===e})]},m.id)))})]})},jt="_ArrowContainer_17ds0_29",Ct="_iconCheck_17ds0_37",bt="_active_17ds0_47",Nt="_arrowBlock_17ds0_57",Mt="_isOpen_17ds0_61",W={ArrowContainer:jt,iconCheck:Ct,active:bt,arrowBlock:Nt,isOpen:Mt},kt=({activeItemId:e,onChange:o,item:a})=>{var g,$;const i=(g=a.children)==null?void 0:g.findIndex(m=>m.id===e),[d,c]=S.useState(i!==-1),f=()=>{a.children&&c(!d),o(a)};return n.jsxs("div",{children:[n.jsx(K,{icon:a.icon,label:a.name,secondaryIcon:d?n.jsx(xe,{size:20}):n.jsx(we,{size:20}),onClick:f,isParentNode:d&&i!==-1,active:i!==-1&&!d,className:k(d&&i===-1&&W.isOpen)}),n.jsx("div",{className:W.childContainer,children:d&&(($=a.children)==null?void 0:$.map((m,b)=>n.jsxs("div",{className:k(W.ArrowContainer,e===m.id?W.active:""),onClick:()=>o(m),children:[n.jsxs("div",{className:W.arrowBlock,children:[i===b&&n.jsx("img",{src:"/assets/icons/ArrowLine.svg",alt:"Arrow Indicator"}),b<(i??-1)&&n.jsx("img",{src:"/assets/icons/SideLine.svg",alt:"Side Indicator"})]}),n.jsx(K,{icon:m.icon,label:m.name,active:m.id===e,secondaryIcon:m.completed&&n.jsx(st,{size:20,className:W.iconCheck})},m.id)]},m.id)))})]})},St="_emptyContainer_tmvlz_29",Ot={emptyContainer:St},Dt=({children:e,className:o=""})=>n.jsx("div",{className:`${Ot.emptyContainer} ${o}`,children:e}),It="_formItem_96xeh_29",zt="_critical_96xeh_36",Lt="_message_96xeh_40",At="_error_96xeh_46",qt="_label_96xeh_50",Ht="_disabled_96xeh_53",Tt="_readOnly_96xeh_56",Bt="_input_96xeh_60",I={"shadow-0":"_shadow-0_96xeh_1","shadow-100":"_shadow-100_96xeh_5","shadow-200":"_shadow-200_96xeh_9","shadow-300":"_shadow-300_96xeh_13","shadow-400":"_shadow-400_96xeh_17","shadow-500":"_shadow-500_96xeh_21","shadow-600":"_shadow-600_96xeh_25",formItem:It,critical:zt,message:Lt,error:At,label:qt,disabled:Ht,readOnly:Tt,input:Bt},je=S.createContext({state:"default"}),ue=()=>S.useContext(je),ae=({children:e,error:o,disabled:a,readOnly:i})=>{let d="default";return o?d="error":a?d="disabled":i&&(d="readOnly"),n.jsx(je.Provider,{value:{state:d},children:n.jsx("div",{className:I.formItem,children:e})})},Pt=({children:e})=>{const{state:o}=ue();return n.jsx("label",{className:k(I.label,o==="disabled"&&I.disabled,o==="readOnly"&&I.readOnly),children:e})},Ce=S.forwardRef(({as:e="input",className:o,...a},i)=>{const{state:d}=ue();return n.jsx(e,{ref:i,className:k(I.input,I[d],o),disabled:d==="disabled",readOnly:d==="readOnly",...a})});Ce.displayName="FormItem.Input";const Ft=({children:e})=>{const{state:o}=ue();return e?n.jsxs("div",{className:k(I.message,o==="error"?I.error:I.default),children:[o==="error"&&n.jsx(it,{className:I.critical}),e]}):null};ae.Label=Pt;ae.Input=Ce;ae.Message=Ft;const Yt="_btn_z8qng_29",Wt="_small_z8qng_42",Et="_medium_z8qng_45",Ut="_large_z8qng_48",Zt="_primary_z8qng_69",Jt="_tertiary_z8qng_85",Vt="_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:Yt,small:Wt,medium:Et,large:Ut,default:"_default_z8qng_51","default-selected":"_default-selected_z8qng_62",primary:Zt,"primary-selected":"_primary-selected_z8qng_79",tertiary:Jt,"tertiary-selected":"_tertiary-selected_z8qng_94",plain:Vt,"plain-selected":"_plain-selected_z8qng_111"},be=({state:e="default",size:o="medium",selected:a=!1,disabled:i=!1,children:d,onClick:c=()=>{},className:f="",...g})=>{const $=k(re.btn,re[e],re[o],{[re[`${e}-selected`]]:a},f);return n.jsx("button",{className:$,onClick:c,disabled:i,...g,children:d})},Gt="_modalLayout_1jmpu_29",Kt="_modalContainer_1jmpu_40",Qt="_header_1jmpu_64",Xt="_close_1jmpu_73",Rt="_content_1jmpu_83",en="_footer_1jmpu_91",U={modalLayout:Gt,modalContainer:Kt,header:Qt,close:Xt,content:Rt,footer:en},oe=({open:e,onClose:o,children:a})=>e?n.jsx("div",{className:U.modalLayout,onClick:o,children:n.jsx("div",{className:U.modalContainer,onClick:i=>i.stopPropagation(),children:a})}):null,tn=({children:e,onClose:o})=>n.jsxs("div",{className:U.header,children:[n.jsx(N,{variant:"heading-sm",children:e}),n.jsx(be,{size:"small",state:"default",className:U.close,onClick:o,children:n.jsx(lt,{})})]}),nn=({children:e})=>n.jsx(N,{variant:"body-md",className:U.content,children:e}),sn=({children:e})=>n.jsx("div",{className:U.footer,children:e});oe.Header=tn;oe.Content=nn;oe.Footer=sn;const rn="_pageHeader_1lrq1_29",an="_mg_1lrq1_38",on="_lg_1lrq1_39",le={pageHeader:rn,mg:an,lg:on},cn=({children:e})=>n.jsxs("header",{className:le.pageHeader,children:[n.jsx(N,{variant:"heading-xl",className:le.lg,children:e}),n.jsx(N,{variant:"heading-md",className:le.mg,children:e})]}),ln="_container_1g19z_29",dn="_line_1g19z_35",_n="_progress_1g19z_41",de={container:ln,line:dn,progress:_n},un=({percent:e})=>n.jsx("div",{className:de.container,children:n.jsx("div",{className:de.line,children:n.jsx("div",{className:de.progress,style:{width:`${e}%`}})})}),hn="_container_1gn8d_29",mn="_notMobile_1gn8d_38",fn="_mobile_1gn8d_47",_e={container:hn,notMobile:mn,mobile:fn},gn=({title:e,extra:o})=>n.jsxs("div",{className:_e.container,children:[n.jsx(N,{variant:"heading-md",className:_e.notMobile,children:e}),n.jsx(N,{variant:"heading-sm",className:_e.mobile,children:e}),o]}),pn="_topBar_xnlee_29",yn="_section_xnlee_66",vn="_scretched_xnlee_73",$n="_active_xnlee_90",wn="_sm_xnlee_99",xn="_md_xnlee_100",E={topBar:pn,section:yn,scretched:vn,active:$n,sm:wn,md:xn},jn=({sections:e,activeTab:o,onTabSelect:a,isStretched:i=!0})=>{var d;return n.jsxs("div",{children:[n.jsx("div",{className:E.topBar,children:e.map(c=>n.jsxs("div",{className:k(E.section,i&&E.scretched,o===c.id&&E.active),onClick:()=>a(c.id),children:[n.jsx(N,{variant:"heading-xs",className:E.sm,children:c.title}),n.jsx(N,{variant:"heading-md",className:E.md,children:c.title})]},c.id))}),((d=e.find(c=>c.id===o))==null?void 0:d.component)??n.jsx(N,{variant:"body-lg",children:"Not Found"})]})};exports.Banner=Ye;exports.Button=Ke;exports.Collapse=xt;exports.CourseCollapse=kt;exports.Empty=Dt;exports.FormItem=ae;exports.IconButton=be;exports.Modal=oe;exports.NavigationItem=K;exports.PageHeader=cn;exports.ProgressLine=un;exports.SectionHeader=gn;exports.TopBar=jn;exports.Typography=N;
|
|
45
|
+
*/const at=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],ot=oe("x",at),it="_navigationItem_1uz1o_29",ct="_container_1uz1o_45",lt="_IconContainer_1uz1o_51",dt="_ParentLine_1uz1o_57",_t="_secondaryIcon_1uz1o_69",ut="_active_1uz1o_80",ht="_collapsed_1uz1o_88",mt="_label_1uz1o_92",I={navigationItem:it,container:ct,IconContainer:lt,ParentLine:dt,secondaryIcon:_t,active:ut,collapsed:ht,label:mt},X=({icon:e,label:s,secondaryIcon:r,collapsed:l=!1,active:h=!1,isParentNode:i=!1,onClick:f,className:p})=>t.jsxs("div",{className:C(I.navigationItem,h&&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})]}),r&&t.jsx("div",{className:C(I.secondaryIcon,l&&I.collapsed),children:r})]}),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:r})=>{var p,$;const l=(p=r.children)==null?void 0:p.findIndex(m=>m.id===e),[h,i]=z.useState(l!==-1),f=()=>{r.children&&i(!h),s(r)};return t.jsxs("div",{children:[t.jsx(X,{icon:r.icon,label:r.name,secondaryIcon:h?t.jsx(je,{size:20}):t.jsx(we,{size:20}),onClick:f,isParentNode:h&&l!==-1,active:l!==-1&&!h,className:C(h&&l===-1&&K.isOpen)}),t.jsx("div",{className:K.childContainer,children:h&&(($=r.children)==null?void 0:$.map((m,M)=>t.jsxs("div",{className:C(K.ArrowContainer,e===m.id?K.active:""),onClick:()=>s(m),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:m.icon,label:m.name,active:m.id===e})]},m.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:r})=>{var p,$;const l=(p=r.children)==null?void 0:p.findIndex(m=>m.id===e),[h,i]=z.useState(l!==-1),f=()=>{r.children&&i(!h),s(r)};return t.jsxs("div",{children:[t.jsx(X,{icon:r.icon,label:r.name,secondaryIcon:h?t.jsx(je,{size:20}):t.jsx(we,{size:20}),onClick:f,isParentNode:h&&l!==-1,active:l!==-1&&!h,className:C(h&&l===-1&&W.isOpen)}),t.jsx("div",{className:W.childContainer,children:h&&(($=r.children)==null?void 0:$.map((m,M)=>t.jsxs("div",{className:C(W.ArrowContainer,e===m.id?W.active:""),onClick:()=>s(m),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:m.icon,label:m.name,active:m.id===e,secondaryIcon:m.completed&&t.jsx(nt,{size:20,className:W.iconCheck})},m.id)]},m.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:r=""})=>t.jsx(he,{state:"primary",size:"medium",className:`${T.buttons} ${r}`,onClick:s,children:e}),qt=({children:e,onClick:s,className:r=""})=>t.jsx(he,{size:"medium",className:`${T.buttons} ${r}`,onClick:s,children:e}),Ht=({src:e,className:s="",alt:r="Empty state image"})=>t.jsx("img",{className:C(T.imageContent,s),src:e,alt:r}),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:r="",error:l})=>t.jsxs("div",{className:C(Q.formItem,r),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",ae={"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:r=!1,disabled:l=!1,children:h,onClick:i=()=>{},className:f="",...p})=>{const $=C(ae.btn,ae[e],ae[s],{[ae[`${e}-selected`]]:r},f);return t.jsx("button",{className:$,onClick:i,disabled:l,...p,children:h})},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},rn=({open:e,onClose:s,children:r})=>e?t.jsx("div",{className:Z.modalLayout,onClick:s,children:t.jsx("div",{className:Z.modalContainer,onClick:l=>l.stopPropagation(),children:r})}):null,an=({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=rn;ie.Header=an;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})]}),hn="_container_1g19z_29",mn="_line_1g19z_35",fn="_progress_1g19z_41",_e={container:hn,line:mn,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:r,isStretched:l=!0})=>{var h;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:()=>r(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))}),((h=e.find(i=>i.id===s))==null?void 0:h.component)??t.jsx(j,{variant:"body-lg",children:"Not Found"})]})};exports.Banner=Fe;exports.Button=he;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;
|