@adam-milo/ui 1.0.52 → 1.0.54
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/README.md +1 -1
- package/dist/index35.cjs +1 -1
- package/dist/index35.js +11 -11
- 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/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/layout/auth-layout/AuthLayout.styles.d.ts +0 -3
- 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 +2 -1
- 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/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @adam-milo/ui
|
|
2
2
|
|
|
3
|
-
A modern, accessible React component library built with TypeScript and Tailwind CSS v4. Part of the Adam Milo Design System.
|
|
3
|
+
A modern, accessible React component library built with TypeScript and Tailwind CSS v4. Part of the Adam Milo Design System. Import `styles.css` once in your app entry.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
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;return e.jsxs(c,{children:[e.jsx(f,{variant:r}),e.jsx("div",{className:o.cn(s.contentWrapperStyles,j&&s.contentWrapperVerifyMobileStyles,("verify"===i||d&&n)&&s.contentWrapperTopOffsetMobileStyles),children:e.jsx(l.Content,{ref:N,className:o.cn(s.contentStyles,"verify"===i&&s.contentVariantVerifyStyles,d&&n&&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,11 @@
|
|
|
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(
|
|
7
|
-
/* @__PURE__ */a("div",{className:i(
|
|
8
|
-
return a("div",{className:i(
|
|
9
|
-
return a("div",{className:i(
|
|
10
|
-
return a(d.Title,{ref:l,className:i(
|
|
11
|
-
return a(d.Description,{ref:l,className:i(
|
|
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;/* @__PURE__ */
|
|
5
|
+
return t(O,{children:[
|
|
6
|
+
/* @__PURE__ */a(M,{variant:l}),
|
|
7
|
+
/* @__PURE__ */a("div",{className:i(p,T&&g,("verify"===o||r&&c)&&N),children:/* @__PURE__ */a(d.Content,{ref:D,className:i(y,"verify"===o&&m,r&&c&&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__ */
|
|
8
|
+
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__ */
|
|
9
|
+
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__ */
|
|
10
|
+
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__ */
|
|
11
|
+
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/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=["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-sm:rounded-t-[0.75rem] max-sm:rounded-b-none","max-sm:pt-[3.75rem] max-sm:px-0 max-sm:pb-6","max-sm:flex max-sm:flex-col max-sm:justify-between max-sm: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=t,exports.contentTopOffsetMobileStyles="max-sm:min-h-[calc(100dvh-7.1875rem)] max-sm:max-h-[calc(100dvh-7.1875rem)] max-sm:rounded-t-[0.75rem] max-sm:rounded-b-none max-sm:flex max-sm:flex-col max-sm:justify-between",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]",exports.contentWrapperVerifyMobileStyles="max-sm: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",t={default:"text-[var(--color-dialog-icon-teal,#42B8C6)]",success:"text-[var(--color-success)]",warning:"text-[var(--color-button-orange)]",error:"text-[var(--color-error)]"},
|
|
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",t={default:"text-[var(--color-dialog-icon-teal,#42B8C6)]",success:"text-[var(--color-success)]",warning:"text-[var(--color-button-orange)]",error:"text-[var(--color-error)]"},a="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",o={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%)]"},r=["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(" "),s="fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none",m="max-sm:p-0",n="max-sm:items-start max-sm:justify-start max-sm:pt-[7.1875rem]",i="max-sm:min-h-[calc(100dvh-7.1875rem)] max-sm:max-h-[calc(100dvh-7.1875rem)] max-sm:rounded-t-[0.75rem] max-sm:rounded-b-none max-sm:flex max-sm:flex-col max-sm:justify-between",l=["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(" "),x=["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-sm:rounded-t-[0.75rem] max-sm:rounded-b-none","max-sm:pt-[3.75rem] max-sm:px-0 max-sm:pb-6","max-sm:flex max-sm:flex-col max-sm:justify-between max-sm: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",u="font-[inherit] text-3xl font-black leading-none text-[var(--color-text)] tracking-normal max-sm:text-2xl",b="font-[inherit] text-[length:var(--font-size-6)] font-normal leading-none text-[var(--color-text)] max-sm:text-base";export{e as closeButtonStyles,l as contentStyles,i as contentTopOffsetMobileStyles,x as contentVariantVerifyStyles,s as contentWrapperStyles,n as contentWrapperTopOffsetMobileStyles,m as contentWrapperVerifyMobileStyles,b as descriptionStyles,f as footerStyles,d as headerCenteredStyles,c as headerStyles,a as iconRootStyles,t as iconVariantColor,o as overlayBgStyles,r as overlayRootStyles,u as titleStyles};
|
|
@@ -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"}
|
|
@@ -2,12 +2,9 @@ export declare const rootStyles: string;
|
|
|
2
2
|
export declare const backgroundStyles: string;
|
|
3
3
|
export declare const headerMobileLogoCenterStyles = "";
|
|
4
4
|
export declare const logoWrapperMobileCenterStyles: string;
|
|
5
|
-
/** Header in document flow; shrink-0 so main gets consistent remaining height for scroll. */
|
|
6
5
|
export declare const headerBaseStyles: string;
|
|
7
6
|
export declare const logoWrapperBaseStyles: string;
|
|
8
7
|
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
8
|
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
9
|
export declare const mainCenterWrapperStyles = "flex-1 min-h-0 flex flex-col justify-center items-stretch w-full";
|
|
13
10
|
//# 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,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,eAAO,MAAM,6BAA6B,QAG/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"}
|
|
@@ -1,57 +1,34 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
|
|
3
3
|
export interface Step {
|
|
4
|
-
/** Unique identifier for the step */
|
|
5
4
|
id: string;
|
|
6
|
-
/** Step label text */
|
|
7
5
|
label: string;
|
|
8
|
-
/** Optional description or additional info */
|
|
9
6
|
description?: string;
|
|
10
|
-
/** Whether this step is disabled */
|
|
11
7
|
disabled?: boolean;
|
|
12
8
|
}
|
|
13
9
|
export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
14
|
-
/** Array of steps to display */
|
|
15
10
|
steps: Step[];
|
|
16
|
-
/** Current active step number (1-based: first step is 1) */
|
|
17
11
|
currentStep: number;
|
|
18
|
-
/** Callback when a step is clicked (receives 1-based step number) */
|
|
19
12
|
onChange?: (stepNumber: number) => void;
|
|
20
|
-
/** Allow clicking on any step to navigate forward or backward (default: true) */
|
|
21
13
|
allowStepNavigation?: boolean;
|
|
22
|
-
/** Show connector lines between steps */
|
|
23
14
|
showConnector?: boolean;
|
|
24
|
-
/** Custom data-cy attribute */
|
|
25
15
|
'data-cy'?: string;
|
|
26
|
-
/** Custom data-testid attribute */
|
|
27
16
|
'data-testid'?: string;
|
|
28
17
|
}
|
|
29
18
|
export interface StepItemProps {
|
|
30
|
-
/** Step number (1-based for display) */
|
|
31
19
|
stepNumber: number;
|
|
32
|
-
/** Step label */
|
|
33
20
|
label: string;
|
|
34
|
-
/** Whether this step is the current active step */
|
|
35
21
|
isActive: boolean;
|
|
36
|
-
/** Whether this step is completed */
|
|
37
22
|
isCompleted: boolean;
|
|
38
|
-
/** Whether this step is disabled */
|
|
39
23
|
isDisabled: boolean;
|
|
40
|
-
/** Whether this step can be clicked */
|
|
41
24
|
isClickable: boolean;
|
|
42
|
-
/** Click handler */
|
|
43
25
|
onClick?: () => void;
|
|
44
|
-
/** Custom data-cy attribute */
|
|
45
26
|
'data-cy'?: string;
|
|
46
|
-
/** Custom data-testid attribute */
|
|
47
27
|
'data-testid'?: string;
|
|
48
28
|
}
|
|
49
29
|
export interface StepConnectorProps {
|
|
50
|
-
/** Whether this connector connects completed steps */
|
|
51
30
|
isCompleted?: boolean;
|
|
52
|
-
/** Custom data-cy attribute */
|
|
53
31
|
'data-cy'?: string;
|
|
54
|
-
/** Custom data-testid attribute */
|
|
55
32
|
'data-testid'?: string;
|
|
56
33
|
}
|
|
57
34
|
//# sourceMappingURL=Stepper.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,IAAI;IACnB,
|
|
1
|
+
{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpF,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes, ButtonHTMLAttributes } from 'react';
|
|
2
2
|
|
|
3
3
|
export interface TabsListProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/** When true, list is full width and triggers share space equally */
|
|
5
4
|
fullWidth?: boolean;
|
|
6
5
|
'data-cy'?: string;
|
|
7
6
|
'data-testid'?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,
|
|
1
|
+
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;AAoBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kIAA0B,CAAC;AAErD,eAAO,MAAM,YAAY,uDAAyB,CAAC;AAEnD,eAAO,MAAM,WAAW,gIAAwB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,sHAmB5B,CAAC;AAGH,eAAO,MAAM,UAAU;+FAOpB,eAAe;;CAejB,CAAC;AAGF,eAAO,MAAM,aAAa,+GAqBzB,CAAC;AAGF,eAAO,MAAM,aAAa,+GA6DzB,CAAC;AAGF,eAAO,MAAM,YAAY;sFAMtB,iBAAiB;;CAYnB,CAAC;AAGF,eAAO,MAAM,YAAY;4EAKtB,iBAAiB;;CAYnB,CAAC;AAGF,eAAO,MAAM,WAAW,iHAevB,CAAC;AAGF,eAAO,MAAM,iBAAiB,yHAgB5B,CAAC;AAGH,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}
|
|
@@ -11,8 +11,9 @@ export declare const iconRootStyles = "flex items-center justify-center self-cen
|
|
|
11
11
|
export declare const overlayBgStyles: Record<DialogOverlayVariant, string>;
|
|
12
12
|
export declare const overlayRootStyles: string;
|
|
13
13
|
export declare const contentWrapperStyles = "fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none";
|
|
14
|
-
/** Remove wrapper padding on mobile so verify variant can be edge-to-edge */
|
|
15
14
|
export declare const contentWrapperVerifyMobileStyles = "max-sm:p-0";
|
|
15
|
+
export declare const contentWrapperTopOffsetMobileStyles = "max-sm:items-start max-sm:justify-start max-sm:pt-[7.1875rem]";
|
|
16
|
+
export declare const contentTopOffsetMobileStyles = "max-sm:min-h-[calc(100dvh-7.1875rem)] max-sm:max-h-[calc(100dvh-7.1875rem)] max-sm:rounded-t-[0.75rem] max-sm:rounded-b-none max-sm:flex max-sm:flex-col max-sm:justify-between";
|
|
16
17
|
export declare const contentStyles: string;
|
|
17
18
|
export declare const contentVariantVerifyStyles: string;
|
|
18
19
|
export declare const headerStyles = "flex flex-col gap-4 w-full text-center sm:text-start";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,eAAO,MAAM,iBAAiB,ubACwZ,CAAC;AAEvb,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAEX,eAAO,MAAM,cAAc,oIACwG,CAAC;AAEpI,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAInB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,gFAC8C,CAAC;AAEhF,
|
|
1
|
+
{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,eAAO,MAAM,iBAAiB,ubACwZ,CAAC;AAEvb,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAEX,eAAO,MAAM,cAAc,oIACwG,CAAC;AAEpI,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAInB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,gFAC8C,CAAC;AAEhF,eAAO,MAAM,gCAAgC,eAAe,CAAC;AAE7D,eAAO,MAAM,mCAAmC,kEACiB,CAAC;AAElE,eAAO,MAAM,4BAA4B,oLAC0I,CAAC;AAEpL,eAAO,MAAM,aAAa,QAWf,CAAC;AAEZ,eAAO,MAAM,0BAA0B,QAM5B,CAAC;AAEZ,eAAO,MAAM,YAAY,yDAAyD,CAAC;AACnF,eAAO,MAAM,oBAAoB,4DAA4D,CAAC;AAE9F,eAAO,MAAM,YAAY,oEAAoE,CAAC;AAE9F,eAAO,MAAM,WAAW,6GACoF,CAAC;AAE7G,eAAO,MAAM,iBAAiB,uHACwF,CAAC"}
|
|
@@ -18,9 +18,11 @@ export interface DialogOverlayProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
18
18
|
}
|
|
19
19
|
export type DialogContentVariant = 'default' | 'verify';
|
|
20
20
|
export interface DialogContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'overlayVariant'> {
|
|
21
|
-
/** Compact verify modal: fixed max-height, gap 1.5rem, full height on mobile with custom margin/padding */
|
|
22
21
|
contentVariant?: DialogContentVariant;
|
|
23
22
|
overlayVariant?: DialogOverlayVariant;
|
|
23
|
+
fullWidthOnMobile?: boolean;
|
|
24
|
+
topOffsetOnMobile?: boolean;
|
|
25
|
+
contentPadding?: string;
|
|
24
26
|
'data-cy'?: string;
|
|
25
27
|
'data-testid'?: string;
|
|
26
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,gBAAgB,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAChG,
|
|
1
|
+
{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,gBAAgB,CAAC;AAEhE,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAChG,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,41 +1,4 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Development-only utilities
|
|
3
|
-
* These functions are optimized away in production builds
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Logs a warning message only in development mode
|
|
7
|
-
* In production builds, this function call is stripped by the bundler
|
|
8
|
-
*
|
|
9
|
-
* @param message - The warning message to display
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```typescript
|
|
13
|
-
* devWarn('Component: Invalid prop value provided');
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
1
|
export declare const devWarn: (message: string) => void;
|
|
17
|
-
/**
|
|
18
|
-
* Logs an error message only in development mode
|
|
19
|
-
* In production builds, this function call is stripped by the bundler
|
|
20
|
-
*
|
|
21
|
-
* @param message - The error message to display
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* ```typescript
|
|
25
|
-
* devError('Component: Critical error occurred');
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
2
|
export declare const devError: (message: string) => void;
|
|
29
|
-
/**
|
|
30
|
-
* Logs an info message only in development mode
|
|
31
|
-
* In production builds, this function call is stripped by the bundler
|
|
32
|
-
*
|
|
33
|
-
* @param message - The info message to display
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* ```typescript
|
|
37
|
-
* devLog('Component: Rendering with props:', props);
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
3
|
export declare const devLog: (message: string, ...args: unknown[]) => void;
|
|
41
4
|
//# sourceMappingURL=dev-utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dev-utils.d.ts","sourceRoot":"","sources":["../../../src/lib/dev-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dev-utils.d.ts","sourceRoot":"","sources":["../../../src/lib/dev-utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,GAAI,SAAS,MAAM,KAAG,IAIzC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,SAAS,MAAM,KAAG,IAI1C,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,SAAS,MAAM,EAAE,GAAG,MAAM,OAAO,EAAE,KAAG,IAK5D,CAAC"}
|
package/dist/src/lib/index.d.ts
CHANGED
|
@@ -1,16 +1,5 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Combines class names conditionally with proper Tailwind class merging
|
|
5
|
-
* Uses clsx for conditional classes and tailwind-merge to resolve conflicts
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```typescript
|
|
9
|
-
* cn('text-red-500', 'text-blue-500') // => 'text-blue-500' (last class wins)
|
|
10
|
-
* cn('p-4', undefined, false, 'bg-white') // => 'p-4 bg-white'
|
|
11
|
-
* cn({ 'hidden': isHidden, 'block': !isHidden }) // => 'hidden' or 'block'
|
|
12
|
-
* ```
|
|
13
|
-
*/
|
|
14
3
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
15
4
|
export declare function generateId(prefix?: string): string;
|
|
16
5
|
export { devWarn, devError, devLog } from './dev-utils';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAGD,wBAAgB,UAAU,CAAC,MAAM,SAAO,GAAG,MAAM,CAGhD;AAED,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,cAAc,CAAC"}
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Responsive value: either a single value (all breakpoints) or an object
|
|
3
|
-
* with optional base/sm/md/lg/xl keys (mobile-first).
|
|
4
|
-
* Use `base` for the default (smallest) breakpoint; larger breakpoints override.
|
|
5
|
-
*/
|
|
6
1
|
export type ResponsiveValue<T> = T | {
|
|
7
2
|
base?: T;
|
|
8
3
|
sm?: T;
|
|
@@ -10,9 +5,6 @@ export type ResponsiveValue<T> = T | {
|
|
|
10
5
|
lg?: T;
|
|
11
6
|
xl?: T;
|
|
12
7
|
};
|
|
13
|
-
/**
|
|
14
|
-
* Type guard: true when value is a responsive object (base/sm/md/lg/xl), not a scalar.
|
|
15
|
-
*/
|
|
16
8
|
export declare function isResponsiveObject<T>(value: ResponsiveValue<T>): value is {
|
|
17
9
|
base?: T;
|
|
18
10
|
sm?: T;
|
|
@@ -20,29 +12,7 @@ export declare function isResponsiveObject<T>(value: ResponsiveValue<T>): value
|
|
|
20
12
|
lg?: T;
|
|
21
13
|
xl?: T;
|
|
22
14
|
};
|
|
23
|
-
/**
|
|
24
|
-
* Builds responsive Tailwind classes from a ResponsiveValue and a value-to-class map.
|
|
25
|
-
* Produces the minimal set of classes (e.g. flex-col md:flex-row) so each breakpoint
|
|
26
|
-
* has the correct style without redundancy.
|
|
27
|
-
*
|
|
28
|
-
* @param value - Single value or { base?, sm?, md?, lg?, xl? }
|
|
29
|
-
* @param valueMap - Map from value to Tailwind class(es) string
|
|
30
|
-
* @returns Array of class strings to merge into className
|
|
31
|
-
*/
|
|
32
15
|
export declare function getResponsiveClasses<T extends string>(value: ResponsiveValue<T> | undefined, valueMap: Record<T, string>): string[];
|
|
33
|
-
/**
|
|
34
|
-
* Returns the effective value at the base (smallest) breakpoint.
|
|
35
|
-
* When base is omitted, returns the first defined key in order (base, sm, md, lg, xl).
|
|
36
|
-
* Use for data-cy, data-testid, or when a single "default" value is needed.
|
|
37
|
-
*/
|
|
38
16
|
export declare function getResponsiveBase<T>(value: ResponsiveValue<T> | undefined): T | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* Builds responsive Tailwind classes for size props (width, minWidth, maxWidth, height, etc.).
|
|
41
|
-
* Preset values use the map; custom CSS strings (e.g. '37.5rem') become Tailwind arbitrary classes.
|
|
42
|
-
*
|
|
43
|
-
* @param value - Single preset/string or { base?, sm?, md?, lg?, xl? }
|
|
44
|
-
* @param presetMap - Map from preset to class (e.g. full -> 'max-w-full')
|
|
45
|
-
* @param arbitraryPrefix - Tailwind utility prefix for custom values (e.g. 'max-w-' -> max-w-[37.5rem])
|
|
46
|
-
*/
|
|
47
17
|
export declare function getResponsiveSizeClasses<T extends string>(value: ResponsiveValue<T | string> | undefined, presetMap: Partial<Record<T, string>>, arbitraryPrefix: string): string[];
|
|
48
18
|
//# sourceMappingURL=responsive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../src/lib/responsive.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../src/lib/responsive.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,CAAC,CAAC,IACzB,CAAC,GACD;IACE,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAaN,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACxB,KAAK,IAAI;IAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAEvD;AAaD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EACnD,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACrC,QAAQ,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAC1B,MAAM,EAAE,CAyBV;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS,CAQzF;AAED,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,MAAM,EACvD,KAAK,EAAE,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,SAAS,EAC9C,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EACrC,eAAe,EAAE,MAAM,GACtB,MAAM,EAAE,CA6BV"}
|