welcome-ui 7.0.1-alpha.0 → 7.1.0

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.
Files changed (123) hide show
  1. package/README.md +129 -0
  2. package/dist/{CustomInput-Cewo45Hd.mjs → CustomInput-BqaOGHm4.mjs} +1 -1
  3. package/dist/DatePicker.mjs +1 -1
  4. package/dist/DateTimePicker.mjs +1 -1
  5. package/dist/DateTimePickerCommon.mjs +1 -1
  6. package/dist/Search.mjs +1 -1
  7. package/dist/Select.mjs +1 -1
  8. package/dist/TimePicker.mjs +1 -1
  9. package/dist/Toast.mjs +1 -1
  10. package/dist/WuiProvider.mjs +21 -20
  11. package/dist/{downshift.esm-BOfUfcgd.mjs → downshift.esm-CEHW4VDy.mjs} +1 -1
  12. package/dist/types/components/WuiProvider/index.d.ts +4 -0
  13. package/package.json +6 -6
  14. package/dist/AXB53BZF-KWM2jKTz.js +0 -1
  15. package/dist/Accordion.js +0 -75
  16. package/dist/Alert.js +0 -37
  17. package/dist/AspectRatio.js +0 -29
  18. package/dist/Avatar.js +0 -5
  19. package/dist/BYC7LY2E-BkAEL2VD.js +0 -1
  20. package/dist/Badge.js +0 -17
  21. package/dist/Box.js +0 -1
  22. package/dist/Breadcrumb.js +0 -54
  23. package/dist/Button.js +0 -78
  24. package/dist/ButtonGroup.js +0 -32
  25. package/dist/Card.js +0 -17
  26. package/dist/Checkbox.js +0 -1
  27. package/dist/ClearButton.js +0 -14
  28. package/dist/CloseButton.js +0 -6
  29. package/dist/CustomInput-DVH2rh9-.js +0 -1070
  30. package/dist/DatePicker.js +0 -1
  31. package/dist/DateTimePicker.js +0 -38
  32. package/dist/DateTimePickerCommon.js +0 -1
  33. package/dist/Drawer.js +0 -64
  34. package/dist/DropdownMenu.js +0 -45
  35. package/dist/Field.js +0 -72
  36. package/dist/FieldGroup.js +0 -13
  37. package/dist/FileDrop.js +0 -46
  38. package/dist/FileUpload.js +0 -3
  39. package/dist/Files.js +0 -1
  40. package/dist/Flex.js +0 -1
  41. package/dist/Grid.js +0 -1
  42. package/dist/Hint.js +0 -8
  43. package/dist/ITI7HKP4-BPa8qpnl.js +0 -1
  44. package/dist/Icon.js +0 -17
  45. package/dist/Icons.js +0 -40
  46. package/dist/IconsFont.js +0 -17
  47. package/dist/InputText.js +0 -8
  48. package/dist/JC64G2H7-YkBMNrtl.js +0 -1
  49. package/dist/KUU7WJ55-DN8gk6_R.js +0 -1
  50. package/dist/LVA2YJMS-B2HZjIhJ.js +0 -14
  51. package/dist/Label.js +0 -35
  52. package/dist/Link.js +0 -43
  53. package/dist/Loader.js +0 -30
  54. package/dist/Logo.js +0 -3
  55. package/dist/MTZPJQMC-5Xg78Uyy.js +0 -1
  56. package/dist/Modal.js +0 -181
  57. package/dist/NLEBE274-DvH3XTTw.js +0 -1
  58. package/dist/P2CTZE2T-q8vyaGc0.js +0 -1
  59. package/dist/P4IRICAX-nhgZ26A1.js +0 -1
  60. package/dist/Pagination.js +0 -46
  61. package/dist/PasswordInput.js +0 -1
  62. package/dist/Picker.js +0 -8
  63. package/dist/Popover.js +0 -31
  64. package/dist/QYJ6MIDR-CRK3satR.js +0 -1
  65. package/dist/Radio.js +0 -60
  66. package/dist/RadioGroup.js +0 -8
  67. package/dist/RadioTab.js +0 -61
  68. package/dist/SYRFVSLH-BpAfr7UE.js +0 -1
  69. package/dist/Search.js +0 -70
  70. package/dist/Select.js +0 -122
  71. package/dist/Shape.js +0 -23
  72. package/dist/Slider.js +0 -190
  73. package/dist/Stack.js +0 -1
  74. package/dist/Swiper.js +0 -141
  75. package/dist/System.js +0 -1
  76. package/dist/Table.js +0 -55
  77. package/dist/Tabs.js +0 -82
  78. package/dist/Tag.js +0 -78
  79. package/dist/Text.js +0 -46
  80. package/dist/Textarea.js +0 -6
  81. package/dist/TimePicker.js +0 -4
  82. package/dist/Toast.js +0 -42
  83. package/dist/Toggle.js +0 -75
  84. package/dist/Tooltip.js +0 -68
  85. package/dist/UniversalLink.js +0 -4
  86. package/dist/VEVQD5MH-mN1wMozH.js +0 -1
  87. package/dist/VGCJ63VH-BNLwLOaC.js +0 -1
  88. package/dist/VariantIcon.js +0 -8
  89. package/dist/WelcomeLoader.js +0 -11
  90. package/dist/WuiProvider.js +0 -407
  91. package/dist/X5NMLKT6-BzhcQu_I.js +0 -1
  92. package/dist/YV4JVR4I-DIthYWMj.js +0 -15
  93. package/dist/_commonjsHelpers-DvH0V_XJ.js +0 -1
  94. package/dist/create-event-YSlay9Ef.js +0 -1
  95. package/dist/downshift.esm-dvOEflhK.js +0 -1
  96. package/dist/field-styles-DYEc1l_A.js +0 -63
  97. package/dist/format-bytes-drUpnBnQ.js +0 -1
  98. package/dist/get-max-width-height-CDLBnp_J.js +0 -1
  99. package/dist/hex-to-rgba-cCYXRc5D.js +0 -1
  100. package/dist/hide-focus-rings-root-DGU4Klq5.js +0 -5
  101. package/dist/index-23RJrN0D.js +0 -1
  102. package/dist/index-BAD1dszB.js +0 -1
  103. package/dist/index-BHi0wohR.js +0 -142
  104. package/dist/index-BJzGkA7x.js +0 -1
  105. package/dist/index-BLom3M2B.js +0 -2
  106. package/dist/index-BNwz4P5j.js +0 -1
  107. package/dist/index-BPeIa2mR.js +0 -1
  108. package/dist/index-C1FV1q-F.js +0 -1
  109. package/dist/index-CxDKPhvU.js +0 -1
  110. package/dist/index-D6MJAN7T.js +0 -1
  111. package/dist/index-DTx8atxB.js +0 -1
  112. package/dist/index-Db47iJVz.js +0 -1
  113. package/dist/index-Dn-QEAu6.js +0 -56
  114. package/dist/index-_wqLxu7x.js +0 -1
  115. package/dist/overflow-ellipsis-C2ESrF8C.js +0 -5
  116. package/dist/radio-group-BpImAAmy.js +0 -1
  117. package/dist/theme.js +0 -18
  118. package/dist/throttle-BB1Y3bfD.js +0 -1
  119. package/dist/use-fork-ref-Bjf1e56Z.js +0 -1
  120. package/dist/use-isomorphic-layout-effect-C1_Gy5Nu.js +0 -1
  121. package/dist/use-viewport-BDDjd1nl.js +0 -1
  122. package/dist/utils.js +0 -1
  123. package/dist/wrap-children-BLDjJiiy.js +0 -1
