welcome-ui 7.0.1 → 7.1.1
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/{CustomInput-Cewo45Hd.mjs → CustomInput-BqaOGHm4.mjs} +1 -1
- package/dist/DatePicker.mjs +1 -1
- package/dist/DateTimePicker.mjs +1 -1
- package/dist/DateTimePickerCommon.mjs +1 -1
- package/dist/Search.mjs +1 -1
- package/dist/Select.mjs +1 -1
- package/dist/TimePicker.mjs +1 -1
- package/dist/{downshift.esm-BOfUfcgd.mjs → downshift.esm-CEHW4VDy.mjs} +1 -1
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/utils.mjs +16 -14
- package/package.json +6 -6
- package/dist/AXB53BZF-KWM2jKTz.js +0 -1
- package/dist/Accordion.js +0 -75
- package/dist/Alert.js +0 -37
- package/dist/AspectRatio.js +0 -29
- package/dist/Avatar.js +0 -5
- package/dist/BYC7LY2E-BkAEL2VD.js +0 -1
- package/dist/Badge.js +0 -17
- package/dist/Box.js +0 -1
- package/dist/Breadcrumb.js +0 -54
- package/dist/Button.js +0 -78
- package/dist/ButtonGroup.js +0 -32
- package/dist/Card.js +0 -17
- package/dist/Checkbox.js +0 -1
- package/dist/ClearButton.js +0 -14
- package/dist/CloseButton.js +0 -6
- package/dist/CustomInput-DVH2rh9-.js +0 -1070
- package/dist/DatePicker.js +0 -1
- package/dist/DateTimePicker.js +0 -38
- package/dist/DateTimePickerCommon.js +0 -1
- package/dist/Drawer.js +0 -64
- package/dist/DropdownMenu.js +0 -45
- package/dist/Field.js +0 -72
- package/dist/FieldGroup.js +0 -13
- package/dist/FileDrop.js +0 -46
- package/dist/FileUpload.js +0 -3
- package/dist/Files.js +0 -1
- package/dist/Flex.js +0 -1
- package/dist/Grid.js +0 -1
- package/dist/Hint.js +0 -8
- package/dist/ITI7HKP4-BPa8qpnl.js +0 -1
- package/dist/Icon.js +0 -17
- package/dist/Icons.js +0 -40
- package/dist/IconsFont.js +0 -17
- package/dist/InputText.js +0 -8
- package/dist/JC64G2H7-YkBMNrtl.js +0 -1
- package/dist/KUU7WJ55-DN8gk6_R.js +0 -1
- package/dist/LVA2YJMS-B2HZjIhJ.js +0 -14
- package/dist/Label.js +0 -35
- package/dist/Link.js +0 -43
- package/dist/Loader.js +0 -30
- package/dist/Logo.js +0 -3
- package/dist/MTZPJQMC-5Xg78Uyy.js +0 -1
- package/dist/Modal.js +0 -181
- package/dist/NLEBE274-DvH3XTTw.js +0 -1
- package/dist/P2CTZE2T-q8vyaGc0.js +0 -1
- package/dist/P4IRICAX-nhgZ26A1.js +0 -1
- package/dist/Pagination.js +0 -46
- package/dist/PasswordInput.js +0 -1
- package/dist/Picker.js +0 -8
- package/dist/Popover.js +0 -31
- package/dist/QYJ6MIDR-CRK3satR.js +0 -1
- package/dist/Radio.js +0 -60
- package/dist/RadioGroup.js +0 -8
- package/dist/RadioTab.js +0 -61
- package/dist/SYRFVSLH-BpAfr7UE.js +0 -1
- package/dist/Search.js +0 -70
- package/dist/Select.js +0 -122
- package/dist/Shape.js +0 -23
- package/dist/Slider.js +0 -190
- package/dist/Stack.js +0 -1
- package/dist/Swiper.js +0 -141
- package/dist/System.js +0 -1
- package/dist/Table.js +0 -55
- package/dist/Tabs.js +0 -82
- package/dist/Tag.js +0 -78
- package/dist/Text.js +0 -46
- package/dist/Textarea.js +0 -6
- package/dist/TimePicker.js +0 -4
- package/dist/Toast.js +0 -42
- package/dist/Toggle.js +0 -75
- package/dist/Tooltip.js +0 -68
- package/dist/UniversalLink.js +0 -4
- package/dist/VEVQD5MH-mN1wMozH.js +0 -1
- package/dist/VGCJ63VH-BNLwLOaC.js +0 -1
- package/dist/VariantIcon.js +0 -8
- package/dist/WelcomeLoader.js +0 -11
- package/dist/WuiProvider.js +0 -407
- package/dist/X5NMLKT6-BzhcQu_I.js +0 -1
- package/dist/YV4JVR4I-DIthYWMj.js +0 -15
- package/dist/_commonjsHelpers-DvH0V_XJ.js +0 -1
- package/dist/create-event-YSlay9Ef.js +0 -1
- package/dist/downshift.esm-dvOEflhK.js +0 -1
- package/dist/field-styles-DYEc1l_A.js +0 -63
- package/dist/format-bytes-drUpnBnQ.js +0 -1
- package/dist/get-max-width-height-CDLBnp_J.js +0 -1
- package/dist/hex-to-rgba-cCYXRc5D.js +0 -1
- package/dist/hide-focus-rings-root-DGU4Klq5.js +0 -5
- package/dist/index-23RJrN0D.js +0 -1
- package/dist/index-BAD1dszB.js +0 -1
- package/dist/index-BHi0wohR.js +0 -142
- package/dist/index-BJzGkA7x.js +0 -1
- package/dist/index-BLom3M2B.js +0 -2
- package/dist/index-BNwz4P5j.js +0 -1
- package/dist/index-BPeIa2mR.js +0 -1
- package/dist/index-C1FV1q-F.js +0 -1
- package/dist/index-CxDKPhvU.js +0 -1
- package/dist/index-D6MJAN7T.js +0 -1
- package/dist/index-DTx8atxB.js +0 -1
- package/dist/index-Db47iJVz.js +0 -1
- package/dist/index-Dn-QEAu6.js +0 -56
- package/dist/index-_wqLxu7x.js +0 -1
- package/dist/overflow-ellipsis-C2ESrF8C.js +0 -5
- package/dist/radio-group-BpImAAmy.js +0 -1
- package/dist/theme.js +0 -18
- package/dist/throttle-BB1Y3bfD.js +0 -1
- package/dist/use-fork-ref-Bjf1e56Z.js +0 -1
- package/dist/use-isomorphic-layout-effect-C1_Gy5Nu.js +0 -1
- package/dist/use-viewport-BDDjd1nl.js +0 -1
- package/dist/utils.js +0 -1
- package/dist/wrap-children-BLDjJiiy.js +0 -1
package/dist/Toast.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=require("@xstyled/styled-components"),O=require("./index-BHi0wohR.js"),w=require("./Box.js"),A=require("./Alert.js"),B=require("./CloseButton.js"),C=require("./System.js"),q=require("./Button.js");var M=t=>typeof t=="function",$=(t,e)=>M(t)?t(e):t,N=(()=>{let t=0;return()=>(++t).toString()})(),R=20,x=new Map,G=1e3,P=t=>{if(x.has(t))return;let e=setTimeout(()=>{x.delete(t),h({type:4,toastId:t})},G);x.set(t,e)},z=t=>{let e=x.get(t);e&&clearTimeout(e)},T=(t,e)=>{switch(e.type){case 0:return{...t,toasts:[e.toast,...t.toasts].slice(0,R)};case 1:return e.toast.id&&z(e.toast.id),{...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case 2:let{toast:s}=e;return t.toasts.find(o=>o.id===s.id)?T(t,{type:1,toast:s}):T(t,{type:0,toast:s});case 3:let{toastId:n}=e;return n?P(n):t.toasts.forEach(o=>{P(o.id)}),{...t,toasts:t.toasts.map(o=>o.id===n||n===void 0?{...o,visible:!1}:o)};case 4:return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)};case 5:return{...t,pausedAt:e.time};case 6:let r=e.time-(t.pausedAt||0);return{...t,pausedAt:void 0,toasts:t.toasts.map(o=>({...o,pauseDuration:o.pauseDuration+r}))}}},E=[],k={toasts:[],pausedAt:void 0},h=t=>{k=T(k,t),E.forEach(e=>{e(k)})},H={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},L=(t={})=>{let[e,s]=a.useState(k);a.useEffect(()=>(E.push(s),()=>{let r=E.indexOf(s);r>-1&&E.splice(r,1)}),[e]);let n=e.toasts.map(r=>{var o,u;return{...t,...t[r.type],...r,duration:r.duration||((o=t[r.type])==null?void 0:o.duration)||(t==null?void 0:t.duration)||H[r.type],style:{...t.style,...(u=t[r.type])==null?void 0:u.style,...r.style}}});return{...e,toasts:n}},W=(t,e="blank",s)=>({createdAt:Date.now(),visible:!0,type:e,ariaProps:{role:"status","aria-live":"polite"},message:t,pauseDuration:0,...s,id:(s==null?void 0:s.id)||N()}),v=t=>(e,s)=>{let n=W(e,t,s);return h({type:2,toast:n}),n.id},c=(t,e)=>v("blank")(t,e);c.error=v("error");c.success=v("success");c.loading=v("loading");c.custom=v("custom");c.dismiss=t=>{h({type:3,toastId:t})};c.remove=t=>h({type:4,toastId:t});c.promise=(t,e,s)=>{let n=c.loading(e.loading,{...s,...s==null?void 0:s.loading});return t.then(r=>(c.success($(e.success,r),{id:n,...s,...s==null?void 0:s.success}),r)).catch(r=>{c.error($(e.error,r),{id:n,...s,...s==null?void 0:s.error})}),t};var Y=(t,e)=>{h({type:1,toast:{id:t,height:e}})},_=()=>{h({type:5,time:Date.now()})},j=t=>{let{toasts:e,pausedAt:s}=L(t);a.useEffect(()=>{if(s)return;let o=Date.now(),u=e.map(i=>{if(i.duration===1/0)return;let f=(i.duration||0)+i.pauseDuration-(o-i.createdAt);if(f<0){i.visible&&c.dismiss(i.id);return}return setTimeout(()=>c.dismiss(i.id),f)});return()=>{u.forEach(i=>i&&clearTimeout(i))}},[e,s]);let n=a.useCallback(()=>{s&&h({type:6,time:Date.now()})},[s]),r=a.useCallback((o,u)=>{let{reverseOrder:i=!1,gutter:f=8,defaultPosition:p}=u||{},m=e.filter(d=>(d.position||p)===(o.position||p)&&d.height),g=m.findIndex(d=>d.id===o.id),y=m.filter((d,b)=>b<g&&d.visible).length;return m.filter(d=>d.visible).slice(...i?[y+1]:[0,y]).reduce((d,b)=>d+(b.height||0)+f,0)},[e]);return{toasts:e,handlers:{updateHeight:Y,startPause:_,endPause:n,calculateOffset:r}}},S=c;function U(t=!1){const[e,s]=a.useState(!1);return a.useEffect(()=>{s(!0)},[]),a.useMemo(()=>t?n=>n:e?(n,r,o)=>O.reactDomExports.createPortal(n,r||document.body,o):()=>null,[t,e])}const F=l(w.Box)(({isBottom:t})=>l.css`
|
|
2
|
-
${l.th("toasts.default")}
|
|
3
|
-
${t?l.th("toasts.bottom"):l.th("toasts.top")}
|
|
4
|
-
|
|
5
|
-
position: fixed;
|
|
6
|
-
z-index: 9999;
|
|
7
|
-
transition: all 400ms ease-out;
|
|
8
|
-
`),J=l(A.Alert)(()=>l.css`
|
|
9
|
-
position: relative;
|
|
10
|
-
padding: lg;
|
|
11
|
-
${l.th("toasts.growls.default")};
|
|
12
|
-
|
|
13
|
-
div:first-of-type {
|
|
14
|
-
align-self: baseline;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
button {
|
|
18
|
-
flex-shrink: 0;
|
|
19
|
-
}
|
|
20
|
-
`),K=l(w.Box)(()=>l.css`
|
|
21
|
-
display: flex;
|
|
22
|
-
align-items: center;
|
|
23
|
-
padding-bottom: xs;
|
|
24
|
-
${l.th("toasts.growls.title")};
|
|
25
|
-
|
|
26
|
-
& > *:first-child {
|
|
27
|
-
flex-shrink: 0;
|
|
28
|
-
}
|
|
29
|
-
`),Q=l(A.Alert)`
|
|
30
|
-
display: flex;
|
|
31
|
-
align-items: center;
|
|
32
|
-
padding: sm md;
|
|
33
|
-
${l.th("toasts.snackbar.default")};
|
|
34
|
-
|
|
35
|
-
> div {
|
|
36
|
-
align-self: center !important;
|
|
37
|
-
}
|
|
38
|
-
`,V=l.box(({variant:t})=>l.css`
|
|
39
|
-
${l.th("toasts.snackbar.separator.default")};
|
|
40
|
-
${l.th(`toasts.snackbar.separator.${t}`)};
|
|
41
|
-
padding-left: sm;
|
|
42
|
-
`),X={"top-left":{top:0,left:0},"top-center":{top:0,left:"50%"},"top-right":{top:0,right:0},"bottom-left":{bottom:0,left:0},"bottom-center":{bottom:0,left:"50%"},"bottom-right":{bottom:0,right:0}},Z=({calculateOffset:t,toast:e,updateHeight:s})=>{var m,g,y;if(typeof e.message=="string")return console.warn("You must pass a React component or a HTML element."),null;const n=t(e,{reverseOrder:!1,gutter:0}),r=d=>{if(d&&typeof e.height!="number"){const b=d.getBoundingClientRect().height;s(e.id,b)}},o=(m=e.position)==null?void 0:m.includes("center"),u=(g=e.position)==null?void 0:g.includes("top"),i=(y=e.position)==null?void 0:y.includes("bottom"),f=()=>{e.onClose&&e.onClose(),S.dismiss(e.id)},p={opacity:e.visible?1:0,transform:`translate(${o?"-50%":"0"}, ${n*(u?1:-1)}px)`,...X[e.position]};return a.createElement(F,{isBottom:i,opacity:p.opacity,ref:r,style:p,transform:p.transform,...e.ariaProps},a.cloneElement(e.message,{onClose:f}))},D=C.forwardRef(({children:t,dataTestId:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default"},u)=>{const i=e?`${e}-close-button`:void 0;return a.createElement(J,{"data-testid":e,hasCloseButton:s,icon:n,ref:u,variant:o},s&&a.createElement(B.CloseButton,{dataTestId:i,onClick:r,position:"absolute",right:"sm",top:"sm"}),a.createElement(w.Box,{pr:"xl"},t))});D.displayName="Growl";const I=C.forwardRef(({children:t,cta:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default",...u},i)=>a.createElement(Q,{icon:n,ref:i,variant:o,...u},a.createElement(w.Box,{alignItems:"center",display:"flex",gap:"sm"},t,e&&a.createElement(V,{variant:o},e),s&&a.createElement(B.CloseButton,{onClick:r,size:"xs"})))),tt=C.forwardRef((t,e)=>a.createElement(q.Button,{flexShrink:0,ref:e,size:"xs",variant:"ghost",...t}));I.displayName="Snackbar";const et=({pauseOnHover:t=!0})=>{const e=a.useContext(l.ThemeContext),s=U(),{handlers:n,toasts:r}=j(),{calculateOffset:o,endPause:u,startPause:i,updateHeight:f}=n,p=t?i:void 0,m=t?u:void 0;return a.createElement(l.ThemeProvider,{theme:e},r.length>0&&s(a.createElement("div",{"data-wui-persistent":!0,onMouseEnter:p,onMouseLeave:m},r.map(g=>a.createElement(Z,{calculateOffset:o,key:g.id,toast:g,updateHeight:f})))))},st=({children:t,...e})=>a.createElement(K,{...e},t),ot=(t,e)=>{var o,u;const r={duration:7e3,position:(typeof t=="string"?void 0:((o=t==null?void 0:t.type)==null?void 0:o.displayName)||((u=t==null?void 0:t.type)==null?void 0:u.name))==="Growl"?"top-right":"bottom-center",...e};return S(t,r)},rt=t=>{S.remove(t)},nt=t=>{S.dismiss(t)},at={Title:st,Growl:D,Snackbar:I,SnackbarAction:tt};exports.Notifications=et;exports.Toast=at;exports.dismiss=nt;exports.remove=rt;exports.toast=ot;
|
package/dist/Toggle.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("@xstyled/styled-components"),s=require("./System.js"),a=require("./index-Dn-QEAu6.js"),p=t(a.Checkbox).withConfig({shouldForwardProp:s.shouldForwardProp})(({order:o="-1",size:e})=>t.css`
|
|
2
|
-
${t.th("toggles.item.default")};
|
|
3
|
-
${t.th(`toggles.item.sizes.${e}`)};
|
|
4
|
-
position: relative;
|
|
5
|
-
display: block;
|
|
6
|
-
appearance: none;
|
|
7
|
-
outline: none !important; /* important for firefox */
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
transition: medium;
|
|
10
|
-
order: ${o};
|
|
11
|
-
|
|
12
|
-
&::after {
|
|
13
|
-
${t.th("toggles.after.default")};
|
|
14
|
-
${t.th(`toggles.after.sizes.${e}`)};
|
|
15
|
-
content: '';
|
|
16
|
-
top: 0;
|
|
17
|
-
bottom: 0;
|
|
18
|
-
left: 2;
|
|
19
|
-
position: absolute;
|
|
20
|
-
margin: auto;
|
|
21
|
-
transition: medium;
|
|
22
|
-
z-index: 1;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&:disabled {
|
|
26
|
-
${t.th("toggles.item.disabled")};
|
|
27
|
-
cursor: not-allowed;
|
|
28
|
-
|
|
29
|
-
&::after {
|
|
30
|
-
${t.th("toggles.after.disabled")};
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&:checked {
|
|
35
|
-
&::after {
|
|
36
|
-
/* border + left padding + right padding */
|
|
37
|
-
transform: translateX(calc(${t.th(`toggles.item.sizes.${e}.width`)} - 100% - 0.3rem));
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&:not(:disabled) {
|
|
41
|
-
${t.th("toggles.item.checked")};
|
|
42
|
-
|
|
43
|
-
&::after {
|
|
44
|
-
${t.th("toggles.after.checked")};
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
${t.system};
|
|
50
|
-
`),m=t.box`
|
|
51
|
-
position: relative;
|
|
52
|
-
display: inline-block;
|
|
53
|
-
cursor: pointer;
|
|
54
|
-
`,$=t.box.withConfig({shouldForwardProp:s.shouldForwardProp})(({checked:o,size:e})=>t.css`
|
|
55
|
-
position: absolute;
|
|
56
|
-
z-index: 1;
|
|
57
|
-
display: flex;
|
|
58
|
-
align-items: center;
|
|
59
|
-
height: ${t.th(`toggles.item.sizes.${e}.height`)};
|
|
60
|
-
bottom: 0;
|
|
61
|
-
|
|
62
|
-
> svg,
|
|
63
|
-
i {
|
|
64
|
-
${t.th(`toggles.icon.sizes.${e}`)}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
${o&&t.css`
|
|
68
|
-
left: ${t.th(`toggles.icon.position.${e}.left`)};
|
|
69
|
-
color: neutral-90;
|
|
70
|
-
`}
|
|
71
|
-
|
|
72
|
-
${!o&&t.css`
|
|
73
|
-
right: ${t.th(`toggles.icon.position.${e}.right`)};
|
|
74
|
-
`}
|
|
75
|
-
`),g=s.forwardRef(({checked:o,checkedIcon:e,onClick:i,size:l="xs",uncheckedIcon:n,...d},c)=>{const h=e&&n;return r.createElement(m,{onClick:i},h&&r.createElement($,{checked:o,onClick:i,size:l},o?e:n),r.createElement(a.Checkbox$1,{...d,Component:p,checked:o,ref:c,size:l}))});g.displayName="Toggle";exports.Toggle=g;
|
package/dist/Tooltip.js
DELETED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@xstyled/styled-components"),F=require("./Box.js"),I=require("./System.js"),T=require("./BYC7LY2E-BkAEL2VD.js"),S=require("./YV4JVR4I-DIthYWMj.js"),r=require("./LVA2YJMS-B2HZjIhJ.js"),q=require("./JC64G2H7-YkBMNrtl.js");function N(e={}){var n;process.env.NODE_ENV!=="production"&&e.type==="label"&&console.warn("The `type` option on the tooltip store is deprecated.","Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.","See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names");const o=(n=e.store)==null?void 0:n.getState(),t=T.createHovercardStore(r.__spreadProps$1(r.__spreadValues$1({},e),{placement:r.defaultValue(e.placement,o==null?void 0:o.placement,"top"),hideTimeout:r.defaultValue(e.hideTimeout,o==null?void 0:o.hideTimeout,0)})),m=r.__spreadProps$1(r.__spreadValues$1({},t.getState()),{type:r.defaultValue(e.type,o==null?void 0:o.type,"description"),skipTimeout:r.defaultValue(e.skipTimeout,o==null?void 0:o.skipTimeout,300)}),a=S.createStore(m,t,e.store);return r.__spreadValues$1(r.__spreadValues$1({},t),a)}function M(e,n,o){return S.useStoreProps(e,o,"type"),S.useStoreProps(e,o,"skipTimeout"),T.useHovercardStoreProps(e,n,o)}function j(e={}){const[n,o]=S.useStore(N,e);return M(n,o,e)}var R=r.createStoreContext([T.HovercardContextProvider],[T.HovercardScopedContextProvider]),O=R.useProviderContext,D=R.ScopedContextProvider,Y="div",L=r.createHook(function(n){var o=n,{store:t,portal:m=!0,gutter:a=8,preserveTabOrder:x=!1,hideOnHoverOutside:v=!0,hideOnInteractOutside:f=!0}=o,c=r.__objRest(o,["store","portal","gutter","preserveTabOrder","hideOnHoverOutside","hideOnInteractOutside"]);const b=O();t=t||b,r.invariant(t,process.env.NODE_ENV!=="production"&&"Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."),c=r.useWrapElement(c,u=>r.jsxRuntimeExports.jsx(D,{value:t,children:u}),[t]);const g=t.useState(u=>u.type==="description"?"tooltip":"none");return c=r.__spreadValues({role:g},c),c=T.useHovercard(r.__spreadProps(r.__spreadValues({},c),{store:t,portal:m,gutter:a,preserveTabOrder:x,hideOnHoverOutside(u){if(r.isFalsyBooleanCallback(v,u))return!1;const d=t==null?void 0:t.getState().anchorElement;return d?!("focusVisible"in d.dataset):!0},hideOnInteractOutside:u=>{if(r.isFalsyBooleanCallback(f,u))return!1;const d=t==null?void 0:t.getState().anchorElement;return d?!r.contains(d,u.target):!0}})),c}),z=q.createDialogComponent(r.forwardRef2(function(n){const o=L(n);return r.createElement(Y,o)}),O),J="div",h=S.createStore({activeStore:null});function C(e){return()=>{const{activeStore:n}=h.getState();n===e&&h.setState("activeStore",null)}}var G=r.createHook(function(n){var o=n,{store:t,showOnHover:m=!0}=o,a=r.__objRest(o,["store","showOnHover"]);const x=O();t=t||x,r.invariant(t,process.env.NODE_ENV!=="production"&&"TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component.");const v=l.useRef(!1);l.useEffect(()=>S.sync(t,["mounted"],s=>{s.mounted||(v.current=!1)}),[t]),l.useEffect(()=>{if(t)return r.chain(C(t),S.sync(t,["mounted","skipTimeout"],s=>{if(!t)return;if(s.mounted){const{activeStore:E}=h.getState();return E!==t&&(E==null||E.hide()),h.setState("activeStore",t)}const p=setTimeout(C(t),s.skipTimeout);return()=>clearTimeout(p)}))},[t]);const f=a.onMouseEnter,c=r.useEvent(s=>{f==null||f(s),v.current=!0}),b=a.onFocusVisible,g=r.useEvent(s=>{b==null||b(s),!s.defaultPrevented&&(t==null||t.setAnchorElement(s.currentTarget),t==null||t.show())}),u=a.onBlur,d=r.useEvent(s=>{if(u==null||u(s),s.defaultPrevented)return;const{activeStore:p}=h.getState();v.current=!1,p===t&&h.setState("activeStore",null)}),$=t.useState("type"),P=t.useState(s=>{var p;return(p=s.contentElement)==null?void 0:p.id});return a=r.__spreadProps(r.__spreadValues({"aria-labelledby":$==="label"?P:void 0},a),{onMouseEnter:c,onFocusVisible:g,onBlur:d}),a=T.useHovercardAnchor(r.__spreadValues({store:t,showOnHover(s){if(!v.current||r.isFalsyBooleanCallback(m,s))return!1;const{activeStore:p}=h.getState();return p?(t==null||t.show(),!1):!0}},a)),a}),K=r.forwardRef2(function(n){const o=G(n);return r.createElement(J,o)});const W={top:"translate3d(0, -4px, 0)",right:"translate3d(4px, 0, 0)",bottom:"translate3d(0, 4px, 0)",left:"translate3d(-4px, 0, 0)",auto:"translate3d(0, 0, 0)"},X=e=>{const n=e==null?void 0:e.split("-"),o=n[0];if(n.length<2)return W[o];{let t="0, 0";return(e=="right-end"||e=="bottom-end")&&(t="4px, 4px"),(e=="right-start"||e=="top-end")&&(t="4px, -4px"),(e=="left-end"||e=="bottom-start")&&(t="-4px, 4px"),(e=="left-start"||e=="top-start")&&(t="-4px, -4px"),`translate3d(${t}, 0)`}},Q=i.css`
|
|
2
|
-
visibility: visible;
|
|
3
|
-
opacity: 1;
|
|
4
|
-
transform: translate3d(0, 0, 0);
|
|
5
|
-
`,y=12,_=y*1.5,k=e=>e.includes("start")?_:e.includes("end")?`calc(100% - ${_+"px"})`:"50%",H=(e,n)=>{const o=n-_<y;return e.includes("end")?o?`${y}px`:`calc(100% - ${_}px)`:e.includes("start")?o?`${y}px`:`${_}px`:"50%"},U=i.divBox(({fixed:e,placement:n,popoverHeight:o,withArrow:t})=>i.css`
|
|
6
|
-
${i.th("tooltips")};
|
|
7
|
-
${i.system};
|
|
8
|
-
transition:
|
|
9
|
-
opacity ${i.th.transition("medium")},
|
|
10
|
-
transform ${i.th.transition("medium")},
|
|
11
|
-
visibility ${i.th.transition("medium")};
|
|
12
|
-
visibility: hidden;
|
|
13
|
-
opacity: 0;
|
|
14
|
-
transform-origin: top center;
|
|
15
|
-
z-index: 10;
|
|
16
|
-
|
|
17
|
-
${e&&t&&i.css`
|
|
18
|
-
&::after {
|
|
19
|
-
content: '';
|
|
20
|
-
position: absolute;
|
|
21
|
-
background-color: inherit;
|
|
22
|
-
width: ${y};
|
|
23
|
-
height: ${y};
|
|
24
|
-
border-width: inherit;
|
|
25
|
-
border-style: solid;
|
|
26
|
-
border-color: transparent neutral-60 neutral-60 transparent;
|
|
27
|
-
border-bottom-right-radius: inherit;
|
|
28
|
-
clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 0%);
|
|
29
|
-
z-index: 0;
|
|
30
|
-
translate: -50% -50%;
|
|
31
|
-
|
|
32
|
-
${n.includes("top")&&i.css`
|
|
33
|
-
top: 100%;
|
|
34
|
-
left: ${k(n)};
|
|
35
|
-
rotate: 45deg;
|
|
36
|
-
`}
|
|
37
|
-
|
|
38
|
-
${n.includes("bottom")&&i.css`
|
|
39
|
-
bottom: 100%;
|
|
40
|
-
left: ${k(n)};
|
|
41
|
-
translate: -50% 50%;
|
|
42
|
-
rotate: 225deg;
|
|
43
|
-
`}
|
|
44
|
-
|
|
45
|
-
${n.includes("left")&&i.css`
|
|
46
|
-
top: ${H(n,o)};
|
|
47
|
-
left: 100%;
|
|
48
|
-
rotate: -45deg;
|
|
49
|
-
`}
|
|
50
|
-
|
|
51
|
-
${n.includes("right")&&i.css`
|
|
52
|
-
top: ${H(n,o)};
|
|
53
|
-
left: 0%;
|
|
54
|
-
rotate: 135deg;
|
|
55
|
-
`}
|
|
56
|
-
}
|
|
57
|
-
`}
|
|
58
|
-
|
|
59
|
-
${e&&i.css`
|
|
60
|
-
transform: ${X(n)};
|
|
61
|
-
`}
|
|
62
|
-
|
|
63
|
-
[data-enter] & {
|
|
64
|
-
${Q}
|
|
65
|
-
}
|
|
66
|
-
`),Z=i.div`
|
|
67
|
-
display: inline-block;
|
|
68
|
-
`,ee=I.forwardRef(({children:e,content:n,fixed:o=!1,placement:t=o?"top":"bottom",gutter:m=8,withArrow:a,...x},v)=>{var V;const f=j({placement:t,animated:300}),[c,b]=l.useState({x:0,y:0}),{render:g,stopAnimation:u}=f,{anchorElement:d,currentPlacement:$,mounted:P,popoverElement:s}=f.useState(),p=()=>{s&&Object.assign(s.style,{display:P?"block":"none",position:"absolute",left:`${c.x}px`,top:`${c.y+window.scrollY+20}px`})},E=(V=e==null?void 0:e.props)!=null&&V.disabled?l.Children.only(l.createElement(Z,null,e)):e;return l.useEffect(()=>{function w({clientX:B,clientY:A}){b({x:B,y:A}),g()}if(d&&!o)return d.addEventListener("mousemove",w),()=>{d.removeEventListener("mousemove",w)}},[g,o,d]),n?l.createElement(l.Fragment,null,l.createElement(K,{render:E,store:f}),l.createElement(z,{fixed:o,gutter:m,ref:v,render:l.createElement(F.Box,{...x}),store:f,updatePosition:o?void 0:p},l.createElement(U,{fixed:o,onTransitionEnd:u,placement:$,popoverHeight:s==null?void 0:s.getBoundingClientRect().height,withArrow:a},n))):e});exports.Tooltip=ee;
|
package/dist/UniversalLink.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=require("@xstyled/styled-components"),r=require("./System.js"),d=l.aBox.withConfig({shouldForwardProp:r.shouldForwardProp})`
|
|
2
|
-
color: inherit;
|
|
3
|
-
text-decoration: none;
|
|
4
|
-
`,n=r.forwardRef(({children:o,dataTestId:i,target:e,...t},s)=>a.createElement(d,{color:"inherit","data-testid":i,ref:s,rel:e==="_blank"?"noopener noreferrer":void 0,target:e,...t},o));n.displayName="UniversalLink";exports.UniversalLink=n;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";const o=require("./P2CTZE2T-q8vyaGc0.js"),t=require("./MTZPJQMC-5Xg78Uyy.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),e=require("react");e.createContext(void 0);var r=n.createStoreContext([t.PopoverContextProvider,o.CompositeContextProvider],[t.PopoverScopedContextProvider,o.CompositeScopedContextProvider]),C=r.useContext,x=r.useProviderContext;e.createContext(void 0);e.createContext(!1);exports.useComboboxContext=C;exports.useComboboxProviderContext=x;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";const a=require("./YV4JVR4I-DIthYWMj.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),D=require("react"),z=require("./index-BHi0wohR.js");function j(o={}){const r=a.mergeStore(o.store,a.omit2(o.disclosure,["contentElement","disclosureElement"]));a.throwOnConflictingProps(o,r);const e=r==null?void 0:r.getState(),t=n.defaultValue(o.open,e==null?void 0:e.open,o.defaultOpen,!1),l=n.defaultValue(o.animated,e==null?void 0:e.animated,!1),u={open:t,animated:l,animating:!!l&&t,mounted:t,contentElement:n.defaultValue(e==null?void 0:e.contentElement,null),disclosureElement:n.defaultValue(e==null?void 0:e.disclosureElement,null)},s=a.createStore(u,r);return a.setup(s,()=>a.sync(s,["animated","animating"],i=>{i.animated||s.setState("animating",!1)})),a.setup(s,()=>a.subscribe(s,["open"],()=>{s.getState().animated&&s.setState("animating",!0)})),a.setup(s,()=>a.sync(s,["open","animating"],i=>{s.setState("mounted",i.open||i.animating)})),n.__spreadProps$1(n.__spreadValues$1({},s),{disclosure:o.disclosure,setOpen:i=>s.setState("open",i),show:()=>s.setState("open",!0),hide:()=>s.setState("open",!1),toggle:()=>s.setState("open",i=>!i),stopAnimation:()=>s.setState("animating",!1),setContentElement:i=>s.setState("contentElement",i),setDisclosureElement:i=>s.setState("disclosureElement",i)})}function A(o,r,e){return n.useUpdateEffect(r,[e.store,e.disclosure]),a.useStoreProps(o,e,"open","setOpen"),a.useStoreProps(o,e,"mounted","setMounted"),a.useStoreProps(o,e,"animated"),Object.assign(o,{disclosure:e.disclosure})}function B(o={}){const[r,e]=a.useStore(j,o);return A(r,e,o)}var y=n.createStoreContext(),_=y.useProviderContext,G=y.ContextProvider,K=y.ScopedContextProvider,v=n.createStoreContext([G],[K]);v.useContext;var Q=v.useScopedContext,X=v.useProviderContext,Z=v.ContextProvider,O=v.ScopedContextProvider,ee=D.createContext(void 0),te=D.createContext(void 0),ne="div";function R(o,r){const e=setTimeout(r,o);return()=>clearTimeout(e)}function oe(o){let r=requestAnimationFrame(()=>{r=requestAnimationFrame(o)});return()=>cancelAnimationFrame(r)}function h(...o){return o.join(", ").split(", ").reduce((r,e)=>{const t=e.endsWith("ms")?1:1e3,l=Number.parseFloat(e||"0s")*t;return l>r?l:r},0)}function w(o,r,e){return!e&&r!==!1&&(!o||!!r)}var H=n.createHook(function(r){var e=r,{store:t,alwaysVisible:l}=e,u=n.__objRest(e,["store","alwaysVisible"]);const s=_();t=t||s,n.invariant(t,process.env.NODE_ENV!=="production"&&"DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");const i=D.useRef(null),p=n.useId(u.id),[d,V]=D.useState(null),m=t.useState("open"),x=t.useState("mounted"),f=t.useState("animated"),S=t.useState("contentElement"),g=a.useStoreState(t.disclosure,"contentElement");n.useSafeLayoutEffect(()=>{i.current&&(t==null||t.setContentElement(i.current))},[t]),n.useSafeLayoutEffect(()=>{let c;return t==null||t.setState("animated",C=>(c=C,!0)),()=>{c!==void 0&&(t==null||t.setState("animated",c))}},[t]),n.useSafeLayoutEffect(()=>{if(f){if(!(S!=null&&S.isConnected)){V(null);return}return oe(()=>{V(m?"enter":x?"leave":null)})}},[f,S,m,x]),n.useSafeLayoutEffect(()=>{if(!t||!f||!d||!S)return;const c=()=>t==null?void 0:t.setState("animating",!1),C=()=>z.reactDomExports.flushSync(c);if(d==="leave"&&m||d==="enter"&&!m)return;if(typeof f=="number")return R(f,C);const{transitionDuration:T,animationDuration:I,transitionDelay:L,animationDelay:M}=getComputedStyle(S),{transitionDuration:F="0",animationDuration:N="0",transitionDelay:$="0",animationDelay:J="0"}=g?getComputedStyle(g):{},U=h(L,M,$,J),W=h(T,I,F,N),b=U+W;if(!b){d==="enter"&&t.setState("animated",!1),c();return}const Y=1e3/60,k=Math.max(b-Y,0);return R(k,C)},[t,f,S,g,m,d]),u=n.useWrapElement(u,c=>n.jsxRuntimeExports.jsx(O,{value:t,children:c}),[t]);const P=w(x,u.hidden,l),E=u.style,q=D.useMemo(()=>P?n.__spreadProps(n.__spreadValues({},E),{display:"none"}):E,[P,E]);return u=n.__spreadProps(n.__spreadValues({id:p,"data-open":m||void 0,"data-enter":d==="enter"||void 0,"data-leave":d==="leave"||void 0,hidden:P},u),{ref:n.useMergeRefs(p?t.setContentElement:null,i,u.ref),style:q}),n.removeUndefinedValues(u)}),re=n.forwardRef2(function(r){const e=H(r);return n.createElement(ne,e)}),se=n.forwardRef2(function(r){var e=r,{unmountOnHide:t}=e,l=n.__objRest(e,["unmountOnHide"]);const u=_(),s=l.store||u;return a.useStoreState(s,p=>!t||(p==null?void 0:p.mounted))===!1?null:n.jsxRuntimeExports.jsx(re,n.__spreadValues({},l))});exports.DialogContextProvider=Z;exports.DialogDescriptionContext=te;exports.DialogHeadingContext=ee;exports.DialogScopedContextProvider=O;exports.DisclosureContent=se;exports.createDisclosureStore=j;exports.isHidden=w;exports.useDialogProviderContext=X;exports.useDialogScopedContext=Q;exports.useDisclosureContent=H;exports.useDisclosureProviderContext=_;exports.useDisclosureStore=B;exports.useDisclosureStoreProps=A;
|
package/dist/VariantIcon.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),l=require("@xstyled/styled-components");require("./Icon.js");const c=require("./index-23RJrN0D.js"),a=require("./System.js"),f=l.divBox(({variant:r})=>l.css`
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
${l.th(`variantIcon.${r}`)}
|
|
4
|
-
flex-shrink: 0;
|
|
5
|
-
align-self: center;
|
|
6
|
-
|
|
7
|
-
${l.system};
|
|
8
|
-
`),u=a.forwardRef(({icon:r,size:t="md",variant:e,...s},i)=>{const o=n.useMemo(()=>{if(r===null)return null;if(r)return r;if(e==="default")return n.createElement(c.PromoteIcon,{size:t});if(e==="success")return n.createElement(c.CheckIcon,{size:t});if(e==="info")return n.createElement(c.InformationIcon,{size:t});if(e==="warning")return n.createElement(c.AlertIcon,{size:t});if(e==="danger")return n.createElement(c.SquareAlertIcon,{size:t})},[t,r,e]);return o?n.createElement(f,{ref:i,variant:e,...s},o):null});u.displayName="VariantIcon";exports.VariantIcon=u;
|