@adam-milo/ui 1.0.44 → 1.0.47

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/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index36.cjs"),a=require("./index51.cjs"),l=t.forwardRef(({"data-cy":t,"data-testid":l},c)=>{const r=t||"stepper-connector",i=l||"stepper-connector";return e.jsx("div",{ref:c,className:s.cn(a.connectorContainerStyles),"data-cy":`${r}-container`,"data-testid":`${i}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,a.connectorInactiveStyles),"data-cy":r,"data-testid":i})})});l.displayName="StepConnector";const c=t.forwardRef(({stepNumber:l,label:c,isActive:r,isCompleted:i,isDisabled:n,isClickable:d,onClick:o,"data-cy":p,"data-testid":y},S)=>{const[b,C]=t.useState(!1),m=p||`stepper-step-${l}`,u=y||`stepper-step-${l}`;return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerStyles,d&&!n&&"cursor-pointer"),onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),onClick:()=>{d&&!n&&o&&o()},onKeyDown:e=>{!d||n||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o?.())},role:d?"button":void 0,tabIndex:d&&!n?0:-1,"aria-current":r?"step":void 0,"aria-disabled":n,"data-cy":m,"data-testid":u,children:[e.jsx("div",{className:n?s.cn(a.stepCircleBaseStyles,a.stepCircleDisabledStyles):r?b?s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedStyles):b&&d?s.cn(a.stepCircleBaseStyles,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleRestStyles),"data-cy":`${m}-circle`,"data-testid":`${u}-circle`,children:l}),e.jsx("p",{className:n?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):b&&d?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${m}-label`,"data-testid":`${u}-label`,children:c})]})});c.displayName="StepItem";const r=t.forwardRef(({steps:r,currentStep:i,onChange:n,allowStepNavigation:d=!0,showConnector:o=!0,className:p,"data-cy":y,"data-testid":S,...b},C)=>{const m=y||"stepper",u=S||"stepper";return e.jsx("div",{ref:C,className:s.cn(a.containerStyles,p),role:"navigation","aria-label":"Progress indicator","data-cy":m,"data-testid":u,...b,children:r.map((s,a)=>{const p=a===i,y=a<i,S=s.disabled??!1,b=d&&!S&&a!==i;return e.jsxs(t.Fragment,{children:[e.jsx(c,{stepNumber:a+1,label:s.label,isActive:p,isCompleted:y,isDisabled:S,isClickable:b,onClick:()=>((e,t)=>{d&&!t&&e!==i&&n?.(e)})(a,S),"data-cy":`${m}-step-${a+1}`,"data-testid":`${u}-step-${a+1}`}),a<r.length-1&&(o?e.jsx(l,{"data-cy":`${m}-connector-${a+1}`,"data-testid":`${u}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});r.displayName="Stepper",exports.Stepper=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index36.cjs"),a=require("./index51.cjs"),l=t.forwardRef(({isCompleted:t=!1,"data-cy":l,"data-testid":c},r)=>{const i=l||"stepper-connector",n=c||"stepper-connector";return e.jsx("div",{ref:r,className:s.cn(a.connectorContainerStyles),"data-cy":`${i}-container`,"data-testid":`${n}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":i,"data-testid":n})})});l.displayName="StepConnector";const c=t.forwardRef(({stepNumber:l,label:c,isActive:r,isCompleted:i,isDisabled:n,isClickable:d,onClick:o,"data-cy":p,"data-testid":y},S)=>{const[b,C]=t.useState(!1),m=p||`stepper-step-${l}`,u=y||`stepper-step-${l}`;return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerStyles,d&&!n&&"cursor-pointer"),onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),onClick:()=>{d&&!n&&o&&o()},onKeyDown:e=>{!d||n||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o?.())},role:d?"button":void 0,tabIndex:d&&!n?0:-1,"aria-current":r?"step":void 0,"aria-disabled":n,"data-cy":m,"data-testid":u,children:[e.jsx("div",{className:n?s.cn(a.stepCircleBaseStyles,a.stepCircleDisabledStyles):r?b?s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedStyles):b&&d?s.cn(a.stepCircleBaseStyles,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleRestStyles),"data-cy":`${m}-circle`,"data-testid":`${u}-circle`,children:l}),e.jsx("p",{className:n?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):b&&d?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${m}-label`,"data-testid":`${u}-label`,children:c})]})});c.displayName="StepItem";const r=t.forwardRef(({steps:r,currentStep:i,onChange:n,allowStepNavigation:d=!0,showConnector:o=!0,className:p,"data-cy":y,"data-testid":S,...b},C)=>{const m=y||"stepper",u=S||"stepper",v=Math.max(0,i-1);return e.jsx("div",{ref:C,className:s.cn(a.containerStyles,p),role:"navigation","aria-label":"Progress indicator","data-cy":m,"data-testid":u,...b,children:r.map((s,a)=>{const i=a===v,p=a<v,y=s.disabled??!1,S=d&&!y&&a!==v;return e.jsxs(t.Fragment,{children:[e.jsx(c,{stepNumber:a+1,label:s.label,isActive:i,isCompleted:p,isDisabled:y,isClickable:S,onClick:()=>((e,t)=>{d&&!t&&e!==v&&n?.(e+1)})(a,y),"data-cy":`${m}-step-${a+1}`,"data-testid":`${u}-step-${a+1}`}),a<r.length-1&&(o?e.jsx(l,{isCompleted:p,"data-cy":`${m}-connector-${a+1}`,"data-testid":`${u}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});r.displayName="Stepper",exports.Stepper=r;
package/dist/index17.js CHANGED
@@ -1,8 +1,8 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as s,useState as i}from"react";import{cn as r}from"./index36.js";import{stepItemContainerStyles as d,connectorInactiveStyles as c,connectorLineStyles as n,connectorContainerStyles as o,stepCircleDisabledStyles as l,stepCircleBaseStyles as p,stepCircleSelectedHoverStyles as m,stepCircleSelectedStyles as y,stepCircleHoverStyles as b,stepCircleCompletedStyles as $,stepCircleRestStyles as u,stepLabelDisabledStyles as v,stepLabelBaseStyles as N,stepLabelSelectedStyles as h,stepLabelHoverStyles as C,stepLabelCompletedStyles as f,stepLabelRestStyles as k,containerStyles as x}from"./index51.js";const g=a(({"data-cy":t,"data-testid":a},s)=>{const i=t||"stepper-connector",d=a||"stepper-connector";/* @__PURE__ */
2
- return e("div",{ref:s,className:r(o),"data-cy":`${i}-container`,"data-testid":`${d}-container`,children:/* @__PURE__ */e("div",{className:r(n,c),"data-cy":i,"data-testid":d})})});g.displayName="StepConnector";const S=a(({stepNumber:a,label:s,isActive:c,isCompleted:n,isDisabled:o,isClickable:x,onClick:g,"data-cy":S,"data-testid":D},j)=>{const[w,A]=i(!1),E=S||`stepper-step-${a}`,I=D||`stepper-step-${a}`;/* @__PURE__ */
3
- return t("div",{ref:j,className:r(d,x&&!o&&"cursor-pointer"),onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),onClick:()=>{x&&!o&&g&&g()},onKeyDown:e=>{!x||o||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g?.())},role:x?"button":void 0,tabIndex:x&&!o?0:-1,"aria-current":c?"step":void 0,"aria-disabled":o,"data-cy":E,"data-testid":I,children:[
4
- /* @__PURE__ */e("div",{className:r(p,o?l:c?w?m:y:w&&x?b:n?$:u),"data-cy":`${E}-circle`,"data-testid":`${I}-circle`,children:a}),
5
- /* @__PURE__ */e("p",{className:r(N,o?v:c?h:w&&x?C:n?f:k),"data-cy":`${E}-label`,"data-testid":`${I}-label`,children:s})]})});S.displayName="StepItem";const D=a(({steps:a,currentStep:i,onChange:d,allowStepNavigation:c=!0,showConnector:n=!0,className:o,"data-cy":l,"data-testid":p,...m},y)=>{const b=l||"stepper",$=p||"stepper";/* @__PURE__ */
6
- return e("div",{ref:y,className:r(x,o),role:"navigation","aria-label":"Progress indicator","data-cy":b,"data-testid":$,...m,children:a.map((r,o)=>{const l=o===i,p=o<i,m=r.disabled??!1,y=c&&!m&&o!==i;/* @__PURE__ */
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as s,useState as i}from"react";import{cn as r}from"./index36.js";import{stepItemContainerStyles as d,connectorActiveStyles as c,connectorInactiveStyles as n,connectorLineStyles as o,connectorContainerStyles as l,stepCircleDisabledStyles as p,stepCircleBaseStyles as m,stepCircleSelectedHoverStyles as y,stepCircleSelectedStyles as b,stepCircleHoverStyles as $,stepCircleCompletedStyles as u,stepCircleRestStyles as v,stepLabelDisabledStyles as N,stepLabelBaseStyles as C,stepLabelSelectedStyles as h,stepLabelHoverStyles as f,stepLabelCompletedStyles as k,stepLabelRestStyles as x,containerStyles as g}from"./index51.js";const S=a(({isCompleted:t=!1,"data-cy":a,"data-testid":s},i)=>{const d=a||"stepper-connector",p=s||"stepper-connector";/* @__PURE__ */
2
+ return e("div",{ref:i,className:r(l),"data-cy":`${d}-container`,"data-testid":`${p}-container`,children:/* @__PURE__ */e("div",{className:r(o,t?c:n),"data-cy":d,"data-testid":p})})});S.displayName="StepConnector";const D=a(({stepNumber:a,label:s,isActive:c,isCompleted:n,isDisabled:o,isClickable:l,onClick:g,"data-cy":S,"data-testid":D},j)=>{const[w,M]=i(!1),A=S||`stepper-step-${a}`,E=D||`stepper-step-${a}`;/* @__PURE__ */
3
+ return t("div",{ref:j,className:r(d,l&&!o&&"cursor-pointer"),onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),onClick:()=>{l&&!o&&g&&g()},onKeyDown:e=>{!l||o||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g?.())},role:l?"button":void 0,tabIndex:l&&!o?0:-1,"aria-current":c?"step":void 0,"aria-disabled":o,"data-cy":A,"data-testid":E,children:[
4
+ /* @__PURE__ */e("div",{className:r(m,o?p:c?w?y:b:w&&l?$:n?u:v),"data-cy":`${A}-circle`,"data-testid":`${E}-circle`,children:a}),
5
+ /* @__PURE__ */e("p",{className:r(C,o?N:c?h:w&&l?f:n?k:x),"data-cy":`${A}-label`,"data-testid":`${E}-label`,children:s})]})});D.displayName="StepItem";const j=a(({steps:a,currentStep:i,onChange:d,allowStepNavigation:c=!0,showConnector:n=!0,className:o,"data-cy":l,"data-testid":p,...m},y)=>{const b=l||"stepper",$=p||"stepper",u=Math.max(0,i-1);/* @__PURE__ */
6
+ return e("div",{ref:y,className:r(g,o),role:"navigation","aria-label":"Progress indicator","data-cy":b,"data-testid":$,...m,children:a.map((i,r)=>{const o=r===u,l=r<u,p=i.disabled??!1,m=c&&!p&&r!==u;/* @__PURE__ */
7
7
  return t(s,{children:[
8
- /* @__PURE__ */e(S,{stepNumber:o+1,label:r.label,isActive:l,isCompleted:p,isDisabled:m,isClickable:y,onClick:()=>((e,t)=>{c&&!t&&e!==i&&d?.(e)})(o,m),"data-cy":`${b}-step-${o+1}`,"data-testid":`${$}-step-${o+1}`}),o<a.length-1&&(n?/* @__PURE__ */e(g,{"data-cy":`${b}-connector-${o+1}`,"data-testid":`${$}-connector-${o+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},r.id)})})});D.displayName="Stepper";export{D as Stepper};
8
+ /* @__PURE__ */e(D,{stepNumber:r+1,label:i.label,isActive:o,isCompleted:l,isDisabled:p,isClickable:m,onClick:()=>((e,t)=>{c&&!t&&e!==u&&d?.(e+1)})(r,p),"data-cy":`${b}-step-${r+1}`,"data-testid":`${$}-step-${r+1}`}),r<a.length-1&&(n?/* @__PURE__ */e(S,{isCompleted:l,"data-cy":`${b}-connector-${r+1}`,"data-testid":`${$}-connector-${r+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},i.id)})})});j.displayName="Stepper";export{j as Stepper};
package/dist/index42.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index70.cjs"),s=require("./index36.cjs"),l=require("./index71.cjs"),a=require("./index43.cjs"),o=require("./index69.cjs"),i=t.forwardRef(({type:i="text",label:n,tooltip:c,error:d,helperText:u,fullWidth:h=!1,showPasswordToggle:p=!0,showLastChar:x=!0,lastCharDelay:f=500,validate:g,onValidationChange:j,className:y,id:v,onChange:m,onBlur:w,required:k,value:C,"data-cy":S,"data-testid":b,...N},$)=>{const[T,q]=t.useState(!1),[M,R]=t.useState(),[W,L]=t.useState(!1),[E,B]=t.useState(!1),P=t.useRef(!1),[D,F]=t.useState(""),I=t.useRef(""),O=t.useRef(null),V=t.useRef(null),z=a.useMergedRef($,V),A=t.useId(),H=v||A,_=`${H}-error`,G=`${H}-helper`,J=S||"input",K=b||"input",Q="password"===i,U=Q&&p,X=Q&&x&&!T&&void 0===C,Y=Q&&(T||X&&I.current.length>0)?"text":i,Z=n&&k&&!n.includes("*")?`${n} *`:n,ee=t.useMemo(()=>o.debounce(e=>{if(g&&P.current){const t=g(e);R(t),j?.(!t)}},300),[g,j]),te=t.useRef(ee);t.useEffect(()=>{te.current=ee},[ee]),t.useEffect(()=>{process.env.NODE_ENV},[Q,x,C]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),te.current.cancel()},[]);const re=X&&void 0===C?D:T&&Q&&void 0===C?I.current||"":C,se=d||M,le=N.disabled?"disabled":se?"error":W?"focus":E?"hover":"idle";return e.jsxs("div",{className:l.wrapperStyles,"data-cy":`${J}-wrapper`,"data-testid":`${K}-wrapper`,children:[(n||c)&&e.jsxs("div",{className:l.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:H,className:l.labelStyles,"data-cy":`${J}-label`,"data-testid":`${K}-label`,children:Z}),c&&e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:l.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${J}-tooltip-trigger`,"data-testid":`${K}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:l.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${J}-tooltip-content`,"data-testid":`${K}-tooltip-content`,children:[c,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})]}),e.jsxs("div",{className:l.fieldContainerStyles,children:[e.jsx("input",{ref:z,id:H,type:Y,value:re,className:s.cn(l.inputBaseStyles,se&&l.inputErrorStyles,U&&l.inputWithToggleStyles,y),"aria-invalid":se?"true":"false","aria-required":k?"true":void 0,"aria-describedby":se?_:u?G:void 0,"data-cy":J,"data-testid":K,"data-state":le,onChange:e=>{let t=e.target.value;if(X){const r=e.target.value,s=I.current,l=D.length;let a;if(0===r.length)a="";else if(r.length>l){const e=r.slice(l);a=s+e}else if(r.length<l)a=s.slice(0,r.length);else{const e=r.slice(-1);a=s.slice(0,-1)+e}I.current=a;const o=a?"•".repeat(a.length-1)+a.slice(-1):"";if(F(o),t=a,m){const t={...e,target:{...e.target,value:a},currentTarget:{...e.currentTarget,value:a}};m(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{F("•".repeat(a.length))},f)}else m?.(e);P.current&&ee(t)},onFocus:e=>{L(!0),N.onFocus?.(e)},onBlur:e=>{if(L(!1),P.current=!0,g){const t=X?I.current:e.target.value,r=g(t);R(r),j?.(!r)}w?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:k,...N}),U&&e.jsx("button",{type:"button",className:l.toggleStyles,onClick:()=>{q(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":T?"Hide password":"Show password","data-cy":`${J}-toggle`,"data-testid":`${K}-toggle`,children:T?e.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),se&&e.jsx("span",{id:_,className:l.errorStyles,role:"alert","data-cy":`${J}-error`,"data-testid":`${K}-error`,children:se}),u&&!se&&e.jsx("span",{id:G,className:l.helperStyles,"data-cy":`${J}-helper`,"data-testid":`${K}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index69.cjs"),s=require("./index36.cjs"),l=require("./index70.cjs"),a=require("./index43.cjs"),o=require("./index71.cjs"),i=t.forwardRef(({type:i="text",label:n,tooltip:c,error:d,helperText:u,fullWidth:h=!1,showPasswordToggle:p=!0,showLastChar:x=!0,lastCharDelay:f=500,validate:g,onValidationChange:j,className:y,id:v,onChange:m,onBlur:w,required:k,value:C,"data-cy":S,"data-testid":b,...N},$)=>{const[T,q]=t.useState(!1),[M,R]=t.useState(),[W,L]=t.useState(!1),[E,B]=t.useState(!1),P=t.useRef(!1),[D,F]=t.useState(""),I=t.useRef(""),O=t.useRef(null),V=t.useRef(null),z=a.useMergedRef($,V),A=t.useId(),H=v||A,_=`${H}-error`,G=`${H}-helper`,J=S||"input",K=b||"input",Q="password"===i,U=Q&&p,X=Q&&x&&!T&&void 0===C,Y=Q&&(T||X&&I.current.length>0)?"text":i,Z=n&&k&&!n.includes("*")?`${n} *`:n,ee=t.useMemo(()=>o.debounce(e=>{if(g&&P.current){const t=g(e);R(t),j?.(!t)}},300),[g,j]),te=t.useRef(ee);t.useEffect(()=>{te.current=ee},[ee]),t.useEffect(()=>{process.env.NODE_ENV},[Q,x,C]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),te.current.cancel()},[]);const re=X&&void 0===C?D:T&&Q&&void 0===C?I.current||"":C,se=d||M,le=N.disabled?"disabled":se?"error":W?"focus":E?"hover":"idle";return e.jsxs("div",{className:l.wrapperStyles,"data-cy":`${J}-wrapper`,"data-testid":`${K}-wrapper`,children:[(n||c)&&e.jsxs("div",{className:l.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:H,className:l.labelStyles,"data-cy":`${J}-label`,"data-testid":`${K}-label`,children:Z}),c&&e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:l.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${J}-tooltip-trigger`,"data-testid":`${K}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:l.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${J}-tooltip-content`,"data-testid":`${K}-tooltip-content`,children:[c,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})]}),e.jsxs("div",{className:l.fieldContainerStyles,children:[e.jsx("input",{ref:z,id:H,type:Y,value:re,className:s.cn(l.inputBaseStyles,se&&l.inputErrorStyles,U&&l.inputWithToggleStyles,y),"aria-invalid":se?"true":"false","aria-required":k?"true":void 0,"aria-describedby":se?_:u?G:void 0,"data-cy":J,"data-testid":K,"data-state":le,onChange:e=>{let t=e.target.value;if(X){const r=e.target.value,s=I.current,l=D.length;let a;if(0===r.length)a="";else if(r.length>l){const e=r.slice(l);a=s+e}else if(r.length<l)a=s.slice(0,r.length);else{const e=r.slice(-1);a=s.slice(0,-1)+e}I.current=a;const o=a?"•".repeat(a.length-1)+a.slice(-1):"";if(F(o),t=a,m){const t={...e,target:{...e.target,value:a},currentTarget:{...e.currentTarget,value:a}};m(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{F("•".repeat(a.length))},f)}else m?.(e);P.current&&ee(t)},onFocus:e=>{L(!0),N.onFocus?.(e)},onBlur:e=>{if(L(!1),P.current=!0,g){const t=X?I.current:e.target.value,r=g(t);R(r),j?.(!r)}w?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:k,...N}),U&&e.jsx("button",{type:"button",className:l.toggleStyles,onClick:()=>{q(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":T?"Hide password":"Show password","data-cy":`${J}-toggle`,"data-testid":`${K}-toggle`,children:T?e.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-full h-full",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),se&&e.jsx("span",{id:_,className:l.errorStyles,role:"alert","data-cy":`${J}-error`,"data-testid":`${K}-error`,children:se}),u&&!se&&e.jsx("span",{id:G,className:l.helperStyles,"data-cy":`${J}-helper`,"data-testid":`${K}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
package/dist/index42.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as a,useRef as l,useId as o,useMemo as i,useEffect as n}from"react";import{Provider as s,Root as c,Trigger as d,Portal as u,Content as h,Arrow as p}from"./index70.js";import{cn as m}from"./index36.js";import{wrapperStyles as f,labelRowStyles as g,labelStyles as v,tooltipTriggerStyles as k,tooltipContentStyles as y,fieldContainerStyles as w,inputWithToggleStyles as x,inputErrorStyles as C,inputBaseStyles as N,toggleStyles as $,errorStyles as b,helperStyles as j}from"./index71.js";import{useMergedRef as L}from"./index43.js";import{debounce as T}from"./index69.js";const W=r(({type:r="text",label:W,tooltip:M,error:B,helperText:q,fullWidth:D=!1,showPasswordToggle:E=!0,showLastChar:F=!0,lastCharDelay:V=500,validate:z,onValidationChange:O,className:A,id:H,onChange:I,onBlur:P,required:R,value:S,"data-cy":_,"data-testid":G,...J},K)=>{const[Q,U]=a(!1),[X,Y]=a(),[Z,ee]=a(!1),[te,re]=a(!1),ae=l(!1),[le,oe]=a(""),ie=l(""),ne=l(null),se=l(null),ce=L(K,se),de=o(),ue=H||de,he=`${ue}-error`,pe=`${ue}-helper`,me=_||"input",fe=G||"input",ge="password"===r,ve=ge&&E,ke=ge&&F&&!Q&&void 0===S,ye=ge&&(Q||ke&&ie.current.length>0)?"text":r,we=W&&R&&!W.includes("*")?`${W} *`:W,xe=i(()=>T(e=>{if(z&&ae.current){const t=z(e);Y(t),O?.(!t)}},300),[z,O]),Ce=l(xe);n(()=>{Ce.current=xe},[xe]),n(()=>{process.env.NODE_ENV},[ge,F,S]),n(()=>()=>{ne.current&&clearTimeout(ne.current),Ce.current.cancel()},[]);const Ne=ke&&void 0===S?le:Q&&ge&&void 0===S?ie.current||"":S,$e=B||X,be=J.disabled?"disabled":$e?"error":Z?"focus":te?"hover":"idle";/* @__PURE__ */
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as a,useRef as l,useId as o,useMemo as i,useEffect as n}from"react";import{Provider as s,Root as c,Trigger as d,Portal as u,Content as h,Arrow as p}from"./index69.js";import{cn as m}from"./index36.js";import{wrapperStyles as f,labelRowStyles as g,labelStyles as v,tooltipTriggerStyles as k,tooltipContentStyles as y,fieldContainerStyles as w,inputWithToggleStyles as x,inputErrorStyles as C,inputBaseStyles as N,toggleStyles as $,errorStyles as b,helperStyles as j}from"./index70.js";import{useMergedRef as L}from"./index43.js";import{debounce as T}from"./index71.js";const W=r(({type:r="text",label:W,tooltip:M,error:B,helperText:q,fullWidth:D=!1,showPasswordToggle:E=!0,showLastChar:F=!0,lastCharDelay:V=500,validate:z,onValidationChange:O,className:A,id:H,onChange:I,onBlur:P,required:R,value:S,"data-cy":_,"data-testid":G,...J},K)=>{const[Q,U]=a(!1),[X,Y]=a(),[Z,ee]=a(!1),[te,re]=a(!1),ae=l(!1),[le,oe]=a(""),ie=l(""),ne=l(null),se=l(null),ce=L(K,se),de=o(),ue=H||de,he=`${ue}-error`,pe=`${ue}-helper`,me=_||"input",fe=G||"input",ge="password"===r,ve=ge&&E,ke=ge&&F&&!Q&&void 0===S,ye=ge&&(Q||ke&&ie.current.length>0)?"text":r,we=W&&R&&!W.includes("*")?`${W} *`:W,xe=i(()=>T(e=>{if(z&&ae.current){const t=z(e);Y(t),O?.(!t)}},300),[z,O]),Ce=l(xe);n(()=>{Ce.current=xe},[xe]),n(()=>{process.env.NODE_ENV},[ge,F,S]),n(()=>()=>{ne.current&&clearTimeout(ne.current),Ce.current.cancel()},[]);const Ne=ke&&void 0===S?le:Q&&ge&&void 0===S?ie.current||"":S,$e=B||X,be=J.disabled?"disabled":$e?"error":Z?"focus":te?"hover":"idle";/* @__PURE__ */
2
2
  return e("div",{className:f,"data-cy":`${me}-wrapper`,"data-testid":`${fe}-wrapper`,children:[(W||M)&&/* @__PURE__ */e("div",{className:g,children:[W&&/* @__PURE__ */t("label",{htmlFor:ue,className:v,"data-cy":`${me}-label`,"data-testid":`${fe}-label`,children:we}),M&&/* @__PURE__ */t(s,{delayDuration:200,children:/* @__PURE__ */e(c,{children:[
3
3
  /* @__PURE__ */t(d,{asChild:!0,children:/* @__PURE__ */t("button",{type:"button",className:k,"aria-label":"More information","data-cy":`${me}-tooltip-trigger`,"data-testid":`${fe}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
4
4
  /* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
package/dist/index51.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex flex-row items-start justify-start","w-full","gap-0"].join(" "),t=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","min-w-[3.5rem]","flex-shrink-0"].join(" "),o=["flex items-center justify-center","w-[3.25rem] h-[3.25rem]","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),r=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),s=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),l=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),n=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),a=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),i=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),c=["text-[length:var(--font-size-7)]","leading-normal","text-center","select-none","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),p=["text-[var(--color-system-text)]","font-normal"].join(" "),x=["text-[var(--color-popup)]","font-normal"].join(" "),d=["text-[var(--color-popup)]","font-bold"].join(" "),y=["text-[var(--color-system-text)]","font-normal"].join(" "),v=["text-[var(--color-system-text)]","font-normal"].join(" "),m=["flex flex-1 items-center","min-w-0","h-[3.25rem]","px-[var(--spacing-6)]"].join(" "),f=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),u=["bg-[var(--color-system-text)]"].join(" ");exports.connectorContainerStyles=m,exports.connectorInactiveStyles=u,exports.connectorLineStyles=f,exports.containerStyles=e,exports.stepCircleBaseStyles=o,exports.stepCircleCompletedStyles=i,exports.stepCircleDisabledStyles=a,exports.stepCircleHoverStyles=s,exports.stepCircleRestStyles=r,exports.stepCircleSelectedHoverStyles=n,exports.stepCircleSelectedStyles=l,exports.stepItemContainerStyles=t,exports.stepLabelBaseStyles=c,exports.stepLabelCompletedStyles=v,exports.stepLabelDisabledStyles=y,exports.stepLabelHoverStyles=x,exports.stepLabelRestStyles=p,exports.stepLabelSelectedStyles=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex flex-row items-start justify-start","w-full","gap-0"].join(" "),t=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","min-w-[3.5rem]","flex-shrink-0"].join(" "),o=["flex items-center justify-center","w-[3.25rem] h-[3.25rem]","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),r=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),l=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),s=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),n=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),a=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),p=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),i=["text-[length:var(--font-size-7)]","leading-normal","text-center","select-none","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),c=["text-[var(--color-system-text)]","font-normal"].join(" "),x=["text-[var(--color-popup)]","font-normal"].join(" "),d=["text-[var(--color-popup)]","font-bold"].join(" "),v=["text-[var(--color-system-text)]","font-normal"].join(" "),y=["text-[var(--color-popup)]","font-normal"].join(" "),u=["flex flex-1 items-center","min-w-0","h-[3.25rem]","px-[var(--spacing-6)]"].join(" "),f=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),m=["bg-[var(--color-system-text)]"].join(" "),b=["bg-[var(--color-popup)]"].join(" ");exports.connectorActiveStyles=b,exports.connectorContainerStyles=u,exports.connectorInactiveStyles=m,exports.connectorLineStyles=f,exports.containerStyles=e,exports.stepCircleBaseStyles=o,exports.stepCircleCompletedStyles=p,exports.stepCircleDisabledStyles=a,exports.stepCircleHoverStyles=l,exports.stepCircleRestStyles=r,exports.stepCircleSelectedHoverStyles=n,exports.stepCircleSelectedStyles=s,exports.stepItemContainerStyles=t,exports.stepLabelBaseStyles=i,exports.stepLabelCompletedStyles=y,exports.stepLabelDisabledStyles=v,exports.stepLabelHoverStyles=x,exports.stepLabelRestStyles=c,exports.stepLabelSelectedStyles=d;
package/dist/index51.js CHANGED
@@ -1 +1 @@
1
- const o=["flex flex-row items-start justify-start","w-full","gap-0"].join(" "),r=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","min-w-[3.5rem]","flex-shrink-0"].join(" "),t=["flex items-center justify-center","w-[3.25rem] h-[3.25rem]","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),e=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),n=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),a=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),l=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),i=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),c=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),s=["text-[length:var(--font-size-7)]","leading-normal","text-center","select-none","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),x=["text-[var(--color-system-text)]","font-normal"].join(" "),d=["text-[var(--color-popup)]","font-normal"].join(" "),f=["text-[var(--color-popup)]","font-bold"].join(" "),p=["text-[var(--color-system-text)]","font-normal"].join(" "),m=["text-[var(--color-system-text)]","font-normal"].join(" "),v=["flex flex-1 items-center","min-w-0","h-[3.25rem]","px-[var(--spacing-6)]"].join(" "),u=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),j=["bg-[var(--color-system-text)]"].join(" ");export{v as connectorContainerStyles,j as connectorInactiveStyles,u as connectorLineStyles,o as containerStyles,t as stepCircleBaseStyles,c as stepCircleCompletedStyles,i as stepCircleDisabledStyles,n as stepCircleHoverStyles,e as stepCircleRestStyles,l as stepCircleSelectedHoverStyles,a as stepCircleSelectedStyles,r as stepItemContainerStyles,s as stepLabelBaseStyles,m as stepLabelCompletedStyles,p as stepLabelDisabledStyles,d as stepLabelHoverStyles,x as stepLabelRestStyles,f as stepLabelSelectedStyles};
1
+ const o=["flex flex-row items-start justify-start","w-full","gap-0"].join(" "),r=["flex flex-col items-center justify-center","gap-[var(--spacing-4)]","min-w-[3.5rem]","flex-shrink-0"].join(" "),t=["flex items-center justify-center","w-[3.25rem] h-[3.25rem]","rounded-[2.5rem]","transition-all duration-200 ease-in-out","font-[var(--font-family-default)]","text-[length:var(--font-size-4)]","leading-normal","select-none","cursor-default"].join(" "),e=["bg-[var(--color-card)]","text-[var(--color-system-text)]","border-none"].join(" "),n=["bg-[var(--color-card)]","text-[var(--color-popup)]","border border-solid border-[var(--color-popup)]","cursor-pointer"].join(" "),a=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),l=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none","shadow-[inset_0_0_0_100px_var(--color-overlay-black-10)]"].join(" "),i=["bg-[var(--color-card)]","text-[var(--color-system-text)]","opacity-75","cursor-not-allowed"].join(" "),c=["bg-[var(--color-popup)]","text-[var(--color-card)]","border-none"].join(" "),s=["text-[length:var(--font-size-7)]","leading-normal","text-center","select-none","transition-colors duration-200 ease-in-out","font-[var(--font-family-default)]"].join(" "),p=["text-[var(--color-system-text)]","font-normal"].join(" "),x=["text-[var(--color-popup)]","font-normal"].join(" "),d=["text-[var(--color-popup)]","font-bold"].join(" "),f=["text-[var(--color-system-text)]","font-normal"].join(" "),u=["text-[var(--color-popup)]","font-normal"].join(" "),v=["flex flex-1 items-center","min-w-0","h-[3.25rem]","px-[var(--spacing-6)]"].join(" "),m=["w-full h-px","rounded-[2.677rem]","transition-colors duration-200 ease-in-out"].join(" "),j=["bg-[var(--color-system-text)]"].join(" "),b=["bg-[var(--color-popup)]"].join(" ");export{b as connectorActiveStyles,v as connectorContainerStyles,j as connectorInactiveStyles,m as connectorLineStyles,o as containerStyles,t as stepCircleBaseStyles,c as stepCircleCompletedStyles,i as stepCircleDisabledStyles,n as stepCircleHoverStyles,e as stepCircleRestStyles,l as stepCircleSelectedHoverStyles,a as stepCircleSelectedStyles,r as stepItemContainerStyles,s as stepLabelBaseStyles,u as stepLabelCompletedStyles,f as stepLabelDisabledStyles,x as stepLabelHoverStyles,p as stepLabelRestStyles,d as stepLabelSelectedStyles};
package/dist/index69.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.debounce=function(e,t){let l=null;const n=function(...n){l&&clearTimeout(l);const o=this;l=setTimeout(()=>{e.apply(o,n),l=null},t)};return n.cancel=()=>{l&&(clearTimeout(l),l=null)},n};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index72.cjs"),r=require("./index73.cjs"),o=require("./index74.cjs"),n=require("./index75.cjs"),i=require("./index76.cjs"),s=require("./index77.cjs"),c=require("./index78.cjs"),a=require("./index79.cjs"),l=require("./index80.cjs"),u=require("./index81.cjs"),p=require("./index82.cjs"),d=require("./index83.cjs"),x=require("react/jsx-runtime");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const g=f(e);var[h]=o.createContextScope("Tooltip",[s.createPopperScope]),v=s.createPopperScope(),y="TooltipProvider",b=700,m="tooltip.open",[T,w]=h(y),C=e=>{const{__scopeTooltip:t,delayDuration:r=b,skipDelayDuration:o=300,disableHoverableContent:n=!1,children:i}=e,s=g.useRef(!0),c=g.useRef(!1),a=g.useRef(0);return g.useEffect(()=>{const e=a.current;return()=>window.clearTimeout(e)},[]),x.jsx(T,{scope:t,isOpenDelayedRef:s,delayDuration:r,onOpen:g.useCallback(()=>{window.clearTimeout(a.current),s.current=!1},[]),onClose:g.useCallback(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(()=>s.current=!0,o)},[o]),isPointerInTransitRef:c,onPointerInTransitChange:g.useCallback(e=>{c.current=e},[]),disableHoverableContent:n,children:i})};C.displayName=y;var j="Tooltip",[E,P]=h(j),R=e=>{const{__scopeTooltip:t,children:r,open:o,defaultOpen:n,onOpenChange:c,disableHoverableContent:a,delayDuration:l}=e,u=w(j,e.__scopeTooltip),d=v(t),[f,h]=g.useState(null),y=i.useId(),b=g.useRef(0),T=a??u.disableHoverableContent,C=l??u.delayDuration,P=g.useRef(!1),[R,_]=p.useControllableState({prop:o,defaultProp:n??!1,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(m))):u.onClose(),c?.(e)},caller:j}),k=g.useMemo(()=>R?P.current?"delayed-open":"instant-open":"closed",[R]),D=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,P.current=!1,_(!0)},[_]),O=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,_(!1)},[_]),L=g.useCallback(()=>{window.clearTimeout(b.current),b.current=window.setTimeout(()=>{P.current=!0,_(!0),b.current=0},C)},[C,_]);return g.useEffect(()=>()=>{b.current&&(window.clearTimeout(b.current),b.current=0)},[]),x.jsx(s.Root,{...d,children:x.jsx(E,{scope:t,contentId:y,open:R,stateAttribute:k,trigger:f,onTriggerChange:h,onTriggerEnter:g.useCallback(()=>{u.isOpenDelayedRef.current?L():D()},[u.isOpenDelayedRef,L,D]),onTriggerLeave:g.useCallback(()=>{T?O():(window.clearTimeout(b.current),b.current=0)},[O,T]),onOpen:D,onClose:O,disableHoverableContent:T,children:r})})};R.displayName=j;var _="TooltipTrigger",k=g.forwardRef((e,o)=>{const{__scopeTooltip:n,...i}=e,c=P(_,n),a=w(_,n),u=v(n),p=g.useRef(null),d=r.useComposedRefs(o,p,c.onTriggerChange),f=g.useRef(!1),h=g.useRef(!1),y=g.useCallback(()=>f.current=!1,[]);return g.useEffect(()=>()=>document.removeEventListener("pointerup",y),[y]),x.jsx(s.Anchor,{asChild:!0,...u,children:x.jsx(l.Primitive.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...i,ref:d,onPointerMove:t.composeEventHandlers(e.onPointerMove,e=>{"touch"!==e.pointerType&&(h.current||a.isPointerInTransitRef.current||(c.onTriggerEnter(),h.current=!0))}),onPointerLeave:t.composeEventHandlers(e.onPointerLeave,()=>{c.onTriggerLeave(),h.current=!1}),onPointerDown:t.composeEventHandlers(e.onPointerDown,()=>{c.open&&c.onClose(),f.current=!0,document.addEventListener("pointerup",y,{once:!0})}),onFocus:t.composeEventHandlers(e.onFocus,()=>{f.current||c.onOpen()}),onBlur:t.composeEventHandlers(e.onBlur,c.onClose),onClick:t.composeEventHandlers(e.onClick,c.onClose)})})});k.displayName=_;var D="TooltipPortal",[O,L]=h(D,{forceMount:void 0}),M=e=>{const{__scopeTooltip:t,forceMount:r,children:o,container:n}=e,i=P(D,t);return x.jsx(O,{scope:t,forceMount:r,children:x.jsx(a.Presence,{present:r||i.open,children:x.jsx(c.Portal,{asChild:!0,container:n,children:o})})})};M.displayName=D;var q="TooltipContent",H=g.forwardRef((e,t)=>{const r=L(q,e.__scopeTooltip),{forceMount:o=r.forceMount,side:n="top",...i}=e,s=P(q,e.__scopeTooltip);return x.jsx(a.Presence,{present:o||s.open,children:s.disableHoverableContent?x.jsx(B,{side:n,...i,ref:t}):x.jsx(I,{side:n,...i,ref:t})})}),I=g.forwardRef((e,t)=>{const o=P(q,e.__scopeTooltip),n=w(q,e.__scopeTooltip),i=g.useRef(null),s=r.useComposedRefs(t,i),[c,a]=g.useState(null),{trigger:l,onClose:u}=o,p=i.current,{onPointerInTransitChange:d}=n,f=g.useCallback(()=>{a(null),d(!1)},[d]),h=g.useCallback((e,t)=>{const r=e.currentTarget,o={x:e.clientX,y:e.clientY},n=function(e,t,r=5){const o=[];switch(t){case"top":o.push({x:e.x-r,y:e.y+r},{x:e.x+r,y:e.y+r});break;case"bottom":o.push({x:e.x-r,y:e.y-r},{x:e.x+r,y:e.y-r});break;case"left":o.push({x:e.x+r,y:e.y-r},{x:e.x+r,y:e.y+r});break;case"right":o.push({x:e.x-r,y:e.y-r},{x:e.x-r,y:e.y+r})}return o}(o,function(e,t){const r=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),n=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(r,o,n,i)){case i:return"left";case n:return"right";case r:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,r.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const r=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(r.y-o.y)>=(e.y-o.y)*(r.x-o.x)))break;t.pop()}t.push(r)}t.pop();const r=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;r.length>=2;){const e=r[r.length-1],o=r[r.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;r.pop()}r.push(t)}return r.pop(),1===t.length&&1===r.length&&t[0].x===r[0].x&&t[0].y===r[0].y?t:t.concat(r)}(t)}([...n,...function(e){const{top:t,right:r,bottom:o,left:n}=e;return[{x:n,y:t},{x:r,y:t},{x:r,y:o},{x:n,y:o}]}(t.getBoundingClientRect())]);a(i),d(!0)},[d]);return g.useEffect(()=>()=>f(),[f]),g.useEffect(()=>{if(l&&p){const e=e=>h(e,p),t=e=>h(e,l);return l.addEventListener("pointerleave",e),p.addEventListener("pointerleave",t),()=>{l.removeEventListener("pointerleave",e),p.removeEventListener("pointerleave",t)}}},[l,p,h,f]),g.useEffect(()=>{if(c){const e=e=>{const t=e.target,r={x:e.clientX,y:e.clientY},o=l?.contains(t)||p?.contains(t),n=!function(e,t){const{x:r,y:o}=e;let n=!1;for(let i=0,s=t.length-1;i<t.length;s=i++){const e=t[i],c=t[s],a=e.x,l=e.y,u=c.x,p=c.y;l>o!=p>o&&r<(u-a)*(o-l)/(p-l)+a&&(n=!n)}return n}(r,c);o?f():n&&(f(),u())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[l,p,c,u,f]),x.jsx(B,{...e,ref:s})}),[S,A]=h(j,{isInside:!1}),N=u.createSlottable("TooltipContent"),B=g.forwardRef((e,t)=>{const{__scopeTooltip:r,children:o,"aria-label":i,onEscapeKeyDown:c,onPointerDownOutside:a,...l}=e,u=P(q,r),p=v(r),{onClose:f}=u;return g.useEffect(()=>(document.addEventListener(m,f),()=>document.removeEventListener(m,f)),[f]),g.useEffect(()=>{if(u.trigger){const e=e=>{const t=e.target;t?.contains(u.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[u.trigger,f]),x.jsx(n.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:x.jsxs(s.Content,{"data-state":u.stateAttribute,...p,...l,ref:t,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[x.jsx(N,{children:o}),x.jsx(S,{scope:r,isInside:!0,children:x.jsx(d.Root,{id:u.contentId,role:"tooltip",children:i||o})})]})})});H.displayName=q;var F="TooltipArrow",K=g.forwardRef((e,t)=>{const{__scopeTooltip:r,...o}=e,n=v(r);return A(F,r).isInside?null:x.jsx(s.Arrow,{...n,...o,ref:t})});K.displayName=F;var X=C,Y=R,z=k,G=M,J=H,Q=K;exports.Arrow=Q,exports.Content=J,exports.Portal=G,exports.Provider=X,exports.Root=Y,exports.Tooltip=R,exports.TooltipArrow=K,exports.TooltipContent=H,exports.TooltipPortal=M,exports.TooltipProvider=C,exports.TooltipTrigger=k,exports.Trigger=z;
package/dist/index69.js CHANGED
@@ -1 +1,5 @@
1
- function t(t,l){let n=null;const e=function(...e){n&&clearTimeout(n);const u=this;n=setTimeout(()=>{t.apply(u,e),n=null},l)};return e.cancel=()=>{n&&(clearTimeout(n),n=null)},e}export{t as debounce};
1
+ import*as e from"react";import{composeEventHandlers as t}from"./index72.js";import{useComposedRefs as n}from"./index73.js";import{createContextScope as o}from"./index74.js";import{DismissableLayer as r}from"./index75.js";import{useId as i}from"./index76.js";import{Root as a,Anchor as s,Arrow as c,createPopperScope as l,Content as u}from"./index77.js";import{Portal as p}from"./index78.js";import{Presence as d}from"./index79.js";import{Primitive as f}from"./index80.js";import{createSlottable as h}from"./index81.js";import{useControllableState as m}from"./index82.js";import{Root as x}from"./index83.js";import{jsx as g,jsxs as y}from"react/jsx-runtime";var[v]=o("Tooltip",[l]),b=l(),w="TooltipProvider",C=700,T="tooltip.open",[E,R]=v(w),_=t=>{const{__scopeTooltip:n,delayDuration:o=C,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=t,s=e.useRef(!0),c=e.useRef(!1),l=e.useRef(0);return e.useEffect(()=>{const e=l.current;return()=>window.clearTimeout(e)},[]),/* @__PURE__ */g(E,{scope:n,isOpenDelayedRef:s,delayDuration:o,onOpen:e.useCallback(()=>{window.clearTimeout(l.current),s.current=!1},[]),onClose:e.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.current=!0,r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:e.useCallback(e=>{c.current=e},[]),disableHoverableContent:i,children:a})};_.displayName=w;var k="Tooltip",[D,P]=v(k),L=t=>{const{__scopeTooltip:n,children:o,open:r,defaultOpen:s,onOpenChange:c,disableHoverableContent:l,delayDuration:u}=t,p=R(k,t.__scopeTooltip),d=b(n),[f,h]=e.useState(null),x=i(),y=e.useRef(0),v=l??p.disableHoverableContent,w=u??p.delayDuration,C=e.useRef(!1),[E,_]=m({prop:r,defaultProp:s??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(T))):p.onClose(),c?.(e)},caller:k}),P=e.useMemo(()=>E?C.current?"delayed-open":"instant-open":"closed",[E]),L=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,C.current=!1,_(!0)},[_]),j=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,_(!1)},[_]),M=e.useCallback(()=>{window.clearTimeout(y.current),y.current=window.setTimeout(()=>{C.current=!0,_(!0),y.current=0},w)},[w,_]);return e.useEffect(()=>()=>{y.current&&(window.clearTimeout(y.current),y.current=0)},[]),/* @__PURE__ */g(a,{...d,children:/* @__PURE__ */g(D,{scope:n,contentId:x,open:E,stateAttribute:P,trigger:f,onTriggerChange:h,onTriggerEnter:e.useCallback(()=>{p.isOpenDelayedRef.current?M():L()},[p.isOpenDelayedRef,M,L]),onTriggerLeave:e.useCallback(()=>{v?j():(window.clearTimeout(y.current),y.current=0)},[j,v]),onOpen:L,onClose:j,disableHoverableContent:v,children:o})})};L.displayName=k;var j="TooltipTrigger",M=e.forwardRef((o,r)=>{const{__scopeTooltip:i,...a}=o,c=P(j,i),l=R(j,i),u=b(i),p=e.useRef(null),d=n(r,p,c.onTriggerChange),h=e.useRef(!1),m=e.useRef(!1),x=e.useCallback(()=>h.current=!1,[]);return e.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),/* @__PURE__ */g(s,{asChild:!0,...u,children:/* @__PURE__ */g(f.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...a,ref:d,onPointerMove:t(o.onPointerMove,e=>{"touch"!==e.pointerType&&(m.current||l.isPointerInTransitRef.current||(c.onTriggerEnter(),m.current=!0))}),onPointerLeave:t(o.onPointerLeave,()=>{c.onTriggerLeave(),m.current=!1}),onPointerDown:t(o.onPointerDown,()=>{c.open&&c.onClose(),h.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:t(o.onFocus,()=>{h.current||c.onOpen()}),onBlur:t(o.onBlur,c.onClose),onClick:t(o.onClick,c.onClose)})})});M.displayName=j;var O="TooltipPortal",[I,H]=v(O,{forceMount:void 0}),N=e=>{const{__scopeTooltip:t,forceMount:n,children:o,container:r}=e,i=P(O,t);/* @__PURE__ */
2
+ return g(I,{scope:t,forceMount:n,children:/* @__PURE__ */g(d,{present:n||i.open,children:/* @__PURE__ */g(p,{asChild:!0,container:r,children:o})})})};N.displayName=O;var A="TooltipContent",B=e.forwardRef((e,t)=>{const n=H(A,e.__scopeTooltip),{forceMount:o=n.forceMount,side:r="top",...i}=e,a=P(A,e.__scopeTooltip);/* @__PURE__ */
3
+ return g(d,{present:o||a.open,children:a.disableHoverableContent?/* @__PURE__ */g(Y,{side:r,...i,ref:t}):/* @__PURE__ */g(F,{side:r,...i,ref:t})})}),F=e.forwardRef((t,o)=>{const r=P(A,t.__scopeTooltip),i=R(A,t.__scopeTooltip),a=e.useRef(null),s=n(o,a),[c,l]=e.useState(null),{trigger:u,onClose:p}=r,d=a.current,{onPointerInTransitChange:f}=i,h=e.useCallback(()=>{l(null),f(!1)},[f]),m=e.useCallback((e,t)=>{const n=e.currentTarget,o={x:e.clientX,y:e.clientY},r=function(e,t,n=5){const o=[];switch(t){case"top":o.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":o.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":o.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":o.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n})}return o}(o,function(e,t){const n=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),r=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(n,o,r,i)){case i:return"left";case r:return"right";case n:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,n.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const n=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(n.y-o.y)>=(e.y-o.y)*(n.x-o.x)))break;t.pop()}t.push(n)}t.pop();const n=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;n.length>=2;){const e=n[n.length-1],o=n[n.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;n.pop()}n.push(t)}return n.pop(),1===t.length&&1===n.length&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}(t)}([...r,...function(e){const{top:t,right:n,bottom:o,left:r}=e;return[{x:r,y:t},{x:n,y:t},{x:n,y:o},{x:r,y:o}]}(t.getBoundingClientRect())]);l(i),f(!0)},[f]);return e.useEffect(()=>()=>h(),[h]),e.useEffect(()=>{if(u&&d){const e=e=>m(e,d),t=e=>m(e,u);return u.addEventListener("pointerleave",e),d.addEventListener("pointerleave",t),()=>{u.removeEventListener("pointerleave",e),d.removeEventListener("pointerleave",t)}}},[u,d,m,h]),e.useEffect(()=>{if(c){const e=e=>{const t=e.target,n={x:e.clientX,y:e.clientY},o=u?.contains(t)||d?.contains(t),r=!function(e,t){const{x:n,y:o}=e;let r=!1;for(let i=0,a=t.length-1;i<t.length;a=i++){const e=t[i],s=t[a],c=e.x,l=e.y,u=s.x,p=s.y;l>o!=p>o&&n<(u-c)*(o-l)/(p-l)+c&&(r=!r)}return r}(n,c);o?h():r&&(h(),p())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[u,d,c,p,h]),/* @__PURE__ */g(Y,{...t,ref:s})}),[K,S]=v(k,{isInside:!1}),X=h("TooltipContent"),Y=e.forwardRef((t,n)=>{const{__scopeTooltip:o,children:i,"aria-label":a,onEscapeKeyDown:s,onPointerDownOutside:c,...l}=t,p=P(A,o),d=b(o),{onClose:f}=p;return e.useEffect(()=>(document.addEventListener(T,f),()=>document.removeEventListener(T,f)),[f]),e.useEffect(()=>{if(p.trigger){const e=e=>{const t=e.target;t?.contains(p.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[p.trigger,f]),/* @__PURE__ */g(r,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:/* @__PURE__ */y(u,{"data-state":p.stateAttribute,...d,...l,ref:n,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[
4
+ /* @__PURE__ */g(X,{children:i}),
5
+ /* @__PURE__ */g(K,{scope:o,isInside:!0,children:/* @__PURE__ */g(x,{id:p.contentId,role:"tooltip",children:a||i})})]})})});B.displayName=A;var q="TooltipArrow",z=e.forwardRef((e,t)=>{const{__scopeTooltip:n,...o}=e,r=b(n);return S(q,n).isInside?null:/* @__PURE__ */g(c,{...r,...o,ref:t})});z.displayName=q;var G=_,J=L,Q=M,U=N,V=B,W=z;export{W as Arrow,V as Content,U as Portal,G as Provider,J as Root,L as Tooltip,z as TooltipArrow,B as TooltipContent,N as TooltipPortal,_ as TooltipProvider,M as TooltipTrigger,Q as Trigger};
package/dist/index70.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index72.cjs"),r=require("./index73.cjs"),o=require("./index74.cjs"),n=require("./index75.cjs"),i=require("./index76.cjs"),s=require("./index77.cjs"),c=require("./index78.cjs"),a=require("./index79.cjs"),l=require("./index80.cjs"),u=require("./index81.cjs"),p=require("./index82.cjs"),d=require("./index83.cjs"),x=require("react/jsx-runtime");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const g=f(e);var[h]=o.createContextScope("Tooltip",[s.createPopperScope]),v=s.createPopperScope(),y="TooltipProvider",b=700,m="tooltip.open",[T,w]=h(y),C=e=>{const{__scopeTooltip:t,delayDuration:r=b,skipDelayDuration:o=300,disableHoverableContent:n=!1,children:i}=e,s=g.useRef(!0),c=g.useRef(!1),a=g.useRef(0);return g.useEffect(()=>{const e=a.current;return()=>window.clearTimeout(e)},[]),x.jsx(T,{scope:t,isOpenDelayedRef:s,delayDuration:r,onOpen:g.useCallback(()=>{window.clearTimeout(a.current),s.current=!1},[]),onClose:g.useCallback(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(()=>s.current=!0,o)},[o]),isPointerInTransitRef:c,onPointerInTransitChange:g.useCallback(e=>{c.current=e},[]),disableHoverableContent:n,children:i})};C.displayName=y;var j="Tooltip",[E,P]=h(j),R=e=>{const{__scopeTooltip:t,children:r,open:o,defaultOpen:n,onOpenChange:c,disableHoverableContent:a,delayDuration:l}=e,u=w(j,e.__scopeTooltip),d=v(t),[f,h]=g.useState(null),y=i.useId(),b=g.useRef(0),T=a??u.disableHoverableContent,C=l??u.delayDuration,P=g.useRef(!1),[R,_]=p.useControllableState({prop:o,defaultProp:n??!1,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(m))):u.onClose(),c?.(e)},caller:j}),k=g.useMemo(()=>R?P.current?"delayed-open":"instant-open":"closed",[R]),D=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,P.current=!1,_(!0)},[_]),O=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,_(!1)},[_]),L=g.useCallback(()=>{window.clearTimeout(b.current),b.current=window.setTimeout(()=>{P.current=!0,_(!0),b.current=0},C)},[C,_]);return g.useEffect(()=>()=>{b.current&&(window.clearTimeout(b.current),b.current=0)},[]),x.jsx(s.Root,{...d,children:x.jsx(E,{scope:t,contentId:y,open:R,stateAttribute:k,trigger:f,onTriggerChange:h,onTriggerEnter:g.useCallback(()=>{u.isOpenDelayedRef.current?L():D()},[u.isOpenDelayedRef,L,D]),onTriggerLeave:g.useCallback(()=>{T?O():(window.clearTimeout(b.current),b.current=0)},[O,T]),onOpen:D,onClose:O,disableHoverableContent:T,children:r})})};R.displayName=j;var _="TooltipTrigger",k=g.forwardRef((e,o)=>{const{__scopeTooltip:n,...i}=e,c=P(_,n),a=w(_,n),u=v(n),p=g.useRef(null),d=r.useComposedRefs(o,p,c.onTriggerChange),f=g.useRef(!1),h=g.useRef(!1),y=g.useCallback(()=>f.current=!1,[]);return g.useEffect(()=>()=>document.removeEventListener("pointerup",y),[y]),x.jsx(s.Anchor,{asChild:!0,...u,children:x.jsx(l.Primitive.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...i,ref:d,onPointerMove:t.composeEventHandlers(e.onPointerMove,e=>{"touch"!==e.pointerType&&(h.current||a.isPointerInTransitRef.current||(c.onTriggerEnter(),h.current=!0))}),onPointerLeave:t.composeEventHandlers(e.onPointerLeave,()=>{c.onTriggerLeave(),h.current=!1}),onPointerDown:t.composeEventHandlers(e.onPointerDown,()=>{c.open&&c.onClose(),f.current=!0,document.addEventListener("pointerup",y,{once:!0})}),onFocus:t.composeEventHandlers(e.onFocus,()=>{f.current||c.onOpen()}),onBlur:t.composeEventHandlers(e.onBlur,c.onClose),onClick:t.composeEventHandlers(e.onClick,c.onClose)})})});k.displayName=_;var D="TooltipPortal",[O,L]=h(D,{forceMount:void 0}),M=e=>{const{__scopeTooltip:t,forceMount:r,children:o,container:n}=e,i=P(D,t);return x.jsx(O,{scope:t,forceMount:r,children:x.jsx(a.Presence,{present:r||i.open,children:x.jsx(c.Portal,{asChild:!0,container:n,children:o})})})};M.displayName=D;var q="TooltipContent",H=g.forwardRef((e,t)=>{const r=L(q,e.__scopeTooltip),{forceMount:o=r.forceMount,side:n="top",...i}=e,s=P(q,e.__scopeTooltip);return x.jsx(a.Presence,{present:o||s.open,children:s.disableHoverableContent?x.jsx(B,{side:n,...i,ref:t}):x.jsx(I,{side:n,...i,ref:t})})}),I=g.forwardRef((e,t)=>{const o=P(q,e.__scopeTooltip),n=w(q,e.__scopeTooltip),i=g.useRef(null),s=r.useComposedRefs(t,i),[c,a]=g.useState(null),{trigger:l,onClose:u}=o,p=i.current,{onPointerInTransitChange:d}=n,f=g.useCallback(()=>{a(null),d(!1)},[d]),h=g.useCallback((e,t)=>{const r=e.currentTarget,o={x:e.clientX,y:e.clientY},n=function(e,t,r=5){const o=[];switch(t){case"top":o.push({x:e.x-r,y:e.y+r},{x:e.x+r,y:e.y+r});break;case"bottom":o.push({x:e.x-r,y:e.y-r},{x:e.x+r,y:e.y-r});break;case"left":o.push({x:e.x+r,y:e.y-r},{x:e.x+r,y:e.y+r});break;case"right":o.push({x:e.x-r,y:e.y-r},{x:e.x-r,y:e.y+r})}return o}(o,function(e,t){const r=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),n=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(r,o,n,i)){case i:return"left";case n:return"right";case r:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,r.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const r=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(r.y-o.y)>=(e.y-o.y)*(r.x-o.x)))break;t.pop()}t.push(r)}t.pop();const r=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;r.length>=2;){const e=r[r.length-1],o=r[r.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;r.pop()}r.push(t)}return r.pop(),1===t.length&&1===r.length&&t[0].x===r[0].x&&t[0].y===r[0].y?t:t.concat(r)}(t)}([...n,...function(e){const{top:t,right:r,bottom:o,left:n}=e;return[{x:n,y:t},{x:r,y:t},{x:r,y:o},{x:n,y:o}]}(t.getBoundingClientRect())]);a(i),d(!0)},[d]);return g.useEffect(()=>()=>f(),[f]),g.useEffect(()=>{if(l&&p){const e=e=>h(e,p),t=e=>h(e,l);return l.addEventListener("pointerleave",e),p.addEventListener("pointerleave",t),()=>{l.removeEventListener("pointerleave",e),p.removeEventListener("pointerleave",t)}}},[l,p,h,f]),g.useEffect(()=>{if(c){const e=e=>{const t=e.target,r={x:e.clientX,y:e.clientY},o=l?.contains(t)||p?.contains(t),n=!function(e,t){const{x:r,y:o}=e;let n=!1;for(let i=0,s=t.length-1;i<t.length;s=i++){const e=t[i],c=t[s],a=e.x,l=e.y,u=c.x,p=c.y;l>o!=p>o&&r<(u-a)*(o-l)/(p-l)+a&&(n=!n)}return n}(r,c);o?f():n&&(f(),u())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[l,p,c,u,f]),x.jsx(B,{...e,ref:s})}),[S,A]=h(j,{isInside:!1}),N=u.createSlottable("TooltipContent"),B=g.forwardRef((e,t)=>{const{__scopeTooltip:r,children:o,"aria-label":i,onEscapeKeyDown:c,onPointerDownOutside:a,...l}=e,u=P(q,r),p=v(r),{onClose:f}=u;return g.useEffect(()=>(document.addEventListener(m,f),()=>document.removeEventListener(m,f)),[f]),g.useEffect(()=>{if(u.trigger){const e=e=>{const t=e.target;t?.contains(u.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[u.trigger,f]),x.jsx(n.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:x.jsxs(s.Content,{"data-state":u.stateAttribute,...p,...l,ref:t,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[x.jsx(N,{children:o}),x.jsx(S,{scope:r,isInside:!0,children:x.jsx(d.Root,{id:u.contentId,role:"tooltip",children:i||o})})]})})});H.displayName=q;var F="TooltipArrow",K=g.forwardRef((e,t)=>{const{__scopeTooltip:r,...o}=e,n=v(r);return A(F,r).isInside?null:x.jsx(s.Arrow,{...n,...o,ref:t})});K.displayName=F;var X=C,Y=R,z=k,G=M,J=H,Q=K;exports.Arrow=Q,exports.Content=J,exports.Portal=G,exports.Provider=X,exports.Root=Y,exports.Tooltip=R,exports.TooltipArrow=K,exports.TooltipContent=H,exports.TooltipPortal=M,exports.TooltipProvider=C,exports.TooltipTrigger=k,exports.Trigger=z;
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-[var(--input-padding)] gap-[var(--input-inner-gap)]","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-[10px] leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.fieldContainerStyles="relative flex items-center w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",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/index70.js CHANGED
@@ -1,5 +1 @@
1
- import*as e from"react";import{composeEventHandlers as t}from"./index72.js";import{useComposedRefs as n}from"./index73.js";import{createContextScope as o}from"./index74.js";import{DismissableLayer as r}from"./index75.js";import{useId as i}from"./index76.js";import{Root as a,Anchor as s,Arrow as c,createPopperScope as l,Content as u}from"./index77.js";import{Portal as p}from"./index78.js";import{Presence as d}from"./index79.js";import{Primitive as f}from"./index80.js";import{createSlottable as h}from"./index81.js";import{useControllableState as m}from"./index82.js";import{Root as x}from"./index83.js";import{jsx as g,jsxs as y}from"react/jsx-runtime";var[v]=o("Tooltip",[l]),b=l(),w="TooltipProvider",C=700,T="tooltip.open",[E,R]=v(w),_=t=>{const{__scopeTooltip:n,delayDuration:o=C,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=t,s=e.useRef(!0),c=e.useRef(!1),l=e.useRef(0);return e.useEffect(()=>{const e=l.current;return()=>window.clearTimeout(e)},[]),/* @__PURE__ */g(E,{scope:n,isOpenDelayedRef:s,delayDuration:o,onOpen:e.useCallback(()=>{window.clearTimeout(l.current),s.current=!1},[]),onClose:e.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.current=!0,r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:e.useCallback(e=>{c.current=e},[]),disableHoverableContent:i,children:a})};_.displayName=w;var k="Tooltip",[D,P]=v(k),L=t=>{const{__scopeTooltip:n,children:o,open:r,defaultOpen:s,onOpenChange:c,disableHoverableContent:l,delayDuration:u}=t,p=R(k,t.__scopeTooltip),d=b(n),[f,h]=e.useState(null),x=i(),y=e.useRef(0),v=l??p.disableHoverableContent,w=u??p.delayDuration,C=e.useRef(!1),[E,_]=m({prop:r,defaultProp:s??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(T))):p.onClose(),c?.(e)},caller:k}),P=e.useMemo(()=>E?C.current?"delayed-open":"instant-open":"closed",[E]),L=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,C.current=!1,_(!0)},[_]),j=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,_(!1)},[_]),M=e.useCallback(()=>{window.clearTimeout(y.current),y.current=window.setTimeout(()=>{C.current=!0,_(!0),y.current=0},w)},[w,_]);return e.useEffect(()=>()=>{y.current&&(window.clearTimeout(y.current),y.current=0)},[]),/* @__PURE__ */g(a,{...d,children:/* @__PURE__ */g(D,{scope:n,contentId:x,open:E,stateAttribute:P,trigger:f,onTriggerChange:h,onTriggerEnter:e.useCallback(()=>{p.isOpenDelayedRef.current?M():L()},[p.isOpenDelayedRef,M,L]),onTriggerLeave:e.useCallback(()=>{v?j():(window.clearTimeout(y.current),y.current=0)},[j,v]),onOpen:L,onClose:j,disableHoverableContent:v,children:o})})};L.displayName=k;var j="TooltipTrigger",M=e.forwardRef((o,r)=>{const{__scopeTooltip:i,...a}=o,c=P(j,i),l=R(j,i),u=b(i),p=e.useRef(null),d=n(r,p,c.onTriggerChange),h=e.useRef(!1),m=e.useRef(!1),x=e.useCallback(()=>h.current=!1,[]);return e.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),/* @__PURE__ */g(s,{asChild:!0,...u,children:/* @__PURE__ */g(f.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...a,ref:d,onPointerMove:t(o.onPointerMove,e=>{"touch"!==e.pointerType&&(m.current||l.isPointerInTransitRef.current||(c.onTriggerEnter(),m.current=!0))}),onPointerLeave:t(o.onPointerLeave,()=>{c.onTriggerLeave(),m.current=!1}),onPointerDown:t(o.onPointerDown,()=>{c.open&&c.onClose(),h.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:t(o.onFocus,()=>{h.current||c.onOpen()}),onBlur:t(o.onBlur,c.onClose),onClick:t(o.onClick,c.onClose)})})});M.displayName=j;var O="TooltipPortal",[I,H]=v(O,{forceMount:void 0}),N=e=>{const{__scopeTooltip:t,forceMount:n,children:o,container:r}=e,i=P(O,t);/* @__PURE__ */
2
- return g(I,{scope:t,forceMount:n,children:/* @__PURE__ */g(d,{present:n||i.open,children:/* @__PURE__ */g(p,{asChild:!0,container:r,children:o})})})};N.displayName=O;var A="TooltipContent",B=e.forwardRef((e,t)=>{const n=H(A,e.__scopeTooltip),{forceMount:o=n.forceMount,side:r="top",...i}=e,a=P(A,e.__scopeTooltip);/* @__PURE__ */
3
- return g(d,{present:o||a.open,children:a.disableHoverableContent?/* @__PURE__ */g(Y,{side:r,...i,ref:t}):/* @__PURE__ */g(F,{side:r,...i,ref:t})})}),F=e.forwardRef((t,o)=>{const r=P(A,t.__scopeTooltip),i=R(A,t.__scopeTooltip),a=e.useRef(null),s=n(o,a),[c,l]=e.useState(null),{trigger:u,onClose:p}=r,d=a.current,{onPointerInTransitChange:f}=i,h=e.useCallback(()=>{l(null),f(!1)},[f]),m=e.useCallback((e,t)=>{const n=e.currentTarget,o={x:e.clientX,y:e.clientY},r=function(e,t,n=5){const o=[];switch(t){case"top":o.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":o.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":o.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":o.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n})}return o}(o,function(e,t){const n=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),r=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(n,o,r,i)){case i:return"left";case r:return"right";case n:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,n.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const n=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(n.y-o.y)>=(e.y-o.y)*(n.x-o.x)))break;t.pop()}t.push(n)}t.pop();const n=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;n.length>=2;){const e=n[n.length-1],o=n[n.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;n.pop()}n.push(t)}return n.pop(),1===t.length&&1===n.length&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}(t)}([...r,...function(e){const{top:t,right:n,bottom:o,left:r}=e;return[{x:r,y:t},{x:n,y:t},{x:n,y:o},{x:r,y:o}]}(t.getBoundingClientRect())]);l(i),f(!0)},[f]);return e.useEffect(()=>()=>h(),[h]),e.useEffect(()=>{if(u&&d){const e=e=>m(e,d),t=e=>m(e,u);return u.addEventListener("pointerleave",e),d.addEventListener("pointerleave",t),()=>{u.removeEventListener("pointerleave",e),d.removeEventListener("pointerleave",t)}}},[u,d,m,h]),e.useEffect(()=>{if(c){const e=e=>{const t=e.target,n={x:e.clientX,y:e.clientY},o=u?.contains(t)||d?.contains(t),r=!function(e,t){const{x:n,y:o}=e;let r=!1;for(let i=0,a=t.length-1;i<t.length;a=i++){const e=t[i],s=t[a],c=e.x,l=e.y,u=s.x,p=s.y;l>o!=p>o&&n<(u-c)*(o-l)/(p-l)+c&&(r=!r)}return r}(n,c);o?h():r&&(h(),p())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[u,d,c,p,h]),/* @__PURE__ */g(Y,{...t,ref:s})}),[K,S]=v(k,{isInside:!1}),X=h("TooltipContent"),Y=e.forwardRef((t,n)=>{const{__scopeTooltip:o,children:i,"aria-label":a,onEscapeKeyDown:s,onPointerDownOutside:c,...l}=t,p=P(A,o),d=b(o),{onClose:f}=p;return e.useEffect(()=>(document.addEventListener(T,f),()=>document.removeEventListener(T,f)),[f]),e.useEffect(()=>{if(p.trigger){const e=e=>{const t=e.target;t?.contains(p.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[p.trigger,f]),/* @__PURE__ */g(r,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:/* @__PURE__ */y(u,{"data-state":p.stateAttribute,...d,...l,ref:n,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[
4
- /* @__PURE__ */g(X,{children:i}),
5
- /* @__PURE__ */g(K,{scope:o,isInside:!0,children:/* @__PURE__ */g(x,{id:p.contentId,role:"tooltip",children:a||i})})]})})});B.displayName=A;var q="TooltipArrow",z=e.forwardRef((e,t)=>{const{__scopeTooltip:n,...o}=e,r=b(n);return S(q,n).isInside?null:/* @__PURE__ */g(c,{...r,...o,ref:t})});z.displayName=q;var G=_,J=L,Q=M,U=N,V=B,W=z;export{W as Arrow,V as Content,U as Portal,G as Provider,J as Root,L as Tooltip,z as TooltipArrow,B as TooltipContent,N as TooltipPortal,_ as TooltipProvider,M as TooltipTrigger,Q as Trigger};
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(" "),a="relative flex items-center w-full",l=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[var(--input-padding)] gap-[var(--input-inner-gap)]","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)]",i="pe-12",s=["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)] ps-3.5 pt-1.5",u="text-[10px] leading-none text-[var(--color-error)] ps-3.5 pt-1.5";export{u as errorStyles,a as fieldContainerStyles,d as helperStyles,l as inputBaseStyles,c as inputErrorStyles,i as inputWithToggleStyles,o as labelRowStyles,r as labelStyles,s as toggleStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
package/dist/index71.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-[var(--input-padding)] gap-[var(--input-inner-gap)]","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-[10px] leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.fieldContainerStyles="relative flex items-center w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",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"}),exports.debounce=function(e,t){let l=null;const n=function(...n){l&&clearTimeout(l);const o=this;l=setTimeout(()=>{e.apply(o,n),l=null},t)};return n.cancel=()=>{l&&(clearTimeout(l),l=null)},n};
package/dist/index71.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(" "),a="relative flex items-center w-full",l=["flex items-center self-stretch w-full","h-[var(--input-height)] p-[var(--input-padding)] gap-[var(--input-inner-gap)]","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)]",i="pe-12",s=["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)] ps-3.5 pt-1.5",u="text-[10px] leading-none text-[var(--color-error)] ps-3.5 pt-1.5";export{u as errorStyles,a as fieldContainerStyles,d as helperStyles,l as inputBaseStyles,c as inputErrorStyles,i as inputWithToggleStyles,o as labelRowStyles,r as labelStyles,s as toggleStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
1
+ function t(t,l){let n=null;const e=function(...e){n&&clearTimeout(n);const u=this;n=setTimeout(()=>{t.apply(u,e),n=null},l)};return e.cancel=()=>{n&&(clearTimeout(n),n=null)},e}export{t as debounce};
@@ -17,7 +17,7 @@ import { StepperProps } from './Stepper.types';
17
17
  * { id: '3', label: 'Done' },
18
18
  * ];
19
19
  *
20
- * const [currentStep, setCurrentStep] = useState(0);
20
+ * const [currentStep, setCurrentStep] = useState(1); // First step is 1
21
21
  *
22
22
  * <Stepper
23
23
  * steps={steps}
@@ -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;AA8JvF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,OAAO,yGAuEnB,CAAC;AAIF,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,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;AAmKvF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,OAAO,yGA4EnB,CAAC;AAIF,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}
@@ -20,4 +20,5 @@ export declare const stepLabelCompletedStyles: string;
20
20
  export declare const connectorContainerStyles: string;
21
21
  export declare const connectorLineStyles: string;
22
22
  export declare const connectorInactiveStyles: string;
23
+ export declare const connectorActiveStyles: string;
23
24
  //# sourceMappingURL=Stepper.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAKzB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAUtB,CAAC;AAGZ,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAKvB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAI1B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,QAM/B,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,yBAAyB,QAI3B,CAAC;AAGZ,eAAO,MAAM,mBAAmB,QAOrB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAGrB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAGzB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAGzB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAG1B,CAAC;AAGZ,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAIrB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAEzB,CAAC"}
1
+ {"version":3,"file":"Stepper.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/stepper/Stepper.styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,eAAe,QAE3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAKzB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAUtB,CAAC;AAGZ,eAAO,MAAM,oBAAoB,QAItB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAKvB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAI1B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,QAM/B,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,yBAAyB,QAI3B,CAAC;AAGZ,eAAO,MAAM,mBAAmB,QAOrB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAGrB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAGzB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAGzB,CAAC;AAEZ,eAAO,MAAM,wBAAwB,QAG1B,CAAC;AAGZ,eAAO,MAAM,wBAAwB,QAK1B,CAAC;AAEZ,eAAO,MAAM,mBAAmB,QAIrB,CAAC;AAEZ,eAAO,MAAM,uBAAuB,QAEzB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAEvB,CAAC"}
@@ -13,10 +13,10 @@ export interface Step {
13
13
  export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
14
14
  /** Array of steps to display */
15
15
  steps: Step[];
16
- /** Current active step index (0-based) */
16
+ /** Current active step number (1-based: first step is 1) */
17
17
  currentStep: number;
18
- /** Callback when a step is clicked */
19
- onChange?: (stepIndex: number) => void;
18
+ /** Callback when a step is clicked (receives 1-based step number) */
19
+ onChange?: (stepNumber: number) => void;
20
20
  /** Allow clicking on any step to navigate forward or backward (default: true) */
21
21
  allowStepNavigation?: boolean;
22
22
  /** Show connector lines between steps */
@@ -47,6 +47,8 @@ export interface StepItemProps {
47
47
  'data-testid'?: string;
48
48
  }
49
49
  export interface StepConnectorProps {
50
+ /** Whether this connector connects completed steps */
51
+ isCompleted?: boolean;
50
52
  /** Custom data-cy attribute */
51
53
  'data-cy'?: string;
52
54
  /** Custom data-testid attribute */
@@ -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,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpF,gCAAgC;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yCAAyC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
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,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACpF,gCAAgC;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yCAAyC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adam-milo/ui",
3
- "version": "1.0.44",
3
+ "version": "1.0.47",
4
4
  "type": "module",
5
5
  "description": "Adam Milo Design System - UI Component Library",
6
6
  "keywords": [