najwer23morsels 1.11.9 → 1.12.2
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/CHANGELOG.md +6 -0
- package/lib/Button/index.js +1 -1
- package/lib/{Button-D231Dgds.js → Button-C-wHKWXx.js} +1 -1
- package/lib/Calendar/index.js +1 -1
- package/lib/{Calendar-FdLNtnDb.js → Calendar-CywqNl1K.js} +1 -1
- package/lib/Dialog/index.js +1 -1
- package/lib/{Dialog-wMSO-2wN.js → Dialog-LxcqPFlL.js} +1 -1
- package/lib/Footer/index.js +1 -1
- package/lib/Form/index.js +1 -1
- package/lib/{Form-GEUDMZ7Z.js → Form-CIKS98NU.js} +1 -1
- package/lib/FormForgotPass/index.js +1 -1
- package/lib/FormForgotPassOtp/index.js +1 -1
- package/lib/FormLogin/index.js +1 -1
- package/lib/FormSignUp/index.js +1 -1
- package/lib/Grid/Grid.d.ts +2 -51
- package/lib/Grid/Grid.types.d.ts +72 -0
- package/lib/Grid/Grid.utils.d.ts +2 -0
- package/lib/Grid/index.js +1 -1
- package/lib/Grid-BLvVIQEG.js +1 -0
- package/lib/Input/index.js +1 -1
- package/lib/{Input-DcnNAaKr.js → Input-ByGk_DRd.js} +1 -1
- package/lib/Loader/index.js +1 -1
- package/lib/{Loader-ZYEBOkbx.js → Loader-Xiu7dKXn.js} +1 -1
- package/lib/LoaderDots/index.js +1 -1
- package/lib/{LoaderDots-BoEg_zlZ.js → LoaderDots-B531jWAx.js} +1 -1
- package/lib/NavigationDashboard/index.js +1 -1
- package/lib/NavigationTabs/index.js +1 -1
- package/lib/{NavigationTabs--DwmwCt_.js → NavigationTabs-RvtmiqDG.js} +1 -1
- package/lib/Picture/index.js +1 -1
- package/lib/Select/index.js +1 -1
- package/lib/{Select-ha0wdXL7.js → Select-CZl1dL0Q.js} +1 -1
- package/lib/Slider/index.js +1 -1
- package/lib/SliderScroll/index.js +1 -1
- package/lib/Table/index.js +1 -1
- package/lib/TextBox/index.js +1 -1
- package/lib/TextBox-DdegFlzI.js +1 -0
- package/lib/Typography/index.js +1 -1
- package/lib/{Typography-CR1DOKsN.js → Typography-CGEZ3qz0.js} +1 -1
- package/package.json +1 -1
- package/lib/Grid-DmI4tqqG.js +0 -1
- package/lib/TextBox-__k4jPYK.js +0 -1
package/CHANGELOG.md
CHANGED
package/lib/Button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Button}from"../Button-
|
|
1
|
+
export{B as Button}from"../Button-C-wHKWXx.js";import"react/jsx-runtime";import"react";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as e,useState as r,useRef as i,useCallback as a,useEffect as d}from"react";import{L as u}from"./LoaderDots-
|
|
1
|
+
import{jsx as t,jsxs as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as e,useState as r,useRef as i,useCallback as a,useEffect as d}from"react";import{L as u}from"./LoaderDots-B531jWAx.js";import{T as s}from"./TextBox-DdegFlzI.js";import{s as l,g as b}from"./style-inject.es-CrVRO2OA.js";const c={primary:{background:"#3F454B",border:"#343A40",text:"#FFFFFF",focus:"#3F454B"},secondary:{background:"#6B6F76",border:"#585C62",text:"#FFFFFF",focus:"#6B6F76"},danger:{background:"#C24141",border:"#A93434",text:"#FFFFFF",focus:"#C24141"},success:{background:"#367C59",border:"#2D684B",text:"#FFFFFF",focus:"#367C59"},copy:{background:"#B45309",border:"#92400E",text:"#FFFFFF",focus:"#B45309"},menu:{background:"#6B4FA0",border:"#593F89",text:"#FFFFFF",focus:"#6B4FA0"},disabled:{background:"#CFCFCF",border:"#C8C8C8",text:"#555555",focus:"#8A8A8A"}};var p={n23mButtonButton:"Button-module_n23mButtonButton__U9-RM",n23mButtonButtonLoading:"Button-module_n23mButtonButtonLoading__NNmp1",n23mButtonContent:"Button-module_n23mButtonContent__dIwIk",n23mButtonLoader:"Button-module_n23mButtonLoader__464qp"};l('@layer n23mButton{.Button-module_n23mButtonButton__U9-RM{--button-radius:12px;--button-transition:180ms ease;--button-shadow:0 2px 4px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.1);--button-shadow-hover:0 4px 8px rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.14);corner-shape:squircle;-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--n23mButtonBg,var(--button-bg));border:1px solid var(--n23mButtonBorderColor,var(--button-bc,transparent));border-radius:var(--button-radius);box-shadow:none;box-sizing:border-box;color:var(--n23mButtonTextColor,var(--button-color,#fff));cursor:pointer;display:inline-flex;height:var(--button-h,42px);justify-content:center;letter-spacing:normal;margin:var(--button-m,0);padding:var(--button-p,0 12px);position:relative;transition:background-color var(--button-transition),border-color var(--button-transition),box-shadow var(--button-transition),transform var(--button-transition);user-select:none;width:var(--button-w,auto);>*{position:relative;z-index:1}&:before{corner-shape:inherit;background-color:inherit;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:filter var(--button-transition);z-index:0}@media (hover:hover) and (pointer:fine){&:hover:not(:disabled){box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}&:hover:not(:disabled):before{filter:brightness(1.06)}}&:active:not(:disabled){box-shadow:var(--button-shadow);transform:translateY(0)}&:active:not(:disabled):before{filter:brightness(.92)}&:focus-visible{box-shadow:none;outline:2px solid var(--n23mButtonFocusColor,var(--button-focus,var(--button-bg)));outline-offset:1px}&:disabled{box-shadow:none;cursor:not-allowed;transform:none}&:disabled:not(.Button-module_n23mButtonButtonLoading__NNmp1){background-color:var(--n23mButtonBgDisabled,var(--button-bgd,#e5e7eb));border-color:transparent;color:var(--n23mButtonTextColorDisabled,var(--button-colord,#595959))}&:disabled:before{filter:none}@media (prefers-reduced-motion:reduce){transition:none;&:before{transition:none}}}.Button-module_n23mButtonContent__dIwIk{align-items:center;display:inline-flex;justify-content:center;min-width:0;position:relative;transition:opacity .14s ease;white-space:nowrap;z-index:1}.Button-module_n23mButtonButtonLoading__NNmp1 .Button-module_n23mButtonContent__dIwIk{opacity:0;pointer-events:none}.Button-module_n23mButtonLoader__464qp{align-items:center;display:inline-flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}}');const m={position:"absolute",width:1,height:1,margin:-1,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap",border:0},B=e(({variant:e="primary",textToCopy:l,loaderMobileSize:B=16,loaderDesktopSize:g=16,margin:h,children:x,className:v,backgroundColor:f,backgroundColorDisabled:F,borderColor:_,textColor:C,padding:w="0 12px",loading:y=!1,height:k="42px",width:z,style:L,disabled:N,type:j,onClick:T,...A},S)=>{const D="copy"===e,[I,q]=r(!1),M=i(null),R=a(()=>{M.current&&(clearTimeout(M.current),M.current=null)},[]),U=a(async t=>{if(T?.(t),D&&void 0!==l){R();try{await navigator.clipboard.writeText(l)}catch{return void q(!1)}q(!0),M.current=setTimeout(()=>{q(!1),M.current=null},800)}},[T,D,l,R]);d(()=>R,[R]);const Y=D&&I?"success":e,E="disabled"===Y||N&&!y?"disabled":Y,H=c[E],W=c.disabled,G=t(s,{mobileSize:10,desktopSize:10,fontWeight:600,lineHeight:"17px",color:"inherit",children:"Copy"});return o(n,{children:[o("button",{ref:S,type:j??(D?"button":void 0),disabled:N||y||"disabled"===e,"aria-busy":y||void 0,"data-variant":E,onClick:U,style:{...b({"--button-bg":f??H.background,"--button-bc":_??H.border,"--button-color":C??H.text,"--button-focus":H.focus,"--button-bgd":F??W.background,"--button-colord":W.text,"--button-h":k,"--button-w":z,"--button-p":w,"--button-m":h}),...L},className:[p.n23mButtonButton,"n23mButtonButton",y&&p.n23mButtonButtonLoading,v].filter(Boolean).join(" "),...A,children:[t("span",{className:p.n23mButtonContent,"aria-hidden":y||void 0,children:x??(D?G:null)}),y&&t("span",{className:p.n23mButtonLoader,children:t(u,{mobileSize:B,desktopSize:g,color:C??H.text})})]}),D&&t("span",{role:"status","aria-live":"polite",style:m,children:I?"Copied":""})]})});B.displayName="Button";export{B};
|
package/lib/Calendar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as Calendar}from"../Calendar-
|
|
1
|
+
export{C as Calendar}from"../Calendar-CywqNl1K.js";import"react/jsx-runtime";import"react";import"../Button-C-wHKWXx.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";import"../IconLocate-BXomEqkx.js";import"../Input-ByGk_DRd.js";import"../validator/index.js";import"../validator.const-LBF9whmW.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import{useRef as n,useState as r,useMemo as o}from"react";import{B as l}from"./Button-D231Dgds.js";import{I as d,a as i}from"./IconLocate-BXomEqkx.js";import{I as s}from"./Input-DcnNAaKr.js";import{T as c}from"./TextBox-__k4jPYK.js";import{s as p}from"./style-inject.es-CrVRO2OA.js";var h={n23mCalendar:"Calendar-module_n23mCalendar__6E2X7",icon:"Calendar-module_icon__ye4Dl",dropdownWrapper:"Calendar-module_dropdownWrapper__KryyT",open:"Calendar-module_open__Y-JWN",dropdown:"Calendar-module_dropdown__RPTTl",controls:"Calendar-module_controls__XGi-Q",controlsDate:"Calendar-module_controlsDate__L1Wp6",weekdays:"Calendar-module_weekdays__t9VRM",weekdaysChild:"Calendar-module_weekdaysChild__owTwc",days:"Calendar-module_days__D03p-",daysChild:"Calendar-module_daysChild__Jbjrd",daysActive:"Calendar-module_daysActive__Y7Fsv",daysClickable:"Calendar-module_daysClickable__THEm1",months:"Calendar-module_months__NOLDP",years:"Calendar-module_years__li-uY",monthsChild:"Calendar-module_monthsChild__4gx-0",yearsChild:"Calendar-module_yearsChild__mRWoZ"};p("@layer n23mCalendar{.Calendar-module_n23mCalendar__6E2X7{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;position:relative;& input{padding-right:40px}.Calendar-module_icon__ye4Dl{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='%23231f20' d='M22.5 3H21V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1h-4V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1H7V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1H2.5A1.5 1.5 0 0 0 1 4.5v18A1.5 1.5 0 0 0 2.5 24h20a1.5 1.5 0 0 0 1.5-1.5v-18A1.5 1.5 0 0 0 22.5 3ZM19 2h1v3h-1Zm-7 0h1v3h-1ZM5 2h1v3H5ZM2.5 4H4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h1.5a.5.5 0 0 1 .5.5V8H2V4.5a.5.5 0 0 1 .5-.5Zm20 19h-20a.5.5 0 0 1-.5-.5V9h21v13.5a.5.5 0 0 1-.5.5Z'/%3E%3C/svg%3E\");background-position:100%;background-position:calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:18px;cursor:pointer;display:inline-block;height:40px;position:absolute;right:1px;top:21px;width:40px}.Calendar-module_dropdownWrapper__KryyT{background-color:transparent;display:none;margin-top:65px;padding-bottom:40px;position:absolute;top:0;width:318px;z-index:3;&.Calendar-module_open__Y-JWN{display:block}.Calendar-module_dropdown__RPTTl{corner-shape:squircle;background:#fff;border:1px solid var(--input-cb,#000);border-radius:12px;box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);box-sizing:border-box;overflow-y:auto;padding:20px;& .Calendar-module_controls__XGi-Q{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 7px}& .Calendar-module_controlsDate__L1Wp6{display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:20px;justify-content:center}& .Calendar-module_weekdays__t9VRM{display:flex;justify-content:center;width:100%}& .Calendar-module_weekdaysChild__owTwc{align-items:center;display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:12px;height:30px;justify-content:center;width:14.28571%}& .Calendar-module_days__D03p-{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}& .Calendar-module_daysChild__Jbjrd{font-size:16px}& .Calendar-module_daysChild__Jbjrd:nth-child(7n){color:red;font-weight:700}& .Calendar-module_daysActive__Y7Fsv,& .Calendar-module_daysClickable__THEm1:hover{corner-shape:squircle;background-color:#f2f2f2;border-radius:12px;cursor:pointer}& .Calendar-module_daysClickable__THEm1{cursor:pointer}& .Calendar-module_months__NOLDP,& .Calendar-module_years__li-uY{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}& .Calendar-module_monthsChild__4gx-0,& .Calendar-module_yearsChild__mRWoZ{display:flex;justify-content:center}}}}}");const u=(e,a,t)=>{const n=new Date(0);return n.setFullYear(e,a,t),n.setHours(0,0,0,0),n},m=e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n+1,0).getDate()},y=e=>{const a="string"==typeof e?new Date(e):e;return`${String(a.getFullYear()).padStart(4,"0")}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`},_=e=>{const a="string"==typeof e?new Date(e):e,t=a.getDate(),n=((e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n,1).getDay()})(a)+6)%7,r=m(a);return Array.from({length:r+n},(e,a)=>{let r="",o="";return a<=n-1?(r="",o="blank"):a===t+n-1?(r=String(a-n+1),o="active"):(r=String(a-n+1),o="clickable"),{day:a-n+1,dayValue:r,cssClass:o}})},g=e=>a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),e())},C=({children:p,name:C,placeholder:v,label:w="Calendar",initialValue:x,disabled:b,onBlur:f,validatorOptions:D,className:k,style:S,...N})=>{const F=n(null),j=n(null),[M,T]=r({value:x??y(new Date),open:!1,dropDwonState:"days"}),{year:Y,month:V,day:E,iso:A}=((e,a=new Date)=>{const[t="",n="",r=""]=e.split("-"),o=/^\d{4}$/.test(t)?Number(t):a.getFullYear(),l=/^\d{1,2}$/.test(n)&&Number(n)>=1&&Number(n)<=12?Number(n)-1:a.getMonth(),d=/^\d{1,2}$/.test(r)&&Number(r)>=1&&Number(r)<=31?Number(r):a.getDate(),i=Math.min(d,m(u(o,l,1)));return{year:o,month:l,day:i,iso:`${String(o).padStart(4,"0")}-${String(l+1).padStart(2,"0")}-${String(i).padStart(2,"0")}`}})(M.value),H=e=>{const a=e.relatedTarget;a&&j.current?.contains(a)||(T(e=>({...e,open:!1})),f?.(e))},z=e=>{T(a=>({...a,value:y(e),open:!0}))},B=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth(),o=u(n,r+1,0).getDate(),l=Math.max(1,Math.min(a,o));return u(n,r,l)})(A,e))},W=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth()+a,o=t.getDate(),l=u(n,r,o);if(l.getDate()!==o){const e=u(n,r+1,0).getDate();return u(n,r,e)}return l})(A,e))},$=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=a,r=t.getMonth(),o=t.getDate();return u(n,r,o)})(A,e))},I=e=>{T(a=>({...a,dropDwonState:e}))},Z=e=>{e>0&&B(e),T(e=>({...e,open:!1})),setTimeout(()=>{F.current?.blur()})},L=o(()=>Array.from({length:7},(e,a)=>new Date(2021,0,(a+4)%7).toLocaleString("en-US",{weekday:"short"})),[]),R=o(()=>Array.from({length:12},(e,a)=>new Date(2021,a+1,0).toLocaleString("en-US",{month:"short"})),[]),K=_(A),P=(e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear()-4,n=a.getFullYear()+4;return Array.from({length:n-t+1},(e,a)=>t+a).filter(e=>e>=0)})(A);return e("div",{ref:j,className:[h.n23mCalendar,"n23mCalendar",k].filter(Boolean).join(" "),...N,style:{...S},children:[a("div",{className:h.icon,onMouseDown:e=>{b||(e.preventDefault(),document.activeElement===F.current?T(e=>({...e,open:!e.open,dropDwonState:"days"})):F.current?.focus())}}),a(s,{inputRef:F,label:w,type:"text",kind:"input",name:C,autoComplete:"off",placeholder:v,onChange:e=>{const a=e.currentTarget.value;T(e=>({...e,value:a}))},onBlur:H,onFocus:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},onClick:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},disabled:b,value:M.value,validatorOptions:[...D??[],{type:"date"}],className:h.arrowUp,"aria-expanded":M.open,role:"combobox"}),a("div",{className:[h.dropdownWrapper,M.open?h.open:""].join(" "),children:e("div",{className:[h.dropdown].join(" "),onMouseDown:e=>e.preventDefault(),onBlur:H,children:["years"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,style:{marginBottom:"10px"},children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous years",variant:"secondary",onClick:()=>$(Y-9),children:a(d,{height:22,width:22})})}),a("div",{style:{width:"60%"},className:h.controlsDate,children:a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("days"),onKeyDown:g(()=>I("days")),children:Y})}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next years",variant:"secondary",onClick:()=>$(Y+9),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.years,children:P.map(e=>a("div",{className:h.yearsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:Y==e?"white":"#F2F0EF",borderColor:"black",title:"year",onClick:()=>{$(e),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))})]}),"months"===M.dropDwonState&&a("div",{className:h.months,children:R.map((e,t)=>a("div",{className:h.monthsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:V==t?"white":"#F2F0EF",borderColor:"black",title:"month",onClick:()=>{W(t-V),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))}),"days"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous month",variant:"secondary",onClick:()=>W(-1),children:a(d,{height:22,width:22})})}),e("div",{style:{width:"60%"},className:h.controlsDate,children:[a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("years"),onKeyDown:g(()=>I("years")),children:Y}),a("div",{children:"-"}),a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("months"),onKeyDown:g(()=>I("months")),children:String(V+1).padStart(2,"0")}),a("div",{children:"-"}),a("div",{children:String(E).padStart(2,"0")})]}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next month",variant:"secondary",onClick:()=>W(1),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.weekdays,children:L.map(e=>a("div",{className:h.weekdaysChild,children:e},e))}),a("div",{className:h.days,children:K.map(e=>{const t=e.day>0&&e.day<=m(A);return a("div",{className:[h.weekdaysChild,h.daysChild,"active"==e.cssClass&&h.daysActive,"clickable"==e.cssClass&&h.daysClickable].join(" "),role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?g(()=>Z(e.day)):void 0,onMouseDown:()=>Z(e.day),children:t?e.day:" "},e.day+M.value)})})]})]})})]})};C.displayName="Calendar";export{C};
|
|
1
|
+
import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import{useRef as n,useState as r,useMemo as o}from"react";import{B as l}from"./Button-C-wHKWXx.js";import{I as d,a as i}from"./IconLocate-BXomEqkx.js";import{I as s}from"./Input-ByGk_DRd.js";import{T as c}from"./TextBox-DdegFlzI.js";import{s as p}from"./style-inject.es-CrVRO2OA.js";var h={n23mCalendar:"Calendar-module_n23mCalendar__6E2X7",icon:"Calendar-module_icon__ye4Dl",dropdownWrapper:"Calendar-module_dropdownWrapper__KryyT",open:"Calendar-module_open__Y-JWN",dropdown:"Calendar-module_dropdown__RPTTl",controls:"Calendar-module_controls__XGi-Q",controlsDate:"Calendar-module_controlsDate__L1Wp6",weekdays:"Calendar-module_weekdays__t9VRM",weekdaysChild:"Calendar-module_weekdaysChild__owTwc",days:"Calendar-module_days__D03p-",daysChild:"Calendar-module_daysChild__Jbjrd",daysActive:"Calendar-module_daysActive__Y7Fsv",daysClickable:"Calendar-module_daysClickable__THEm1",months:"Calendar-module_months__NOLDP",years:"Calendar-module_years__li-uY",monthsChild:"Calendar-module_monthsChild__4gx-0",yearsChild:"Calendar-module_yearsChild__mRWoZ"};p("@layer n23mCalendar{.Calendar-module_n23mCalendar__6E2X7{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;position:relative;& input{padding-right:40px}.Calendar-module_icon__ye4Dl{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='%23231f20' d='M22.5 3H21V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1h-4V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1H7V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1H2.5A1.5 1.5 0 0 0 1 4.5v18A1.5 1.5 0 0 0 2.5 24h20a1.5 1.5 0 0 0 1.5-1.5v-18A1.5 1.5 0 0 0 22.5 3ZM19 2h1v3h-1Zm-7 0h1v3h-1ZM5 2h1v3H5ZM2.5 4H4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h1.5a.5.5 0 0 1 .5.5V8H2V4.5a.5.5 0 0 1 .5-.5Zm20 19h-20a.5.5 0 0 1-.5-.5V9h21v13.5a.5.5 0 0 1-.5.5Z'/%3E%3C/svg%3E\");background-position:100%;background-position:calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:18px;cursor:pointer;display:inline-block;height:40px;position:absolute;right:1px;top:21px;width:40px}.Calendar-module_dropdownWrapper__KryyT{background-color:transparent;display:none;margin-top:65px;padding-bottom:40px;position:absolute;top:0;width:318px;z-index:3;&.Calendar-module_open__Y-JWN{display:block}.Calendar-module_dropdown__RPTTl{corner-shape:squircle;background:#fff;border:1px solid var(--input-cb,#000);border-radius:12px;box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);box-sizing:border-box;overflow-y:auto;padding:20px;& .Calendar-module_controls__XGi-Q{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 7px}& .Calendar-module_controlsDate__L1Wp6{display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:20px;justify-content:center}& .Calendar-module_weekdays__t9VRM{display:flex;justify-content:center;width:100%}& .Calendar-module_weekdaysChild__owTwc{align-items:center;display:flex;font-family:var(--n23mFontFamily,var(--iff));font-size:12px;height:30px;justify-content:center;width:14.28571%}& .Calendar-module_days__D03p-{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}& .Calendar-module_daysChild__Jbjrd{font-size:16px}& .Calendar-module_daysChild__Jbjrd:nth-child(7n){color:red;font-weight:700}& .Calendar-module_daysActive__Y7Fsv,& .Calendar-module_daysClickable__THEm1:hover{corner-shape:squircle;background-color:#f2f2f2;border-radius:12px;cursor:pointer}& .Calendar-module_daysClickable__THEm1{cursor:pointer}& .Calendar-module_months__NOLDP,& .Calendar-module_years__li-uY{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}& .Calendar-module_monthsChild__4gx-0,& .Calendar-module_yearsChild__mRWoZ{display:flex;justify-content:center}}}}}");const u=(e,a,t)=>{const n=new Date(0);return n.setFullYear(e,a,t),n.setHours(0,0,0,0),n},m=e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n+1,0).getDate()},y=e=>{const a="string"==typeof e?new Date(e):e;return`${String(a.getFullYear()).padStart(4,"0")}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`},_=e=>{const a="string"==typeof e?new Date(e):e,t=a.getDate(),n=((e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear(),n=a.getMonth();return u(t,n,1).getDay()})(a)+6)%7,r=m(a);return Array.from({length:r+n},(e,a)=>{let r="",o="";return a<=n-1?(r="",o="blank"):a===t+n-1?(r=String(a-n+1),o="active"):(r=String(a-n+1),o="clickable"),{day:a-n+1,dayValue:r,cssClass:o}})},g=e=>a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),e())},C=({children:p,name:C,placeholder:v,label:w="Calendar",initialValue:x,disabled:b,onBlur:f,validatorOptions:D,className:k,style:S,...N})=>{const F=n(null),j=n(null),[M,T]=r({value:x??y(new Date),open:!1,dropDwonState:"days"}),{year:Y,month:V,day:E,iso:A}=((e,a=new Date)=>{const[t="",n="",r=""]=e.split("-"),o=/^\d{4}$/.test(t)?Number(t):a.getFullYear(),l=/^\d{1,2}$/.test(n)&&Number(n)>=1&&Number(n)<=12?Number(n)-1:a.getMonth(),d=/^\d{1,2}$/.test(r)&&Number(r)>=1&&Number(r)<=31?Number(r):a.getDate(),i=Math.min(d,m(u(o,l,1)));return{year:o,month:l,day:i,iso:`${String(o).padStart(4,"0")}-${String(l+1).padStart(2,"0")}-${String(i).padStart(2,"0")}`}})(M.value),H=e=>{const a=e.relatedTarget;a&&j.current?.contains(a)||(T(e=>({...e,open:!1})),f?.(e))},z=e=>{T(a=>({...a,value:y(e),open:!0}))},B=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth(),o=u(n,r+1,0).getDate(),l=Math.max(1,Math.min(a,o));return u(n,r,l)})(A,e))},W=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=t.getFullYear(),r=t.getMonth()+a,o=t.getDate(),l=u(n,r,o);if(l.getDate()!==o){const e=u(n,r+1,0).getDate();return u(n,r,e)}return l})(A,e))},$=e=>{z(((e,a)=>{const t="string"==typeof e?new Date(e):e,n=a,r=t.getMonth(),o=t.getDate();return u(n,r,o)})(A,e))},I=e=>{T(a=>({...a,dropDwonState:e}))},Z=e=>{e>0&&B(e),T(e=>({...e,open:!1})),setTimeout(()=>{F.current?.blur()})},L=o(()=>Array.from({length:7},(e,a)=>new Date(2021,0,(a+4)%7).toLocaleString("en-US",{weekday:"short"})),[]),R=o(()=>Array.from({length:12},(e,a)=>new Date(2021,a+1,0).toLocaleString("en-US",{month:"short"})),[]),K=_(A),P=(e=>{const a="string"==typeof e?new Date(e):e,t=a.getFullYear()-4,n=a.getFullYear()+4;return Array.from({length:n-t+1},(e,a)=>t+a).filter(e=>e>=0)})(A);return e("div",{ref:j,className:[h.n23mCalendar,"n23mCalendar",k].filter(Boolean).join(" "),...N,style:{...S},children:[a("div",{className:h.icon,onMouseDown:e=>{b||(e.preventDefault(),document.activeElement===F.current?T(e=>({...e,open:!e.open,dropDwonState:"days"})):F.current?.focus())}}),a(s,{inputRef:F,label:w,type:"text",kind:"input",name:C,autoComplete:"off",placeholder:v,onChange:e=>{const a=e.currentTarget.value;T(e=>({...e,value:a}))},onBlur:H,onFocus:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},onClick:()=>{b||T(e=>({...e,open:!0,dropDwonState:"days"}))},disabled:b,value:M.value,validatorOptions:[...D??[],{type:"date"}],className:h.arrowUp,"aria-expanded":M.open,role:"combobox"}),a("div",{className:[h.dropdownWrapper,M.open?h.open:""].join(" "),children:e("div",{className:[h.dropdown].join(" "),onMouseDown:e=>e.preventDefault(),onBlur:H,children:["years"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,style:{marginBottom:"10px"},children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous years",variant:"secondary",onClick:()=>$(Y-9),children:a(d,{height:22,width:22})})}),a("div",{style:{width:"60%"},className:h.controlsDate,children:a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("days"),onKeyDown:g(()=>I("days")),children:Y})}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next years",variant:"secondary",onClick:()=>$(Y+9),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.years,children:P.map(e=>a("div",{className:h.yearsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:Y==e?"white":"#F2F0EF",borderColor:"black",title:"year",onClick:()=>{$(e),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))})]}),"months"===M.dropDwonState&&a("div",{className:h.months,children:R.map((e,t)=>a("div",{className:h.monthsChild,children:a(l,{type:"button",height:"40px",width:"80px",textColor:"black",backgroundColor:V==t?"white":"#F2F0EF",borderColor:"black",title:"month",onClick:()=>{W(t-V),I("days")},children:a(c,{mobileSize:14,desktopSize:14,color:"inherit",children:e})},e+M.value)},e+M.value))}),"days"===M.dropDwonState&&e(t,{children:[e("div",{className:h.controls,children:[a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Previous month",variant:"secondary",onClick:()=>W(-1),children:a(d,{height:22,width:22})})}),e("div",{style:{width:"60%"},className:h.controlsDate,children:[a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("years"),onKeyDown:g(()=>I("years")),children:Y}),a("div",{children:"-"}),a("div",{style:{cursor:"pointer"},role:"button",tabIndex:0,onClick:()=>I("months"),onKeyDown:g(()=>I("months")),children:String(V+1).padStart(2,"0")}),a("div",{children:"-"}),a("div",{children:String(E).padStart(2,"0")})]}),a("div",{style:{width:"30px"},children:a(l,{type:"button",padding:"0",height:"30px",width:"30px",title:"Next month",variant:"secondary",onClick:()=>W(1),children:a(i,{height:22,width:22})})})]}),a("div",{className:h.weekdays,children:L.map(e=>a("div",{className:h.weekdaysChild,children:e},e))}),a("div",{className:h.days,children:K.map(e=>{const t=e.day>0&&e.day<=m(A);return a("div",{className:[h.weekdaysChild,h.daysChild,"active"==e.cssClass&&h.daysActive,"clickable"==e.cssClass&&h.daysClickable].join(" "),role:t?"button":void 0,tabIndex:t?0:void 0,onKeyDown:t?g(()=>Z(e.day)):void 0,onMouseDown:()=>Z(e.day),children:t?e.day:" "},e.day+M.value)})})]})]})})]})};C.displayName="Calendar";export{C};
|
package/lib/Dialog/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as Dialog}from"../Dialog-
|
|
1
|
+
export{D as Dialog}from"../Dialog-LxcqPFlL.js";import"react/jsx-runtime";import"react";import"../Button-C-wHKWXx.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useRef as e,useEffect as l}from"react";import{B as a}from"./Button-
|
|
1
|
+
import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useRef as e,useEffect as l}from"react";import{B as a}from"./Button-C-wHKWXx.js";import{T as t}from"./TextBox-DdegFlzI.js";import{s as d,g as n}from"./style-inject.es-CrVRO2OA.js";var r={n23mDialog:"Dialog-module_n23mDialog__1y-5W",dialog:"Dialog-module_dialog__AbQKQ",dialogCloseButton:"Dialog-module_dialogCloseButton__idhtw"};d("@layer n23mDialog{.Dialog-module_n23mDialog__1y-5W{background-color:#fff;.Dialog-module_dialog__AbQKQ{corner-shape:squircle;border:1px solid #000;border-radius:12px;box-sizing:border-box;max-block-size:calc(100dvb - 50px);max-inline-size:min(calc(100vw - 20px),var(--dialog-wm,95%));min-height:100px;overscroll-behavior:none;padding:0;position:fixed;& .Dialog-module_dialogCloseButton__idhtw{position:absolute!important;right:10px;top:10px}article{margin-top:55px}&::backdrop{backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.15);bottom:0;left:0;position:fixed;right:0;top:0}}}}");const s=({children:d,open:s,widthMax:c,title:m,onCancel:g,className:p,style:u,...h})=>{const b=e(null);return l(()=>{if(!s){b.current?.classList.add(r.minimize);const o=setTimeout(()=>{b.current?.close(),b.current?.classList.remove(r.minimize),document.body.style.paddingRight="0",document.body.style.overflow=""},0);return()=>clearTimeout(o)}b.current?.showModal(),document.body.style.paddingRight=window.innerWidth-document.body.clientWidth+"px",document.body.style.overflow="hidden"},[s]),o("div",{className:[r.n23mDialog,"n23mDialog",p].filter(Boolean).join(" "),...h,style:{...n({"--dialog-wm":c}),...u},children:i("dialog",{className:[m?r.hasTitle:"",r.dialog].join(" "),"modal-mode":"mega",ref:b,onCancel:g,children:[o("div",{className:r.dialogCloseButton,style:{display:s?"block":"none"},children:o(a,{variant:"secondary",onClick:g,"aria-label":"close dialog",height:"25px",width:"auto",padding:"0 10px",children:o(t,{tag:"h2",mobileSize:14,desktopSize:14,color:"inherit",children:"Close"})})}),o("article",{children:d})]})})};s.displayName="Dialog";export{s as D};
|
package/lib/Footer/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{G as t}from"../Grid-
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{G as t}from"../Grid-BLvVIQEG.js";import{T as r}from"../TextBox-DdegFlzI.js";import{s as i,g as n}from"../style-inject.es-CrVRO2OA.js";var a={n23mFooter:"Footer-module_n23mFooter__HRl0X",n23mFooterPush:"Footer-module_n23mFooterPush__4TWa3",n23mFooterContainer:"Footer-module_n23mFooterContainer__cqTzI"};i("@layer n23mFooter{html{height:max(100%,100dvh)}body{min-height:max(100%,100dvh);position:relative}.Footer-module_n23mFooter__HRl0X{.Footer-module_n23mFooterPush__4TWa3{padding-bottom:100px}.Footer-module_n23mFooterContainer__cqTzI{background-color:var(--bc);bottom:0;height:100px;position:absolute;width:100%}}}");const l=({children:i,author:l="Mariusz Najwer",className:m,initialYear:d="2019",backgroundColor:s="#333333",color:c="white",style:h,...u})=>o("footer",{className:[a.n23mFooter,"n23mFooter",m].filter(Boolean).join(" "),...u,style:{...n({"--bc":s}),...h},children:[e("div",{className:a.n23mFooterPush}),e("div",{className:a.n23mFooterContainer,children:o(t,{layout:"container",widthMax:"1600px",children:[e(t,{layout:"flex",widthMax:"1400px",padding:"20px 0 0",justifyContent:"center",children:o(r,{mobileSize:22,desktopSize:22,color:c,tag:"p",children:["© ",l]})}),e(t,{layout:"flex",widthMax:"1400px",padding:"0",justifyContent:"center",children:o(r,{mobileSize:12,desktopSize:12,color:c,tag:"p",children:[d," - ",(new Date).getFullYear()]})})]})})]});l.displayName="Footer";export{l as Footer};
|
package/lib/Form/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{F as Form}from"../Form-
|
|
1
|
+
export{F as Form}from"../Form-CIKS98NU.js";import"react/jsx-runtime";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";import"../validator.const-LBF9whmW.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{L as o}from"./LoaderDots-
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{L as o}from"./LoaderDots-B531jWAx.js";import{T as r}from"./TextBox-DdegFlzI.js";import{V as n}from"./validator.const-LBF9whmW.js";const s=({children:s,onSubmit:i,className:a,isError:m,isPending:c,isSuccess:l,errorMsg:p,successMsg:f,style:u,...d})=>e("form",{className:["n23mForm",a].filter(Boolean).join(" "),...d,style:{...u},onSubmit:e=>{e.preventDefault();const t=e.currentTarget;t&&Array.from(t.elements).forEach(e=>{(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0}))});const o=Object.fromEntries(Array.from(t.elements).filter(e=>e instanceof HTMLInputElement&&""!==e.name||e instanceof HTMLTextAreaElement&&""!==e.name||e instanceof HTMLSelectElement&&""!==e.name).map(e=>[e.name,{error:e.className.includes("error"),value:e.value}]));i(o)},children:[s,m&&t(r,{tag:"p",color:n.error,mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:p}),c&&t(o,{color:n.pending,mobileSize:12,desktopSize:12,fontWeight:400,margin:"15px 0 10px 0"}),l&&t(r,{tag:"p",color:n.success,mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:f})]});s.displayName="Form";export{s as F};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{B as e}from"../Button-
|
|
1
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{B as e}from"../Button-C-wHKWXx.js";import{F as t}from"../Form-CIKS98NU.js";import{G as s}from"../Grid-BLvVIQEG.js";import{I as i}from"../Input-ByGk_DRd.js";import{T as a}from"../TextBox-DdegFlzI.js";import{T as n}from"../Typography-CGEZ3qz0.js";import{s as m}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.js";import"../validator/index.js";var l={n23mFormForgotPass:"FormForgotPass-module_n23mFormForgotPass__sI7QJ",forogotPasswordWrapper:"FormForgotPass-module_forogotPasswordWrapper__LCDpp"};m("@layer n23mFormForgotPass{.FormForgotPass-module_n23mFormForgotPass__sI7QJ{.FormForgotPass-module_forogotPasswordWrapper__LCDpp{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const p=({className:m,style:p,onSubmit:d,isPending:c,isError:g,isSuccess:f,errorMsg:u,successMsg:h,onNavigate:F,footerHeight:x="100px",linkMainPage:y,linkLogin:P,...b})=>{const j=o=>{F?F(o):window.location.href=o};return o("div",{className:[l.n23mFormForgotPass,"n23mFormForgotPass",m].filter(Boolean).join(" "),...b,style:{...p},children:o(s,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${x})`,children:r(s,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:l.forogotPasswordWrapper,children:[y&&o(n,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:y.link,onClick:o=>{o.preventDefault(),j(y.link)},children:y.text}),o(a,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Forgot Password"}),r(t,{onSubmit:d,isError:g,isPending:c,isSuccess:f,errorMsg:u,successMsg:h,children:[o(i,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"you@example.com"}),r(s,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[o(e,{type:"submit",disabled:c,variant:"primary",children:o(a,{desktopSize:16,mobileSize:16,color:"inherit",children:"Send"})}),P&&o(n,{variant:"link",href:P.link,desktopSize:12,mobileSize:12,onClick:o=>{o.preventDefault(),j(P.link)},children:P.text})]})]})]})})})};p.displayName="FormForgotPass";export{p as FormForgotPass};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{B as t}from"../Button-
|
|
1
|
+
import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{B as t}from"../Button-C-wHKWXx.js";import{F as s}from"../Form-CIKS98NU.js";import{G as a}from"../Grid-BLvVIQEG.js";import{I as n}from"../Input-ByGk_DRd.js";import{T as i}from"../TextBox-DdegFlzI.js";import{T as p}from"../Typography-CGEZ3qz0.js";import{s as l}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.js";import"../validator/index.js";var m={n23mFormForgotPassOtp:"FormForgotPassOtp-module_n23mFormForgotPassOtp__898ki",forogotPasswordOtpWrapper:"FormForgotPassOtp-module_forogotPasswordOtpWrapper__3s-uz"};l("@layer n23mFormForgotPassOtp{.FormForgotPassOtp-module_n23mFormForgotPassOtp__898ki{.FormForgotPassOtp-module_forogotPasswordOtpWrapper__3s-uz{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const c=({className:l,style:c,onSubmit:u,isPending:d,isError:g,isSuccess:f,errorMsg:h,successMsg:F,onNavigate:w,footerHeight:y="100px",linkMainPage:b,...v})=>{const x=e(null),P=e(null),O=e(!1);return r("div",{className:[m.n23mFormForgotPassOtp,"n23mFormForgotPassOtp",l].filter(Boolean).join(" "),...v,style:{...c},children:r(a,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${y})`,children:o(a,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:m.forogotPasswordOtpWrapper,children:[b&&r(p,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:b.link,onClick:r=>{var o;r.preventDefault(),o=b.link,w?w(o):window.location.href=o},children:b.text}),r(i,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Change password"}),o(s,{onSubmit:u,isError:g,isPending:d,isSuccess:f,errorMsg:h,successMsg:F,children:[r(n,{inputRef:x,label:"New password",type:"password",name:"pass",validatorOptions:[{type:"empty"},{type:"equal",options:{ref:P}}],placeholder:"Create a new password",onBlur:()=>{O.current||x.current?.value&&P.current?.value&&(O.current=!0,P.current?.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})),O.current=!1)}}),r(n,{inputRef:P,label:"Confirm new password",type:"password",name:"confirmPass",validatorOptions:[{type:"empty"},{type:"equal",options:{ref:x}}],placeholder:"Re-enter your new password",onBlur:()=>{O.current||x.current?.value&&P.current?.value&&(O.current=!0,x.current?.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})),O.current=!1)}}),r(t,{type:"submit",disabled:d,variant:"primary",children:r(i,{desktopSize:16,mobileSize:16,color:"inherit",children:"Send"})})]})]})})})};c.displayName="FormForgotPassOtp";export{c as FormForgotPassOtp};
|
package/lib/FormLogin/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as o}from"../Button-
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as o}from"../Button-C-wHKWXx.js";import{F as r}from"../Form-CIKS98NU.js";import{G as n}from"../Grid-BLvVIQEG.js";import{I as t}from"../Input-ByGk_DRd.js";import{T as l}from"../TextBox-DdegFlzI.js";import{T as a}from"../Typography-CGEZ3qz0.js";import{s}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.js";import"../validator/index.js";var m={n23mFormLogin:"FormLogin-module_n23mFormLogin__1mOEk",loginWrapper:"FormLogin-module_loginWrapper__HOEgv"};s("@layer n23mFormLogin{.FormLogin-module_n23mFormLogin__1mOEk{.FormLogin-module_loginWrapper__HOEgv{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const p=({className:s,style:p,onSubmit:d,isPending:c,isError:g,isSuccess:h,errorMsg:f,successMsg:u,onNavigate:y,linkMainPage:x,linkForgotPassword:k,linkSignUp:v,footerHeight:b="100px",...j})=>{const S=e=>{y?y(e):window.location.href=e};return e("div",{className:[m.n23mFormLogin,"n23mFormLogin",s].filter(Boolean).join(" "),...j,style:{...p},children:e(n,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${b})`,children:i(n,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:m.loginWrapper,children:[x&&e(a,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:x.link,onClick:e=>{e.preventDefault(),S(x.link)},children:x.text}),e(l,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Good to see you!"}),i(r,{onSubmit:d,isError:g,isPending:c,isSuccess:h,errorMsg:f,successMsg:u,children:[e(t,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"you@example.com"}),e(t,{label:"Password",type:"password",name:"pass",validatorOptions:[{type:"empty"}],placeholder:"Enter your password"}),i(n,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[e(o,{type:"submit",disabled:c,variant:"primary",children:e(l,{desktopSize:16,mobileSize:16,color:"inherit",children:"Log in"})}),i("div",{children:[k&&e("div",{children:e(a,{variant:"link",href:k.link,desktopSize:12,mobileSize:12,onClick:e=>{e.preventDefault(),S(k.link)},children:k.text})}),v&&e(n,{layout:"flex",justifyContent:"right",children:e(a,{variant:"link",href:v.link,desktopSize:12,mobileSize:12,onClick:e=>{e.preventDefault(),S(v.link)},children:v.text})})]})]})]})]})})})};p.displayName="FormLogin";export{p as FormLogin};
|
package/lib/FormSignUp/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as r}from"../Button-
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{B as r}from"../Button-C-wHKWXx.js";import{F as o}from"../Form-CIKS98NU.js";import{G as n}from"../Grid-BLvVIQEG.js";import{I as t}from"../Input-ByGk_DRd.js";import{T as a}from"../TextBox-DdegFlzI.js";import{T as s}from"../Typography-CGEZ3qz0.js";import{s as p}from"../style-inject.es-CrVRO2OA.js";import"react";import"../LoaderDots-B531jWAx.js";import"../validator.const-LBF9whmW.js";import"../validator/index.js";var l={n23mFormSignUp:"FormSignUp-module_n23mFormSignUp__p9dT2",signUpWrapper:"FormSignUp-module_signUpWrapper__PcjYN"};p("@layer n23mFormSignUp{.FormSignUp-module_n23mFormSignUp__p9dT2{.FormSignUp-module_signUpWrapper__PcjYN{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const m=({className:p,style:m,onSubmit:c,isPending:d,isError:g,isSuccess:u,errorMsg:f,successMsg:h,onNavigate:x,footerHeight:y="100px",linkMainPage:S,linkLogin:j,...b})=>{const k=e=>{x?x(e):window.location.href=e};return e("div",{className:[l.n23mFormSignUp,"n23mFormSignUp",p].filter(Boolean).join(" "),...b,style:{...m},children:e(n,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${y})`,children:i(n,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:l.signUpWrapper,children:[S&&e(s,{desktopSize:20,mobileSize:20,fontWeight:500,variant:"link",href:S.link,onClick:e=>{e.preventDefault(),k(S.link)},children:S.text}),e(a,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Create an account now!"}),i(o,{onSubmit:c,isError:g,isPending:d,isSuccess:u,errorMsg:f,successMsg:h,children:[e(t,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"you@example.com"}),e(t,{label:"Password",type:"password",name:"pass",validatorOptions:[{type:"empty"}],placeholder:"Enter your password"}),i(n,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[e(r,{type:"submit",disabled:d,variant:"primary",children:e(a,{desktopSize:16,mobileSize:16,color:"inherit",children:"Sign up"})}),j&&e("div",{children:e(s,{variant:"link",href:j.link,desktopSize:12,mobileSize:12,onClick:e=>{e.preventDefault(),k(j.link)},children:j.text})})]})]})]})})})};m.displayName="FormSignUp";export{m as FormSignUp};
|
package/lib/Grid/Grid.d.ts
CHANGED
|
@@ -1,52 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
col?: string;
|
|
5
|
-
row?: string;
|
|
6
|
-
}
|
|
7
|
-
interface Col {
|
|
8
|
-
mobile: number;
|
|
9
|
-
tablet: number;
|
|
10
|
-
smallDesktop: number;
|
|
11
|
-
desktop: number;
|
|
12
|
-
}
|
|
13
|
-
type GridBase = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & {
|
|
14
|
-
as?: React.ElementType;
|
|
15
|
-
widthMin?: React.CSSProperties['width'];
|
|
16
|
-
widthMax?: React.CSSProperties['width'];
|
|
17
|
-
padding?: React.CSSProperties['padding'];
|
|
18
|
-
margin?: React.CSSProperties['margin'];
|
|
19
|
-
minHeight?: React.CSSProperties['minHeight'];
|
|
20
|
-
loading?: boolean;
|
|
21
|
-
loaderTextPosition?: React.ComponentProps<typeof Loader>['textPosition'];
|
|
22
|
-
style?: React.CSSProperties;
|
|
23
|
-
}>;
|
|
24
|
-
export type GridContainerProps = GridBase & {
|
|
25
|
-
layout: 'container';
|
|
26
|
-
gap?: Gap;
|
|
27
|
-
justifyContent?: never;
|
|
28
|
-
alignItems?: never;
|
|
29
|
-
flexWrap?: never;
|
|
30
|
-
col?: never;
|
|
31
|
-
flexDirection?: never;
|
|
32
|
-
};
|
|
33
|
-
export type GridFlexProps = GridBase & {
|
|
34
|
-
layout: 'flex';
|
|
35
|
-
gap?: Gap;
|
|
36
|
-
justifyContent?: React.CSSProperties['justifyContent'];
|
|
37
|
-
alignItems?: React.CSSProperties['alignItems'];
|
|
38
|
-
flexWrap?: React.CSSProperties['flexWrap'];
|
|
39
|
-
col?: never;
|
|
40
|
-
flexDirection?: React.CSSProperties['flexDirection'];
|
|
41
|
-
};
|
|
42
|
-
export type GridColumnsProps = GridBase & {
|
|
43
|
-
layout: 'columns';
|
|
44
|
-
gap?: Gap;
|
|
45
|
-
col: Partial<Col>;
|
|
46
|
-
justifyContent?: never;
|
|
47
|
-
alignItems?: never;
|
|
48
|
-
flexWrap?: never;
|
|
49
|
-
flexDirection?: never;
|
|
50
|
-
};
|
|
51
|
-
export declare const Grid: React.FC<GridColumnsProps | GridFlexProps | GridContainerProps>;
|
|
52
|
-
export {};
|
|
2
|
+
import { GridColumnsProps, GridContainerProps, GridFlexProps, GridSplitProps } from './Grid.types';
|
|
3
|
+
export declare const Grid: React.FC<GridColumnsProps | GridFlexProps | GridContainerProps | GridSplitProps>;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Loader } from '../Loader';
|
|
2
|
+
interface Gap {
|
|
3
|
+
col?: string;
|
|
4
|
+
row?: string;
|
|
5
|
+
}
|
|
6
|
+
interface Col {
|
|
7
|
+
mobile: number;
|
|
8
|
+
tablet: number;
|
|
9
|
+
smallDesktop: number;
|
|
10
|
+
desktop: number;
|
|
11
|
+
}
|
|
12
|
+
/** A single track (e.g. '1fr' = stacked) or a [first, second] pair of tracks. */
|
|
13
|
+
export type SplitTrack = string | [string, string];
|
|
14
|
+
export interface SplitCols {
|
|
15
|
+
mobile: SplitTrack;
|
|
16
|
+
tablet: SplitTrack;
|
|
17
|
+
smallDesktop: SplitTrack;
|
|
18
|
+
desktop: SplitTrack;
|
|
19
|
+
}
|
|
20
|
+
export type GridBase = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & {
|
|
21
|
+
as?: React.ElementType;
|
|
22
|
+
widthMin?: React.CSSProperties['width'];
|
|
23
|
+
widthMax?: React.CSSProperties['width'];
|
|
24
|
+
padding?: React.CSSProperties['padding'];
|
|
25
|
+
margin?: React.CSSProperties['margin'];
|
|
26
|
+
minHeight?: React.CSSProperties['minHeight'];
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
loaderTextPosition?: React.ComponentProps<typeof Loader>['textPosition'];
|
|
29
|
+
style?: React.CSSProperties;
|
|
30
|
+
}>;
|
|
31
|
+
export type GridContainerProps = GridBase & {
|
|
32
|
+
layout: 'container';
|
|
33
|
+
gap?: Gap;
|
|
34
|
+
justifyContent?: never;
|
|
35
|
+
alignItems?: never;
|
|
36
|
+
flexWrap?: never;
|
|
37
|
+
col?: never;
|
|
38
|
+
flexDirection?: never;
|
|
39
|
+
split?: never;
|
|
40
|
+
};
|
|
41
|
+
export type GridFlexProps = GridBase & {
|
|
42
|
+
layout: 'flex';
|
|
43
|
+
gap?: Gap;
|
|
44
|
+
justifyContent?: React.CSSProperties['justifyContent'];
|
|
45
|
+
alignItems?: React.CSSProperties['alignItems'];
|
|
46
|
+
flexWrap?: React.CSSProperties['flexWrap'];
|
|
47
|
+
col?: never;
|
|
48
|
+
flexDirection?: React.CSSProperties['flexDirection'];
|
|
49
|
+
split?: never;
|
|
50
|
+
};
|
|
51
|
+
export type GridColumnsProps = GridBase & {
|
|
52
|
+
layout: 'columns';
|
|
53
|
+
gap?: Gap;
|
|
54
|
+
col: Partial<Col>;
|
|
55
|
+
justifyContent?: never;
|
|
56
|
+
alignItems?: never;
|
|
57
|
+
flexWrap?: never;
|
|
58
|
+
flexDirection?: never;
|
|
59
|
+
split?: never;
|
|
60
|
+
};
|
|
61
|
+
export type GridSplitProps = GridBase & {
|
|
62
|
+
layout: 'split';
|
|
63
|
+
gap?: Gap;
|
|
64
|
+
/** Track sizes per breakpoint. Missing breakpoints inherit from the smaller one. */
|
|
65
|
+
split: Partial<SplitCols>;
|
|
66
|
+
alignItems?: React.CSSProperties['alignItems'];
|
|
67
|
+
justifyContent?: never;
|
|
68
|
+
flexWrap?: never;
|
|
69
|
+
flexDirection?: never;
|
|
70
|
+
col?: never;
|
|
71
|
+
};
|
|
72
|
+
export {};
|
package/lib/Grid/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{G as Grid}from"../Grid-
|
|
1
|
+
export{G as Grid}from"../Grid-BLvVIQEG.js";import"react/jsx-runtime";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{s as r,g as d}from"./style-inject.es-CrVRO2OA.js";var m={n23mGridFlex:"Grid-module_n23mGridFlex__xFJa5",n23mGridContainer:"Grid-module_n23mGridContainer__-fBUk",n23mGridColumns:"Grid-module_n23mGridColumns__KfIaf",n23mGridSplit:"Grid-module_n23mGridSplit__2UirM"};r("@layer n23mGrid{.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridContainer__-fBUk,.Grid-module_n23mGridFlex__xFJa5,.Grid-module_n23mGridSplit__2UirM{box-sizing:border-box;margin:var(--grid-m,0);max-width:var(--grid-wx,none);min-height:var(--grid-mh,auto);min-width:var(--grid-wn,0);padding:var(--grid-p,0)}.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridFlex__xFJa5{column-gap:var(--grid-cg,0);display:flex;row-gap:var(--grid-rg,0)}.Grid-module_n23mGridFlex__xFJa5{align-items:var(--grid-ai,center);flex-direction:var(--grid-fd,row);flex-wrap:var(--grid-fw,nowrap);justify-content:var(--grid-jc,space-between)}.Grid-module_n23mGridColumns__KfIaf{--_m:var(--grid-cm,1);--_t:var(--grid-ct,var(--_m));--_sd:var(--grid-csd,var(--_t));--_d:var(--grid-cd,var(--_sd));--gfc:var(--_m);flex-wrap:wrap;width:100%}.Grid-module_n23mGridColumns__KfIaf>*{box-sizing:border-box;width:calc((100% - (var(--gfc) - 1)*var(--grid-cg, 0px))/var(--gfc))}@media (min-width:768px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_t)}}@media (min-width:1200px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_sd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_d)}}.Grid-module_n23mGridSplit__2UirM{--_sm:var(--grid-sm,1fr);--_st:var(--grid-st,var(--_sm));--_ssd:var(--grid-ssd,var(--_st));--_sdk:var(--grid-sdk,var(--_ssd));align-items:var(--grid-ai,stretch);column-gap:var(--grid-cg,0);display:grid;grid-template-columns:var(--_sm);row-gap:var(--grid-rg,0);width:100%}.Grid-module_n23mGridSplit__2UirM>*{min-width:0}@media (min-width:768px){.Grid-module_n23mGridSplit__2UirM{grid-template-columns:var(--_st)}}@media (min-width:1200px){.Grid-module_n23mGridSplit__2UirM{grid-template-columns:var(--_ssd)}}@media (min-width:1600px){.Grid-module_n23mGridSplit__2UirM{grid-template-columns:var(--_sdk)}}}");const a=i=>{if(void 0!==i)return Array.isArray(i)?i.join(" "):i},n=({as:r="div",children:n,widthMin:e="0px",widthMax:t="1920px",padding:l="0px",margin:o="auto",layout:_,gap:s,col:g,split:G,loaderTextPosition:p="center",justifyContent:c,alignItems:u,minHeight:f,flexWrap:v,className:x,flexDirection:w,style:h,...C})=>{const S={container:"n23mGridContainer",flex:"n23mGridFlex",columns:"n23mGridColumns",split:"n23mGridSplit"}[_];return i(r,{className:[m[S],S,x].filter(Boolean).join(" "),style:{...d({"--grid-p":l,"--grid-m":o,"--grid-jc":c,"--grid-cg":s?.col,"--grid-rg":s?.row,"--grid-ai":u,"--grid-fw":v,"--grid-mh":f,"--grid-wn":e,"--grid-wx":t,"--grid-fd":w,"--grid-cm":g?.mobile?.toString(),"--grid-ct":g?.tablet?.toString(),"--grid-csd":g?.smallDesktop?.toString(),"--grid-cd":g?.desktop?.toString(),"--grid-sm":a(G?.mobile),"--grid-st":a(G?.tablet),"--grid-ssd":a(G?.smallDesktop),"--grid-sdk":a(G?.desktop)}),...h},...C,children:n})};n.displayName="Grid";export{n as G};
|
package/lib/Input/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{I as Input}from"../Input-
|
|
1
|
+
export{I as Input}from"../Input-ByGk_DRd.js";import"react/jsx-runtime";import"react";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";import"../validator/index.js";import"../validator.const-LBF9whmW.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as n,useEffect as r}from"react";import{T as o}from"./TextBox-
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as n,useEffect as r}from"react";import{T as o}from"./TextBox-DdegFlzI.js";import{s as a,g as i}from"./style-inject.es-CrVRO2OA.js";import{validator as l}from"./validator/index.js";import{V as p}from"./validator.const-LBF9whmW.js";var u={n23mInput:"Input-module_n23mInput__6WopW",n23mInputInput:"Input-module_n23mInputInput__djmAy"};a("@layer n23mInput{.Input-module_n23mInput__6WopW{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;margin-top:0;&:not(:has(input[type=hidden])){margin-bottom:10px}.Input-module_n23mInputInput__djmAy{display:grid;& input,& textarea{corner-shape:squircle;border:1px solid var(--input-cb,#000);border-radius:12px;box-sizing:border-box;color:var(--input-c,#000);font-family:var(--n23mFontFamily,var(--iff));font-size:16px;font-weight:500;&:disabled{-webkit-text-fill-color:#8a8a8a;background-color:#f3f3f3;border-color:#cfcfcf;color:#8a8a8a;cursor:not-allowed;opacity:1}}& input{height:40px;padding:20px 10px;width:100%}& textarea{field-sizing:content;block-size:100%;max-height:var(--input-maxh,400px);min-height:var(--input-minh,200px);padding:10px;resize:vertical}&input[type=hidden]{margin:0;padding:0}& ::placeholder{filter:brightness(125%);font-weight:300}}.Input-module_n23mInputError__0yrzG{color:var(--najwer23snacks-input-error-font-color);font-family:var(--najwer23snacks-input-error-font-family);font-size:var(--najwer23snacks-input-error-font-size);font-weight:var(--najwer23snacks-input-error-font-weight);line-height:1;margin:2px}}}");const s=e=>{for(const t of[":autofill",":-webkit-autofill"])try{if(e.matches(t))return!0}catch{}return!1},c=e=>"number"==typeof e?`${e}px`:e,d=({className:a,style:d,name:m,label:f,inputRef:h,placeholder:g,type:x="text",labelColor:v="black",kind:b="input",inputColor:y,inputColorBorder:I,defaultValue:_,disabled:C,validatorOptions:j,value:k,autoComplete:w,id:z,onBlur:B,onChange:S,step:T,minHeight:W,maxHeight:V,...F})=>{const N=n(null),E=n(null),H=e=>{if(N.current&&(N.current.textContent=""),!j)return;const t=l(e.value,j);t.length>0?(N.current&&(N.current.textContent=t[0]),e.classList.add("error")):e.classList.remove("error")},L=e=>{B?.(e);const t=e.target;document.activeElement!==t&&H(t)},q=e=>{S?.(e);const t=e.target;((e=>{const{inputType:t}=e.nativeEvent;return!t||"insertReplacementText"===t||s(e.target)})(e)||t.classList.contains("error"))&&H(t)};r(()=>{const e=setTimeout(()=>{const e=E.current?.querySelector("input, textarea");e&&e.value&&s(e)&&H(e)},300);return()=>clearTimeout(e)},[]);const A="textarea"===b;return e("div",{ref:E,className:[u.n23mInput,"n23mInput",a].filter(Boolean).join(" "),...F,style:{...i({"--input-c":y,"--input-cb":I,"--input-minh":A?c(W):void 0,"--input-maxh":A?c(V):void 0}),...d},children:["hidden"!==x&&t(o,{mobileSize:14,desktopSize:14,tag:"label",fontWeight:400,color:v,htmlFor:"select"===b?z:m,children:f}),e("div",{className:u.n23mInputInput,children:["input"===b&&t("input",{ref:h,id:m,name:m,type:x,onBlur:L,onChange:q,placeholder:g,defaultValue:_,disabled:C,value:k,autoComplete:w,step:T}),"textarea"===b&&t("textarea",{autoComplete:w,id:m,name:m,onBlur:L,onChange:q,placeholder:g,defaultValue:_,disabled:C,value:k,ref:h}),"select"===b&&t("input",{id:z,autoComplete:"off",ref:h,type:x,onBlur:L,onChange:q,placeholder:g,defaultValue:_,disabled:C,value:k,step:T})]}),"hidden"!==x&&t(o,{ref:N,mobileSize:12,desktopSize:12,tag:"p",fontWeight:400,color:p.error,lineHeight:"14px",margin:"2px 0 2px"})]})};d.displayName="Input";export{d as I};
|
package/lib/Loader/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as Loader}from"../Loader-
|
|
1
|
+
export{L as Loader}from"../Loader-Xiu7dKXn.js";import"react/jsx-runtime";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{L as o}from"./LoaderDots-
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{L as o}from"./LoaderDots-B531jWAx.js";import{s as r,g as t}from"./style-inject.es-CrVRO2OA.js";var a={n23mLoader:"Loader-module_n23mLoader__-KGML",n23mLoaderTopLeft:"Loader-module_n23mLoaderTopLeft__vUrsQ"};r("@layer n23mLoader{.Loader-module_n23mLoader__-KGML{corner-shape:squircle;align-items:center;border:1px dotted var(--loader-lc,var(--n23mTextBoxColor,#000));border-radius:12px;box-sizing:border-box;color:var(--loader-lc,var(--n23mTextBoxColor,#000));display:flex;height:var(--loader-mh,100%);justify-content:center;width:100%}.Loader-module_n23mLoaderTopLeft__vUrsQ{align-items:flex-start;justify-content:flex-start;padding:16px}}");const d=({minHeight:r,className:d,loaderColor:l,text:n="Loading",mobileSize:s=16,desktopSize:i=16,textPosition:m="center",style:L,...c})=>{const p="topLeft"===m;return e("div",{className:[a.n23mLoader,"n23mLoader",p&&a.n23mLoaderTopLeft,p&&"n23mLoaderTopLeft",d].filter(Boolean).join(" "),style:{...t({"--loader-lc":l,"--loader-mh":r}),...L},...c,children:e(o,{color:l,text:n,mobileSize:s,desktopSize:i})})};d.displayName="Loader";export{d as L};
|
package/lib/LoaderDots/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as LoaderDots}from"../LoaderDots-
|
|
1
|
+
export{L as LoaderDots}from"../LoaderDots-B531jWAx.js";import"react/jsx-runtime";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as e}from"react/jsx-runtime";import{T as a}from"./TextBox-
|
|
1
|
+
import{jsx as o,jsxs as e}from"react/jsx-runtime";import{T as a}from"./TextBox-DdegFlzI.js";import{s as t}from"./style-inject.es-CrVRO2OA.js";var s={n23mLoaderDots:"LoaderDots-module_n23mLoaderDots__xn-gF",dots:"LoaderDots-module_dots__CuYj9"};t("@layer n23mLoaderDots{.LoaderDots-module_n23mLoaderDots__xn-gF{.LoaderDots-module_dots__CuYj9 span{animation:LoaderDots-module_dotPulse__Qzrcn 1.2s ease-in-out infinite;display:inline-block}.LoaderDots-module_dots__CuYj9 span:nth-child(2){animation-delay:.2s}.LoaderDots-module_dots__CuYj9 span:nth-child(3){animation-delay:.4s}}@keyframes LoaderDots-module_dotPulse__Qzrcn{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}}");const n=({className:t,style:n,color:r,mobileSize:d=16,desktopSize:i=16,fontWeight:l="var(--n23mTextBoxFontWeight)",text:m="Loading",margin:_,...c})=>o("div",{className:[s.n23mLoaderDots,"n23mLoaderDots",t].filter(Boolean).join(" "),...c,children:e(a,{mobileSize:d,desktopSize:i,color:r,margin:_,role:"status","aria-label":"Loading",fontWeight:l,children:[m,e("span",{className:s.dots,"aria-hidden":"true",children:[o("span",{children:"."}),o("span",{children:"."}),o("span",{children:"."})]})]})});n.displayName="LoaderDots";export{n as L};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as a,jsx as o,Fragment as i}from"react/jsx-runtime";import{useRef as e,useState as n,useLayoutEffect as r}from"react";import{B as t}from"../Button-
|
|
1
|
+
import{jsxs as a,jsx as o,Fragment as i}from"react/jsx-runtime";import{useRef as e,useState as n,useLayoutEffect as r}from"react";import{B as t}from"../Button-C-wHKWXx.js";import{G as d}from"../Grid-BLvVIQEG.js";import{u as s}from"../useWindowSize-CAQRbyxi.js";import{b as l}from"../IconLocate-BXomEqkx.js";import{N as g}from"../NavigationTabs-RvtmiqDG.js";import{s as h,g as b}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";var m={n23mNavigationDashboard:"NavigationDashboard-module_n23mNavigationDashboard__DaVvB",dragging:"NavigationDashboard-module_dragging__gT3R-",row:"NavigationDashboard-module_row__0hfcb",sidebarContainer:"NavigationDashboard-module_sidebarContainer__yDMvb",sticky:"NavigationDashboard-module_sticky__mJ3qk",rowOpen:"NavigationDashboard-module_rowOpen__R8X9U",sidebarContainerOpen:"NavigationDashboard-module_sidebarContainerOpen__a5s0j",sidebarContainerClosed:"NavigationDashboard-module_sidebarContainerClosed__MtEom",asideInner:"NavigationDashboard-module_asideInner__6XAWJ",sidebarOpen:"NavigationDashboard-module_sidebarOpen__p8DGE",sidebarClosed:"NavigationDashboard-module_sidebarClosed__WCDNU",outlet:"NavigationDashboard-module_outlet__ZDTtw",outletContent:"NavigationDashboard-module_outletContent__d1Xs6",toggleAnchor:"NavigationDashboard-module_toggleAnchor__s9fbs",toggleOpen:"NavigationDashboard-module_toggleOpen__m8fxh",toggleClosed:"NavigationDashboard-module_toggleClosed__efOTE",rowNoAside:"NavigationDashboard-module_rowNoAside__v3MDd",outletNoAside:"NavigationDashboard-module_outletNoAside__whzV-"};h("@layer n23mNavigationDashboard{.NavigationDashboard-module_n23mNavigationDashboard__DaVvB{--navigationdashboard-sidebar-w:300px;--navigationdashboard-sidebar-min:200px;--navigationdashboard-sidebar-border:2px;--navigationdashboard-toggle-nudge:0px;--navigationdashboard-sidebar-duration:450ms;--navigationdashboard-sidebar-easing:cubic-bezier(0.22,1,0.36,1);&.NavigationDashboard-module_dragging__gT3R-{cursor:col-resize;user-select:none}&.NavigationDashboard-module_dragging__gT3R- .NavigationDashboard-module_row__0hfcb,&.NavigationDashboard-module_dragging__gT3R- .NavigationDashboard-module_sidebarContainer__yDMvb,&.NavigationDashboard-module_dragging__gT3R- .NavigationDashboard-module_sticky__mJ3qk{transition:none}&[data-collapsing=true] .NavigationDashboard-module_sticky__mJ3qk{opacity:.45}.NavigationDashboard-module_row__0hfcb{display:grid;grid-template-columns:0 minmax(0,1fr);min-width:0;overflow-x:clip;transition:grid-template-columns var(--navigationdashboard-sidebar-duration) var(--navigationdashboard-sidebar-easing);width:100%}.NavigationDashboard-module_rowOpen__R8X9U{grid-template-columns:var(--navigationdashboard-sidebar-w) minmax(0,1fr)}.NavigationDashboard-module_sidebarContainer__yDMvb{border-right:var(--navigationdashboard-sidebar-border) solid transparent;box-sizing:border-box;min-width:0;overflow:clip;position:relative;transition:border-right-color var(--navigationdashboard-sidebar-duration) var(--navigationdashboard-sidebar-easing)}.NavigationDashboard-module_sidebarContainerOpen__a5s0j{border-right-color:#e1dfdf}.NavigationDashboard-module_sidebarContainerClosed__MtEom{border-right-color:transparent}.NavigationDashboard-module_sticky__mJ3qk{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;box-sizing:border-box;height:calc(100dvh - var(--navigationdashboard-h, 0px));min-width:0;opacity:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px 30px 20px 20px;position:sticky;scrollbar-width:none;top:var(--navigationdashboard-h,0);transform:translateZ(0);transition:transform var(--navigationdashboard-sidebar-duration) var(--navigationdashboard-sidebar-easing),opacity .3s ease;width:100%;will-change:transform;&::-webkit-scrollbar{display:none}}.NavigationDashboard-module_asideInner__6XAWJ{box-sizing:border-box;min-width:0;width:calc(max(var(--navigationdashboard-sidebar-min), var(--navigationdashboard-sidebar-w)) - 52px)}.NavigationDashboard-module_asideInner__6XAWJ>*{height:auto;max-height:none;overflow:visible}.NavigationDashboard-module_sidebarOpen__p8DGE{opacity:1}.NavigationDashboard-module_sidebarClosed__WCDNU{opacity:0;pointer-events:none}.NavigationDashboard-module_outlet__ZDTtw{box-sizing:border-box;min-width:0;padding:20px 0 20px 20px;position:relative;width:100%}.NavigationDashboard-module_outletContent__d1Xs6{min-width:0;width:100%}.NavigationDashboard-module_toggleAnchor__s9fbs{height:0;margin-left:-20px;position:sticky;top:calc(var(--navigationdashboard-h, 0px) + (100dvh - var(--navigationdashboard-h, 0px))/2);width:0}.NavigationDashboard-module_toggleOpen__m8fxh{cursor:col-resize;transform:translate(calc(-50% - var(--navigationdashboard-sidebar-border)/2 + var(--navigationdashboard-toggle-nudge)),-50%)}.NavigationDashboard-module_toggleClosed__efOTE{cursor:col-resize;transform:translate(-4px,-50%)}.NavigationDashboard-module_rowNoAside__v3MDd{grid-template-columns:minmax(0,1fr);transition:none}.NavigationDashboard-module_outletNoAside__whzV-{min-width:0}}}");const v=768,c=({children:h,className:c,style:u,menuTopLeftColumn:_=o(i,{children:"menuTopLeftColumn"}),menuTopRightColumn:p=o(i,{children:"menuTopRightColumn"}),menuMobile:w=o(i,{children:"menuMobile"}),outlet:N=o(i,{children:"outlet"}),aside:D=o(i,{children:"aside"}),...x})=>{const f=e(null),C=e(null),{width:y}=s(),O=null!=D&&!1!==D&&y>=v,[j,M]=n(y>=v),[T,A]=n(300),[k,z]=n(!1),E=O&&j,L=e(null),R=e(300),X=e(!1),P=()=>{M(!(y<v)&&(a=>!a))},B=()=>{const a=L.current,o=f.current;if(L.current=null,!a?.moved||!o)return;X.current=!0,o.dataset.collapsing="false";const i=R.current;if(i<220)o.style.setProperty("--navigationdashboard-sidebar-w",`${T}px`),M(!1);else{const a=Math.min(480,Math.max(300,i));o.style.setProperty("--navigationdashboard-sidebar-w",`${a}px`),R.current=a,A(a),M(!0)}z(!1)};return r(()=>{y<v&&M(!1)},[y]),r(()=>{const a=f.current;a&&a.style.setProperty("--navigationdashboard-sidebar-w",`${T}px`)},[T]),r(()=>{const a=f.current,o=C.current;if(!a||!o)return;let i=0;const e=()=>{i=0;const e=Math.max(0,o.getBoundingClientRect().bottom);a.style.setProperty("--navigationdashboard-h",`${e}px`)},n=()=>{i||(i=requestAnimationFrame(e))};e(),window.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",n),window.addEventListener("pageshow",n),window.visualViewport?.addEventListener("resize",n);const r=new ResizeObserver(n);return r.observe(o),()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",n),window.removeEventListener("pageshow",n),window.visualViewport?.removeEventListener("resize",n),r.disconnect(),cancelAnimationFrame(i)}},[]),a("div",{ref:f,className:[m.n23mNavigationDashboard,"n23mNavigationDashboard",k&&m.dragging,c].filter(Boolean).join(" "),...x,style:{...b({"--navigationdashboard-sidebar-w":`${T}px`,"--navigationdashboard-sidebar-min":"300px"}),...u},children:[o("div",{ref:C,children:o(g,{widthInnerContainer:"100%",widthMainContainer:"100%",menuOnlyTop:!0,menuTopLeftColumn:a(d,{layout:"flex",justifyContent:"flex-start",gap:{col:"15px",row:"0px"},alignItems:"center",minHeight:"100%",children:[O&&o(d,{layout:"flex",justifyContent:"flex-start",margin:0,children:o(t,{type:"button",variant:"secondary",onClick:P,height:"40px",width:"40px",padding:0,children:o(l,{open:j,width:20,height:20})})}),o("div",{children:_})]}),menuTopRightColumn:p,menuMobile:w})}),o(d,{layout:"container",padding:"0 20px 0 0",widthMin:"100%",children:a("div",{className:[m.row,O?E&&m.rowOpen:m.rowNoAside].filter(Boolean).join(" "),children:[O&&o("div",{className:[m.sidebarContainer,E?m.sidebarContainerOpen:m.sidebarContainerClosed].join(" "),children:o("div",{className:[m.sticky,E?m.sidebarOpen:m.sidebarClosed].join(" "),children:o("div",{className:m.asideInner,children:D})})}),a("div",{className:[m.outlet,!O&&m.outletNoAside].filter(Boolean).join(" "),children:[O&&o("div",{className:m.toggleAnchor,children:o(t,{type:"button",variant:"secondary",height:"60px",width:"10px",padding:0,onClick:()=>{X.current?X.current=!1:P()},onPointerDown:a=>{if(X.current=!1,0!==a.button||y<v)return;a.currentTarget.setPointerCapture(a.pointerId);const o=E?T:0;L.current={startX:a.clientX,startWidth:o,moved:!1,wasOpen:E},R.current=o},onPointerMove:a=>{const o=L.current,i=f.current;if(!o||!i)return;const e=a.clientX-o.startX;if(!o.moved){if(Math.abs(e)<4)return;o.moved=!0,z(!0)}const n=Math.min(480,Math.max(0,o.startWidth+e));R.current=n,i.style.setProperty("--navigationdashboard-sidebar-w",`${n}px`),i.dataset.collapsing=n<220?"true":"false",!o.wasOpen&&n>0&&M(!0)},onPointerUp:B,onPointerCancel:B,className:[E?m.toggleOpen:m.toggleClosed].join(" "),"aria-label":E?"Collapse sidebar":"Expand sidebar","aria-expanded":E,children:o("div",{children:"|"})})}),o("div",{className:m.outletContent,children:N})]})]})})]})};c.displayName="NavigationDashboard";export{c as NavigationDashboard};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{N as NavigationTabs}from"../NavigationTabs
|
|
1
|
+
export{N as NavigationTabs}from"../NavigationTabs-RvtmiqDG.js";import"react/jsx-runtime";import"react";import"../Button-C-wHKWXx.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";import"../Grid-BLvVIQEG.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as n,jsxs as e,Fragment as a}from"react/jsx-runtime";import{useId as t,useRef as i,useCallback as o,useEffect as r}from"react";import{B as s}from"./Button-
|
|
1
|
+
import{jsx as n,jsxs as e,Fragment as a}from"react/jsx-runtime";import{useId as t,useRef as i,useCallback as o,useEffect as r}from"react";import{B as s}from"./Button-C-wHKWXx.js";import{G as m}from"./Grid-BLvVIQEG.js";import{T as l}from"./TextBox-DdegFlzI.js";import{s as u}from"./style-inject.es-CrVRO2OA.js";const c={urlChangeTimeoutMs:1500,settleMs:150,maxWaitMs:4e3},d=n=>/^#!?\//.test(n),h=n=>n.replace(/\/+$/,"")||"/",g=(n,e,a={})=>{const{urlChangeTimeoutMs:t,settleMs:i,maxWaitMs:o}={...c,...a},r=window.location.href,s=performance.now();let m,l,u,d=!1,h=0,g=0;const v=()=>{cancelAnimationFrame(h),cancelAnimationFrame(g),clearTimeout(m),clearTimeout(l),u?.disconnect()},_=()=>{d||(d=!0,v(),g=requestAnimationFrame(()=>{g=requestAnimationFrame(()=>e())}))};l=window.setTimeout(_,o);const p=()=>{clearTimeout(m),m=window.setTimeout(_,i)},b=()=>{if(!d)return window.location.href!==r?(u=new MutationObserver(e=>{e.some(e=>!n?.contains(e.target))&&p()}),u.observe(document.body,{childList:!0,subtree:!0,characterData:!0}),void p()):void(performance.now()-s>t?_():h=requestAnimationFrame(b))};return h=requestAnimationFrame(b),()=>{d=!0,v()}};var v={n23mNavigationTabs:"NavigationTabs-module_n23mNavigationTabs__ZW-sA",navigationLine:"NavigationTabs-module_navigationLine__0GXrl",menuPlaceholder:"NavigationTabs-module_menuPlaceholder__4e0gb",menu:"NavigationTabs-module_menu__RyLBY",menuContent:"NavigationTabs-module_menuContent__bVzSY",menuAnimation:"NavigationTabs-module_menuAnimation__RvppI",menuOpen:"NavigationTabs-module_menuOpen__H7d5G",noAnimation:"NavigationTabs-module_noAnimation__Wxndt",menuItemMobile:"NavigationTabs-module_menuItemMobile__xblea",navigationTabMenu:"NavigationTabs-module_navigationTabMenu__sH02E",menuItemDesktop:"NavigationTabs-module_menuItemDesktop__CgUIw"};u("@layer n23mNavigationTabs{.NavigationTabs-module_n23mNavigationTabs__ZW-sA{.NavigationTabs-module_navigationLine__0GXrl{background-color:#e1dfdf;height:2px;width:100%}.NavigationTabs-module_menuPlaceholder__4e0gb{position:fixed;right:calc(50% - clamp(0px, 100%, 1440px)/2 + 20px);z-index:9999}.NavigationTabs-module_menu__RyLBY{background-color:#e1dfdf;contain:strict;height:100dvh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;transform:scale(0);transform-origin:top right;transition:transform .25s ease-out;width:100vw;will-change:transform;z-index:9998;.NavigationTabs-module_menuContent__bVzSY{display:flex;flex-direction:column;opacity:0;padding:150px 20px;&.NavigationTabs-module_menuAnimation__RvppI{opacity:1;transition:opacity .2s ease-in .3s}a{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}}}.NavigationTabs-module_menuOpen__H7d5G{transform:scale(1);transition:transform .25s ease-in}.NavigationTabs-module_menuContent__bVzSY.NavigationTabs-module_noAnimation__Wxndt,.NavigationTabs-module_menu__RyLBY.NavigationTabs-module_noAnimation__Wxndt{transition:none}.NavigationTabs-module_menuItemMobile__xblea{display:none}@media (max-width:767.98px){.NavigationTabs-module_menuItemDesktop__CgUIw,.NavigationTabs-module_navigationTabMenu__sH02E{display:none}.NavigationTabs-module_menuItemMobile__xblea{align-items:center;display:flex;min-height:40px}body:has(.NavigationTabs-module_menuItemMobile__xblea .NavigationTabs-module_menuOpen__H7d5G){overflow:hidden}}}}");const _=({children:u,className:c,style:_,menuTopLeftColumn:p=n(a,{children:"menuTopLeftColumn"}),menuTopRightColumn:b=n(a,{children:"menuTopRightColumn"}),menuMobile:w,menuBottomTabs:T=n(a,{children:"menuBottomTabs"}),menuOnlyTop:f=!1,widthMainContainer:x="1600px",widthInnerContainer:N="1400px",...y})=>{const L=t(),A=i(null),M=i(null),C=i(!1),k=i(null),I=i(null),E=o(()=>{null!==k.current&&(cancelAnimationFrame(k.current),k.current=null)},[]),B=o(()=>{I.current?.(),I.current=null},[]),F=o(()=>{const n=A.current,e=M.current;n&&e&&(B(),E(),C.current=!0,n.classList.remove(v.noAnimation),e.classList.remove(v.noAnimation),k.current=requestAnimationFrame(()=>{k.current=requestAnimationFrame(()=>{C.current&&(n.classList.add(v.menuOpen),e.classList.add(v.menuAnimation),k.current=null)})}))},[E,B]),j=o((n=!1)=>{const e=A.current,a=M.current;e&&a&&(B(),E(),C.current=!1,n&&(e.classList.add(v.noAnimation),a.classList.add(v.noAnimation)),e.classList.remove(v.menuOpen),a.classList.remove(v.menuAnimation))},[E,B]);r(()=>{const n=n=>{"Escape"===n.key&&C.current&&j()},e=window.matchMedia("(max-width: 767.98px)"),a=n=>{!n.matches&&C.current&&j(!0)};return document.addEventListener("keydown",n),e.addEventListener("change",a),()=>{document.removeEventListener("keydown",n),e.removeEventListener("change",a),B(),E()}},[j,B,E]),r(()=>{const n=()=>{I.current||C.current&&j(!0)};return window.addEventListener("popstate",n),window.addEventListener("hashchange",n),()=>{window.removeEventListener("popstate",n),window.removeEventListener("hashchange",n)}},[j]);return n("div",{className:[v.n23mNavigationTabs,"n23mNavigationTabs",c].filter(Boolean).join(" "),style:_,...y,children:e(m,{layout:"container",widthMax:x,children:[n(m,{layout:"container",widthMax:N,padding:"20px",margin:"auto",children:e(m,{layout:"columns",gap:{col:"20px",row:"20px"},col:{smallDesktop:2,desktop:2,mobile:2,tablet:2},children:[n("div",{children:p}),n("div",{className:w?v.menuItemDesktop:void 0,children:b}),w&&e("div",{className:v.menuItemMobile,children:[n("div",{className:v.menuPlaceholder,children:n(s,{type:"button",variant:"menu",height:"40px",width:"70px",padding:0,onClick:()=>{C.current?j():F()},"aria-label":"Menu","aria-controls":L,children:n(l,{tag:"span",desktopSize:20,mobileSize:20,fontWeight:400,color:"inherit",children:"Menu"})})}),n("div",{id:L,ref:A,className:v.menu,children:n("div",{ref:M,className:v.menuContent,onClickCapture:n=>{const e=n.target;if(!(e instanceof Element))return;const a=e.closest("a");if(!a)return;if(0!==n.button||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey)return;if("_blank"===a.getAttribute("target")||a.hasAttribute("download"))return void B();const t=new URL(a.href,window.location.href);if(t.origin!==window.location.origin)return void B();const i=h(t.pathname)===h(window.location.pathname)&&t.search===window.location.search,o=t.hash!==window.location.hash&&(d(t.hash)||d(window.location.hash));if(i&&!o)return B(),void j();B(),I.current=g(A.current,()=>{I.current=null,j()})},children:w})})]})]})}),n("div",{className:v.navigationLine}),!f&&n(m,{layout:"container",widthMax:N,padding:"20px",margin:"auto",className:v.navigationTabMenu,children:n(m,{layout:"flex",justifyContent:"center",widthMax:N,gap:{col:"30px",row:"20px"},children:T})})]})})};_.displayName="NavigationTabs";export{_ as N};
|
package/lib/Picture/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i}from"react";import{u as o}from"../useCachedImageCheck-TeUbYfzH.js";import{u as t}from"../useWindowSize-CAQRbyxi.js";import{T as c}from"../TextBox-
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i}from"react";import{u as o}from"../useCachedImageCheck-TeUbYfzH.js";import{u as t}from"../useWindowSize-CAQRbyxi.js";import{T as c}from"../TextBox-DdegFlzI.js";import{s as a,g as d}from"../style-inject.es-CrVRO2OA.js";var m={n23mPictureFigure:"Picture-module_n23mPictureFigure__PKHvD",n23mPicture:"Picture-module_n23mPicture__5PGmj",border:"Picture-module_border__GvVwU",loaded:"Picture-module_loaded__Fgdvy",cacheLoaded:"Picture-module_cacheLoaded__6Rkg7"};a("@layer n23mPicture{.Picture-module_n23mPictureFigure__PKHvD{margin:0;padding:0}.Picture-module_n23mPicture__5PGmj{box-sizing:border-box;display:block;&.Picture-module_border__GvVwU{border:2px solid var(--picture-bc);padding:5px}& img,&.Picture-module_border__GvVwU{corner-shape:squircle;border-radius:12px}& img{display:grid;height:auto;max-height:var(--picture-mh,unset);opacity:0;width:100%}&.Picture-module_loaded__Fgdvy img{opacity:1;transition:opacity .25s ease-in-out}&.Picture-module_cacheLoaded__6Rkg7 img{opacity:1}}}");const s=({children:a,className:s,style:u,draggable:l=!1,alt:n,src:g,srcDesktop:p,srcMobile:_,ar:h,arMobile:P,arDesktop:b,border:x=!1,borderColor:y="black",loading:f="lazy",srcset:v,sizes:j,maxHeight:k,maxHeightMobile:w,maxHeightDesktop:z,figcaption:F,figcaptionColor:S,...D})=>{const[G,H]=i(!1),{width:L}=t(),C=p&&L>=768?p:_&&L<768?_:g||"",M=o(C,25);return e("figure",{className:m.n23mPictureFigure,children:[e("picture",{className:["n23mPicture",m.n23mPicture,x&&m.border,G&&!M&&m.loaded,M&&m.cacheLoaded,s].filter(Boolean).join(" "),...D,style:{...d({"--picture-bc":y,"--picture-mh":z||w?w&&L<767.98?w:z||w:k}),...u},children:[p&&r("source",{media:"(min-width: 768px)",srcSet:p}),_&&r("source",{media:"(max-width: 767.98px)",srcSet:_}),r("img",{sizes:j,srcSet:v,width:b||P?P&&L<767.98?P:b||P:h,height:1,src:C,alt:n,loading:f,onLoad:()=>H(!0),draggable:l})]}),F&&r("figcaption",{children:r(c,{tag:"p",desktopSize:12,mobileSize:12,color:S,margin:"3px 0 3px 0",children:F})})]})};export{s as Picture};
|
package/lib/Select/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{S as Select}from"../Select-
|
|
1
|
+
export{S as Select}from"../Select-CZl1dL0Q.js";import"react/jsx-runtime";import"react";import"../Input-ByGk_DRd.js";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";import"../validator/index.js";import"../validator.const-LBF9whmW.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as n,useId as r,useMemo as l}from"react";import{I as a}from"./Input-
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as n,useId as r,useMemo as l}from"react";import{I as a}from"./Input-ByGk_DRd.js";import{s as i}from"./style-inject.es-CrVRO2OA.js";var s={n23mSelect:"Select-module_n23mSelect__awO8y",icon:"Select-module_icon__jzEHa",iconRotate:"Select-module_iconRotate__NvZVj",dropdownWrapper:"Select-module_dropdownWrapper__IUKRC",open:"Select-module_open__JxM1W",dropdown:"Select-module_dropdown__DZBqH",dropdownItem:"Select-module_dropdownItem__COzLI"};i('@layer n23mSelect{.Select-module_n23mSelect__awO8y{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;position:relative;& input{cursor:pointer;padding-right:40px}.Select-module_icon__jzEHa{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" xml:space="preserve"><g style="stroke:none;stroke-width:1px;fill-rule:nonzero;opacity:1"><path d="M90 24.25a3.499 3.499 0 0 0-5.974-2.475L45 60.8 5.975 21.775a3.5 3.5 0 1 0-4.95 4.95l41.5 41.5a3.499 3.499 0 0 0 4.949 0l41.5-41.5A3.487 3.487 0 0 0 90 24.25z" style="stroke:none;stroke-width:1" transform="matrix(2.81 0 0 2.81 1.407 1.407)"/></g></svg>\') no-repeat 100%;background-position:calc(100% - 10px) 50%;background-size:18px;cursor:pointer;display:inline-block;height:40px;position:absolute;right:2px;top:22px;transform:rotate(0deg);transition:transform .1s ease-in-out;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px;&.Select-module_iconRotate__NvZVj{transform:rotate(180deg);transition:transform .1s ease-in-out}}.Select-module_dropdownWrapper__IUKRC{corner-shape:squircle;background:transparent;border-radius:12px;display:none;margin-top:65px;padding-bottom:40px;position:absolute;top:0;width:100%;z-index:3;&.Select-module_open__JxM1W{display:block}.Select-module_dropdown__DZBqH{corner-shape:squircle;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#fff;border-radius:12px;box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);cursor:pointer;max-height:180px;overflow-y:auto;overscroll-behavior:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;&:has(.Select-module_dropdownItem__COzLI){border:1px solid var(--input-cb,#000)}.Select-module_dropdownItem__COzLI{background:#fff;border-bottom:1px solid var(--input-cb,#000);box-sizing:border-box;color:var(--input-c,#000);font-family:var(--n23mFontFamily,var(--iff));font-size:16px;font-weight:500;padding:10px;width:100%;&:hover{background-color:#f5f5f5}&:not(:first-child){border-top:none}&:last-child{border-bottom:unset}}}}}}');const d=({className:i,name:d,disabled:p,style:c,options:u,initialValue:m,validatorOptions:b,placeholder:h,onBlur:_,label:x="Select",...g})=>{const[v,w]=t(m?.label??""),[f,k]=t(m?.value??""),[S,y]=t(!1),[I,z]=t(!1),j=n(null),C=r(),O=l(()=>I?u.filter(e=>e.label.toLowerCase().includes(v.toLowerCase())):u,[u,v,I]);return e("div",{className:[s.n23mSelect,"n23mSelect",i].filter(Boolean).join(" "),...g,style:{...c},children:[o("div",{className:[s.icon,S?s.iconRotate:""].join(" "),onMouseDown:e=>{e.preventDefault(),j.current?.focus(),p||(z(!1),y(e=>!e))}}),o(a,{name:d,type:"hidden",kind:"input",validatorOptions:[...b??[],{type:"existsInOptions",options:{options:u,matchBy:"value"}}],value:f}),o(a,{id:C,inputRef:j,label:x,type:"text",kind:"select",disabled:p,placeholder:h,value:v,onChange:e=>{const o=e.currentTarget.value;w(o),k(""),z(!0),y(!0)},onClick:()=>{p||(z(!1),y(!0))},onBlur:e=>{y(!1),z(!1),_?.(e,{value:f,label:v})},validatorOptions:[...b??[],{type:"existsInOptions",options:{options:u,matchBy:"label"}}],"aria-autocomplete":"list","aria-expanded":S,"aria-controls":`${d}-listbox`,role:"combobox"}),o("div",{className:[s.dropdownWrapper,S?s.open:""].join(" "),children:o("div",{className:[s.dropdown].join(" "),children:O.map(e=>o("div",{className:s.dropdownItem,onMouseDown:()=>{(e=>{k(e.value),w(e.label),z(!1),y(!1)})(e)},children:e.label},e.value))})})]})};export{d as S};
|
package/lib/Slider/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import i,{useState as n,useRef as t,useLayoutEffect as o}from"react";import{B as d}from"../Button-
|
|
1
|
+
import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import i,{useState as n,useRef as t,useLayoutEffect as o}from"react";import{B as d}from"../Button-C-wHKWXx.js";import{u as s}from"../useWindowSize-CAQRbyxi.js";import{I as a,a as c}from"../IconLocate-BXomEqkx.js";import{L as m}from"../Loader-Xiu7dKXn.js";import{T as u}from"../Typography-CGEZ3qz0.js";import{s as h}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";var g={n23mSlider:"Slider-module_n23mSlider__dg2MQ",dragging:"Slider-module_dragging__kMTuz",n23mSliderContainerSlider:"Slider-module_n23mSliderContainerSlider__2hzVV",n23mSliderSlideWrapper:"Slider-module_n23mSliderSlideWrapper__rGgB5",n23mSliderSlide:"Slider-module_n23mSliderSlide__Rp-uz",n23mSliderControls:"Slider-module_n23mSliderControls__P6qoa",n23mSliderControlsButtons:"Slider-module_n23mSliderControlsButtons__VGq89",n23mSliderCounter:"Slider-module_n23mSliderCounter__o-IR0"};h("@layer n23mSlider{.Slider-module_n23mSlider__dg2MQ{width:100%;&.Slider-module_dragging__kMTuz,&.Slider-module_dragging__kMTuz a{cursor:grabbing}}.Slider-module_n23mSliderContainerSlider__2hzVV{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_n23mSliderSlideWrapper__rGgB5{box-sizing:border-box;display:flex;height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_n23mSliderSlide__Rp-uz{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_n23mSliderControls__P6qoa{align-items:center;display:flex;margin-left:20px;margin-right:20px}.Slider-module_n23mSliderControlsButtons__VGq89{display:flex;gap:10px;margin-top:10px}.Slider-module_n23mSliderCounter__o-IR0{align-items:center;align-items:flex-start;display:flex;height:50px;justify-content:center}}");const p=(e,r,l=!1,n)=>(l?e.slice(0,r):e.slice(-r)).map((e,r)=>i.cloneElement(e,{key:`${l?"clone-first":"clone-last"}-${r} ${n}`,className:e.props.className})),S=({isCircular:h=!1,children:S,className:_,loading:f=!1,loaderColor:x="black",slidesConfig:v={mobile:{items:1,slidesToScroll:1},tablet:{items:2,slidesToScroll:2},desktop:{items:3,slidesToScroll:3}},slideSpacingPx:b=10})=>{const C=i.Children.toArray(S).filter(i.isValidElement),{width:y}=s(),[w,T]=n(0),j=t(null),$=t(null),[z,N]=n(h?2*C.length:0),[E,L]=n(!1),k=t([]),[B,M]=n(null),[W,V]=n(0),P=t(!1);let R,X,q,G;y<767.98?(R=v.mobile.items,X=v.mobile.slidesToScroll,q="transform 0.4s cubic-bezier(.4,0,.2,1)",G=450):y<1199.98?(R=v.tablet.items,X=v.tablet.slidesToScroll,q="transform 0.4s cubic-bezier(.4,0,.2,1)",G=450):(R=v.desktop.items,X=v.desktop.slidesToScroll,q="transform 0.4s cubic-bezier(.4,0,.2,1)",G=450),o(()=>{j.current&&T(j.current.offsetWidth),N(h?2*C.length:0)},[f,h,R,C.length,y]),o(()=>{const e=j.current;if(!e)return;const r=new ResizeObserver(()=>{T(e.offsetWidth)});return r.observe(e),()=>r.disconnect()},[f]);const I=(w-b*(R-1))/R;let D=h?[...p(C,C.length,!1,1),...C,...p(C,C.length,!1,2),...p(C,C.length,!0,3),...p(C,C.length,!0,4)]:C;o(()=>{k.current.forEach((e,r)=>{if(!e)return;let l=0,i=0;1===R&&1!==C.length?(l=40,i=40):2===R?(l=20,i=20):4===R?(l=10,i=10):3===R&&(l=12.5,i=12.5);const n=(r-z)*(I+b-i)+(w-(I-l)*R-b*(R-1))/2;e.style.transition=E?q:"none",e.style.transform=`translateX(${n}px)`})},[z,w,E,D.length,R,I,b,f]),o(()=>{if(!E)return;let e;const r=()=>{let l=z;z<2*R&&h?l=z+2*C.length:z>=2*C.length+R&&h&&(l=z-C.length),l!==z&&h&&N(l),L(!1),k.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)};return k.current.forEach(e=>{e&&e.addEventListener("transitionend",r)}),e=window.setTimeout(()=>{L(!1),k.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)})},G),()=>{k.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)}},[z,h,E,C.length,R,D.length,f]);const Q=()=>{E||(L(!0),N(e=>e+X))},A=()=>{E||(L(!0),N(e=>e-X))};return e("div",{ref:$,className:[g.n23mSlider,"n23mSlider",_].filter(Boolean).join(" "),style:{height:f?"calc(100% - 2px)":"calc(100% - 60px)"},children:[f&&r(m,{loaderColor:x}),!f&&e(l,{children:[r("div",{className:g.n23mSliderContainerSlider,onTouchStart:e=>{1===e.touches.length&&(M(e.touches[0].clientX),V(0),P.current=!0,$.current&&$.current.classList.add(g.dragging))},onTouchMove:e=>{null!==B&&V(e.touches[0].clientX-B)},onTouchEnd:()=>{W>50&&!E&&(h||0!==z)?A():W<-50&&!(E||!h&&z+R>=C.length)&&Q(),M(null),V(0),P.current=!1,$.current&&$.current.classList.remove(g.dragging)},onMouseDown:e=>{M(e.clientX),V(0),P.current=!0,$.current&&$.current.classList.add(g.dragging)},onMouseMove:e=>{null!==B&&V(e.clientX-B)},onMouseUp:()=>{W>50&&!E&&(h||0!==z)?A():W<-50&&!(E||!h&&z+R>=C.length)&&Q(),M(null),V(0),P.current=!1,$.current&&$.current.classList.remove(g.dragging)},children:r("div",{className:[g.n23mSliderSlideWrapper,"n23mSliderSlideWrapper"].join(" "),ref:j,style:{gap:`${b}px`},children:D.map((e,l)=>r("div",{ref:e=>{k.current[l]=e},className:g.n23mSliderSlide,style:{width:1===R&&1===C.length?"100%":1===R?`calc(${I}px - 40px)`:2===R?`calc(${I}px - 20px)`:3===R?`calc(${I}px - 12.5px)`:4===R?`calc(${I}px - 10px)`:`${I}px`},"aria-hidden":l<z||l>=z+R,children:e},e.key??l))})}),e("div",{className:[g.n23mSliderControls,"n23mSliderControls"].join(" "),style:{justifyContent:1===R?"space-between":"flex-end"},children:[1===R&&r("div",{className:[g.n23mSliderCounter,"n23mSliderCounter"].join(" "),children:r(u,{variant:"body",tag:"span",children:h?`${(()=>{if(!h)return z;const e=C.length;return e<1?0:(z+e)%e})()+1} / ${C.length}`:`${z+1} / ${C.length}`})}),e("div",{className:[g.n23mSliderControlsButtons,"n23mSliderControlsButtons"].join(" "),children:[r(d,{variant:"secondary",height:"50px",width:"50px",padding:0,title:"Previous slide","aria-label":"Previous slide",onClick:A,disabled:E||!h&&0===z,children:r(a,{width:24,height:24})}),r(d,{variant:"secondary",height:"50px",width:"50px",padding:0,title:"Next slide","aria-label":"Next slide",onClick:Q,disabled:E||!h&&z+R>=C.length,children:r(c,{width:24,height:24})})]})]})]})]})};S.displayName="Slider";export{S as Slider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as t,Children as l,cloneElement as n,useState as o,useCallback as i,useEffect as c,useMemo as a}from"react";import{B as s}from"../Button-
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as t,Children as l,cloneElement as n,useState as o,useCallback as i,useEffect as c,useMemo as a}from"react";import{B as s}from"../Button-C-wHKWXx.js";import{u}from"../useWindowSize-CAQRbyxi.js";import{I as d,a as g}from"../IconLocate-BXomEqkx.js";import{s as m,g as f}from"../style-inject.es-CrVRO2OA.js";import"../LoaderDots-B531jWAx.js";import"../TextBox-DdegFlzI.js";var h={n23mSliderScrollWrapper:"SliderScroll-module_n23mSliderScrollWrapper__qj8cS",n23mSliderScrollTrack:"SliderScroll-module_n23mSliderScrollTrack__y6G6v",dragging:"SliderScroll-module_dragging__gH9AX",n23mSliderScrollControls:"SliderScroll-module_n23mSliderScrollControls__TAnlc",n23mSliderScrollControlsButtons:"SliderScroll-module_n23mSliderScrollControlsButtons__-PK4Y"};m("@layer n23mSliderScroll{.SliderScroll-module_n23mSliderScrollWrapper__qj8cS{display:grid;position:relative}.SliderScroll-module_n23mSliderScrollTrack__y6G6v{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--sliderscroll-g);overflow-x:scroll;scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:scroll-position;&::-webkit-scrollbar{display:none}&>*{flex-shrink:0}&.SliderScroll-module_dragging__gH9AX,&.SliderScroll-module_dragging__gH9AX a{cursor:grabbing}}.SliderScroll-module_n23mSliderScrollControls__TAnlc{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderScroll-module_n23mSliderScrollControlsButtons__-PK4Y{display:flex;gap:10px;margin-top:10px}}");const S=({children:m,className:S,gap:p="5px",isCircular:w=!1,autoPlay:v=!1,autoPlaySpeed:L=.5,style:_})=>{const b={carousel:t(null),buttonLeft:t(null),buttonRight:t(null),showArrowLeft:t(!1),showArrowRight:t(!1),isSliding:t(!1),animationFrameId:t(null),isHovered:t(!1),hasInitialized:t(!1),updateControls:t(()=>{}),drag:t({isDown:!1,startX:0,scrollLeft:0,isMove:!1,isDragging:!1}),childRefs:t([])},y=l.toArray(m),x=y.length,A=w?y.map((r,e)=>n(r,{key:`cb-${e}`})):[],F=w?y.map((r,e)=>n(r,{key:`ca-${e}`})):[],C=w?[...A,...y,...F]:y,[I,k]=o([]),{width:j}=u(),D=i(()=>{if(!b.carousel.current)return;const r=Number(p.slice(0,-2)),e=b.childRefs.current.map(e=>{if(!e)return 0;const t=getComputedStyle(e),l=parseFloat(t.marginLeft)||0,n=parseFloat(t.marginRight)||0;return e.offsetWidth+l+n+r});k(r=>r.length===e.length&&r.every((r,t)=>r===e[t])?r:e)},[p]);c(()=>{D()},[m,j,D]),c(()=>{const r=b.carousel.current;if(!r)return;let e=null;const t=new ResizeObserver(()=>{e&&cancelAnimationFrame(e),e=requestAnimationFrame(()=>{D(),b.updateControls.current()})});return t.observe(r),r.parentElement&&t.observe(r.parentElement),()=>{t.disconnect(),e&&cancelAnimationFrame(e)}},[D,w]);const M=a(()=>{const r=[];let e=0;for(const t of I)r.push(e),e+=t;return r},[I]);c(()=>{b.hasInitialized.current=!1},[w]),c(()=>{w&&b.carousel.current&&M.length&&!b.hasInitialized.current&&(b.carousel.current.scrollLeft=(M[x]||0)-2*Number(p.slice(0,-2)),b.hasInitialized.current=!0),N()},[j,M,x,w]),c(()=>{R(!1)},[]),c(()=>{if(!w)return;if(!v)return void(b.animationFrameId.current&&(cancelAnimationFrame(b.animationFrameId.current),b.animationFrameId.current=null));let r;const e=()=>{if(!b.carousel.current)return;if(b.isSliding.current||b.isHovered.current)return void(b.animationFrameId.current=requestAnimationFrame(e));const r=b.carousel.current;let t=r.scrollLeft+L;if(w&&M.length&&I.length){const r=M[M.length-1]+(I[I.length-1]||0),e=M[x]||0,l=M[x+y.length]||r;t>l+I[0]/2&&(t-=l-e)}r.scrollLeft=t,N(),b.animationFrameId.current=requestAnimationFrame(e)};return r=setTimeout(()=>{b.animationFrameId.current=requestAnimationFrame(e)},500),()=>{r&&clearTimeout(r),b.animationFrameId.current&&(cancelAnimationFrame(b.animationFrameId.current),b.animationFrameId.current=null)}},[v,L,w,M,I,x,y.length]);const N=()=>{if(b.carousel.current){if(w)b.showArrowLeft.current=!0,b.showArrowRight.current=!0;else{const r=b.carousel.current.scrollLeft,e=b.carousel.current.scrollWidth-b.carousel.current.clientWidth;b.showArrowLeft.current=r>0,b.showArrowRight.current=r<e-1}R(b.isSliding.current)}};b.updateControls.current=N;const R=r=>{b.buttonLeft.current&&(b.buttonLeft.current.disabled=r||!b.showArrowLeft.current),b.buttonRight.current&&(b.buttonRight.current.disabled=r||!b.showArrowRight.current)},W=(r,e,t=300)=>{if(b.isSliding.current)return;b.isSliding.current=!0,R(!0);const l=r.scrollLeft,n=e-l,o=performance.now(),i=e=>{const c=e-o,a=Math.min(c/t,1);var s;r.scrollLeft=l+n*((s=a)<.5?4*s*s*s:1-Math.pow(-2*s+2,3)/2),a<1?requestAnimationFrame(i):(b.isSliding.current=!1,R(!1),N())};requestAnimationFrame(i)},X=i(()=>{if(!b.carousel.current)return;if(!M.length||!I.length)return;const r=b.carousel.current,e=r.offsetWidth,t=r.scrollLeft;let l=M.findIndex(r=>r>t);-1===l?l=M.length-1:l>0&&l--;let n,o=0,i=0;for(let r=l;r<M.length&&(o+=I[r],i++,!(o>=e));r++);const c=l+i-1;n=M[c]+I[c]>t+e+1?c:l+i;let a=M[n]-2*Number(p.slice(0,-2));if(a<0&&(a=0),w){a=(M[x]||0)+a-(M[x]||0)}W(b.carousel.current,a,400)},[M,I,p,x,w,y.length]),B=i(()=>{if(!b.carousel.current)return;if(!M.length||!I.length)return;const r=b.carousel.current,e=r.offsetWidth,t=r.scrollLeft;let l=0;for(let r=0;r<M.length;r++)if(M[r]>t){l=r-1;break}l<0&&(l=0);let n=0,o=0;for(let r=l;r>=0&&(n+=I[r],n<=e);r--)o++;let i=l;w||(i=Math.max(o-1,i));let c=M[i]+I[i]-e+Number(p.slice(0,-2));if(c<0&&(c=0),w){c=(M[x]||0)+c-(M[x]||0)+Number(p.slice(0,-2))}W(b.carousel.current,c,400)},[M,I,p,x,w]),T=()=>{b.carousel.current&&(b.drag.current.isDragging?b.carousel.current.classList.add(h.dragging):b.carousel.current.classList.remove(h.dragging))};return r("div",{className:["n23mSliderScroll",S].filter(Boolean).join(" "),style:{...f({"--sliderscroll-g":p,height:"calc(100% - 60px)"}),..._},onMouseEnter:()=>{b.isHovered.current=!0},onMouseLeave:()=>{b.isHovered.current=!1},children:[e("div",{className:[h.n23mSliderScrollWrapper,"n23mSliderScrollWrapper"].join(" "),children:e("div",{className:h.n23mSliderScrollTrack,ref:b.carousel,onClick:r=>{b.drag.current.isMove&&(r.preventDefault(),r.stopPropagation())},onScroll:()=>{if(b.carousel.current){if(w&&M.length&&I.length){const r=b.carousel.current.scrollLeft,e=M[M.length-1]+(I[I.length-1]||0),t=M[x]||0,l=M[x+y.length]||e;r<t-I[0]/2?b.carousel.current.scrollLeft=r+(M[y.length+x]-t):r>l+I[0]/2&&(b.carousel.current.scrollLeft=r-(l-t))}N()}},onMouseDown:r=>{b.drag.current.isDown=!0,b.drag.current.startX=r.pageX-(b.carousel.current?.offsetLeft||0),b.drag.current.scrollLeft=b.carousel.current?.scrollLeft||0,b.drag.current.isDragging=!0,T()},onMouseLeave:()=>{b.drag.current.isDown&&(b.drag.current.isDown=!1,b.drag.current.isDragging=!1,T())},onMouseUp:()=>{b.drag.current.isDown=!1,b.drag.current.isDragging=!1,T()},onMouseMove:r=>{if(!b.drag.current.isDown)return void(b.drag.current.isMove=!1);r.preventDefault();var e;const t=("pageX"in(e=r)?e.pageX:"touches"in e?e.touches[0].pageX:0)-(b.carousel.current?.offsetLeft||0)-b.drag.current.startX;Math.abs(t)>5&&(b.drag.current.isMove=!0),b.carousel.current&&(b.carousel.current.scrollLeft=b.drag.current.scrollLeft-t,N())},children:C.map((r,t)=>e("div",{ref:r=>{b.childRefs.current[t]=r},style:{display:"inline-block"},children:r},r.key||t))})}),e("div",{className:[h.n23mSliderScrollControls,"n23mSliderScrollControls"].join(" "),children:r("div",{className:[h.n23mSliderScrollControlsButtons,"n23mSliderScrollControlsButtons"].join(" "),children:[e(s,{ref:b.buttonLeft,variant:"secondary",height:"50px",width:"50px",padding:0,title:"Previous","aria-label":"Previous",onClick:B,children:e(d,{width:24,height:24})}),e(s,{ref:b.buttonRight,variant:"secondary",height:"50px",width:"50px",padding:0,title:"Next","aria-label":"Next",onClick:X,children:e(g,{width:24,height:24})})]})})]})};S.displayName="SliderScroll";export{S as SliderScroll};
|
package/lib/Table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as l,Fragment as t}from"react/jsx-runtime";import{useState as a}from"react";import{B as i}from"../Button-
|
|
1
|
+
import{jsxs as e,jsx as l,Fragment as t}from"react/jsx-runtime";import{useState as a}from"react";import{B as i}from"../Button-C-wHKWXx.js";import{C as o}from"../Calendar-CywqNl1K.js";import{D as n}from"../Dialog-LxcqPFlL.js";import{F as r}from"../Form-CIKS98NU.js";import{G as d}from"../Grid-BLvVIQEG.js";import{I as s}from"../Input-ByGk_DRd.js";import{L as c}from"../LoaderDots-B531jWAx.js";import{S as p}from"../Select-CZl1dL0Q.js";import{T as m}from"../TextBox-DdegFlzI.js";import{T as b}from"../Typography-CGEZ3qz0.js";import{s as h,g}from"../style-inject.es-CrVRO2OA.js";import{V as u}from"../validator.const-LBF9whmW.js";import"../IconLocate-BXomEqkx.js";import"../validator/index.js";var f={n23mTable:"Table-module_n23mTable__kKVd9",table:"Table-module_table__hJFsY",loadingCell:"Table-module_loadingCell__mIX-P",loadingInner:"Table-module_loadingInner__GlNjv"};h('@layer n23mTable{.Table-module_n23mTable__kKVd9{--hover-bg:rgba(0,0,0,.11);background-attachment:local,local,scroll,scroll;background-color:#fff;background-image:linear-gradient(90deg,#fff 20px,hsla(0,0%,100%,0)),linear-gradient(270deg,#fff 20px,hsla(0,0%,100%,0)),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.25),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.25),transparent);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;isolation:isolate;overflow-x:auto;overflow-y:hidden}.Table-module_n23mTable__kKVd9:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.Table-module_table__hJFsY{border-collapse:collapse;min-width:max-content;width:100%}.Table-module_table__hJFsY td,.Table-module_table__hJFsY th{border:1px solid grey;padding:10px 12px;position:relative}.Table-module_table__hJFsY td[data-clickable=true]{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Table-module_table__hJFsY td.Table-module_loadingCell__mIX-P{cursor:default;padding:0}.Table-module_loadingInner__GlNjv{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:flex-start;min-height:var(--table-loading-height,219.25px);padding:10px}@media (hover:hover){.Table-module_table__hJFsY tbody tr:hover>td{background-color:var(--hover-bg)}.Table-module_table__hJFsY tbody td:hover:after{background-color:var(--hover-bg);content:"";inset:-100vh 0;pointer-events:none;position:absolute;z-index:-1}.Table-module_table__hJFsY tbody tr:hover>td.Table-module_loadingCell__mIX-P{background-color:transparent}.Table-module_table__hJFsY tbody td.Table-module_loadingCell__mIX-P:hover:after{content:none}}}');const x=({className:h,jsonSchema:x,jsonData:_,cellEdit:v,cellDelete:y,onCellReset:T,isLoading:k=!1,style:S,tableLoadingHeight:C,...j})=>{const[z,w]=a(!1),[N,E]=a(!1),[D,M]=a(0),[F,I]=a(null),{onCellEdit:Y,isCellEditError:J=!1,isCellEditPending:O=!1,isCellEditSuccess:V=!1,cellEditErrorMsg:W,cellEditSuccessMsg:P}=v??{},{onCellDelete:B,isCellDeleteError:A=!1,isCellDeletePending:L=!1,isCellDeleteSuccess:G=!1,cellDeleteErrorMsg:X,cellDeleteSuccessMsg:K}=y??{},R=Boolean(Y),H=Boolean(B),q=x.cols.filter(e=>"id"!==e.cellName),Q=()=>{T&&setTimeout(()=>T(),300)},U=()=>{E(!1),Q()},Z=()=>{E(!1),w(!1),Q()};return e("div",{className:[f.n23mTable,"n23mTable",h].filter(Boolean).join(" "),...j,style:{...g({"--table-loading-height":C}),...S},children:[R&&l(n,{open:z,onCancel:()=>{w(!1),Q()},widthMax:"900px",children:e(d,{layout:"container",widthMin:"min(800px, calc(100vw - 25px))",padding:"0px 30px 30px 30px",margin:"auto",children:[l(b,{appearance:"light",variant:"subheading",tag:"h2",style:{margin:"0 0 20px 0"},children:"Edit Cell"}),e(r,{onSubmit:e=>{if(!Y)return;if(Object.values(e).some(({error:e})=>e))return;const l=Object.fromEntries(Object.entries(e).map(([e,{value:l}])=>[e,l]));Y(l)},isError:J,isPending:O,isSuccess:V,errorMsg:W,successMsg:P,children:[l(d,{layout:"columns",col:{smallDesktop:2},gap:{col:"20px"},children:F&&x.cols.map(e=>{const t=F[e.cellName];if("date"===e.cellType){const a=t||e.initialValue;return l(o,{label:e.cellText,name:e.cellName,disabled:e.disabledEdit,initialValue:a,placeholder:e.cellText,validatorOptions:e.validatorOptions},e.cellName)}if("select"===e.cellType){const a=e.options.find(e=>e.value===String(t??""))??e.initialValue;return l(p,{name:e.cellName,options:e.options,disabled:e.disabledEdit,initialValue:a,validatorOptions:e.validatorOptions},e.cellName)}return l(s,{label:e.cellText,name:e.cellName,type:e.cellType,step:"number"===e.cellType?.01:void 0,defaultValue:String(t??""),disabled:e.disabledEdit,placeholder:e.cellText,validatorOptions:e.validatorOptions},e.cellName)})}),e(d,{layout:"flex",widthMax:"100%",padding:"0",justifyContent:H?"space-between":"flex-end",alignItems:"right",margin:"20px 0 0 0",children:[H&&l(i,{type:"button",variant:"danger",disabled:O||L,onClick:()=>{H&&F&&E(!0)},children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Delete"})}),l(i,{type:"submit",variant:"primary",disabled:O||L,children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Save changes"})})]})]},D)]})}),H&&l(n,{open:N,onCancel:G?Z:U,widthMax:"900px",children:e(d,{layout:"container",widthMin:"min(500px, calc(100vw - 25px))",padding:"0px 30px 30px 30px",margin:"auto",children:[l(b,{appearance:"light",variant:"subheading",tag:"h2",style:{margin:"0 0 20px 0"},children:G?"Deleted":"Are you sure?"}),!G&&l(b,{variant:"body",tag:"p",desktopSize:16,mobileSize:16,fontWeight:400,children:"This row will be permanently deleted. This action cannot be undone."}),A&&!G&&l(b,{variant:"body",tag:"p",desktopSize:16,mobileSize:16,fontWeight:400,color:u.error,style:{margin:"10px 0 0 0"},children:X??"Delete failed"}),G&&l(b,{variant:"body",tag:"p",desktopSize:16,mobileSize:16,fontWeight:400,color:u.success,children:K??"Row deleted"}),l(d,{layout:"flex",widthMax:"100%",padding:"0",justifyContent:G?"flex-end":"space-between",margin:"20px 0 0 0",children:G?l(i,{type:"button",variant:"success",onClick:Z,children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Close"})}):e(t,{children:[l(i,{type:"button",variant:"secondary",disabled:L,onClick:U,children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Cancel"})}),l(i,{type:"button",variant:"danger",disabled:L,onClick:()=>{B&&F&&B(F.id)},children:l(m,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"inherit",children:"Yes, delete"})})]})})]})}),e("table",{className:f.table,"aria-busy":k,children:[l("thead",{children:l("tr",{children:q.map(e=>l("th",{scope:"col",children:l(m,{mobileSize:16,desktopSize:20,color:"black",textAlign:e.thAlign??"left",children:e.cellText})},e.cellName))})}),l("tbody",{children:k?l("tr",{children:l("td",{className:f.loadingCell,colSpan:Math.max(q.length,1),children:l("div",{className:f.loadingInner,children:l(c,{})})})}):_.rows.map(e=>l("tr",{children:q.map(t=>{const a=e[t.cellName];return l("td",{"data-clickable":R,onClick:R?()=>(e=>{I(e),w(!0),M(e=>e+1)})(e):void 0,children:l(m,{fontWeight:400,mobileSize:16,desktopSize:16,color:"black",textAlign:t.tdAlign??"left",children:void 0===a?"":String(a)})},t.cellName)})},e.id))})]})]})};x.displayName="Table";export{x as Table};
|
package/lib/TextBox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{T as TextBox}from"../TextBox-
|
|
1
|
+
export{T as TextBox}from"../TextBox-DdegFlzI.js";import"react/jsx-runtime";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{s as t,g as o}from"./style-inject.es-CrVRO2OA.js";var x={n23mTextBox:"TextBox-module_n23mTextBox__FLqOY",n23mTextBoxLink:"TextBox-module_n23mTextBoxLink__r0QIA"};t("@layer n23mTextBox{.TextBox-module_n23mTextBox__FLqOY{--mob:var(--textbox-ms);--des:var(--textbox-ds);--min:400;--max:1400;--tff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--cmn:min(var(--mob),var(--des));--cmx:max(var(--mob),var(--des));--fss:var(--mob);--fes:var(--des);--sdf:calc(var(--fes) - var(--fss));--vpr:calc(var(--max) - var(--min));--slp:calc(var(--sdf)/var(--vpr));--int:calc(var(--fss) - var(--slp)*var(--min));font-family:var(--n23mFontFamily,var(--tff));font-size:clamp(calc(var(--cmn)/16*1rem),calc(var(--slp)*100vw + var(--int)/16*1rem),calc(var(--cmx)/16*1rem));line-height:var(--textbox-lh,var(--n23mTextBoxLineHeight,1.42857));margin:var(--textbox-m,var(--n23mTextBoxMargin));text-align:var(--textbox-a)}.TextBox-module_n23mTextBoxLink__r0QIA,.TextBox-module_n23mTextBox__FLqOY{text-wrap:var(--textbox-w);color:var(--textbox-c,var(--n23mTextBoxColor));font-weight:var(--textbox-fw,var(--n23mTextBoxFontWeight))}.TextBox-module_n23mTextBoxLink__r0QIA{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);corner-shape:squircle;border-radius:12px;text-align:var(--text-a,left);text-decoration:none;transition:color .15s ease-in-out,outline-color .15s ease-in-out;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;&:active,&:hover{color:var(--textbox-ch,var(--n23mTextBoxColorHover));font-weight:var(--textbox-fwh,var(--n23mTextBoxFontWeightHover,var(--textbox-fw)));text-decoration:underline}&:focus-visible{color:var(--textbox-ch,var(--n23mTextBoxColorHover));font-weight:var(--textbox-fwh,var(--n23mTextBoxFontWeightHover,var(--textbox-fw)));outline:1px solid var(--textbox-ch,var(--n23mTextBoxColorHover));outline-offset:1px;text-decoration:none}&:focus:not(:focus-visible){outline:none}}}");const r=({tag:t,children:r,className:n,mobileSize:a,desktopSize:i,lineHeight:l,color:s,colorHover:m,margin:v,fontWeight:c,fontWeightHover:b,textAlign:f,textWrap:h,style:u,...B})=>{const T=t??"div",d="a"===T;return e(T,{style:{...o({"--textbox-fw":c,"--textbox-fwh":b,"--textbox-ch":m,"--textbox-c":s,"--textbox-ms":a,"--textbox-ds":i,"--textbox-lh":l,"--textbox-a":f,"--textbox-w":h,"--textbox-m":v}),...u},className:[x.n23mTextBox,"n23mTextBox",d&&`${x.n23mTextBoxLink} n23mTextBoxLink`,n].filter(Boolean).join(" "),...B,children:r})};r.displayName="TextBox";export{r as T};
|
package/lib/Typography/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{T as Typography}from"../Typography-
|
|
1
|
+
export{T as Typography}from"../Typography-CGEZ3qz0.js";import"react/jsx-runtime";import"../TextBox-DdegFlzI.js";import"../style-inject.es-CrVRO2OA.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{T as i}from"./TextBox-
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{T as i}from"./TextBox-DdegFlzI.js";const o={display:{tag:"h1",mobileSize:42,desktopSize:76,lineHeight:1.05,fontWeight:700,textWrap:"balance",margin:"clamp(40px, 8vw, 60px) 0 10px"},heading:{tag:"h2",mobileSize:30,desktopSize:52,fontWeight:650,lineHeight:1.1,textWrap:"balance",margin:"clamp(30px, 8vw, 40px) 0 5px"},subheading:{tag:"h3",mobileSize:20,desktopSize:26,lineHeight:1.25,fontWeight:500,margin:"30px 0 0"},body:{tag:"p",mobileSize:16,desktopSize:17,fontWeight:400,margin:"10px 0 0"},caption:{tag:"span",mobileSize:11,desktopSize:12,lineHeight:1,fontWeight:600,margin:0,style:{textTransform:"uppercase"}},link:{tag:"a",mobileSize:"inherit",desktopSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit",fontWeight:"inherit",margin:0}},t={light:{display:{color:"#0F1014"},heading:{color:"#14151A"},subheading:{color:"#3f4043"},body:{color:"#26272E"},caption:{color:"#6B6D76"},link:{color:"#C73500",hover:"#C73500"}},dark:{display:{color:"#FFFFFF"},heading:{color:"#F7F8FA"},subheading:{color:"#9A9DAA"},body:{color:"#F7F7F8"},caption:{color:"#9A9DAA"},link:{color:"#C73500",hover:"#C73500"}}},r=({variant:r,appearance:a="light",style:l,color:n,colorHover:p,...g})=>{const h=o[r],c=t[a][r];return e(i,{...h,...g,color:n??c.color,colorHover:p??c.hover,style:{...h.style,...l}})};r.displayName="Typography";export{r as T};
|
package/package.json
CHANGED
package/lib/Grid-DmI4tqqG.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{L as r}from"./Loader-ZYEBOkbx.js";import{s as d,g as n}from"./style-inject.es-CrVRO2OA.js";var a={n23mGridFlex:"Grid-module_n23mGridFlex__xFJa5",n23mGridContainer:"Grid-module_n23mGridContainer__-fBUk",n23mGridColumns:"Grid-module_n23mGridColumns__KfIaf",n23mGridLoading:"Grid-module_n23mGridLoading__M2Mxr"};d("@layer n23mGrid{.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridContainer__-fBUk,.Grid-module_n23mGridFlex__xFJa5{box-sizing:border-box;margin:var(--grid-m,0);max-width:var(--grid-wx,none);min-height:var(--grid-mh,auto);min-width:var(--grid-wn,0);padding:var(--grid-p,0)}.Grid-module_n23mGridColumns__KfIaf,.Grid-module_n23mGridFlex__xFJa5{column-gap:var(--grid-cg,0);display:flex;row-gap:var(--grid-rg,0)}.Grid-module_n23mGridFlex__xFJa5{align-items:var(--grid-ai,center);flex-direction:var(--grid-fd,row);flex-wrap:var(--grid-fw,nowrap);justify-content:var(--grid-jc,space-between)}.Grid-module_n23mGridLoading__M2Mxr>*{flex:1 1 100%;max-width:100%;width:100%}.Grid-module_n23mGridColumns__KfIaf{--_m:var(--grid-cm,1);--_t:var(--grid-ct,var(--_m));--_sd:var(--grid-csd,var(--_t));--_d:var(--grid-cd,var(--_sd));--gfc:var(--_m);flex-wrap:wrap;width:100%}.Grid-module_n23mGridColumns__KfIaf>*{box-sizing:border-box;width:calc((100% - (var(--gfc) - 1)*var(--grid-cg, 0px))/var(--gfc))}@media (min-width:768px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_t)}}@media (min-width:1200px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_sd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__KfIaf{--gfc:var(--_d)}}}");const m={container:"n23mGridContainer",flex:"n23mGridFlex",columns:"n23mGridColumns"},o=({as:d="div",children:o,widthMin:e="0px",widthMax:t="1920px",padding:g="0px",margin:l="auto",layout:_,gap:s,col:G,loading:f=!1,loaderTextPosition:c="center",justifyContent:x,alignItems:u,minHeight:p,flexWrap:v,className:w,flexDirection:h,style:C,...F})=>{const b=m[_];return i(d,{className:[a[b],b,f&&a.n23mGridLoading,f&&"n23mGridLoading",w].filter(Boolean).join(" "),style:{...n({"--grid-p":g,"--grid-m":l,"--grid-jc":x,"--grid-cg":s?.col,"--grid-rg":s?.row,"--grid-ai":u,"--grid-fw":v,"--grid-mh":p,"--grid-wn":e,"--grid-wx":t,"--grid-fd":h,"--grid-cm":G?.mobile?.toString(),"--grid-ct":G?.tablet?.toString(),"--grid-csd":G?.smallDesktop?.toString(),"--grid-cd":G?.desktop?.toString()}),...C},...F,children:f?i(r,{minHeight:void 0!==p?`${p}`:"auto",textPosition:c}):o})};o.displayName="Grid";export{o as G};
|
package/lib/TextBox-__k4jPYK.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{s as e,g as x}from"./style-inject.es-CrVRO2OA.js";var o={n23mTextBox:"TextBox-module_n23mTextBox__FLqOY",n23mTextBoxLink:"TextBox-module_n23mTextBoxLink__r0QIA"};e("@layer n23mTextBox{.TextBox-module_n23mTextBox__FLqOY{--mob:var(--textbox-ms);--des:var(--textbox-ds);--min:400;--max:1400;--tff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--cmn:min(var(--mob),var(--des));--cmx:max(var(--mob),var(--des));--fss:var(--mob);--fes:var(--des);--sdf:calc(var(--fes) - var(--fss));--vpr:calc(var(--max) - var(--min));--slp:calc(var(--sdf)/var(--vpr));--int:calc(var(--fss) - var(--slp)*var(--min));font-family:var(--n23mFontFamily,var(--tff));font-size:clamp(calc(var(--cmn)/16*1rem),calc(var(--slp)*100vw + var(--int)/16*1rem),calc(var(--cmx)/16*1rem));line-height:var(--textbox-lh,var(--n23mTextBoxLineHeight,1.42857));margin:var(--textbox-m,var(--n23mTextBoxMargin));text-align:var(--textbox-a)}.TextBox-module_n23mTextBoxLink__r0QIA,.TextBox-module_n23mTextBox__FLqOY{text-wrap:var(--textbox-w);color:var(--textbox-c,var(--n23mTextBoxColor));font-weight:var(--textbox-fw,var(--n23mTextBoxFontWeight))}.TextBox-module_n23mTextBoxLink__r0QIA{text-align:var(--text-a,left);text-decoration:unset;transition:all .15s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--textbox-ch,var(--n23mTextBoxColorHover));font-weight:var(--textbox-fwh,var(--n23mTextBoxFontWeightHover,var(--textbox-fw)));text-decoration:underline}}}");const a=({tag:e,children:a,className:r,mobileSize:n,desktopSize:m,lineHeight:i,color:l,colorHover:v,margin:s,fontWeight:c,fontWeightHover:b,textAlign:f,textWrap:B,style:T,...d})=>{const h=e??"div",g="a"===h;return t(h,{style:{...x({"--textbox-fw":c,"--textbox-fwh":b,"--textbox-ch":v,"--textbox-c":l,"--textbox-ms":n,"--textbox-ds":m,"--textbox-lh":i,"--textbox-a":f,"--textbox-w":B,"--textbox-m":s}),...T},className:[o.n23mTextBox,"n23mTextBox",g&&`${o.n23mTextBoxLink} n23mTextBoxLink`,r].filter(Boolean).join(" "),...d,children:a})};a.displayName="TextBox";export{a as T};
|