@@ -1,46 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),i=require("@xstyled/styled-components"),B=require("./hide-focus-rings-root-DGU4Klq5.js");require("./Icon.js");const L=require("./index-BPeIa2mR.js"),N=require("./index-BNwz4P5j.js"),j=require("./System.js"),u=5,S=3;function m(t,e){return Array.from({length:t},(s,c)=>e(c))}function z(t,e){return t.reduce((s,c,l)=>{const n=[];return n.push(...s),n.push(...c),c.length&&l<t.length-1&&n.push(e),n},[])}function F(t,e){if(t<u)return"before";if(t>=u&&t<=e-u+1)return"center";if(t>e-u+1)return"after"}function G({page:t,pageCount:e,rangeDisplay:s}){return r.useMemo(()=>{if(e<=s||e<=u+1)return m(e,a=>a+1);const c=F(t,e),l=c==="before"?m(u,a=>a+1):[1],n=c==="center"?m(S,a=>a+t-1):[],d=c==="after"?m(u,a=>a+e-u+1):[e];return z([l,n,d],"-")},[t,e,s])}const M=i.nav(i.system),_=i.ul`
2
- list-style-type: none;
3
- padding: 0;
4
- margin: 0;
5
- `,b=i.liBox`
6
- display: inline-block;
7
- vertical-align: bottom;
8
- padding: 0;
9
- margin-right: sm;
10
-
11
- &:last-child {
12
- margin-right: 0;
13
- }
14
- `,O=i.span`
15
- ${i.th("paginations.default")};
16
- display: flex;
17
- justify-content: center;
18
- align-items: center;
19
- `,R=i.css`
20
- ${i.th("paginations.default")};
21
- ${i.th("paginations.item")};
22
- border-radius: 50%;
23
- display: flex;
24
- align-items: center;
25
- justify-content: center;
26
- cursor: pointer;
27
- text-decoration: none;
28
-
29
- &:focus {
30
- outline: none !important; /* important for firefox */
31
- transition: none;
32
- }
33
-
34
- [${B.hideFocusRingsDataAttribute}] &:focus {
35
- box-shadow: none;
36
- }
37
- `,y=i.aBox(t=>i.css`
38
- ${R};
39
- ${t["aria-disabled"]&&i.css`
40
- color: beige-70;
41
- background-color: beige-40;
42
- `}
43
- `),J=i.aBox(t=>i.css`
44
- ${R};
45
- ${t["aria-current"]&&i.th("paginations.active")}
46
- `),K=j.forwardRef(({"aria-label":t,dataTestId:e,getHref:s,leftArrow:c,onChange:l,page:n,pageCount:d,rangeDisplay:a=5,rightArrow:k,...v},q)=>{const P=G({page:n,pageCount:d,rangeDisplay:a}),x=r.useRef(null),$=r.useRef(null),h=n===1,E=n===d,A=r.useCallback(o=>{o.preventDefault();const f=n-1;f===1&&x.current.focus(),l(f)},[n,l]),D=r.useCallback(o=>{o.preventDefault();const f=n+1;f===d&&$.current.focus(),l(f)},[n,d,l]);return r.createElement(M,{"aria-label":t,"data-testid":e,ref:q,role:"navigation",...v},r.createElement(_,null,r.createElement(b,null,r.createElement(y,{"aria-disabled":h,"data-testid":e?`${e}-arrow-prev`:void 0,href:s?s(h?n:n-1):"",onClick:h?void 0:A,ref:x},c||r.createElement(L.LeftIcon,{size:"sm"}))),P.map((o,f)=>o==="-"?r.createElement(b,{key:`${f}-`},r.createElement(O,null,"...")):r.createElement(b,{key:o},r.createElement(J,{"aria-current":o===n,"data-testid":e?`${e}-${o}`:void 0,href:s?s(o):"",onClick:w=>{w.preventDefault(),l(o)}},o))),r.createElement(b,null,r.createElement(y,{"aria-disabled":E,"data-testid":e?`${e}-arrow-next`:void 0,href:s?s(E?n:n+1):"",onClick:E?void 0:D,ref:$},k||r.createElement(N.RightIcon,{size:"sm"})))))});exports.Pagination=K;
@@ -1 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");require("./Icon.js");const a=require("./index-D6MJAN7T.js"),p=require("./Button.js"),d=require("./InputText.js"),m=require("./System.js"),w=({dataTestId:t,isHidden:n,onClick:r,title:o})=>e.createElement(p.Button,{"aria-controls":"password","aria-expanded":`${!n}`,dataTestId:t&&`${t}-action`,onClick:r,shape:"circle",size:"xs",title:o,variant:"ghost"},n?e.createElement(a.ShowIcon,null):e.createElement(a.HideIcon,null)),i=m.forwardRef(({dataTestId:t,title:n,...r},o)=>{const[s,u]=e.useState("password"),c=s==="password",l=()=>{u(c?"text":"password")};return e.createElement(d.InputText,{...r,dataTestId:t,icon:e.createElement(w,{dataTestId:t,isHidden:c,onClick:l,title:n}),iconPlacement:"right",ref:o,type:s})});i.displayName="PasswordInput";exports.PasswordInput=i;
package/dist/Picker.js DELETED
@@ -1,8 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("@xstyled/styled-components"),n=require("./System.js"),k=require("./NLEBE274-DvH3XTTw.js"),E=require("./Label.js"),P=require("./FieldGroup.js"),$=require("./Box.js"),a=require("./radio-group-BpImAAmy.js"),R=s(k.Radio).withConfig({shouldForwardProp:n.shouldForwardProp})`
2
- position: absolute;
3
- top: 0;
4
- left: 0;
5
- opacity: 0;
6
-
7
- ${s.system};
8
- `,u=n.forwardRef(({dataTestId:o,label:d,name:i,onChange:c,options:p,required:m,value:l,...y},f)=>{const q=a.useRadioStore({defaultValue:l}),b=r=>{r.stopPropagation(),c&&c(r)};return e.createElement(P.FieldGroup,{...y,as:a.RadioGroup,dataTestId:o,mb:0,ref:f,required:m,store:q},e.createElement($.Box,{display:"flex",flexWrap:"wrap"},p.map(({element:r,value:t})=>e.createElement(E.Label,{checkableField:!0,dataTestId:o&&`${o}-item-${i}-${t}`,key:`${d}-${i}-${t}`,onClick:b},e.createElement(R,{name:i,value:t}),e.createElement(r,{selected:l===t})))))});u.displayName="Picker";exports.Picker=u;
package/dist/Popover.js DELETED
@@ -1,31 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=require("@xstyled/styled-components"),u=require("./QYJ6MIDR-CRK3satR.js"),a=require("./BYC7LY2E-BkAEL2VD.js"),l=require("./System.js");require("./Icon.js");const f=require("./index-C1FV1q-F.js"),g=require("./Box.js"),P=require("./Button.js"),h=o(u.PopoverArrow)`
2
- color: ${o.th("popovers.default.backgroundColor")};
3
- `,w=o.svgBox(({$transform:t})=>o.css`
4
- transform: ${t};
5
- `),v=o.div`
6
- ${o.th("popovers.content")};
7
- `,p=o.h6`
8
- margin: 0;
9
- ${o.th("popovers.title")};
10
- `,m=o(a.Popover)(({$withCloseButton:t})=>o.css`
11
- ${o.th("popovers.default")};
12
- outline: none;
13
- opacity: 0;
14
- transition: opacity 150ms ease-in-out;
15
- ${o.system};
16
-
17
- /* on open popover for animation */
18
- &[data-enter] {
19
- opacity: 1;
20
- }
21
-
22
- ${t&&o.css`
23
- ${p} {
24
- padding-right: 50;
25
- }
26
- `}
27
- `);o(u.PopoverDisclosure)`
28
- ${o.system};
29
- `;const C=o(a.HovercardAnchor)`
30
- ${o.system};
31
- `,$=l.forwardRef(({as:t,store:r,...e},s)=>n.createElement(u.PopoverDisclosure,{ref:s,render:t?c=>n.createElement(t,{...c}):void 0,store:r,...e})),E=l.forwardRef(({as:t,store:r,...e},s)=>n.createElement(C,{store:r,...e,forwardedAs:t,ref:s})),H={top:"rotateZ(180deg)",right:"rotateZ(-90deg)",bottom:"rotateZ(360deg)",left:"rotateZ(90deg)"},y=({store:t})=>{const r=t.useState("currentPlacement"),[e]=r.split("-"),s=H[e];return n.createElement(h,{store:t},n.createElement(w,{$transform:s,h:30,w:30,xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M7 30L15 22L23 30H7Z",fill:"currentColor",fillRule:"nonzero",id:"stroke"}),n.createElement("path",{d:"M8 30L15 23L22 30H8Z",fill:"currentColor",fillRule:"nonzero"})))},d=({children:t,onClose:r,store:e})=>{const s=()=>{r&&r(),e==null||e.hide()},{withCloseButton:c}=e;return n.createElement(g.Box,{position:"relative"},n.createElement(y,{store:e}),t,c&&n.createElement(P.Button,{flex:"0 0 auto",ml:"md",onClick:s,position:"absolute",right:1,shape:"square",size:"xs",top:1,variant:"secondary"},n.createElement(f.CrossIcon,null)))},B=l.forwardRef(({children:t,onClose:r,store:e,...s},c)=>{const{withCloseButton:i}=e;return n.createElement(m,{$withCloseButton:i,ref:c,store:e,...s},n.createElement(d,{onClose:r,store:e},t))}),q=Object.assign(B,{Content:v,Title:p,Trigger:$}),T=l.forwardRef(({children:t,onClose:r,store:e,...s},c)=>{const{withCloseButton:i}=e;return n.createElement(m,{as:a.Hovercard,store:e,...s,$withCloseButton:i,ref:c},n.createElement(d,{onClose:r,store:e},t))}),R=Object.assign(T,{Content:v,Title:p,Trigger:E}),b=({animated:t=150,withCloseButton:r=!1,...e}={})=>({...a.usePopoverStore({animated:t,...e}),withCloseButton:r}),x=({animated:t=150,hideTimeout:r=300,showTimeout:e=500,withCloseButton:s=!1,...c}={})=>({...a.useHovercardStore({animated:t,hideTimeout:r,showTimeout:e,...c}),withCloseButton:s});exports.Popover=q;exports.PopoverHover=R;exports.usePopover=b;exports.usePopoverHover=x;
@@ -1 +0,0 @@
1
- "use client";"use strict";const l=require("./MTZPJQMC-5Xg78Uyy.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),f=require("react"),R=require("./AXB53BZF-KWM2jKTz.js");var V="div",m=e.createHook(function(s){var t=s,{store:o}=t,r=e.__objRest(t,["store"]);const n=l.usePopoverProviderContext();return o=o||n,r=e.__spreadProps(e.__spreadValues({},r),{ref:e.useMergeRefs(o==null?void 0:o.setAnchorElement,r.ref)}),r});e.forwardRef2(function(s){const t=m(s);return e.createElement(V,t)});var P="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z",j="div",d=30,a=d/2,y={top:`rotate(180 ${a} ${a})`,right:`rotate(-90 ${a} ${a})`,bottom:`rotate(0 ${a} ${a})`,left:`rotate(90 ${a} ${a})`};function S(c){const[s,t]=f.useState(),o=c.useState("contentElement");return e.useSafeLayoutEffect(()=>{if(!o)return;const n=e.getWindow(o).getComputedStyle(o);t(n)},[o]),s}var _=e.createHook(function(s){var t=s,{store:o,size:r=d}=t,n=e.__objRest(t,["store","size"]);const p=l.usePopoverContext();o=o||p,e.invariant(o,process.env.NODE_ENV!=="production"&&"PopoverArrow must be wrapped in a Popover component.");const i=o.useState(A=>A.currentPlacement.split("-")[0]),u=S(o),x=(u==null?void 0:u.getPropertyValue("background-color"))||"none",E=(u==null?void 0:u.getPropertyValue(`border-${i}-color`))||"none",w=(u==null?void 0:u.getPropertyValue(`border-${i}-width`))||"0px",b=Number.parseInt(w)*2*(d/r),v=y[i],g=f.useMemo(()=>e.jsxRuntimeExports.jsx("svg",{display:"block",viewBox:"0 0 30 30",children:e.jsxRuntimeExports.jsxs("g",{transform:v,children:[e.jsxRuntimeExports.jsx("path",{fill:"none",d:P}),e.jsxRuntimeExports.jsx("path",{stroke:"none",d:P})]})}),[v]);return n=e.__spreadProps(e.__spreadValues({children:g,"aria-hidden":!0},n),{ref:e.useMergeRefs(o.setArrowElement,n.ref),style:e.__spreadValues({position:"absolute",fontSize:r,width:"1em",height:"1em",pointerEvents:"none",fill:x,stroke:E,strokeWidth:b},n.style)}),e.removeUndefinedValues(n)}),D=e.forwardRef2(function(s){const t=_(s);return e.createElement(j,t)}),$="button",h=e.createHook(function(s){var t=s,{store:o}=t,r=e.__objRest(t,["store"]);const n=l.usePopoverProviderContext();o=o||n,e.invariant(o,process.env.NODE_ENV!=="production"&&"PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component.");const p=r.onClick,i=e.useEvent(u=>{o==null||o.setAnchorElement(u.currentTarget),p==null||p(u)});return r=e.useWrapElement(r,u=>e.jsxRuntimeExports.jsx(l.PopoverScopedContextProvider,{value:o,children:u}),[o]),r=e.__spreadProps(e.__spreadValues({},r),{onClick:i}),r=m(e.__spreadValues({store:o},r)),r=R.useDialogDisclosure(e.__spreadValues({store:o},r)),r}),k=e.forwardRef2(function(s){const t=h(s);return e.createElement($,t)});exports.PopoverArrow=D;exports.PopoverDisclosure=k;exports.usePopoverArrow=_;exports.usePopoverDisclosure=h;
package/dist/Radio.js DELETED
@@ -1,60 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),e=require("@xstyled/styled-components"),x=require("./field-styles-DYEc1l_A.js"),y=require("./Box.js"),u=require("./System.js"),$=require("./Label.js"),k=require("./NLEBE274-DvH3XTTw.js"),E=require("./Hint.js"),q=e(k.Radio).withConfig({shouldForwardProp:u.shouldForwardProp})(({order:t="-1",size:o,variant:i})=>e.css`
2
- ${x.defaultFieldStyles({size:o,variant:i})};
3
- ${e.th("radios.default")}
4
- position: relative;
5
- padding: 0;
6
- order: ${t};
7
- cursor: pointer;
8
- border-radius: 50%;
9
- transition: medium;
10
- ${e.system};
11
-
12
- &::after {
13
- content: '';
14
- position: absolute;
15
- width: 8;
16
- height: 8;
17
- border-radius: 8;
18
- top: 3;
19
- left: 3;
20
- background-color: transparent;
21
- transition: medium;
22
- }
23
-
24
- &[aria-checked='true'] {
25
- &:not([disabled]) {
26
- ${e.th("radios.checked")};
27
- }
28
-
29
- &[disabled] {
30
- &::after {
31
- background-color: ${e.th("radios.checkedCenteredColor.disabled")};
32
- }
33
- }
34
-
35
- &::after {
36
- background-color: ${e.th("radios.checkedCenteredColor.default")};
37
- }
38
- }
39
- `),w=e($.Label)`
40
- max-width: 100%;
41
- /** we need to reset margin-bottom from Label component */
42
- margin-bottom: 0 !important;
43
- ${e.system};
44
- `,R=e.div`
45
- flex-shrink: 0;
46
- position: relative;
47
- align-items: center;
48
- display: flex;
49
- `,L=e(y.Box)`
50
- display: flex;
51
- align-items: flex-start;
52
- gap: sm;
53
-
54
- input {
55
- margin-top: xs;
56
- }
57
- `,C=e.div`
58
- display: flex;
59
- flex-direction: column;
60
- `,m=u.forwardRef(({dataTestId:t,disabled:o,disabledIcon:i,flexDirection:f,hint:a,label:l,maxWidth:p,onChange:s,onClick:d,variant:c,...b},h)=>{const g=n=>{n.stopPropagation(),d&&d(n),s&&s(n)};return r.createElement(w,{alignItems:"flex-start",checkableField:!0,disabled:o,disabledIcon:i,flexDirection:"column",maxWidth:p,onClick:g,variant:c,withDisabledIcon:!1},r.createElement(L,{flexDirection:f},r.createElement(R,null,r.createElement(q,{"data-testid":t,disabled:o,label:l,ref:h,variant:c,...b})),r.createElement(C,null,r.createElement("div",{"data-testid":t?`${t}-label`:void 0},l),a&&r.createElement(E.Hint,{"data-testid":t?`${t}-hint`:void 0,mt:"0"},a))))});m.displayName="Radio";exports.Radio=m;
@@ -1,8 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),t=require("@xstyled/styled-components"),$=require("./FieldGroup.js"),x=require("./Radio.js"),S=require("./System.js"),d=require("./radio-group-BpImAAmy.js"),w=t.divBox(({flexDirection:r})=>t.css`
2
- display: flex;
3
- flex-direction: ${r};
4
- flex-wrap: wrap;
5
- gap: md;
6
-
7
- ${t.system};
8
- `),c=S.forwardRef(({dataTestId:r,flexDirection:o,id:n,label:v,maxWidth:R,name:i,onChange:a,options:f=[],renderOption:m=x.Radio,required:p,value:y,...s},G)=>{const u=d.useRadioStore({defaultValue:y}),b=u.useState("value"),q=e=>{s.disabled||(u.setValue(e),a==null||a(e))};return l.createElement($.FieldGroup,{as:d.RadioGroup,dataTestId:r,label:v,mb:0,ref:G,required:p,store:u},l.createElement(w,{flexDirection:o},f.map(e=>l.createElement(m,{checked:e.value===b,dataTestId:r?`${r}-${e.value}`:void 0,hint:e.hint,id:`${n||i}.${e.value}`,key:e.value,label:e.label,maxWidth:R,name:i,onChange:()=>q(e.value),value:e.value,...s}))))});c.displayName="RadioGroup";exports.RadioGroup=c;
package/dist/RadioTab.js DELETED
@@ -1,61 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),t=require("@xstyled/styled-components"),m=require("./field-styles-DYEc1l_A.js"),p=require("./overflow-ellipsis-C2ESrF8C.js"),a=require("./System.js"),b=require("./NLEBE274-DvH3XTTw.js"),f=require("./Button.js"),h=t(b.Radio).withConfig({shouldForwardProp:a.shouldForwardProp})`
2
- position: absolute;
3
- top: 0;
4
- left: 0;
5
- opacity: 0;
6
- `,y=t.css`
7
- margin-top: -${t.th.borderWidth("sm")};
8
-
9
- &:first-of-type {
10
- border-bottom-right-radius: 0;
11
- border-bottom-left-radius: 0;
12
- }
13
-
14
- &:last-of-type {
15
- border-top-right-radius: 0;
16
- border-top-left-radius: 0;
17
- }
18
- `,g=t.css`
19
- margin-left: -${t.th.borderWidth("sm")};
20
-
21
- &:first-of-type {
22
- border-top-right-radius: 0;
23
- border-bottom-right-radius: 0;
24
- }
25
-
26
- &:last-of-type {
27
- border-top-left-radius: 0;
28
- border-bottom-left-radius: 0;
29
- }
30
- `;t.label(({checked:r,flexDirection:e,size:o,variant:i})=>t.css`
31
- ${t.th("radioTabs.default")};
32
- flex: 1;
33
- display: flex;
34
- align-items: center;
35
- justify-content: center;
36
- min-width: 0;
37
- min-height: ${t.th(`defaultFields.sizes.${o}.height`)};
38
- max-width: 100%;
39
- margin: 0;
40
- text-align: center;
41
- position: relative;
42
- cursor: pointer;
43
- transition: medium;
44
-
45
- ${m.defaultFieldStyles({size:o,variant:i})};
46
- ${r&&t.css`
47
- ${t.th("radioTabs.checked")};
48
- z-index: 2;
49
- `};
50
- ${e==="column"&&y};
51
- ${e==="row"&&g};
52
- ${t.system};
53
- padding-top: 0;
54
- padding-bottom: 0;
55
- `);t.div`
56
- flex-shrink: 0;
57
- position: relative;
58
- `;t.div`
59
- ${p.overflowEllipsis};
60
- max-width: 100%;
61
- `;const d=a.forwardRef(({checked:r,dataTestId:e,disabled:o,id:i,label:l,onChange:n,value:u},c)=>s.createElement(f.Button,{as:"label",borderColor:!r&&"neutral-30",className:"label",dataTestId:e,disabled:o,ref:c,variant:r?"primary":"ghost"},s.createElement(h,{checked:r,"data-testid":e?`${e}-input`:void 0,disabled:o,id:i,onChange:n,value:u}),l));d.displayName="RadioTab";exports.RadioTab=d;
@@ -1 +0,0 @@
1
- "use client";"use strict";const d=require("./X5NMLKT6-BzhcQu_I.js"),m=require("./VGCJ63VH-BNLwLOaC.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),p=require("react");var x="button",D=e.createHook(function(t){var i=t,{store:o}=i,s=e.__objRest(i,["store"]);const l=m.useDialogScopedContext();o=o||l;const n=s.onClick,a=e.useEvent(r=>{n==null||n(r),!r.defaultPrevented&&(o==null||o.hide())}),c=p.useMemo(()=>e.jsxRuntimeExports.jsxs("svg",{"aria-label":"Dismiss popup",display:"block",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,viewBox:"0 0 16 16",height:"1em",width:"1em",children:[e.jsxRuntimeExports.jsx("line",{x1:"4",y1:"4",x2:"12",y2:"12"}),e.jsxRuntimeExports.jsx("line",{x1:"4",y1:"12",x2:"12",y2:"4"})]}),[]);return s=e.__spreadProps(e.__spreadValues({"data-dialog-dismiss":"",children:c},s),{onClick:a}),s=d.useButton(s),s}),g=e.forwardRef2(function(t){const i=D(t);return e.createElement(x,i)});exports.DialogDismiss=g;
package/dist/Search.js DELETED
@@ -1,70 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),N=require("./downshift.esm-dvOEflhK.js"),de=require("./create-event-YSlay9Ef.js"),j=require("./field-styles-DYEc1l_A.js"),ue=require("./throttle-BB1Y3bfD.js"),e=require("@xstyled/styled-components"),B=require("./overflow-ellipsis-C2ESrF8C.js"),$=require("./System.js"),he=require("./Icon.js"),pe=require("./ClearButton.js"),fe=require("./Field.js"),H=e("div").withConfig({shouldForwardProp:$.shouldForwardProp})`
2
- position: relative;
3
- ${e.system};
4
- `,me=e.div`
5
- position: relative;
6
- `,ge=e("input").withConfig({shouldForwardProp:$.shouldForwardProp})(({iconPlacement:i,size:o,transparent:s,variant:m})=>e.css`
7
- position: relative;
8
- ${j.defaultFieldStyles({iconPlacement:i,size:o,variant:m,transparent:s,isClearable:!0})};
9
- ${B.overflowEllipsis};
10
- ${e.system};
11
-
12
- br {
13
- display: none;
14
- }
15
- `),we=e.ul`
16
- ${e.th("defaultFields.select.default")};
17
- ${e.th("cards.default")};
18
- position: absolute;
19
- color: neutral-90;
20
- z-index: 2;
21
- right: 0;
22
- left: 0;
23
- margin: 0;
24
- margin-top: md;
25
- padding: 0;
26
- transition: medium;
27
- overflow: auto;
28
- -webkit-overflow-scrolling: touch;
29
- `,O=e.li(({isExisting:i,isHighlighted:o,isSelected:s})=>e.css`
30
- color: beige-70;
31
- ${o&&e.th("defaultFields.select.highlighted")};
32
- ${s&&e.th("defaultFields.select.selected")};
33
- ${i&&e.th("defaultFields.select.existing")};
34
- ${s&&o&&e.th("defaultFields.select.selectedAndHighlighted")};
35
- ${B.overflowEllipsis};
36
- padding: sm;
37
- list-style: none;
38
- text-decoration: none;
39
- font-size: sm;
40
- transition: background ${e.th.transition("medium")};
41
- `),ye=e.div`
42
- position: absolute;
43
- padding: 0;
44
- top: 0;
45
- bottom: 0;
46
- right: 0;
47
- display: flex;
48
- `,Ee=e.button(({isOpen:i,size:o})=>e.css`
49
- position: relative;
50
- height: 100%;
51
- width: ${e.th(`defaultFields.sizes.${o}.height`)};
52
- padding: 0;
53
- outline: none !important; /* important for firefox */
54
- appearance: none;
55
- cursor: pointer;
56
- border: none;
57
- background: transparent;
58
- display: flex;
59
- align-items: center;
60
- justify-content: center;
61
-
62
- ${he.StyledIcon} {
63
- transform: ${i?"rotate3d(0, 0, 1, 180deg)":"rotate3d(0)"};
64
- transition: medium;
65
- }
66
-
67
- &:not(:last-child) {
68
- width: auto;
69
- }
70
- `),W="",Se=N.Downshift$1.default||N.Downshift$1,V=$.forwardRef(({autoComplete:i="off",autoFocus:o,dataTestId:s,disabled:m,groupsEnabled:A,icon:u,id:G,itemToString:r,minChars:g=3,name:F,onBlur:L,onChange:b,onClick:Y,onFocus:I,placeholder:Z="Search…",renderGroupHeader:J,renderItem:v,search:C,size:w="md",throttle:k=500,value:h=W,variant:K,...y},Q)=>{const U=h?r(h):W,[q,c]=t.useState([]),R=t.useCallback(async n=>{if(g===0||(n==null?void 0:n.length)>=g){const d=await C(n);c(d||[])}else c([])},[g,C]),P=t.useMemo(()=>ue.throttle(R,k,!1),[R,k]),E=n=>{const d=de.createEvent({name:F,value:n});b&&b(n,d)},x=n=>{n?E(n):(E(),c([]))},X=()=>{h||x(),c([])},ee=n=>r(n)||"";return t.createElement(Se,{initialInputValue:U,itemToString:ee,onInputValueChange:P,onOuterClick:X,onSelect:x,selectedItem:h,...y},({clearSelection:n,getInputProps:d,getItemProps:D,getMenuProps:te,getRootProps:ne,highlightedIndex:M,inputValue:oe,isOpen:z,selectedItem:p,toggleMenu:ie})=>{const se=()=>{c([]),E(),n()},re=z&&q.length>0,le=t.createElement(Ee,{as:"div",size:w},t.createElement(pe.ClearButton,{onClick:se})),ae=d({autoComplete:i,autoFocus:o,"data-testid":s,disabled:m,iconPlacement:!!u&&"left",id:G,name:F,onBlur:L,onClick:Y,onFocus:l=>{I&&I(l),P(""),ie()},placeholder:Z,ref:Q,size:w,tabIndex:0,variant:z?"focused":K,...y}),T=j.FIELD_ICON_SIZE[w];return t.createElement(H,{...ne(y)},t.createElement(me,null,t.createElement(ge,{...ae}),u&&t.createElement(fe.IconWrapper,{iconPlacement:"left",size:T},t.cloneElement(u,{...u.props,size:T})),t.createElement(ye,null,oe&&le)),re&&t.createElement(we,{...te()},q.reduce((l,a,f)=>(A?l.itemsToRender.push(t.createElement(t.Fragment,{key:f},J(a),a.options&&a.options.map((S,ce)=>{const _=l.itemIndex++;return t.createElement(O,{key:ce,...D({index:_,isSelected:p&&r(p)===r(S),item:S}),isHighlighted:M===_},v(S))}))):l.itemsToRender.push(t.createElement(O,{key:f,...D({index:f,isSelected:p&&r(p)===r(a),item:a}),isHighlighted:M===f},v(a))),l),{itemsToRender:[],itemIndex:0}).itemsToRender))})});V.displayName="Search";const $e=H;exports.Search=V;exports.StyledSearch=$e;
package/dist/Select.js DELETED
@@ -1,122 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),de=require("./downshift.esm-dvOEflhK.js"),Ke=require("./_commonjsHelpers-DvH0V_XJ.js"),Ye=require("./create-event-YSlay9Ef.js"),Ae=require("./field-styles-DYEc1l_A.js"),u=require("@xstyled/styled-components"),Q=require("./overflow-ellipsis-C2ESrF8C.js"),ze=require("./Icon.js"),Le=require("./Field.js"),ye=require("./Tag.js"),P=require("./System.js"),Ze=require("./Box.js"),Qe=require("./ClearButton.js"),Xe=require("./index-Db47iJVz.js");var M={exports:{}},be={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},ve=Object.keys(be).join("|"),Ge=new RegExp(ve,"g"),Je=new RegExp(ve,"");function et(e){return be[e]}var Ce=function(e){return e.replace(Ge,et)},tt=function(e){return!!e.match(Je)};M.exports=Ce;M.exports.has=tt;M.exports.remove=Ce;var nt=M.exports;const rt=Ke.getDefaultExportFromCjs(nt);/**
2
- * @name match-sorter
3
- * @license MIT license.
4
- * @copyright (c) 2020 Kent C. Dodds
5
- * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
6
- */const E={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0},ot=(e,t)=>String(e.rankedValue).localeCompare(String(t.rankedValue));function X(e,t,n){n===void 0&&(n={});const{keys:r,threshold:o=E.MATCHES,baseSort:a=ot,sorter:h=f=>f.sort((d,s)=>it(d,s,a))}=n,m=e.reduce(i,[]);return h(m).map(f=>{let{item:d}=f;return d});function i(f,d,s){const p=st(d,r,t,n),{rank:O,keyThreshold:y=o}=p;return O>=y&&f.push({...p,item:d,index:s}),f}}X.rankings=E;function st(e,t,n,r){if(!t){const a=e;return{rankedValue:a,rank:fe(a,n,r),keyIndex:-1,keyThreshold:r.threshold}}return dt(e,t).reduce((a,h,m)=>{let{rank:i,rankedValue:f,keyIndex:d,keyThreshold:s}=a,{itemValue:p,attributes:O}=h,y=fe(p,n,r),R=f;const{minRanking:$,maxRanking:F,threshold:W}=O;return y<$&&y>=E.MATCHES?y=$:y>F&&(y=F),y>i&&(i=y,d=m,s=W,R=p),{rankedValue:R,rank:i,keyIndex:d,keyThreshold:s}},{rankedValue:e,rank:E.NO_MATCH,keyIndex:-1,keyThreshold:r.threshold})}function fe(e,t,n){return e=he(e,n),t=he(t,n),t.length>e.length?E.NO_MATCH:e===t?E.CASE_SENSITIVE_EQUAL:(e=e.toLowerCase(),t=t.toLowerCase(),e===t?E.EQUAL:e.startsWith(t)?E.STARTS_WITH:e.includes(` ${t}`)?E.WORD_STARTS_WITH:e.includes(t)?E.CONTAINS:t.length===1?E.NO_MATCH:lt(e).includes(t)?E.ACRONYM:at(e,t))}function lt(e){let t="";return e.split(" ").forEach(r=>{r.split("-").forEach(a=>{t+=a.substr(0,1)})}),t}function at(e,t){let n=0,r=0;function o(i,f,d){for(let s=d,p=f.length;s<p;s++)if(f[s]===i)return n+=1,s+1;return-1}function a(i){const f=1/i,d=n/t.length;return E.MATCHES+d*f}const h=o(t[0],e,0);if(h<0)return E.NO_MATCH;r=h;for(let i=1,f=t.length;i<f;i++){const d=t[i];if(r=o(d,e,r),!(r>-1))return E.NO_MATCH}const m=r-h;return a(m)}function it(e,t,n){const{rank:a,keyIndex:h}=e,{rank:m,keyIndex:i}=t;return a===m?h===i?n(e,t):h<i?-1:1:a>m?-1:1}function he(e,t){let{keepDiacritics:n}=t;return e=`${e}`,n||(e=rt(e)),e}function ct(e,t){typeof t=="object"&&(t=t.key);let n;if(typeof t=="function")n=t(e);else if(e==null)n=null;else if(Object.hasOwnProperty.call(e,t))n=e[t];else{if(t.includes("."))return ut(t,e);n=null}return n==null?[]:Array.isArray(n)?n:[String(n)]}function ut(e,t){const n=e.split(".");let r=[t];for(let o=0,a=n.length;o<a;o++){const h=n[o];let m=[];for(let i=0,f=r.length;i<f;i++){const d=r[i];if(d!=null)if(Object.hasOwnProperty.call(d,h)){const s=d[h];s!=null&&m.push(s)}else h==="*"&&(m=m.concat(d))}r=m}return Array.isArray(r[0])?[].concat(...r):r}function dt(e,t){const n=[];for(let r=0,o=t.length;r<o;r++){const a=t[r],h=ft(a),m=ct(e,a);for(let i=0,f=m.length;i<f;i++)n.push({itemValue:m[i],attributes:h})}return n}const me={maxRanking:1/0,minRanking:-1/0};function ft(e){return typeof e=="string"?me:{...me,...e}}const J="",Oe=e=>{if(typeof e=="number")return String(e);if(typeof e=="string"){const t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);return t&&t.map(n=>n.toLowerCase()).join("-")}},pe=e=>e?e.label:J,ht=e=>e.reduce((t,n)=>n.label&&t.length>n.label.length?t:n.label,J),mt=(e,t,n)=>{const r=t.find(o=>e.value===o.value);return r&&n?t.filter(o=>e.value!==o.value):r?t:[...t,e]},L=(e,t)=>!!t.find(n=>n.value===e),G=(e,t=[])=>t.find(r=>r.label===(e.label||e)||r.value===(e.value||e))||{value:Oe(e),label:e},pt=(e,t,n=!1)=>{const r=n?t.flatMap(o=>o.options):t;return!e&&e!==0?[]:Array.isArray(e)?e.map(o=>G(o,r)):[G(e,r)]},gt=(e,t)=>!!t.find(n=>n.value===e.value),It=(e,t)=>gt(e,t)?e.value:e.label,ge=(e,t)=>{if(e)return e.map(n=>It(n,t))},Et=(e,t)=>{if(e)return e.filter(n=>!t.find(r=>r.value===n.value))},At=({inputValue:e,isMultiple:t,isSearchable:n,options:r,renderItem:o})=>{const a=G(e,r);return t?e:a.label?n?a.label:o(a):J},Se=u(Le.IconWrapper)``,we=u(Ze.Box).withConfig({shouldForwardProp:P.shouldForwardProp})(({disabled:e})=>u.css`
7
- position: relative;
8
- ${u.system}
9
- ${Se} {
10
- color: ${e?u.th("defaultFields.select.disabled.color"):"initial"};
11
- }
12
- `),yt=u.div`
13
- position: relative;
14
- `,Ie=u("div").withConfig({shouldForwardProp:P.shouldForwardProp})(({iconPlacement:e,isClearable:t,size:n,transparent:r,variant:o})=>u.css`
15
- position: relative;
16
- ${Ae.defaultFieldStyles({size:n,variant:o,transparent:r,isClearable:t,iconPlacement:e})};
17
- ${Q.overflowEllipsis};
18
- cursor: pointer;
19
- ${u.system}
20
- line-height: 1em;
21
-
22
- br {
23
- display: none;
24
- }
25
-
26
- &::before {
27
- content: attr(data-spacer);
28
- visibility: hidden;
29
- display: block;
30
- height: 0;
31
- }
32
-
33
- &:empty {
34
- &::after {
35
- content: attr(placeholder);
36
- position: absolute;
37
- top: 0;
38
- right: 0;
39
- bottom: 0;
40
- left: 0;
41
- ${Q.overflowEllipsis};
42
- padding: inherit;
43
- ${u.th("defaultFields.placeholder")}
44
- }
45
- &::before {
46
- height: auto;
47
- }
48
- }
49
- `),bt=u.ul`
50
- ${u.th("defaultFields.select.default")};
51
- ${u.th("cards.default")};
52
- position: absolute;
53
- z-index: 2;
54
- right: 0;
55
- left: 0;
56
- margin: 0;
57
- margin-top: md;
58
- padding: 0;
59
- transition: medium;
60
- overflow: auto;
61
- -webkit-overflow-scrolling: touch;
62
-
63
- &:hover > * {
64
- cursor: pointer;
65
- }
66
- `,Z=u.li(({allowUnselectFromList:e,isDisabled:t,isHighlighted:n,isMultiple:r,isSelected:o})=>u.css`
67
- color: beige-70;
68
- ${n&&u.th("defaultFields.select.highlighted")};
69
- ${o&&!r&&u.th("defaultFields.select.selected")};
70
- ${o&&r&&!e&&u.th("defaultFields.select.existing")};
71
- ${t&&u.th("defaultFields.select.disabled")};
72
- ${Q.overflowEllipsis};
73
- padding: md;
74
- list-style: none;
75
- text-decoration: none;
76
- font-size: sm;
77
- transition: background ${u.th.transition("medium")};
78
- `),vt=u.divBox(({size:e})=>u.css`
79
- position: absolute;
80
- padding: 0;
81
- top: 0;
82
- bottom: 0;
83
- right: ${e==="xs"?"sm":"md"};
84
- display: flex;
85
- gap: xs;
86
- `),Ee=u.button.withConfig({shouldForwardProp:P.shouldForwardProp})(({isOpen:e})=>u.css`
87
- position: relative;
88
- height: 100%;
89
- padding: 0;
90
- outline: none !important; /* important for firefox */
91
- appearance: none;
92
- cursor: pointer;
93
- border: none;
94
- background: transparent;
95
- display: flex;
96
- align-items: center;
97
- justify-content: center;
98
-
99
- ${ze.StyledIcon} {
100
- transform: ${e?"rotate3d(0, 0, 1, 180deg)":"rotate3d(0)"};
101
- transition: medium;
102
- }
103
-
104
- &:not(:last-child) {
105
- width: auto;
106
- }
107
-
108
- &:disabled {
109
- color: ${u.th("defaultFields.select.disabled.color")};
110
- }
111
- `),Ct=u.divBox`
112
- margin-top: lg;
113
-
114
- ${ye.StyledTag}:not(:last-child) {
115
- margin-right: sm;
116
- margin-bottom: sm;
117
- }
118
-
119
- &:empty {
120
- display: none;
121
- }
122
- `;function Ot(e,t){return c.createElement(Ct,{role:"list"},e.map(n=>c.createElement(ye.Tag,{key:n.value,onRemove:()=>t(n.value.toString()),role:"listitem"},n.label)))}const St=de.Downshift$1.default||de.Downshift$1,wt=P.forwardRef(({allowUnselectFromList:e,autoComplete:t="off",autoFocus:n,dataTestId:r,disableCloseOnSelect:o,disabled:a,groupsEnabled:h,icon:m,id:i,isClearable:f,isCreatable:d,isMultiple:s,isSearchable:p,name:O,onBlur:y,onChange:R,onClick:$,onCreate:F,onFocus:W,options:A=[],placeholder:ee="Choose from…",renderCreateItem:xe=x=>`Create "${x}"`,renderGroupHeader:ke,renderItem:j=pe,renderMultiple:Te=Ot,size:D="md",transparent:Ve,value:te,variant:Ue,...ne},H)=>{const x=c.useMemo(()=>pt(te,A,h),[te,A,h]),B=!s&&x[0]||null,K=B?B.label:"",[S,Y]=c.useState(x),[v,N]=c.useState(K),[_,q]=c.useState(A),[w,k]=c.useState(!1);p=d||p,c.useEffect(()=>{var l;n&&((l=H==null?void 0:H.current)==null||l.focus(),p&&k(!0))},[p,n,H]),c.useEffect(()=>{Y(x),N(K),q(A)},[K,A,x]);const Re=l=>{if(p&&l!==v){let g=[];h?g=X(A,l,{keys:[I=>I.label,I=>I.options.map(T=>T.label)]}):g=X(A,l,{keys:["label"]}),N(l),q(g)}},$e=()=>{p&&!w&&k(!0)},re=l=>{let g=[];h?g=ge(l,A.flatMap(V=>V.options)):g=ge(l,A);const I=s?g:g[0],T=Ye.createEvent({name:O,value:s?l:l[0]});if(R&&R(I,T),d){const V=Et(l,A);V.length&&F&&F(V[0].label,T)}},Fe=l=>{let g,I;!l||l!=null&&l.disabled?(g=s?S:[],I=!0):(g=s?mt(l,S,e):[l],I=s),I&&N(""),q(A),Y(g),re(g),o||k(!1)},He=l=>{const g=S.filter(I=>I.value!==l);Y(g),re(g)},Ne=l=>{s&&l.selectedItem?N(""):p&&l.selectedItem&&N(l.selectedItem.label),q(A),k(!1)},De=ht(A),oe=At({inputValue:v,isMultiple:s,isSearchable:p,options:A,renderItem:j});return c.createElement(St,{id:i,inputValue:p?oe:"",isOpen:w,itemToString:pe,onInputValueChange:Re,onOuterClick:Ne,onSelect:Fe,selectedItem:B},({clearSelection:l,getInputProps:g,getItemProps:I,getMenuProps:T,getRootProps:V,getToggleButtonProps:_e,highlightedIndex:z})=>{const se=!!(d&&v&&!L(v,S)),qe=w&&(_.length||se),Pe=f&&v,Me=c.createElement(Ee,{as:"div"},c.createElement(Qe.ClearButton,{onClick:l})),We=c.createElement(Ee,{"data-testid":r&&`${r}-arrow-icon`,disabled:a,isOpen:w,size:D,tabIndex:-1,..._e({onClick:()=>k(!w)})},c.createElement(Xe.DownIcon,{size:"sm"})),je=U=>{$&&$(U),k(!w)},Be=V(ne),le=g({autoComplete:t,autoFocus:n,"data-spacer":De||ee,"data-testid":r,disabled:a,iconPlacement:m?"both":"right",id:i,name:O,onBlur:y,onClick:a?void 0:je,onFocus:W,onKeyDown:$e,placeholder:ee,ref:H,size:D,tabIndex:0,variant:w?"focused":Ue,isClearable:f,transparent:Ve,...ne}),ae=Ae.FIELD_ICON_SIZE[D];return c.createElement(we,{...Be,disabled:a},c.createElement(yt,null,p?c.createElement(Ie,{as:"input",type:"text",...le}):c.createElement(Ie,{...le},oe),m&&c.createElement(Se,{iconPlacement:"left",size:ae},c.cloneElement(m,{...m.props,size:ae})),c.createElement(vt,{size:D},Pe&&Me,We)),qe&&c.createElement(bt,{...T()},_.reduce((U,b,ie)=>{if(h&&"options"in b)U.itemsToRender.push(c.createElement(c.Fragment,{key:b.label},ke(b),b.options&&b.options.map(C=>{const ce=U.itemIndex++,ue=L(C.value,S);return c.createElement(Z,{allowUnselectFromList:e,isDisabled:C.disabled,isHighlighted:z===ce,isMultiple:s,key:C.value,...I({index:ce,isSelected:ue,item:C})},j(C,ue))})));else if("value"in b){const C=L(b.value,S);U.itemsToRender.push(c.createElement(Z,{allowUnselectFromList:e,isDisabled:b.disabled,isHighlighted:z===ie,isMultiple:s,key:b.value,...I({index:ie,isSelected:C,item:b})},j(b,C)))}return U},{itemsToRender:[],itemIndex:0}).itemsToRender,se&&v.length&&c.createElement(Z,{isHighlighted:z===_.length,key:"add",...I({index:_.length,item:{value:Oe(v),label:v}})},xe(v))),s&&Te(S,He))})}),xt=we;exports.Select=wt;exports.StyledSelect=xt;
package/dist/Shape.js DELETED
@@ -1,23 +0,0 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("@xstyled/styled-components"),r=require("./get-max-width-height-CDLBnp_J.js"),d=require("./Box.js"),l=require("./System.js"),h=(t,e,i)=>s.css`
2
- width: ${r.getMax(t,e)};
3
- height: ${r.getMax(t,e)};
4
- border-radius: ${i==="circle"&&"50%"};
5
- `,u=s(d.Box)(({h:t,shape:e,w:i})=>s.css`
6
- position: relative;
7
- overflow: hidden;
8
- display: flex;
9
- align-items: center;
10
- justify-content: center;
11
-
12
- img {
13
- object-fit: cover;
14
- overflow: hidden;
15
- width: 100%;
16
- height: 100%;
17
- }
18
-
19
- ${s.system};
20
-
21
- /* we must override shapeStyles (let this line under ${s.system}) */
22
- ${e&&h(i,t,e)}
23
- `),o=l.forwardRef(({children:t,dataTestId:e,shape:i,...c},n)=>a.createElement(u,{"data-testid":e,ref:n,shape:i,...c},t));o.displayName="Shape";exports.Shape=o;