@adam-milo/ui 1.0.53 → 1.0.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +9 -9
- package/dist/index35.cjs +1 -1
- package/dist/index35.js +10 -11
- package/dist/index57.cjs +1 -1
- package/dist/index57.js +1 -1
- package/dist/index58.cjs +1 -1
- package/dist/index58.js +1 -1
- package/dist/index59.cjs +1 -1
- package/dist/index59.js +1 -1
- package/dist/index70.cjs +1 -1
- package/dist/index70.js +1 -1
- package/dist/index74.cjs +1 -1
- package/dist/index74.js +1 -1
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +1 -1
- package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts +0 -2
- package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts.map +1 -1
- package/dist/src/components/forms/otp-input/OTPInput.types.d.ts +0 -1
- package/dist/src/components/forms/otp-input/OTPInput.types.d.ts.map +1 -1
- package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -1
- package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +5 -3
- package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -1
- package/dist/src/components/forms/select/Select.styles.d.ts +4 -3
- package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -1
- package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts +2 -4
- package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts.map +1 -1
- package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts +0 -5
- package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts.map +1 -1
- package/dist/src/components/navigation/stepper/Stepper.component.d.ts +0 -26
- package/dist/src/components/navigation/stepper/Stepper.component.d.ts.map +1 -1
- package/dist/src/components/navigation/stepper/Stepper.styles.d.ts +0 -4
- package/dist/src/components/navigation/stepper/Stepper.styles.d.ts.map +1 -1
- package/dist/src/components/navigation/stepper/Stepper.types.d.ts +0 -23
- package/dist/src/components/navigation/stepper/Stepper.types.d.ts.map +1 -1
- package/dist/src/components/navigation/tabs/Tabs.types.d.ts +0 -1
- package/dist/src/components/navigation/tabs/Tabs.types.d.ts.map +1 -1
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -1
- package/dist/src/components/overlays/dialog/Dialog.styles.d.ts +3 -2
- package/dist/src/components/overlays/dialog/Dialog.styles.d.ts.map +1 -1
- package/dist/src/components/overlays/dialog/Dialog.types.d.ts +3 -1
- package/dist/src/components/overlays/dialog/Dialog.types.d.ts.map +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/lib/dev-utils.d.ts +0 -37
- package/dist/src/lib/dev-utils.d.ts.map +1 -1
- package/dist/src/lib/index.d.ts +0 -11
- package/dist/src/lib/index.d.ts.map +1 -1
- package/dist/src/lib/responsive.d.ts +0 -30
- package/dist/src/lib/responsive.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index13.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index47.cjs"),r=require("@adam-milo/icons"),o=require("./index48.cjs"),s=require("./index58.cjs"),n=t.forwardRef(({label:n,error:l,helperText:i,fullWidth:d=!0,value:c="",onChange:u,countryCode:p="US",onCountryChange:y,countries:h=o.commonCountries,enableFormatting:m=!0,onValidationChange:g,disabled:x,required:f,placeholder:C,id:b,"data-cy":S,"data-testid":$,className:v,onFocus:k,onBlur:w,...D},j)=>{const[N,P]=t.useState(!1),[M,q]=t.useState(!1),[B,E]=t.useState(0),I=t.useId(),L=b||I,F=`${L}-error`,R=`${L}-helper`,T=`${L}-listbox`,A=t.useRef(null),K=t.useRef(null),V=t.useRef(null),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index47.cjs"),r=require("@adam-milo/icons"),o=require("./index48.cjs"),s=require("./index58.cjs"),n=t.forwardRef(({label:n,error:l,helperText:i,fullWidth:d=!0,value:c="",onChange:u,countryCode:p="US",onCountryChange:y,countries:h=o.commonCountries,enableFormatting:m=!0,onValidationChange:g,disabled:x,required:f,placeholder:C,id:b,"data-cy":S,"data-testid":$,className:v,onFocus:k,onBlur:w,...D},j)=>{const[N,P]=t.useState(!1),[M,q]=t.useState(!1),[B,E]=t.useState(0),I=t.useId(),L=b||I,F=`${L}-error`,R=`${L}-helper`,T=`${L}-listbox`,A=t.useRef(null),K=t.useRef(null),V=t.useRef(null),W=S||"phone-input",U=$||"phone-input",z=h.find(e=>e.code===p)||h[0],H=o.getPhoneMask(p),O=C||H.placeholder,G=n&&f&&!n.includes("*")?`${n}*`:n;t.useEffect(()=>{const e=e=>{A.current&&!A.current.contains(e.target)&&P(!1)};return N&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[N]);const J=t.useCallback(e=>{y?.(e),P(!1),setTimeout(()=>{const e=A.current?.querySelector("input");e?.focus()},0)},[y]),Q=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),E(e=>Math.min(e+1,h.length-1));break;case"ArrowUp":e.preventDefault(),E(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),J(h[B]);break;case"Escape":e.preventDefault(),P(!1),V.current?.focus();break;case"Tab":P(!1)}},[h,B,J]),X=x?"disabled":l?"error":M||N?"focus":"idle";return e.jsxs("div",{ref:A,className:a.cn(s.wrapperStyles,d&&s.wrapperFullWidthStyles),"data-cy":`${W}-wrapper`,"data-testid":`${U}-wrapper`,children:[n&&e.jsx("label",{htmlFor:L,className:s.labelStyles,"data-cy":`${W}-label`,"data-testid":`${U}-label`,children:G}),e.jsxs("div",{className:a.cn(s.containerBaseStyles,d&&s.containerFullWidthStyles,"focus"===X&&s.containerFocusStyles,"error"===X&&s.containerErrorStyles,"disabled"===X&&s.containerDisabledStyles,"idle"===X&&s.containerIdleStyles),"data-state":X,"data-cy":`${W}-container`,"data-testid":`${U}-container`,children:[e.jsxs("button",{ref:V,type:"button",className:s.triggerStyles,onClick:()=>!x&&P(!N),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),P(!0);const t=h.findIndex(e=>e.code===p);E(-1===t?0:t)}},disabled:x,"aria-haspopup":"listbox","aria-expanded":N,"aria-controls":T,"aria-label":`Select country. Current: ${z.name}`,"data-cy":`${W}-country-trigger`,"data-testid":`${U}-country-trigger`,children:[e.jsx("span",{className:s.flagStyles,"data-cy":`${W}-flag`,"data-testid":`${U}-flag`,children:z.flag}),e.jsx(r.Icon,{name:"ChevronDownIcon",size:"sm",color:M||N?"clickable":"text",decorative:!0,"data-cy":`${W}-chevron`})]}),e.jsx("span",{className:s.dialCodeStyles,"data-cy":`${W}-dial-code`,"data-testid":`${U}-dial-code`,children:z.dialCode}),e.jsx("input",{ref:j,id:L,type:"tel",inputMode:"numeric",value:c,onChange:e=>{const t=e.target.value;if(m){const e=o.getPhoneDigits(t).slice(0,H.maxLength),a=o.formatPhoneNumber(e,p);u?.(a);const r=e.length===H.maxLength;g?.(r)}else{const e=t.replace(/[^0-9]/g,"");u?.(e);const a=e.length===H.maxLength;g?.(a)}},onFocus:e=>{q(!0),k?.(e)},onBlur:e=>{q(!1),w?.(e)},placeholder:O,disabled:x,required:f,className:a.cn(s.inputStyles,v),"aria-invalid":l?"true":"false","aria-required":f?"true":void 0,"aria-describedby":l?F:i?R:void 0,"data-cy":W,"data-testid":U,...D})]}),N&&e.jsx("div",{ref:K,id:T,role:"listbox","aria-label":"Select country",className:s.dropdownStyles,tabIndex:-1,onKeyDown:Q,"data-cy":`${W}-dropdown`,"data-testid":`${U}-dropdown`,children:h.map((t,r)=>e.jsxs("div",{role:"option","aria-selected":t.code===p,className:a.cn(s.optionBaseStyles,r===B&&s.optionHighlightedStyles,t.code===p&&s.optionSelectedStyles),onClick:()=>J(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),J(t))},onMouseEnter:()=>E(r),tabIndex:r===B?0:-1,"data-cy":`${W}-option-${t.code.toLowerCase()}`,"data-testid":`${U}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:s.optionFlagStyles,children:t.flag}),e.jsx("span",{className:s.optionNameStyles,children:t.name}),e.jsx("span",{className:s.optionDialCodeStyles,children:t.dialCode})]},t.code))}),l&&e.jsx("span",{id:F,className:s.errorStyles,role:"alert","data-cy":`${W}-error`,"data-testid":`${U}-error`,children:l}),i&&!l&&e.jsx("span",{id:R,className:s.helperStyles,"data-cy":`${W}-helper`,"data-testid":`${U}-helper`,children:i})]})});n.displayName="PhoneInput",exports.allCountries=o.allCountries,exports.commonCountries=o.commonCountries,exports.defaultCountries=o.defaultCountries,exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatPhoneNumber=o.formatPhoneNumber,exports.getCountriesByDialCode=o.getCountriesByDialCode,exports.getCountryByCode=o.getCountryByCode,exports.getCountryByDialCode=o.getCountryByDialCode,exports.getPhoneDigits=o.getPhoneDigits,exports.getPhoneMask=o.getPhoneMask,exports.isValidPhoneLength=o.isValidPhoneLength,exports.phoneMasks=o.phoneMasks,exports.searchCountries=o.searchCountries,exports.PhoneInput=n;
|
package/dist/index13.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as o,useEffect as d,useCallback as l}from"react";import{cn as i}from"./index47.js";import{Icon as c}from"@adam-milo/icons";import{commonCountries as s,getPhoneMask as u,getPhoneDigits as p,formatPhoneNumber as m}from"./index48.js";import{allCountries as h,defaultCountries as y,defaultPhoneMask as f,getCountriesByDialCode as $,getCountryByCode as b,getCountryByDialCode as g,isValidPhoneLength as v,phoneMasks as x,searchCountries as w}from"./index48.js";import{labelStyles as N,triggerStyles as C,flagStyles as k,dialCodeStyles as D,dropdownStyles as E,optionFlagStyles as L,optionNameStyles as j,optionDialCodeStyles as I,optionSelectedStyles as q,optionHighlightedStyles as F,optionBaseStyles as M,errorStyles as S,helperStyles as A,inputStyles as K,containerIdleStyles as T,containerDisabledStyles as B,containerErrorStyles as U,containerFocusStyles as z,
|
|
2
|
-
return e("div",{ref:
|
|
3
|
-
/* @__PURE__ */e("div",{className:i(P,"focus"===
|
|
4
|
-
/* @__PURE__ */e("button",{ref:
|
|
5
|
-
/* @__PURE__ */a("span",{className:k,"data-cy":`${
|
|
6
|
-
/* @__PURE__ */a(c,{name:"ChevronDownIcon",size:"sm",color:
|
|
7
|
-
/* @__PURE__ */a("span",{className:D,"data-cy":`${
|
|
8
|
-
/* @__PURE__ */a("input",{ref:
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as o,useEffect as d,useCallback as l}from"react";import{cn as i}from"./index47.js";import{Icon as c}from"@adam-milo/icons";import{commonCountries as s,getPhoneMask as u,getPhoneDigits as p,formatPhoneNumber as m}from"./index48.js";import{allCountries as h,defaultCountries as y,defaultPhoneMask as f,getCountriesByDialCode as $,getCountryByCode as b,getCountryByDialCode as g,isValidPhoneLength as v,phoneMasks as x,searchCountries as w}from"./index48.js";import{labelStyles as N,triggerStyles as C,flagStyles as k,dialCodeStyles as D,dropdownStyles as E,optionFlagStyles as L,optionNameStyles as j,optionDialCodeStyles as I,optionSelectedStyles as q,optionHighlightedStyles as F,optionBaseStyles as M,errorStyles as S,helperStyles as A,inputStyles as K,containerIdleStyles as T,containerDisabledStyles as B,containerErrorStyles as U,containerFocusStyles as z,containerFullWidthStyles as P,containerBaseStyles as V,wrapperFullWidthStyles as W,wrapperStyles as G}from"./index58.js";const H=t(({label:t,error:h,helperText:y,fullWidth:f=!0,value:$="",onChange:b,countryCode:g="US",onCountryChange:v,countries:x=s,enableFormatting:w=!0,onValidationChange:H,disabled:J,required:O,placeholder:Q,id:R,"data-cy":X,"data-testid":Y,className:Z,onFocus:_,onBlur:ee,...ae},te)=>{const[re,ne]=r(!1),[oe,de]=r(!1),[le,ie]=r(0),ce=n(),se=R||ce,ue=`${se}-error`,pe=`${se}-helper`,me=`${se}-listbox`,he=o(null),ye=o(null),fe=o(null),$e=X||"phone-input",be=Y||"phone-input",ge=x.find(e=>e.code===g)||x[0],ve=u(g),xe=Q||ve.placeholder,we=t&&O&&!t.includes("*")?`${t}*`:t;d(()=>{const e=e=>{he.current&&!he.current.contains(e.target)&&ne(!1)};return re&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[re]);const Ne=l(e=>{v?.(e),ne(!1),setTimeout(()=>{const e=he.current?.querySelector("input");e?.focus()},0)},[v]),Ce=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),ie(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),ie(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Ne(x[le]);break;case"Escape":e.preventDefault(),ne(!1),fe.current?.focus();break;case"Tab":ne(!1)}},[x,le,Ne]),ke=J?"disabled":h?"error":oe||re?"focus":"idle";/* @__PURE__ */
|
|
2
|
+
return e("div",{ref:he,className:i(G,f&&W),"data-cy":`${$e}-wrapper`,"data-testid":`${be}-wrapper`,children:[t&&/* @__PURE__ */a("label",{htmlFor:se,className:N,"data-cy":`${$e}-label`,"data-testid":`${be}-label`,children:we}),
|
|
3
|
+
/* @__PURE__ */e("div",{className:i(V,f&&P,"focus"===ke&&z,"error"===ke&&U,"disabled"===ke&&B,"idle"===ke&&T),"data-state":ke,"data-cy":`${$e}-container`,"data-testid":`${be}-container`,children:[
|
|
4
|
+
/* @__PURE__ */e("button",{ref:fe,type:"button",className:C,onClick:()=>!J&&ne(!re),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),ne(!0);const a=x.findIndex(e=>e.code===g);ie(-1===a?0:a)}},disabled:J,"aria-haspopup":"listbox","aria-expanded":re,"aria-controls":me,"aria-label":`Select country. Current: ${ge.name}`,"data-cy":`${$e}-country-trigger`,"data-testid":`${be}-country-trigger`,children:[
|
|
5
|
+
/* @__PURE__ */a("span",{className:k,"data-cy":`${$e}-flag`,"data-testid":`${be}-flag`,children:ge.flag}),
|
|
6
|
+
/* @__PURE__ */a(c,{name:"ChevronDownIcon",size:"sm",color:oe||re?"clickable":"text",decorative:!0,"data-cy":`${$e}-chevron`})]}),
|
|
7
|
+
/* @__PURE__ */a("span",{className:D,"data-cy":`${$e}-dial-code`,"data-testid":`${be}-dial-code`,children:ge.dialCode}),
|
|
8
|
+
/* @__PURE__ */a("input",{ref:te,id:se,type:"tel",inputMode:"numeric",value:$,onChange:e=>{const a=e.target.value;if(w){const e=p(a).slice(0,ve.maxLength),t=m(e,g);b?.(t);const r=e.length===ve.maxLength;H?.(r)}else{const e=a.replace(/[^0-9]/g,"");b?.(e);const t=e.length===ve.maxLength;H?.(t)}},onFocus:e=>{de(!0),_?.(e)},onBlur:e=>{de(!1),ee?.(e)},placeholder:xe,disabled:J,required:O,className:i(K,Z),"aria-invalid":h?"true":"false","aria-required":O?"true":void 0,"aria-describedby":h?ue:y?pe:void 0,"data-cy":$e,"data-testid":be,...ae})]}),re&&/* @__PURE__ */a("div",{ref:ye,id:me,role:"listbox","aria-label":"Select country",className:E,tabIndex:-1,onKeyDown:Ce,"data-cy":`${$e}-dropdown`,"data-testid":`${be}-dropdown`,children:x.map((t,r)=>/* @__PURE__ */e("div",{role:"option","aria-selected":t.code===g,className:i(M,r===le&&F,t.code===g&&q),onClick:()=>Ne(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ne(t))},onMouseEnter:()=>ie(r),tabIndex:r===le?0:-1,"data-cy":`${$e}-option-${t.code.toLowerCase()}`,"data-testid":`${be}-option-${t.code.toLowerCase()}`,children:[
|
|
9
9
|
/* @__PURE__ */a("span",{className:L,children:t.flag}),
|
|
10
10
|
/* @__PURE__ */a("span",{className:j,children:t.name}),
|
|
11
|
-
/* @__PURE__ */a("span",{className:I,children:t.dialCode})]},t.code))}),h&&/* @__PURE__ */a("span",{id:
|
|
11
|
+
/* @__PURE__ */a("span",{className:I,children:t.dialCode})]},t.code))}),h&&/* @__PURE__ */a("span",{id:ue,className:S,role:"alert","data-cy":`${$e}-error`,"data-testid":`${be}-error`,children:h}),y&&!h&&/* @__PURE__ */a("span",{id:pe,className:A,"data-cy":`${$e}-helper`,"data-testid":`${be}-helper`,children:y})]})});H.displayName="PhoneInput";export{H as PhoneInput,h as allCountries,s as commonCountries,y as defaultCountries,f as defaultPhoneMask,m as formatPhoneNumber,$ as getCountriesByDialCode,b as getCountryByCode,g as getCountryByDialCode,p as getPhoneDigits,u as getPhoneMask,v as isValidPhoneLength,x as phoneMasks,w as searchCountries};
|
package/dist/index35.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-dialog"),o=require("./index47.cjs"),s=require("./index70.cjs"),i=require("@adam-milo/icons");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const l=r(a),d=l.Root,n=l.Trigger,c=l.Portal,y=l.Close,g=t.forwardRef(({className:t,"data-cy":a,"data-testid":r,...d},n)=>{const c=a||"dialog-close-button",y=r||"dialog-close-button";return e.jsx(l.Close,{ref:n,className:o.cn(s.closeButtonStyles,t),"data-cy":c,"data-testid":y,"aria-label":"Close dialog",...d,children:e.jsx(i.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});g.displayName="DialogCloseButton";const p=({children:t,variant:a="default",className:i,"data-cy":r,"data-testid":l,...d})=>{const n=r||"dialog-icon",c=l||"dialog-icon";return e.jsx("div",{className:o.cn(s.iconRootStyles,s.iconVariantColor[a],i),"data-cy":n,"data-testid":c,"aria-hidden":"true",...d,children:t})};p.displayName="DialogIcon";const f=t.forwardRef(({className:t,variant:a="default","data-cy":i,"data-testid":r,...d},n)=>{const c=i||"dialog-overlay",y=r||"dialog-overlay";return e.jsx(l.Overlay,{ref:n,className:o.cn(s.overlayRootStyles,s.overlayBgStyles[a],t),"data-cy":c,"data-testid":y,...d})});f.displayName=l.Overlay.displayName;const u=t.forwardRef(({className:t,children:a,contentVariant:i="default",overlayVariant:r="default",fullWidthOnMobile:d=!1,topOffsetOnMobile:n=!1,contentPadding:y,style:g,"aria-describedby":p,"data-cy":u,"data-testid":m,...x},N)=>{const v=u||"dialog-content",b=m||"dialog-content",j=d||"verify"===i,D="verify"===i||d&&n;return e.jsxs(c,{children:[!D&&e.jsx(f,{variant:r}),e.jsx("div",{className:o.cn(s.contentWrapperStyles,j&&s.contentWrapperVerifyMobileStyles,D&&s.contentWrapperTopOffsetMobileStyles),children:e.jsx(l.Content,{ref:N,className:o.cn(s.contentStyles,"verify"===i&&s.contentVariantVerifyStyles,D&&s.contentTopOffsetMobileStyles,t),style:y||g?{...g,...y&&{padding:y}}:void 0,"aria-describedby":p??void 0,"data-cy":v,"data-testid":b,"data-content-variant":i,...x,children:a})})]})});u.displayName=l.Content.displayName;const m=({centered:t=!1,className:a,"data-cy":i,"data-testid":r,...l})=>{const d=i||"dialog-header",n=r||"dialog-header";return e.jsx("div",{className:o.cn(s.headerStyles,t&&s.headerCenteredStyles,a),"data-cy":d,"data-testid":n,...l})};m.displayName="DialogHeader";const x=({className:t,"data-cy":a,"data-testid":i,...r})=>{const l=a||"dialog-footer",d=i||"dialog-footer";return e.jsx("div",{className:o.cn(s.footerStyles,t),"data-cy":l,"data-testid":d,...r})};x.displayName="DialogFooter";const N=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-title",c=i||"dialog-title";return e.jsx(l.Title,{ref:d,className:o.cn(s.titleStyles,t),"data-cy":n,"data-testid":c,...r})});N.displayName=l.Title.displayName;const v=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-description",c=i||"dialog-description";return e.jsx(l.Description,{ref:d,className:o.cn(s.descriptionStyles,t),"data-cy":n,"data-testid":c,...r})});v.displayName=l.Description.displayName,exports.Dialog=d,exports.DialogClose=y,exports.DialogCloseButton=g,exports.DialogContent=u,exports.DialogDescription=v,exports.DialogFooter=x,exports.DialogHeader=m,exports.DialogIcon=p,exports.DialogOverlay=f,exports.DialogPortal=c,exports.DialogTitle=N,exports.DialogTrigger=n;
|
package/dist/index35.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as d from"@radix-ui/react-dialog";import{cn as i}from"./index47.js";import{closeButtonStyles as s,iconVariantColor as o,iconRootStyles as l,overlayBgStyles as r,overlayRootStyles as c,
|
|
2
|
-
return a(d.Close,{ref:r,className:i(s,t),"data-cy":c,"data-testid":n,"aria-label":"Close dialog",...l,children:/* @__PURE__ */a(
|
|
3
|
-
return a("div",{className:i(l,o[e],d),"data-cy":n,"data-testid":m,"aria-hidden":"true",...c,children:t})};
|
|
4
|
-
return a(d.Overlay,{ref:n,className:i(c,r[e],t),"data-cy":m,"data-testid":y,...l})});
|
|
5
|
-
return t(
|
|
6
|
-
/* @__PURE__ */a(I,{variant:
|
|
7
|
-
|
|
8
|
-
return a("div",{className:i(
|
|
9
|
-
return a(
|
|
10
|
-
return a(d.
|
|
11
|
-
return a(d.Description,{ref:l,className:i(v,t),"data-cy":r,"data-testid":c,...o})});F.displayName=d.Description.displayName;export{C as Dialog,b as DialogClose,j as DialogCloseButton,O as DialogContent,F as DialogDescription,z as DialogFooter,V as DialogHeader,T as DialogIcon,I as DialogOverlay,x as DialogPortal,B as DialogTitle,D as DialogTrigger};
|
|
1
|
+
import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as d from"@radix-ui/react-dialog";import{cn as i}from"./index47.js";import{closeButtonStyles as s,iconVariantColor as o,iconRootStyles as l,overlayBgStyles as r,overlayRootStyles as c,contentTopOffsetMobileStyles as n,contentVariantVerifyStyles as m,contentStyles as y,contentWrapperTopOffsetMobileStyles as N,contentWrapperVerifyMobileStyles as g,contentWrapperStyles as p,headerCenteredStyles as f,headerStyles as u,footerStyles as v,titleStyles as h,descriptionStyles as b}from"./index70.js";import{Icon as C}from"@adam-milo/icons";const D=d.Root,x=d.Trigger,O=d.Portal,j=d.Close,T=e(({className:t,"data-cy":e,"data-testid":o,...l},r)=>{const c=e||"dialog-close-button",n=o||"dialog-close-button";/* @__PURE__ */
|
|
2
|
+
return a(d.Close,{ref:r,className:i(s,t),"data-cy":c,"data-testid":n,"aria-label":"Close dialog",...l,children:/* @__PURE__ */a(C,{name:"Cross2Icon",size:"sm",decorative:!0})})});T.displayName="DialogCloseButton";const I=({children:t,variant:e="default",className:d,"data-cy":s,"data-testid":r,...c})=>{const n=s||"dialog-icon",m=r||"dialog-icon";/* @__PURE__ */
|
|
3
|
+
return a("div",{className:i(l,o[e],d),"data-cy":n,"data-testid":m,"aria-hidden":"true",...c,children:t})};I.displayName="DialogIcon";const M=e(({className:t,variant:e="default","data-cy":s,"data-testid":o,...l},n)=>{const m=s||"dialog-overlay",y=o||"dialog-overlay";/* @__PURE__ */
|
|
4
|
+
return a(d.Overlay,{ref:n,className:i(c,r[e],t),"data-cy":m,"data-testid":y,...l})});M.displayName=d.Overlay.displayName;const P=e(({className:e,children:s,contentVariant:o="default",overlayVariant:l="default",fullWidthOnMobile:r=!1,topOffsetOnMobile:c=!1,contentPadding:f,style:u,"aria-describedby":v,"data-cy":h,"data-testid":b,...C},D)=>{const x=h||"dialog-content",j=b||"dialog-content",T=r||"verify"===o,I="verify"===o||r&&c;/* @__PURE__ */
|
|
5
|
+
return t(O,{children:[!I&&/* @__PURE__ */a(M,{variant:l}),
|
|
6
|
+
/* @__PURE__ */a("div",{className:i(p,T&&g,I&&N),children:/* @__PURE__ */a(d.Content,{ref:D,className:i(y,"verify"===o&&m,I&&n,e),style:f||u?{...u,...f&&{padding:f}}:void 0,"aria-describedby":v??void 0,"data-cy":x,"data-testid":j,"data-content-variant":o,...C,children:s})})]})});P.displayName=d.Content.displayName;const V=({centered:t=!1,className:e,"data-cy":d,"data-testid":s,...o})=>{const l=d||"dialog-header",r=s||"dialog-header";/* @__PURE__ */
|
|
7
|
+
return a("div",{className:i(u,t&&f,e),"data-cy":l,"data-testid":r,...o})};V.displayName="DialogHeader";const z=({className:t,"data-cy":e,"data-testid":d,...s})=>{const o=e||"dialog-footer",l=d||"dialog-footer";/* @__PURE__ */
|
|
8
|
+
return a("div",{className:i(v,t),"data-cy":o,"data-testid":l,...s})};z.displayName="DialogFooter";const B=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const r=e||"dialog-title",c=s||"dialog-title";/* @__PURE__ */
|
|
9
|
+
return a(d.Title,{ref:l,className:i(h,t),"data-cy":r,"data-testid":c,...o})});B.displayName=d.Title.displayName;const F=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const r=e||"dialog-description",c=s||"dialog-description";/* @__PURE__ */
|
|
10
|
+
return a(d.Description,{ref:l,className:i(b,t),"data-cy":r,"data-testid":c,...o})});F.displayName=d.Description.displayName;export{D as Dialog,j as DialogClose,T as DialogCloseButton,P as DialogContent,F as DialogDescription,z as DialogFooter,V as DialogHeader,I as DialogIcon,M as DialogOverlay,O as DialogPortal,B as DialogTitle,x as DialogTrigger};
|
package/dist/index57.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-2 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-50 min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]"].join(" "),t=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)]",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto",exports.viewportStyles="p-1";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-2 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-50 min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]"].join(" "),t=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start",exports.viewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
|
package/dist/index57.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const r="flex flex-col gap-2 relative w-auto items-start text-start",e="w-full",o="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",a="opacity-50",n=["group flex items-center justify-between gap-2 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),l="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",d="text-[var(--color-icon-secondary)]",i="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",s="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",c="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",x=["select-content-animate overflow-hidden z-50 min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",u=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" "),g="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",p="h-px my-1 bg-[var(--color-border)]";export{x as contentStyles,u as itemStyles,g as labelStyles,p as separatorStyles,l as triggerButtonErrorStyles,d as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,v as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,i as triggerValueStyles,e as triggerWrapperFullWidthStyles,r as triggerWrapperStyles,b as viewportStyles};
|
package/dist/index58.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),t=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerIdleStyles="hover:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="flex items-center justify-center w-5 h-5 text-xl leading-none",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",exports.labelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)]",exports.optionBaseStyles=t,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),t=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerFullWidthStyles="w-full",exports.containerIdleStyles="hover:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="dropdown-scrollbar phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="flex items-center justify-center w-5 h-5 text-xl leading-none",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",exports.labelStyles="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.optionBaseStyles=t,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
|
package/dist/index58.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e="flex flex-col gap-2 relative w-auto",o="w-full",r="text-sm font-normal leading-none text-[var(--color-grey-07)]",t=["flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",
|
|
1
|
+
const e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-4 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="w-full",l="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",s="cursor-not-allowed opacity-50 pointer-events-none",i="hover:border-[var(--color-button-blue)]",c="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",x="flex items-center justify-center w-5 h-5 text-xl leading-none",d="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",b="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",u="dropdown-scrollbar phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]",m=["flex items-center gap-4 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" "),p="bg-[var(--color-bg)]",v="bg-[var(--color-bg-secondary)]",f="flex items-center justify-center w-5 h-5 text-xl leading-none shrink-0",g="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",h="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",w="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",y="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,s as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,i as containerIdleStyles,d as dialCodeStyles,u as dropdownStyles,w as errorStyles,x as flagStyles,y as helperStyles,b as inputStyles,r as labelStyles,m as optionBaseStyles,h as optionDialCodeStyles,f as optionFlagStyles,p as optionHighlightedStyles,g as optionNameStyles,v as optionSelectedStyles,c as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};
|
package/dist/index59.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),r=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),t=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.containerCenteredStyles="justify-center",exports.digitBaseStyles=t,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitSizeLgStyles=e,exports.digitSizeSmStyles=r,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-sm font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";
|
package/dist/index59.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-sm font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",m="justify-center",n=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-
|
|
1
|
+
const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-sm font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",m="justify-center",n=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),l=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),d=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),i="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",c="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",p="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center";export{x as containerBaseStyles,m as containerCenteredStyles,d as digitBaseStyles,i as digitErrorStyles,n as digitSizeLgStyles,l as digitSizeSmStyles,c as errorStyles,p as helperStyles,o as labelBaseStyles,a as labelDisabledStyles,t as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
|
package/dist/index70.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["fixed inset-0 z-50 duration-200 ease-out fill-forwards","data-[state=open]:animate-[dialog-overlay-fade-in_200ms_ease-out_forwards]","data-[state=closed]:animate-[dialog-overlay-fade-out_200ms_ease-out_forwards]"].join(" "),t=["pointer-events-auto w-full max-w-[40.625rem]","flex flex-col items-center gap-8 px-8 pt-6 pb-[3.75rem]","bg-[var(--color-card)] border-none rounded-2xl shadow-[0_0.6875rem_2.5rem_0_rgba(25,26,57,0.05)]","duration-200 fill-forwards","data-[state=open]:animate-[dialog-content-show_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","data-[state=closed]:animate-[dialog-content-hide_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","max-sm:w-full max-sm:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["fixed inset-0 z-50 duration-200 ease-out fill-forwards","data-[state=open]:animate-[dialog-overlay-fade-in_200ms_ease-out_forwards]","data-[state=closed]:animate-[dialog-overlay-fade-out_200ms_ease-out_forwards]"].join(" "),t=["max-sm:w-full max-sm:max-w-none max-lg:w-full max-lg:max-w-none","max-sm:min-h-[calc(100dvh-7.1875rem)] max-sm:max-h-[calc(100dvh-7.1875rem)] max-lg:min-h-[calc(100dvh-7.1875rem)] max-lg:max-h-[calc(100dvh-7.1875rem)]","max-sm:rounded-t-[var(--radius-lg)] max-sm:rounded-b-none max-lg:rounded-t-[var(--radius-lg)] max-lg:rounded-b-none","max-sm:px-6 max-sm:pt-10 max-sm:pb-10 max-sm:gap-6 max-lg:px-6 max-lg:pt-10 max-lg:pb-10 max-lg:gap-6","max-sm:flex max-sm:flex-col max-sm:justify-between max-lg:flex max-lg:flex-col max-lg:justify-between"].join(" "),a=["pointer-events-auto w-full max-w-[40.625rem]","flex flex-col items-center gap-8 px-8 pt-6 pb-[3.75rem]","bg-[var(--color-card)] border-none rounded-2xl shadow-[0_0.6875rem_2.5rem_0_rgba(25,26,57,0.05)]","duration-200 fill-forwards","data-[state=open]:animate-[dialog-content-show_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","data-[state=closed]:animate-[dialog-content-hide_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","max-sm:w-full max-sm:max-h-full max-sm:min-h-0 max-sm:rounded-none max-sm:px-6 max-sm:pt-10 max-sm:pb-10 max-sm:gap-6","max-sm:data-[state=open]:animate-[dialog-content-show-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","max-sm:data-[state=closed]:animate-[dialog-content-hide-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]"].join(" "),o=["max-h-[min(520px,85dvh)] gap-6","border-none outline-none focus:outline-none focus-visible:outline-none","max-sm:min-h-[calc(100dvh-7.1875rem)] max-sm:max-h-[calc(100dvh-7.1875rem)] max-lg:min-h-[calc(100dvh-7.1875rem)] max-lg:max-h-[calc(100dvh-7.1875rem)]","max-sm:rounded-t-[var(--radius-lg)] max-sm:rounded-b-none max-lg:rounded-t-[var(--radius-lg)] max-lg:rounded-b-none","max-sm:pt-[3.75rem] max-sm:px-0 max-sm:pb-6 max-lg:pt-[3.75rem] max-lg:px-0 max-lg:pb-6","max-sm:flex max-sm:flex-col max-sm:justify-between max-sm:items-center max-lg:flex max-lg:flex-col max-lg:justify-between max-lg:items-center"].join(" ");exports.closeButtonStyles="absolute top-4 right-4 z-[1] flex items-center justify-center w-6 h-6 m-0 p-0 border-none bg-transparent font-inherit text-[var(--color-system-text)] rounded-sm cursor-pointer transition-[background-color,color] duration-150 ease-in-out hover:bg-[var(--color-bg-secondary)] hover:text-[var(--color-text)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 max-sm:top-6 max-sm:right-4",exports.contentStyles=a,exports.contentTopOffsetMobileStyles=t,exports.contentVariantVerifyStyles=o,exports.contentWrapperStyles="fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none",exports.contentWrapperTopOffsetMobileStyles="max-sm:items-start max-sm:justify-start max-sm:pt-[7.1875rem] max-lg:items-start max-lg:justify-start max-lg:pt-[7.1875rem]",exports.contentWrapperVerifyMobileStyles="max-sm:p-0 max-lg:p-0",exports.descriptionStyles="font-[inherit] text-[length:var(--font-size-6)] font-normal leading-none text-[var(--color-text)] max-sm:text-base",exports.footerStyles="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2",exports.headerCenteredStyles="text-center items-center sm:text-center sm:items-center",exports.headerStyles="flex flex-col gap-4 w-full text-center sm:text-start",exports.iconRootStyles="flex items-center justify-center self-center w-[6.25rem] h-[6.25rem] shrink-0 [&_svg]:w-12 [&_svg]:h-12 max-sm:w-20 max-sm:h-20",exports.iconVariantColor={default:"text-[var(--color-dialog-icon-teal,#42B8C6)]",success:"text-[var(--color-success)]",warning:"text-[var(--color-button-orange)]",error:"text-[var(--color-error)]"},exports.overlayBgStyles={default:"bg-[rgba(125,126,128,0.2)] backdrop-blur-md","verify-loading":"bg-[radial-gradient(50%_50%_at_50%_50%,rgba(255,255,255,0.9)_63.46%,rgba(255,255,255,0)_100%)]"},exports.overlayRootStyles=e,exports.titleStyles="font-[inherit] text-3xl font-black leading-none text-[var(--color-text)] tracking-normal max-sm:text-2xl";
|
package/dist/index70.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e="absolute top-4 right-4 z-[1] flex items-center justify-center w-6 h-6 m-0 p-0 border-none bg-transparent font-inherit text-[var(--color-system-text)] rounded-sm cursor-pointer transition-[background-color,color] duration-150 ease-in-out hover:bg-[var(--color-bg-secondary)] hover:text-[var(--color-text)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 max-sm:top-6 max-sm:right-4",
|
|
1
|
+
const e="absolute top-4 right-4 z-[1] flex items-center justify-center w-6 h-6 m-0 p-0 border-none bg-transparent font-inherit text-[var(--color-system-text)] rounded-sm cursor-pointer transition-[background-color,color] duration-150 ease-in-out hover:bg-[var(--color-bg-secondary)] hover:text-[var(--color-text)] focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 max-sm:top-6 max-sm:right-4",a={default:"text-[var(--color-dialog-icon-teal,#42B8C6)]",success:"text-[var(--color-success)]",warning:"text-[var(--color-button-orange)]",error:"text-[var(--color-error)]"},t="flex items-center justify-center self-center w-[6.25rem] h-[6.25rem] shrink-0 [&_svg]:w-12 [&_svg]:h-12 max-sm:w-20 max-sm:h-20",m={default:"bg-[rgba(125,126,128,0.2)] backdrop-blur-md","verify-loading":"bg-[radial-gradient(50%_50%_at_50%_50%,rgba(255,255,255,0.9)_63.46%,rgba(255,255,255,0)_100%)]"},o=["fixed inset-0 z-50 duration-200 ease-out fill-forwards","data-[state=open]:animate-[dialog-overlay-fade-in_200ms_ease-out_forwards]","data-[state=closed]:animate-[dialog-overlay-fade-out_200ms_ease-out_forwards]"].join(" "),r="fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none",s="max-sm:p-0 max-lg:p-0",l="max-sm:items-start max-sm:justify-start max-sm:pt-[7.1875rem] max-lg:items-start max-lg:justify-start max-lg:pt-[7.1875rem]",n=["max-sm:w-full max-sm:max-w-none max-lg:w-full max-lg:max-w-none","max-sm:min-h-[calc(100dvh-7.1875rem)] max-sm:max-h-[calc(100dvh-7.1875rem)] max-lg:min-h-[calc(100dvh-7.1875rem)] max-lg:max-h-[calc(100dvh-7.1875rem)]","max-sm:rounded-t-[var(--radius-lg)] max-sm:rounded-b-none max-lg:rounded-t-[var(--radius-lg)] max-lg:rounded-b-none","max-sm:px-6 max-sm:pt-10 max-sm:pb-10 max-sm:gap-6 max-lg:px-6 max-lg:pt-10 max-lg:pb-10 max-lg:gap-6","max-sm:flex max-sm:flex-col max-sm:justify-between max-lg:flex max-lg:flex-col max-lg:justify-between"].join(" "),x=["pointer-events-auto w-full max-w-[40.625rem]","flex flex-col items-center gap-8 px-8 pt-6 pb-[3.75rem]","bg-[var(--color-card)] border-none rounded-2xl shadow-[0_0.6875rem_2.5rem_0_rgba(25,26,57,0.05)]","duration-200 fill-forwards","data-[state=open]:animate-[dialog-content-show_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","data-[state=closed]:animate-[dialog-content-hide_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","max-sm:w-full max-sm:max-h-full max-sm:min-h-0 max-sm:rounded-none max-sm:px-6 max-sm:pt-10 max-sm:pb-10 max-sm:gap-6","max-sm:data-[state=open]:animate-[dialog-content-show-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]","max-sm:data-[state=closed]:animate-[dialog-content-hide-mobile_200ms_cubic-bezier(0.16,1,0.3,1)_forwards]"].join(" "),i=["max-h-[min(520px,85dvh)] gap-6","border-none outline-none focus:outline-none focus-visible:outline-none","max-sm:min-h-[calc(100dvh-7.1875rem)] max-sm:max-h-[calc(100dvh-7.1875rem)] max-lg:min-h-[calc(100dvh-7.1875rem)] max-lg:max-h-[calc(100dvh-7.1875rem)]","max-sm:rounded-t-[var(--radius-lg)] max-sm:rounded-b-none max-lg:rounded-t-[var(--radius-lg)] max-lg:rounded-b-none","max-sm:pt-[3.75rem] max-sm:px-0 max-sm:pb-6 max-lg:pt-[3.75rem] max-lg:px-0 max-lg:pb-6","max-sm:flex max-sm:flex-col max-sm:justify-between max-sm:items-center max-lg:flex max-lg:flex-col max-lg:justify-between max-lg:items-center"].join(" "),c="flex flex-col gap-4 w-full text-center sm:text-start",d="text-center items-center sm:text-center sm:items-center",f="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-2",g="font-[inherit] text-3xl font-black leading-none text-[var(--color-text)] tracking-normal max-sm:text-2xl",u="font-[inherit] text-[length:var(--font-size-6)] font-normal leading-none text-[var(--color-text)] max-sm:text-base";export{e as closeButtonStyles,x as contentStyles,n as contentTopOffsetMobileStyles,i as contentVariantVerifyStyles,r as contentWrapperStyles,l as contentWrapperTopOffsetMobileStyles,s as contentWrapperVerifyMobileStyles,u as descriptionStyles,f as footerStyles,d as headerCenteredStyles,c as headerStyles,t as iconRootStyles,a as iconVariantColor,m as overlayBgStyles,o as overlayRootStyles,g as titleStyles};
|
package/dist/index74.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),t=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),t=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),r=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),o=["relative z-10 shrink-0 flex flex-row items-center justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8 gap-[7.5rem]","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),n=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),a=["flex items-center gap-2 shrink-0 border-0 border-none","[&_button]:!bg-white/43 [&_button]:backdrop-blur-[60px] [&_button]:!w-[3.125rem] [&_button]:!h-[3.125rem]","[&_button:hover]:!bg-white/60 [&_button[aria-pressed=true]]:!bg-white/70","max-lg:[&_button]:!w-11 max-lg:[&_button]:!h-11","lg:[&_button]:!w-[3.125rem] lg:[&_button]:!h-[3.125rem]","motion-reduce:[&_button]:!transition-none"].join(" "),m=["z-10 w-full flex-1 min-h-0 flex flex-col overflow-y-auto overflow-x-hidden","[-webkit-overflow-scrolling:touch]"].join(" ");exports.backgroundStyles=t,exports.headerBaseStyles=o,exports.headerMobileLogoCenterStyles="max-lg:justify-center",exports.logoWrapperBaseStyles=n,exports.logoWrapperMobileCenterStyles=r,exports.mainBaseStyles=m,exports.menuWrapperStyles=a,exports.rootStyles=e;
|
package/dist/index74.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),t=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),
|
|
1
|
+
const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),t=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),m="max-lg:justify-center",n=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),o=["relative z-10 shrink-0 flex flex-row items-center justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8 gap-[7.5rem]","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),r=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),a=["flex items-center gap-2 shrink-0 border-0 border-none","[&_button]:!bg-white/43 [&_button]:backdrop-blur-[60px] [&_button]:!w-[3.125rem] [&_button]:!h-[3.125rem]","[&_button:hover]:!bg-white/60 [&_button[aria-pressed=true]]:!bg-white/70","max-lg:[&_button]:!w-11 max-lg:[&_button]:!h-11","lg:[&_button]:!w-[3.125rem] lg:[&_button]:!h-[3.125rem]","motion-reduce:[&_button]:!transition-none"].join(" "),i=["z-10 w-full flex-1 min-h-0 flex flex-col overflow-y-auto overflow-x-hidden","[-webkit-overflow-scrolling:touch]"].join(" ");export{t as backgroundStyles,o as headerBaseStyles,m as headerMobileLogoCenterStyles,r as logoWrapperBaseStyles,n as logoWrapperMobileCenterStyles,i as mainBaseStyles,a as menuWrapperStyles,e as rootStyles};
|
package/dist/index83.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),o=["max-w-[300px] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_rgba(0,0,0,0.15)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),r=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-4 h-4 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" ");exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.fieldContainerStyles="relative flex items-center w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.inputBaseStyles=r,exports.inputErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.inputWithToggleStyles="pe-12",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.toggleStyles=t,exports.tooltipContentStyles=o,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),o=["z-[100] max-w-[300px] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_rgba(0,0,0,0.15)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),r=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-4 h-4 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" ");exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.fieldContainerStyles="relative flex items-center w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.inputBaseStyles=r,exports.inputErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.inputWithToggleStyles="pe-12",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.toggleStyles=t,exports.tooltipContentStyles=o,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
|
package/dist/index83.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e="flex flex-col justify-center items-start gap-2 w-full",o="flex items-center justify-between h-4 w-full",r="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["max-w-[300px] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_rgba(0,0,0,0.15)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l="relative flex items-center w-full",a=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),c="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",s="pe-12",i=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-4 h-4 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" "),d="text-xs leading-none text-[var(--color-grey-07)]",u="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]";export{u as errorStyles,l as fieldContainerStyles,d as helperStyles,a as inputBaseStyles,c as inputErrorStyles,s as inputWithToggleStyles,o as labelRowStyles,r as labelStyles,i as toggleStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
|
|
1
|
+
const e="flex flex-col justify-center items-start gap-2 w-full",o="flex items-center justify-between h-4 w-full",r="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[300px] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_rgba(0,0,0,0.15)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l="relative flex items-center w-full",a=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[0.875rem]","text-base leading-none text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","cursor-text","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),c="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",s="pe-12",i=["absolute top-1/2 end-3.5 -translate-y-1/2","flex items-center justify-center w-4 h-4 p-0","bg-transparent border-none text-[var(--color-icon-secondary)] cursor-pointer","transition-colors duration-200","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-2 focus:rounded-sm","focus:not(:focus-visible):outline-none","active:-translate-y-1/2 active:scale-95"].join(" "),d="text-xs leading-none text-[var(--color-grey-07)]",u="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]";export{u as errorStyles,l as fieldContainerStyles,d as helperStyles,a as inputBaseStyles,c as inputErrorStyles,s as inputWithToggleStyles,o as labelRowStyles,r as labelStyles,i as toggleStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,eAAO,MAAM,QAAQ,uGAmTpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -5,9 +5,7 @@ export declare const labelErrorStyles = "text-[var(--color-error)]";
|
|
|
5
5
|
export declare const labelDisabledStyles = "opacity-50";
|
|
6
6
|
export declare const containerBaseStyles = "flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5";
|
|
7
7
|
export declare const containerCenteredStyles = "justify-center";
|
|
8
|
-
/** lg: 82×92px, padding 24px horizontal 12px vertical */
|
|
9
8
|
export declare const digitSizeLgStyles: string;
|
|
10
|
-
/** sm: 59.75×71.53px, padding 24px horizontal 12px vertical */
|
|
11
9
|
export declare const digitSizeSmStyles: string;
|
|
12
10
|
export declare const digitBaseStyles: string;
|
|
13
11
|
export declare const digitErrorStyles = "!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,iEAAiE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,
|
|
1
|
+
{"version":3,"file":"OTPInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,eAAe,iEAAiE,CAAC;AAC9F,eAAO,MAAM,gBAAgB,8BAA8B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,iEAAiE,CAAC;AAClG,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,eAAe,QAQjB,CAAC;AACZ,eAAO,MAAM,gBAAgB,uGACyE,CAAC;AAEvG,eAAO,MAAM,WAAW,yFACgE,CAAC;AACzF,eAAO,MAAM,YAAY,2FACiE,CAAC"}
|
|
@@ -12,7 +12,6 @@ export interface OTPInputProps {
|
|
|
12
12
|
fullWidth?: boolean;
|
|
13
13
|
centered?: boolean;
|
|
14
14
|
type?: 'numeric' | 'alphanumeric';
|
|
15
|
-
/** Size of each digit input: sm (59.75×71.53px) or lg (82×92px). Padding 24px horizontal, 12px vertical for both. */
|
|
16
15
|
size?: OTPInputSize;
|
|
17
16
|
required?: boolean;
|
|
18
17
|
'data-cy'?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IAClC,
|
|
1
|
+
{"version":3,"file":"OTPInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA0B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,UAAU,8GA8UtB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export declare const wrapperStyles = "flex flex-col gap-2 relative w-auto";
|
|
1
|
+
export declare const wrapperStyles = "flex flex-col gap-2 relative w-auto items-start text-start";
|
|
2
2
|
export declare const wrapperFullWidthStyles = "w-full";
|
|
3
|
-
export declare const labelStyles = "text-sm font-normal leading-none text-[var(--color-grey-07)]";
|
|
3
|
+
export declare const labelStyles = "text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full";
|
|
4
4
|
export declare const containerBaseStyles: string;
|
|
5
|
+
export declare const containerFullWidthStyles = "w-full";
|
|
5
6
|
export declare const containerFocusStyles = "border-[var(--color-button-blue)]";
|
|
6
7
|
export declare const containerErrorStyles = "border-[var(--color-error)]";
|
|
7
8
|
export declare const containerDisabledStyles = "cursor-not-allowed opacity-50 pointer-events-none";
|
|
@@ -10,7 +11,8 @@ export declare const triggerStyles = "inline-flex items-center gap-1 shrink-0 m-
|
|
|
10
11
|
export declare const flagStyles = "flex items-center justify-center w-5 h-5 text-xl leading-none";
|
|
11
12
|
export declare const dialCodeStyles = "text-base text-[var(--color-text)] whitespace-nowrap shrink-0";
|
|
12
13
|
export declare const inputStyles = "m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start";
|
|
13
|
-
|
|
14
|
+
/** Max height for 4 visible options (min-h-11 each), then scroll. Always show scrollbar track/thumb (dropdown-scrollbar in effects.css). */
|
|
15
|
+
export declare const dropdownStyles = "dropdown-scrollbar phone-dropdown-animate absolute top-full left-0 right-0 z-50 mt-1 flex flex-col p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_rgba(0,0,0,0.1)]";
|
|
14
16
|
export declare const optionBaseStyles: string;
|
|
15
17
|
export declare const optionHighlightedStyles = "bg-[var(--color-bg)]";
|
|
16
18
|
export declare const optionSelectedStyles = "bg-[var(--color-bg-secondary)]";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"PhoneInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+DAA+D,CAAC;AAC1F,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,WAAW,mFAC0D,CAAC;AAEnF,eAAO,MAAM,mBAAmB,QAGrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,oBAAoB,sCAAsC,CAAC;AACxE,eAAO,MAAM,oBAAoB,gCAAgC,CAAC;AAClE,eAAO,MAAM,uBAAuB,sDAAsD,CAAC;AAC3F,eAAO,MAAM,mBAAmB,4CAA4C,CAAC;AAE7E,eAAO,MAAM,aAAa,wSAC6Q,CAAC;AAExS,eAAO,MAAM,UAAU,kEAAkE,CAAC;AAE1F,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,WAAW,mLAC0J,CAAC;AAEnL,4IAA4I;AAC5I,eAAO,MAAM,cAAc,wQAC4O,CAAC;AAExQ,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AACZ,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,mCAAmC,CAAC;AAErE,eAAO,MAAM,gBAAgB,2EAC6C,CAAC;AAC3E,eAAO,MAAM,gBAAgB,8FACgE,CAAC;AAC9F,eAAO,MAAM,oBAAoB,oEACkC,CAAC;AAEpE,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAC1F,eAAO,MAAM,YAAY,mEAAmE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const triggerWrapperStyles = "flex flex-col gap-2 relative w-auto";
|
|
1
|
+
export declare const triggerWrapperStyles = "flex flex-col gap-2 relative w-auto items-start text-start";
|
|
2
2
|
export declare const triggerWrapperFullWidthStyles = "w-full";
|
|
3
|
-
export declare const triggerLabelStyles = "text-sm font-normal leading-none text-[var(--color-grey-07)]";
|
|
3
|
+
export declare const triggerLabelStyles = "text-sm font-normal leading-none text-[var(--color-grey-07)] text-start w-full";
|
|
4
4
|
export declare const triggerLabelErrorStyles = "text-[var(--color-error)]";
|
|
5
5
|
export declare const triggerLabelDisabledStyles = "opacity-50";
|
|
6
6
|
export declare const triggerButtonStyles: string;
|
|
@@ -11,7 +11,8 @@ export declare const triggerIconStyles = "flex items-center justify-center shrin
|
|
|
11
11
|
export declare const triggerErrorStyles = "text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5";
|
|
12
12
|
export declare const triggerHelperStyles = "text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";
|
|
13
13
|
export declare const contentStyles: string;
|
|
14
|
-
|
|
14
|
+
/** Max height for 4 visible items, then scroll. Radix hides scrollbar by default - overridden in effects.css (select-viewport-scrollbar). */
|
|
15
|
+
export declare const viewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
|
|
15
16
|
export declare const itemStyles: string;
|
|
16
17
|
export declare const labelStyles = "py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]";
|
|
17
18
|
export declare const separatorStyles = "h-px my-1 bg-[var(--color-border)]";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+DAA+D,CAAC;AACjG,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,kBAAkB,mFACmD,CAAC;AACnF,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AACnE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,QAQrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,kJAC4G,CAAC;AAClJ,eAAO,MAAM,8BAA8B,uCAAuC,CAAC;AAEnF,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8LAC+J,CAAC;AAE9L,eAAO,MAAM,kBAAkB,iEAAiE,CAAC;AACjG,eAAO,MAAM,mBAAmB,mEAAmE,CAAC;AAEpG,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ,6IAA6I;AAC7I,eAAO,MAAM,cAAc,qGACyE,CAAC;AAErG,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,eAAO,MAAM,WAAW,8DAA8D,CAAC;AAEvF,eAAO,MAAM,eAAe,uCAAuC,CAAC"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
export declare const rootStyles: string;
|
|
2
2
|
export declare const backgroundStyles: string;
|
|
3
|
-
|
|
3
|
+
/** When logoCenterOnMobile: center header content on mobile and tablet (max-lg). */
|
|
4
|
+
export declare const headerMobileLogoCenterStyles = "max-lg:justify-center";
|
|
4
5
|
export declare const logoWrapperMobileCenterStyles: string;
|
|
5
|
-
/** Header in document flow; shrink-0 so main gets consistent remaining height for scroll. */
|
|
6
6
|
export declare const headerBaseStyles: string;
|
|
7
7
|
export declare const logoWrapperBaseStyles: string;
|
|
8
8
|
export declare const menuWrapperStyles: string;
|
|
9
|
-
/** Main: flex-1 + min-h-0 so it gets remaining height (not content height); overflow-y-auto for scroll. */
|
|
10
9
|
export declare const mainBaseStyles: string;
|
|
11
|
-
/** Inner wrapper: fills main, vertical center only. Use items-stretch so the child (e.g. Card) keeps full width; child can use mx-auto to center itself. */
|
|
12
10
|
export declare const mainCenterWrapperStyles = "flex-1 min-h-0 flex flex-col justify-center items-stretch w-full";
|
|
13
11
|
//# sourceMappingURL=AuthLayout.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthLayout.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AuthLayout.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,gBAAgB,QAKlB,CAAC;AAEZ,oFAAoF;AACpF,eAAO,MAAM,4BAA4B,0BAA0B,CAAC;AAEpE,eAAO,MAAM,6BAA6B,QAI/B,CAAC;AAEZ,eAAO,MAAM,gBAAgB,QAIlB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAIvB,CAAC;AAEZ,eAAO,MAAM,iBAAiB,QAOnB,CAAC;AAEZ,eAAO,MAAM,cAAc,QAGhB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,qEACgC,CAAC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Padding for main area per breakpoint. No default padding (0).
|
|
5
|
-
* Use Tailwind e.g. "p-4 md:p-8 lg:p-12" for mobile / tablet / desktop.
|
|
6
|
-
*/
|
|
7
3
|
export type AuthLayoutMainPadding = string;
|
|
8
4
|
export interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
9
5
|
children: ReactNode;
|
|
@@ -11,7 +7,6 @@ export interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 's
|
|
|
11
7
|
headerClassName?: string;
|
|
12
8
|
mainClassName?: string;
|
|
13
9
|
mainContentClassName?: string;
|
|
14
|
-
/** Main area padding. Default none. e.g. "p-4 md:p-8 lg:p-12" */
|
|
15
10
|
mainPadding?: AuthLayoutMainPadding;
|
|
16
11
|
logoCenterOnMobile?: boolean;
|
|
17
12
|
logo?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthLayout.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD
|
|
1
|
+
{"version":3,"file":"AuthLayout.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,31 +1,5 @@
|
|
|
1
1
|
import { StepperProps } from './Stepper.types';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Stepper - Multi-step progress indicator
|
|
5
|
-
*
|
|
6
|
-
* A stepper component that displays a series of steps with visual indicators
|
|
7
|
-
* for the current, completed, and upcoming steps.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* import { Stepper } from '@adam-milo/ui';
|
|
12
|
-
* import { useState } from 'react';
|
|
13
|
-
*
|
|
14
|
-
* const steps = [
|
|
15
|
-
* { id: '1', label: 'Position details' },
|
|
16
|
-
* { id: '2', label: 'Job selection' },
|
|
17
|
-
* { id: '3', label: 'Done' },
|
|
18
|
-
* ];
|
|
19
|
-
*
|
|
20
|
-
* const [currentStep, setCurrentStep] = useState(1); // First step is 1
|
|
21
|
-
*
|
|
22
|
-
* <Stepper
|
|
23
|
-
* steps={steps}
|
|
24
|
-
* currentStep={currentStep}
|
|
25
|
-
* onChange={setCurrentStep}
|
|
26
|
-
* />
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
3
|
export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
30
4
|
export type { StepperProps, Step } from './Stepper.types';
|
|
31
5
|
//# sourceMappingURL=Stepper.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAqC,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAqC,MAAM,iBAAiB,CAAC;AAwJvF,eAAO,MAAM,OAAO,yGAuEnB,CAAC;AAIF,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAKzB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAUtB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAKvB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAI1B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,QAK/B,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,yBAAyB,QAI3B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAOrB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAA+D,CAAC;AAEhG,eAAO,MAAM,oBAAoB,QAAyD,CAAC;AAE3F,eAAO,MAAM,uBAAuB,QAAuD,CAAC;AAE5F,eAAO,MAAM,uBAAuB,QAA+D,CAAC;AAEpG,eAAO,MAAM,wBAAwB,QAAyD,CAAC;AAE/F,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAIrB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAA8C,CAAC;AAEnF,eAAO,MAAM,qBAAqB,QAAwC,CAAC"}
|