@pega/cosmos-react-core 3.0.0-dev.15.0 → 3.0.0-dev.17.0

package/lib/components/Icon/icons/user.icon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const name = 'user';
-export const Component = () => (_jsx("path", { d: 'M8.928125,6.88515625 C8.928125,6.88515625 8.928125,6.88515625 8.928125,6.88515625 C8.928125,7.98671875 9.3109375,8.896875 10.0773437,9.66328125 C10.84375,10.4296875 11.7539062,10.8125 12.8554688,10.8125 C13.9570312,10.8125 14.8671875,10.4296875 15.6335937,9.66328125 C16.4,8.896875 16.7828125,7.98671875 16.7828125,6.88515625 C16.7828125,6.88515625 16.7828125,6.88515625 16.7828125,6.88515625 C16.7828125,5.83125 16.4,4.921875 15.6335937,4.10703125 C15.6335937,4.10703125 15.6335937,4.10703125 15.6335937,4.10703125 C14.8671875,3.340625 13.9570312,2.9578125 12.8554688,2.9578125 C11.7539062,2.9578125 10.84375,3.340625 10.0773437,4.10703125 C10.0773437,4.10703125 10.0773437,4.10703125 10.0773437,4.10703125 C9.3109375,4.92109375 8.928125,5.83125 8.928125,6.88515625 Z M7.9703125,6.88515625 C7.9703125,6.88515625 7.9703125,6.88515625 7.9703125,6.88515625 C7.9703125,5.54453125 8.44921875,4.39453125 9.40703125,3.43671875 C10.3648437,2.47890625 11.5140625,2 12.8554688,2 C14.1960937,2 15.3460937,2.47890625 16.3039062,3.43671875 C17.2617188,4.39453125 17.740625,5.54375 17.740625,6.88515625 C17.740625,6.88515625 17.740625,6.88515625 17.740625,6.88515625 C17.740625,8.27421875 17.2617188,9.4234375 16.3039062,10.38125 C15.3460938,11.3390625 14.196875,11.8179688 12.8554688,11.8179688 C11.5148438,11.8179688 10.3648437,11.3390625 9.40703125,10.38125 C8.44921875,9.4234375 7.9703125,8.27421875 7.9703125,6.88515625 Z M20.709375,21.6359375 C20.709375,21.6359375 19.7039062,21.6359375 19.7039062,21.6359375 C19.7039062,21.6359375 19.7039062,20.6304688 19.7039062,20.6304688 C19.7039062,18.7148438 19.0335937,17.0867188 17.6921875,15.7453125 C17.6921875,15.7453125 17.6921875,15.7453125 17.6921875,15.7453125 C16.3992187,14.4523438 14.7710937,13.7820313 12.8546875,13.7820313 C12.8546875,13.7820313 12.8546875,13.7820313 12.8546875,13.7820313 C10.9867187,13.7820313 9.35859375,14.4523438 8.0171875,15.79375 C8.0171875,15.79375 8.0171875,15.79375 8.0171875,15.79375 C6.6765625,17.0867188 6.00546875,18.7148438 6.00546875,20.63125 C6.00546875,20.63125 6.00546875,20.63125 6.00546875,20.63125 C6.00546875,20.63125 6.00546875,21.6367188 6.00546875,21.6367188 C6.00546875,21.6367188 5,21.6367188 5,21.6367188 C5,21.6367188 5,20.63125 5,20.63125 C5,18.4757813 5.76640625,16.65625 7.29921875,15.1234375 C7.29921875,15.1234375 7.29921875,15.1234375 7.29921875,15.1234375 C8.83203125,13.5429688 10.7,12.7765625 12.8546875,12.7765625 C15.009375,12.7765625 16.8773438,13.5429688 18.4101562,15.0757813 C19.9429687,16.6085938 20.709375,18.4757813 20.709375,20.63125 C20.709375,20.63125 20.709375,20.63125 20.709375,20.63125 C20.709375,20.63125 20.709375,21.1101563 20.709375,21.1101563 C20.709375,21.1101563 20.709375,21.6367188 20.709375,21.6367188 L20.709375,21.6359375 Z' }));
+export const Component = () => (_jsx("path", { d: 'M8.5007957,7.47553213 C8.5007957,7.47553213 8.5007957,7.47553213 8.5007957,7.47553213 C8.5007957,8.59747364 8.89069027,9.52446787 9.67127511,10.3050527 C10.45186,11.0856376 11.3788542,11.4755321 12.5007957,11.4755321 C13.6227372,11.4755321 14.5497315,11.0856376 15.3303163,10.3050527 C16.1109011,9.52446787 16.5007957,8.59747364 16.5007957,7.47553213 C16.5007957,7.47553213 16.5007957,7.47553213 16.5007957,7.47553213 C16.5007957,6.40212851 16.1109011,5.47592998 15.3303163,4.64601154 C15.3303163,4.64601154 15.3303163,4.64601154 15.3303163,4.64601154 C14.5497315,3.8654267 13.6227372,3.47553213 12.5007957,3.47553213 C11.3788542,3.47553213 10.45186,3.8654267 9.67127511,4.64601154 C9.67127511,4.64601154 9.67127511,4.64601154 9.67127511,4.64601154 C8.89069027,5.47513427 8.5007957,6.40212851 8.5007957,7.47553213 Z M7.52526358,7.47553213 C7.52526358,7.47553213 7.52526358,7.47553213 7.52526358,7.47553213 C7.52526358,6.11010543 8.01302964,4.93883032 8.98856177,3.96329819 C9.96409389,2.98776606 11.1345733,2.5 12.5007957,2.5 C13.8662224,2.5 15.0374975,2.98776606 16.0130296,3.96329819 C16.9885618,4.93883032 17.4763278,6.10930973 17.4763278,7.47553213 C17.4763278,7.47553213 17.4763278,7.47553213 17.4763278,7.47553213 C17.4763278,8.89029242 16.9885618,10.0607718 16.0130296,11.036304 C15.0374975,12.0118361 13.8670181,12.4996021 12.5007957,12.4996021 C11.135369,12.4996021 9.96409389,12.0118361 8.98856177,11.036304 C8.01302964,10.0607718 7.52526358,8.89029242 7.52526358,7.47553213 Z M20.5,22.4992043 C20.5,22.4992043 19.47593,22.4992043 19.47593,22.4992043 C19.47593,22.4992043 19.47593,21.4751343 19.47593,21.4751343 C19.47593,19.52407 18.7932166,17.8658245 17.4269942,16.4996021 C17.4269942,16.4996021 17.4269942,16.4996021 17.4269942,16.4996021 C16.1101054,15.1827133 14.45186,14.5 12.5,14.5 C12.5,14.5 12.5,14.5 12.5,14.5 C10.5974736,14.5 8.93922817,15.1827133 7.57300577,16.5489357 C7.57300577,16.5489357 7.57300577,16.5489357 7.57300577,16.5489357 C6.20757907,17.8658245 5.52407002,19.52407 5.52407002,21.47593 C5.52407002,21.47593 5.52407002,21.47593 5.52407002,21.47593 C5.52407002,21.47593 5.52407002,22.5 5.52407002,22.5 C5.52407002,22.5 4.5,22.5 4.5,22.5 C4.5,22.5 4.5,21.47593 4.5,21.47593 C4.5,19.2805848 5.28058484,17.4273921 6.84175453,15.8662224 C6.84175453,15.8662224 6.84175453,15.8662224 6.84175453,15.8662224 C8.40292421,14.2565148 10.3054506,13.47593 12.5,13.47593 C14.6945494,13.47593 16.5970758,14.2565148 18.1582455,15.8176845 C19.7194152,17.3788542 20.5,19.2805848 20.5,21.47593 C20.5,21.47593 20.5,21.47593 20.5,21.47593 C20.5,21.47593 20.5,21.963696 20.5,21.963696 C20.5,21.963696 20.5,22.5 20.5,22.5 L20.5,22.4992043 Z' }));
 export const viewBox = '0 0 25 25';
 //# sourceMappingURL=user.icon.js.map

package/lib/components/Icon/icons/user.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"user.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/user.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,osFAAosF,GAAG,CAChtF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport const name = 'user';\n\nexport const Component = () => (\n  <path d='M8.928125,6.88515625 C8.928125,6.88515625 8.928125,6.88515625 8.928125,6.88515625 C8.928125,7.98671875 9.3109375,8.896875 10.0773437,9.66328125 C10.84375,10.4296875 11.7539062,10.8125 12.8554688,10.8125 C13.9570312,10.8125 14.8671875,10.4296875 15.6335937,9.66328125 C16.4,8.896875 16.7828125,7.98671875 16.7828125,6.88515625 C16.7828125,6.88515625 16.7828125,6.88515625 16.7828125,6.88515625 C16.7828125,5.83125 16.4,4.921875 15.6335937,4.10703125 C15.6335937,4.10703125 15.6335937,4.10703125 15.6335937,4.10703125 C14.8671875,3.340625 13.9570312,2.9578125 12.8554688,2.9578125 C11.7539062,2.9578125 10.84375,3.340625 10.0773437,4.10703125 C10.0773437,4.10703125 10.0773437,4.10703125 10.0773437,4.10703125 C9.3109375,4.92109375 8.928125,5.83125 8.928125,6.88515625 Z M7.9703125,6.88515625 C7.9703125,6.88515625 7.9703125,6.88515625 7.9703125,6.88515625 C7.9703125,5.54453125 8.44921875,4.39453125 9.40703125,3.43671875 C10.3648437,2.47890625 11.5140625,2 12.8554688,2 C14.1960937,2 15.3460937,2.47890625 16.3039062,3.43671875 C17.2617188,4.39453125 17.740625,5.54375 17.740625,6.88515625 C17.740625,6.88515625 17.740625,6.88515625 17.740625,6.88515625 C17.740625,8.27421875 17.2617188,9.4234375 16.3039062,10.38125 C15.3460938,11.3390625 14.196875,11.8179688 12.8554688,11.8179688 C11.5148438,11.8179688 10.3648437,11.3390625 9.40703125,10.38125 C8.44921875,9.4234375 7.9703125,8.27421875 7.9703125,6.88515625 Z M20.709375,21.6359375 C20.709375,21.6359375 19.7039062,21.6359375 19.7039062,21.6359375 C19.7039062,21.6359375 19.7039062,20.6304688 19.7039062,20.6304688 C19.7039062,18.7148438 19.0335937,17.0867188 17.6921875,15.7453125 C17.6921875,15.7453125 17.6921875,15.7453125 17.6921875,15.7453125 C16.3992187,14.4523438 14.7710937,13.7820313 12.8546875,13.7820313 C12.8546875,13.7820313 12.8546875,13.7820313 12.8546875,13.7820313 C10.9867187,13.7820313 9.35859375,14.4523438 8.0171875,15.79375 C8.0171875,15.79375 8.0171875,15.79375 8.0171875,15.79375 C6.6765625,17.0867188 6.00546875,18.7148438 6.00546875,20.63125 C6.00546875,20.63125 6.00546875,20.63125 6.00546875,20.63125 C6.00546875,20.63125 6.00546875,21.6367188 6.00546875,21.6367188 C6.00546875,21.6367188 5,21.6367188 5,21.6367188 C5,21.6367188 5,20.63125 5,20.63125 C5,18.4757813 5.76640625,16.65625 7.29921875,15.1234375 C7.29921875,15.1234375 7.29921875,15.1234375 7.29921875,15.1234375 C8.83203125,13.5429688 10.7,12.7765625 12.8546875,12.7765625 C15.009375,12.7765625 16.8773438,13.5429688 18.4101562,15.0757813 C19.9429687,16.6085938 20.709375,18.4757813 20.709375,20.63125 C20.709375,20.63125 20.709375,20.63125 20.709375,20.63125 C20.709375,20.63125 20.709375,21.1101563 20.709375,21.1101563 C20.709375,21.1101563 20.709375,21.6367188 20.709375,21.6367188 L20.709375,21.6359375 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}
+{"version":3,"file":"user.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/user.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,4lFAA4lF,GAAG,CACxmF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport const name = 'user';\n\nexport const Component = () => (\n  <path d='M8.5007957,7.47553213 C8.5007957,7.47553213 8.5007957,7.47553213 8.5007957,7.47553213 C8.5007957,8.59747364 8.89069027,9.52446787 9.67127511,10.3050527 C10.45186,11.0856376 11.3788542,11.4755321 12.5007957,11.4755321 C13.6227372,11.4755321 14.5497315,11.0856376 15.3303163,10.3050527 C16.1109011,9.52446787 16.5007957,8.59747364 16.5007957,7.47553213 C16.5007957,7.47553213 16.5007957,7.47553213 16.5007957,7.47553213 C16.5007957,6.40212851 16.1109011,5.47592998 15.3303163,4.64601154 C15.3303163,4.64601154 15.3303163,4.64601154 15.3303163,4.64601154 C14.5497315,3.8654267 13.6227372,3.47553213 12.5007957,3.47553213 C11.3788542,3.47553213 10.45186,3.8654267 9.67127511,4.64601154 C9.67127511,4.64601154 9.67127511,4.64601154 9.67127511,4.64601154 C8.89069027,5.47513427 8.5007957,6.40212851 8.5007957,7.47553213 Z M7.52526358,7.47553213 C7.52526358,7.47553213 7.52526358,7.47553213 7.52526358,7.47553213 C7.52526358,6.11010543 8.01302964,4.93883032 8.98856177,3.96329819 C9.96409389,2.98776606 11.1345733,2.5 12.5007957,2.5 C13.8662224,2.5 15.0374975,2.98776606 16.0130296,3.96329819 C16.9885618,4.93883032 17.4763278,6.10930973 17.4763278,7.47553213 C17.4763278,7.47553213 17.4763278,7.47553213 17.4763278,7.47553213 C17.4763278,8.89029242 16.9885618,10.0607718 16.0130296,11.036304 C15.0374975,12.0118361 13.8670181,12.4996021 12.5007957,12.4996021 C11.135369,12.4996021 9.96409389,12.0118361 8.98856177,11.036304 C8.01302964,10.0607718 7.52526358,8.89029242 7.52526358,7.47553213 Z M20.5,22.4992043 C20.5,22.4992043 19.47593,22.4992043 19.47593,22.4992043 C19.47593,22.4992043 19.47593,21.4751343 19.47593,21.4751343 C19.47593,19.52407 18.7932166,17.8658245 17.4269942,16.4996021 C17.4269942,16.4996021 17.4269942,16.4996021 17.4269942,16.4996021 C16.1101054,15.1827133 14.45186,14.5 12.5,14.5 C12.5,14.5 12.5,14.5 12.5,14.5 C10.5974736,14.5 8.93922817,15.1827133 7.57300577,16.5489357 C7.57300577,16.5489357 7.57300577,16.5489357 7.57300577,16.5489357 C6.20757907,17.8658245 5.52407002,19.52407 5.52407002,21.47593 C5.52407002,21.47593 5.52407002,21.47593 5.52407002,21.47593 C5.52407002,21.47593 5.52407002,22.5 5.52407002,22.5 C5.52407002,22.5 4.5,22.5 4.5,22.5 C4.5,22.5 4.5,21.47593 4.5,21.47593 C4.5,19.2805848 5.28058484,17.4273921 6.84175453,15.8662224 C6.84175453,15.8662224 6.84175453,15.8662224 6.84175453,15.8662224 C8.40292421,14.2565148 10.3054506,13.47593 12.5,13.47593 C14.6945494,13.47593 16.5970758,14.2565148 18.1582455,15.8176845 C19.7194152,17.3788542 20.5,19.2805848 20.5,21.47593 C20.5,21.47593 20.5,21.47593 20.5,21.47593 C20.5,21.47593 20.5,21.963696 20.5,21.963696 C20.5,21.963696 20.5,22.5 20.5,22.5 L20.5,22.4992043 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}

package/lib/components/Icon/icons/warn-solid.icon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const name = 'warn-solid';
-export const Component = () => (_jsx("path", { d: 'M23.6054688,23.4078125 C23.6054688,23.4078125 1,23.4078125 1,23.4078125 C1,23.4078125 12.3023438,2 12.3023438,2 C12.3023438,2 23.6046875,23.4078125 23.6046875,23.4078125 L23.6054688,23.4078125 Z M13.5960937,15.984375 C13.5960937,15.984375 13.5960937,15.984375 13.5960937,15.984375 C13.5960937,15.984375 13.5960937,9.375 13.5960937,9.375 C13.2609375,9.03984375 12.8296875,8.89609375 12.3984375,8.89609375 C12.3984375,8.89609375 12.3984375,8.89609375 12.3984375,8.89609375 C11.9671875,8.89609375 11.584375,9.03984375 11.153125,9.375 C11.153125,9.375 11.153125,9.375 11.153125,9.375 C11.153125,9.375 11.153125,15.984375 11.153125,15.984375 C11.4882812,16.128125 11.9195312,16.2234375 12.3984375,16.2234375 C12.8773437,16.2234375 13.2601562,16.1273437 13.5960937,15.984375 Z M12.3507812,21.1085938 C12.3507812,21.1085938 12.3507812,21.1085938 12.3507812,21.1085938 C12.8296875,21.1085938 13.2609375,20.9171875 13.5960937,20.5820313 C13.93125,20.246875 14.075,19.8632812 14.075,19.4328125 C14.075,19.4328125 14.075,19.4328125 14.075,19.4328125 C14.075,18.9539063 13.93125,18.5226563 13.5960937,18.1875 C13.2609375,17.8523437 12.8296875,17.7085938 12.3507812,17.7085938 C12.3507812,17.7085938 12.3507812,17.7085938 12.3507812,17.7085938 C11.9195312,17.7085938 11.5367187,17.8523438 11.2015625,18.1875 C10.8664062,18.5226563 10.675,18.9539063 10.675,19.4328125 C10.675,19.4328125 10.675,19.4328125 10.675,19.4328125 C10.675,19.8640625 10.8664062,20.246875 11.2015625,20.5820313 C11.5367187,20.9171875 11.9203125,21.1085938 12.3507812,21.1085938 Z' }));
+export const Component = () => (_jsx("path", { d: 'M23.5,22.5 C23.5,22.5 1.5,22.5 1.5,22.5 C1.5,22.5 12.4996198,2.5 12.4996198,2.5 C12.4996198,2.5 23.4992397,22.5 23.4992397,22.5 L23.5,22.5 Z M13.7587178,15.5647398 C13.7587178,15.5647398 13.7587178,15.5647398 13.7587178,15.5647398 C13.7587178,15.5647398 13.7587178,9.39000803 13.7587178,9.39000803 C13.4325384,9.0768922 13.0128391,8.94259543 12.5931398,8.94259543 C12.5931398,8.94259543 12.5931398,8.94259543 12.5931398,8.94259543 C12.1734405,8.94259543 11.8008813,9.0768922 11.381182,9.39000803 C11.381182,9.39000803 11.381182,9.39000803 11.381182,9.39000803 C11.381182,9.39000803 11.381182,15.5647398 11.381182,15.5647398 C11.7073613,15.6990366 12.1270607,15.7880812 12.5931398,15.7880812 C13.0592189,15.7880812 13.4317781,15.6983067 13.7587178,15.5647398 Z M12.54676,20.3519816 C12.54676,20.3519816 12.54676,20.3519816 12.54676,20.3519816 C13.0128391,20.3519816 13.4325384,20.1731625 13.7587178,19.8600467 C14.0848972,19.5469309 14.224797,19.1885629 14.224797,18.7864025 C14.224797,18.7864025 14.224797,18.7864025 14.224797,18.7864025 C14.224797,18.3389899 14.0848972,17.9360996 13.7587178,17.6229837 C13.4325384,17.3098679 13.0128391,17.1755711 12.54676,17.1755711 C12.54676,17.1755711 12.54676,17.1755711 12.54676,17.1755711 C12.1270607,17.1755711 11.7545015,17.3098679 11.4283221,17.6229837 C11.1021427,17.9360996 10.9158631,18.3389899 10.9158631,18.7864025 C10.9158631,18.7864025 10.9158631,18.7864025 10.9158631,18.7864025 C10.9158631,19.1892928 11.1021427,19.5469309 11.4283221,19.8600467 C11.7545015,20.1731625 12.127821,20.3519816 12.54676,20.3519816 Z' }));
 export const viewBox = '0 0 25 25';
 //# sourceMappingURL=warn-solid.icon.js.map

package/lib/components/Icon/icons/warn-solid.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"warn-solid.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/warn-solid.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,qgDAAqgD,GAAG,CACjhD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport const name = 'warn-solid';\n\nexport const Component = () => (\n  <path d='M23.6054688,23.4078125 C23.6054688,23.4078125 1,23.4078125 1,23.4078125 C1,23.4078125 12.3023438,2 12.3023438,2 C12.3023438,2 23.6046875,23.4078125 23.6046875,23.4078125 L23.6054688,23.4078125 Z M13.5960937,15.984375 C13.5960937,15.984375 13.5960937,15.984375 13.5960937,15.984375 C13.5960937,15.984375 13.5960937,9.375 13.5960937,9.375 C13.2609375,9.03984375 12.8296875,8.89609375 12.3984375,8.89609375 C12.3984375,8.89609375 12.3984375,8.89609375 12.3984375,8.89609375 C11.9671875,8.89609375 11.584375,9.03984375 11.153125,9.375 C11.153125,9.375 11.153125,9.375 11.153125,9.375 C11.153125,9.375 11.153125,15.984375 11.153125,15.984375 C11.4882812,16.128125 11.9195312,16.2234375 12.3984375,16.2234375 C12.8773437,16.2234375 13.2601562,16.1273437 13.5960937,15.984375 Z M12.3507812,21.1085938 C12.3507812,21.1085938 12.3507812,21.1085938 12.3507812,21.1085938 C12.8296875,21.1085938 13.2609375,20.9171875 13.5960937,20.5820313 C13.93125,20.246875 14.075,19.8632812 14.075,19.4328125 C14.075,19.4328125 14.075,19.4328125 14.075,19.4328125 C14.075,18.9539063 13.93125,18.5226563 13.5960937,18.1875 C13.2609375,17.8523437 12.8296875,17.7085938 12.3507812,17.7085938 C12.3507812,17.7085938 12.3507812,17.7085938 12.3507812,17.7085938 C11.9195312,17.7085938 11.5367187,17.8523438 11.2015625,18.1875 C10.8664062,18.5226563 10.675,18.9539063 10.675,19.4328125 C10.675,19.4328125 10.675,19.4328125 10.675,19.4328125 C10.675,19.8640625 10.8664062,20.246875 11.2015625,20.5820313 C11.5367187,20.9171875 11.9203125,21.1085938 12.3507812,21.1085938 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}
+{"version":3,"file":"warn-solid.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/warn-solid.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,6hDAA6hD,GAAG,CACziD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport const name = 'warn-solid';\n\nexport const Component = () => (\n  <path d='M23.5,22.5 C23.5,22.5 1.5,22.5 1.5,22.5 C1.5,22.5 12.4996198,2.5 12.4996198,2.5 C12.4996198,2.5 23.4992397,22.5 23.4992397,22.5 L23.5,22.5 Z M13.7587178,15.5647398 C13.7587178,15.5647398 13.7587178,15.5647398 13.7587178,15.5647398 C13.7587178,15.5647398 13.7587178,9.39000803 13.7587178,9.39000803 C13.4325384,9.0768922 13.0128391,8.94259543 12.5931398,8.94259543 C12.5931398,8.94259543 12.5931398,8.94259543 12.5931398,8.94259543 C12.1734405,8.94259543 11.8008813,9.0768922 11.381182,9.39000803 C11.381182,9.39000803 11.381182,9.39000803 11.381182,9.39000803 C11.381182,9.39000803 11.381182,15.5647398 11.381182,15.5647398 C11.7073613,15.6990366 12.1270607,15.7880812 12.5931398,15.7880812 C13.0592189,15.7880812 13.4317781,15.6983067 13.7587178,15.5647398 Z M12.54676,20.3519816 C12.54676,20.3519816 12.54676,20.3519816 12.54676,20.3519816 C13.0128391,20.3519816 13.4325384,20.1731625 13.7587178,19.8600467 C14.0848972,19.5469309 14.224797,19.1885629 14.224797,18.7864025 C14.224797,18.7864025 14.224797,18.7864025 14.224797,18.7864025 C14.224797,18.3389899 14.0848972,17.9360996 13.7587178,17.6229837 C13.4325384,17.3098679 13.0128391,17.1755711 12.54676,17.1755711 C12.54676,17.1755711 12.54676,17.1755711 12.54676,17.1755711 C12.1270607,17.1755711 11.7545015,17.3098679 11.4283221,17.6229837 C11.1021427,17.9360996 10.9158631,18.3389899 10.9158631,18.7864025 C10.9158631,18.7864025 10.9158631,18.7864025 10.9158631,18.7864025 C10.9158631,19.1892928 11.1021427,19.5469309 11.4283221,19.8600467 C11.7545015,20.1731625 12.127821,20.3519816 12.54676,20.3519816 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}

package/lib/components/Icon/icons/warn.icon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // This file is autogenerated. Any changes will be overwritten.
 export const name = 'warn';
-export const Component = () => (_jsx("path", { d: 'M12.303125,4.10703125 C12.303125,4.10703125 2.62890625,22.4023438 2.62890625,22.4023438 C2.62890625,22.4023438 21.9773437,22.4023438 21.9773437,22.4023438 C21.9773437,22.4023438 12.303125,4.10703125 12.303125,4.10703125 Z M23.6054688,23.4078125 C23.6054688,23.4078125 1,23.4078125 1,23.4078125 C1,23.4078125 12.3023438,2 12.3023438,2 C12.3023438,2 23.6046875,23.4078125 23.6046875,23.4078125 L23.6054688,23.4078125 Z M13.5960937,9.375 C13.5960937,9.375 13.5960937,15.984375 13.5960937,15.984375 C13.2609375,16.128125 12.8773437,16.2234375 12.3984375,16.2234375 C11.9195312,16.2234375 11.4882812,16.1273438 11.153125,15.984375 C11.153125,15.984375 11.153125,15.984375 11.153125,15.984375 C11.153125,15.984375 11.153125,9.375 11.153125,9.375 C11.584375,9.03984375 11.9671875,8.89609375 12.3984375,8.89609375 C12.3984375,8.89609375 12.3984375,8.89609375 12.3984375,8.89609375 C12.8296875,8.89609375 13.2601562,9.03984375 13.5960937,9.375 C13.5960937,9.375 13.5960937,9.375 13.5960937,9.375 Z M14.075,19.4328125 C14.075,19.4328125 14.075,19.4328125 14.075,19.4328125 C14.075,19.8640625 13.93125,20.246875 13.5960937,20.5820313 C13.2609375,20.9171875 12.8296875,21.1085938 12.3507812,21.1085938 C12.3507812,21.1085938 12.3507812,21.1085938 12.3507812,21.1085938 C11.9195312,21.1085938 11.5367187,20.9171875 11.2015625,20.5820313 C10.8664062,20.246875 10.675,19.8632812 10.675,19.4328125 C10.675,19.4328125 10.675,19.4328125 10.675,19.4328125 C10.675,18.9539063 10.8664062,18.5226563 11.2015625,18.1875 C11.5367187,17.8523437 11.9203125,17.7085938 12.3507812,17.7085938 C12.3507812,17.7085938 12.3507812,17.7085938 12.3507812,17.7085938 C12.8296875,17.7085938 13.2609375,17.8523438 13.5960937,18.1875 C13.93125,18.5226563 14.075,18.9539063 14.075,19.4328125 Z' }));
+export const Component = () => (_jsx("path", { d: 'M12.5003802,4.46846945 C12.5003802,4.46846945 3.08527735,21.5606525 3.08527735,21.5606525 C3.08527735,21.5606525 21.915483,21.5606525 21.915483,21.5606525 C21.915483,21.5606525 12.5003802,4.46846945 12.5003802,4.46846945 Z M23.5,22.5 C23.5,22.5 1.5,22.5 1.5,22.5 C1.5,22.5 12.4996198,2.5 12.4996198,2.5 C12.4996198,2.5 23.4992397,22.5 23.4992397,22.5 L23.5,22.5 Z M13.7587178,9.39000803 C13.7587178,9.39000803 13.7587178,15.5647398 13.7587178,15.5647398 C13.4325384,15.6990366 13.0592189,15.7880812 12.5931398,15.7880812 C12.1270607,15.7880812 11.7073613,15.6983067 11.381182,15.5647398 C11.381182,15.5647398 11.381182,15.5647398 11.381182,15.5647398 C11.381182,15.5647398 11.381182,9.39000803 11.381182,9.39000803 C11.8008813,9.0768922 12.1734405,8.94259543 12.5931398,8.94259543 C12.5931398,8.94259543 12.5931398,8.94259543 12.5931398,8.94259543 C13.0128391,8.94259543 13.4317781,9.0768922 13.7587178,9.39000803 C13.7587178,9.39000803 13.7587178,9.39000803 13.7587178,9.39000803 Z M14.224797,18.7864025 C14.224797,18.7864025 14.224797,18.7864025 14.224797,18.7864025 C14.224797,19.1892928 14.0848972,19.5469309 13.7587178,19.8600467 C13.4325384,20.1731625 13.0128391,20.3519816 12.54676,20.3519816 C12.54676,20.3519816 12.54676,20.3519816 12.54676,20.3519816 C12.1270607,20.3519816 11.7545015,20.1731625 11.4283221,19.8600467 C11.1021427,19.5469309 10.9158631,19.1885629 10.9158631,18.7864025 C10.9158631,18.7864025 10.9158631,18.7864025 10.9158631,18.7864025 C10.9158631,18.3389899 11.1021427,17.9360996 11.4283221,17.6229837 C11.7545015,17.3098679 12.127821,17.1755711 12.54676,17.1755711 C12.54676,17.1755711 12.54676,17.1755711 12.54676,17.1755711 C13.0128391,17.1755711 13.4325384,17.3098679 13.7587178,17.6229837 C14.0848972,17.9360996 14.224797,18.3389899 14.224797,18.7864025 Z' }));
 export const viewBox = '0 0 25 25';
 //# sourceMappingURL=warn.icon.js.map

package/lib/components/Icon/icons/warn.icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"warn.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/warn.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,2tDAA2tD,GAAG,CACvuD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport const name = 'warn';\n\nexport const Component = () => (\n  <path d='M12.303125,4.10703125 C12.303125,4.10703125 2.62890625,22.4023438 2.62890625,22.4023438 C2.62890625,22.4023438 21.9773437,22.4023438 21.9773437,22.4023438 C21.9773437,22.4023438 12.303125,4.10703125 12.303125,4.10703125 Z M23.6054688,23.4078125 C23.6054688,23.4078125 1,23.4078125 1,23.4078125 C1,23.4078125 12.3023438,2 12.3023438,2 C12.3023438,2 23.6046875,23.4078125 23.6046875,23.4078125 L23.6054688,23.4078125 Z M13.5960937,9.375 C13.5960937,9.375 13.5960937,15.984375 13.5960937,15.984375 C13.2609375,16.128125 12.8773437,16.2234375 12.3984375,16.2234375 C11.9195312,16.2234375 11.4882812,16.1273438 11.153125,15.984375 C11.153125,15.984375 11.153125,15.984375 11.153125,15.984375 C11.153125,15.984375 11.153125,9.375 11.153125,9.375 C11.584375,9.03984375 11.9671875,8.89609375 12.3984375,8.89609375 C12.3984375,8.89609375 12.3984375,8.89609375 12.3984375,8.89609375 C12.8296875,8.89609375 13.2601562,9.03984375 13.5960937,9.375 C13.5960937,9.375 13.5960937,9.375 13.5960937,9.375 Z M14.075,19.4328125 C14.075,19.4328125 14.075,19.4328125 14.075,19.4328125 C14.075,19.8640625 13.93125,20.246875 13.5960937,20.5820313 C13.2609375,20.9171875 12.8296875,21.1085938 12.3507812,21.1085938 C12.3507812,21.1085938 12.3507812,21.1085938 12.3507812,21.1085938 C11.9195312,21.1085938 11.5367187,20.9171875 11.2015625,20.5820313 C10.8664062,20.246875 10.675,19.8632812 10.675,19.4328125 C10.675,19.4328125 10.675,19.4328125 10.675,19.4328125 C10.675,18.9539063 10.8664062,18.5226563 11.2015625,18.1875 C11.5367187,17.8523437 11.9203125,17.7085938 12.3507812,17.7085938 C12.3507812,17.7085938 12.3507812,17.7085938 12.3507812,17.7085938 C12.8296875,17.7085938 13.2609375,17.8523438 13.5960937,18.1875 C13.93125,18.5226563 14.075,18.9539063 14.075,19.4328125 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}
+{"version":3,"file":"warn.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/icons/warn.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC;AAE3B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,eAAM,CAAC,EAAC,6vDAA6vD,GAAG,CACzwD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport const name = 'warn';\n\nexport const Component = () => (\n  <path d='M12.5003802,4.46846945 C12.5003802,4.46846945 3.08527735,21.5606525 3.08527735,21.5606525 C3.08527735,21.5606525 21.915483,21.5606525 21.915483,21.5606525 C21.915483,21.5606525 12.5003802,4.46846945 12.5003802,4.46846945 Z M23.5,22.5 C23.5,22.5 1.5,22.5 1.5,22.5 C1.5,22.5 12.4996198,2.5 12.4996198,2.5 C12.4996198,2.5 23.4992397,22.5 23.4992397,22.5 L23.5,22.5 Z M13.7587178,9.39000803 C13.7587178,9.39000803 13.7587178,15.5647398 13.7587178,15.5647398 C13.4325384,15.6990366 13.0592189,15.7880812 12.5931398,15.7880812 C12.1270607,15.7880812 11.7073613,15.6983067 11.381182,15.5647398 C11.381182,15.5647398 11.381182,15.5647398 11.381182,15.5647398 C11.381182,15.5647398 11.381182,9.39000803 11.381182,9.39000803 C11.8008813,9.0768922 12.1734405,8.94259543 12.5931398,8.94259543 C12.5931398,8.94259543 12.5931398,8.94259543 12.5931398,8.94259543 C13.0128391,8.94259543 13.4317781,9.0768922 13.7587178,9.39000803 C13.7587178,9.39000803 13.7587178,9.39000803 13.7587178,9.39000803 Z M14.224797,18.7864025 C14.224797,18.7864025 14.224797,18.7864025 14.224797,18.7864025 C14.224797,19.1892928 14.0848972,19.5469309 13.7587178,19.8600467 C13.4325384,20.1731625 13.0128391,20.3519816 12.54676,20.3519816 C12.54676,20.3519816 12.54676,20.3519816 12.54676,20.3519816 C12.1270607,20.3519816 11.7545015,20.1731625 11.4283221,19.8600467 C11.1021427,19.5469309 10.9158631,19.1885629 10.9158631,18.7864025 C10.9158631,18.7864025 10.9158631,18.7864025 10.9158631,18.7864025 C10.9158631,18.3389899 11.1021427,17.9360996 11.4283221,17.6229837 C11.7545015,17.3098679 12.127821,17.1755711 12.54676,17.1755711 C12.54676,17.1755711 12.54676,17.1755711 12.54676,17.1755711 C13.0128391,17.1755711 13.4325384,17.3098679 13.7587178,17.6229837 C14.0848972,17.9360996 14.224797,18.3389899 14.224797,18.7864025 Z' />\n);\n\nexport const viewBox = '0 0 25 25';\n"]}

package/lib/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAMrE,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,SAAS,EAAE,cAAc;IAC7E;;;OAGG;IACH,IAAI,CAAC,EACD,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,CAAC;IACZ,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,GAAG,YAAY,CAoDxC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAMrE,MAAM,WAAW,UAAW,SAAQ,gBAAgB,EAAE,SAAS,EAAE,cAAc;IAC7E;;;OAGG;IACH,IAAI,CAAC,EACD,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,GACP,KAAK,GACL,QAAQ,GACR,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,CAAC;IACZ,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,GAAG,YAAY,CAkExC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Input/Input.js

@@ -7,7 +7,7 @@ import { useUID } from '../../hooks';
 import StyledInput from './Input.styles';
 const Input = forwardRef((props, ref) => {
     const uid = useUID();
-    const { id = uid, value, defaultValue, required = false, disabled = false, label, labelHidden, info, status, actions, ...restProps } = props;
+    const { id = uid, value, defaultValue, required = false, disabled = false, label, labelHidden, info, status, actions, onResolveSuggestion, ...restProps } = props;
     const controlProp = {};
     // Conditionally render component as controlled/uncontrolled
     if (hasProp(props, 'value')) {
@@ -22,11 +22,22 @@ const Input = forwardRef((props, ref) => {
             required,
             disabled,
             status,
+            hasSuggestion: !!onResolveSuggestion && status === 'pending',
             ...controlProp,
             ...restProps,
             as: StyledInput
         } }));
-    return label ? (_jsx(FormField, { ...{ label, labelHidden, id, info, status, required, disabled, actions }, children: Comp })) : (Comp);
+    return label ? (_jsx(FormField, { ...{
+            label,
+            labelHidden,
+            id,
+            info,
+            status,
+            required,
+            disabled,
+            actions,
+            onResolveSuggestion
+        }, children: Comp })) : (Comp);
 });
 export default Input;
 //# sourceMappingURL=Input.js.map

package/lib/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,UAAU,EAAmB,MAAM,OAAO,CAAC;AAG7D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAyBzC,MAAM,KAAK,GAAkC,UAAU,CACrD,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EACJ,EAAE,GAAG,GAAG,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAGb,EAAE,CAAC;IAEP,4DAA4D;IAC5D,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;KACjC;SAAM,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;QACzC,WAAW,CAAC,YAAY,GAAG,YAAY,IAAI,EAAE,CAAC;KAC/C;IAED,MAAM,IAAI,GAAG,CACX,KAAC,iBAAiB,OACZ;YACF,GAAG;YACH,EAAE;YACF,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,GAAG,WAAW;YACd,GAAG,SAAS;YACZ,EAAE,EAAE,WAAW;SAChB,GACD,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,OAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,YACjF,IAAI,GACK,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { FC, Ref, forwardRef, PropsWithoutRef } from 'react';\n\nimport { Action, BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport FormField from '../FormField';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport { hasProp } from '../../utils';\nimport { useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\n\nexport interface InputProps extends FormControlProps, BaseProps, NoChildrenProp {\n  /**\n   * Specifies the type of input to be used.\n   * @default \"text\"\n   */\n  type?:\n    | 'text'\n    | 'password'\n    | 'number'\n    | 'email'\n    | 'url'\n    | 'search'\n    | 'tel'\n    | 'date'\n    | 'datetime-local'\n    | 'time'\n    | 'week'\n    | 'month'\n    | 'color';\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Action[];\n}\n\nconst Input: FC<InputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<InputProps>, ref: Ref<HTMLInputElement>) => {\n    const uid = useUID();\n    const {\n      id = uid,\n      value,\n      defaultValue,\n      required = false,\n      disabled = false,\n      label,\n      labelHidden,\n      info,\n      status,\n      actions,\n      ...restProps\n    } = props;\n\n    const controlProp: {\n      value?: string;\n      defaultValue?: string;\n    } = {};\n\n    // Conditionally render component as controlled/uncontrolled\n    if (hasProp(props, 'value')) {\n      controlProp.value = value ?? '';\n    } else if (hasProp(props, 'defaultValue')) {\n      controlProp.defaultValue = defaultValue ?? '';\n    }\n\n    const Comp = (\n      <StyledFormControl\n        {...{\n          ref,\n          id,\n          required,\n          disabled,\n          status,\n          ...controlProp,\n          ...restProps,\n          as: StyledInput\n        }}\n      />\n    );\n\n    return label ? (\n      <FormField {...{ label, labelHidden, id, info, status, required, disabled, actions }}>\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default Input;\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,UAAU,EAAmB,MAAM,OAAO,CAAC;AAG7D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAyBzC,MAAM,KAAK,GAAkC,UAAU,CACrD,CAAC,KAAkC,EAAE,GAA0B,EAAE,EAAE;IACjE,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EACJ,EAAE,GAAG,GAAG,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAGb,EAAE,CAAC;IAEP,4DAA4D;IAC5D,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE;QAC3B,WAAW,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;KACjC;SAAM,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;QACzC,WAAW,CAAC,YAAY,GAAG,YAAY,IAAI,EAAE,CAAC;KAC/C;IAED,MAAM,IAAI,GAAG,CACX,KAAC,iBAAiB,OACZ;YACF,GAAG;YACH,EAAE;YACF,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,aAAa,EAAE,CAAC,CAAC,mBAAmB,IAAI,MAAM,KAAK,SAAS;YAC5D,GAAG,WAAW;YACd,GAAG,SAAS;YACZ,EAAE,EAAE,WAAW;SAChB,GACD,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,OACJ;YACF,KAAK;YACL,WAAW;YACX,EAAE;YACF,IAAI;YACJ,MAAM;YACN,QAAQ;YACR,QAAQ;YACR,OAAO;YACP,mBAAmB;SACpB,YAEA,IAAI,GACK,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { FC, Ref, forwardRef, PropsWithoutRef } from 'react';\n\nimport { Action, BaseProps, ForwardProps, NoChildrenProp } from '../../types';\nimport FormField from '../FormField';\nimport { FormControlProps, StyledFormControl } from '../FormControl';\nimport { hasProp } from '../../utils';\nimport { useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\n\nexport interface InputProps extends FormControlProps, BaseProps, NoChildrenProp {\n  /**\n   * Specifies the type of input to be used.\n   * @default \"text\"\n   */\n  type?:\n    | 'text'\n    | 'password'\n    | 'number'\n    | 'email'\n    | 'url'\n    | 'search'\n    | 'tel'\n    | 'date'\n    | 'datetime-local'\n    | 'time'\n    | 'week'\n    | 'month'\n    | 'color';\n  /** Pass an array of Action objects to append button(s) inline with the Input. */\n  actions?: Action[];\n}\n\nconst Input: FC<InputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<InputProps>, ref: Ref<HTMLInputElement>) => {\n    const uid = useUID();\n    const {\n      id = uid,\n      value,\n      defaultValue,\n      required = false,\n      disabled = false,\n      label,\n      labelHidden,\n      info,\n      status,\n      actions,\n      onResolveSuggestion,\n      ...restProps\n    } = props;\n\n    const controlProp: {\n      value?: string;\n      defaultValue?: string;\n    } = {};\n\n    // Conditionally render component as controlled/uncontrolled\n    if (hasProp(props, 'value')) {\n      controlProp.value = value ?? '';\n    } else if (hasProp(props, 'defaultValue')) {\n      controlProp.defaultValue = defaultValue ?? '';\n    }\n\n    const Comp = (\n      <StyledFormControl\n        {...{\n          ref,\n          id,\n          required,\n          disabled,\n          status,\n          hasSuggestion: !!onResolveSuggestion && status === 'pending',\n          ...controlProp,\n          ...restProps,\n          as: StyledInput\n        }}\n      />\n    );\n\n    return label ? (\n      <FormField\n        {...{\n          label,\n          labelHidden,\n          id,\n          info,\n          status,\n          required,\n          disabled,\n          actions,\n          onResolveSuggestion\n        }}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default Input;\n"]}

package/lib/components/ListToolbar/ListToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAQlB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAe3C,OAAO,EACL,gBAAgB,EAKjB,MAAM,qBAAqB,CAAC;AA2G7B,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CAuJnE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAQlB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAe3C,OAAO,EACL,gBAAgB,EAKjB,MAAM,qBAAqB,CAAC;AAiH7B,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CAgKnE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/ListToolbar/ListToolbar.js

@@ -20,7 +20,10 @@ import QueryOptionPopover from './QueryOptionPopover';
 registerIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon);
 const CountMeta = ({ count }) => {
     const t = useI18n();
-    return (_jsxs(Text, { variant: 'secondary', children: [count.total !== undefined && t('results_count', [count.total], { count: count.total }), count.total && count.selected && ' ', count.selected !== undefined &&
+    return (_jsxs(Text, { variant: 'secondary', children: [count.total !== undefined &&
+                t('results_count', [count.totalHasMore ? `${count.total}+` : count.total], {
+                    count: count.total
+                }), count.total && count.selected && ' ', count.selected !== undefined &&
                 `(${t('selected_count', [count.selected], { count: count.selected })})`] }));
 };
 const QueryOptionButton = ({ id, queryOptionProps, iconOnly, setCurrentQueryOption }) => {
@@ -48,12 +51,15 @@ const QueryOptionButton = ({ id, queryOptionProps, iconOnly, setCurrentQueryOpti
         setCurrentQueryOption(cur => {
             if (!cur)
                 return null;
-            return {
-                ...cur,
-                props: queryOptionProps
-            };
+            if (cur.id === id) {
+                return {
+                    ...cur,
+                    props: queryOptionProps
+                };
+            }
+            return cur;
         });
-    }, [queryOptionProps, setCurrentQueryOption]);
+    }, [queryOptionProps, setCurrentQueryOption, id]);
     if (hasProp(queryOptionProps, 'renderer')) {
         return (_jsx("div", { children: _jsx(Button, { variant: variant, icon: iconOnly, label: iconOnly ? text : undefined, onClick: (e) => {
                     setCurrentQueryOption({
@@ -72,7 +78,7 @@ const QueryOptionButton = ({ id, queryOptionProps, iconOnly, setCurrentQueryOpti
     }
     return null;
 };
-const ListToolbar = forwardRef(({ heading, onCreateNew, search, count, filter, sort, group, actions, actionsButtonRef }, ref) => {
+const ListToolbar = forwardRef(({ heading, onCreateNew, search, count, additionalActions, filter, sort, group, actions, actionsButtonRef }, ref) => {
     const t = useI18n();
     const isSmallOrAbove = useBreakpoint('sm');
     const isMediumOrAbove = useBreakpoint('md');
@@ -97,15 +103,15 @@ const ListToolbar = forwardRef(({ heading, onCreateNew, search, count, filter, s
             return;
         setQueryOptionDialogState(null);
     }, [queryOptionDialogState]);
-    return (_jsxs(Flex, { as: StyledListToolbar, container: { direction: 'column', gap: 2 }, item: { grow: 1 }, ref: ref, children: [_jsxs(Flex, { container: { alignItems: 'center', justify: 'between' }, children: [heading &&
+    return (_jsxs(Flex, { as: StyledListToolbar, container: { direction: 'column', gap: 2 }, item: { grow: 1 }, ref: ref, children: [(heading || createNewButton) && (_jsxs(Flex, { container: { alignItems: 'center', justify: 'between' }, children: [heading &&
                         (typeof heading === 'string' ? (_jsx(Text, { variant: 'h3', children: heading })) : (_jsx(StyledViewSelector, { variant: 'text', text: heading.views.find(view => view.selected)?.text ?? heading.views[0].text, menu: {
                                 mode: 'single-select',
                                 items: heading.views.map(view => ({ ...view, primary: view.text })),
                                 onItemClick: heading.onViewSelect
-                            } }))), createNewButton] }), _jsxs(Flex, { container: { alignItems: 'start', justify: 'between', gap: 2 }, children: [_jsxs(Flex, { as: StyledSearchForm, container: { alignItems: 'center', wrap: 'wrap', gap: 2 }, item: { grow: 1 }, children: [search && _jsx(SearchInput, { ...search }), isSmallOrAbove && count && _jsx(CountMeta, { count: count })] }), (filterButton || sortButton || groupButton || actions) && (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, md: { container: { gap: 3 } }, children: [_jsxs(_Fragment, { children: [filterButton, sortButton, groupButton] }), actions && (_jsx(Actions, { items: actions.map(({ icon, ...restProps }) => ({
+                            } }))), createNewButton] })), _jsxs(Flex, { container: { alignItems: 'start', justify: 'between', gap: 2 }, children: [_jsxs(Flex, { as: StyledSearchForm, container: { alignItems: 'center', wrap: 'wrap', gap: 2 }, item: { grow: 1 }, children: [search && _jsx(SearchInput, { ...search }), isSmallOrAbove && (_jsxs(_Fragment, { children: [count && _jsx(CountMeta, { count: count }), additionalActions] }))] }), (filterButton || sortButton || groupButton || actions) && (_jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, md: { container: { gap: 3 } }, children: [_jsxs(_Fragment, { children: [filterButton, sortButton, groupButton] }), actions && (_jsx(Actions, { items: actions.map(({ icon, ...restProps }) => ({
                                     visual: icon ? _jsx(Icon, { name: icon }) : undefined,
                                     ...restProps
-                                })), menuAt: 1, ref: consolidatedActionsButtonRef }))] }))] }), !isSmallOrAbove && count && (_jsx(Flex, { container: { alignItems: 'center', wrap: 'wrap', gap: 2 }, children: _jsx(CountMeta, { count: count }) })), queryOptionDialogState && (_jsx(QueryOptionPopover, { target: queryOptionDialogState.popoverTarget, heading: t(`${queryOptionDialogState.id}_by`), onCancel: onQueryOptionCancel, onSubmit: onQueryOptionSubmit, children: _jsx(queryOptionDialogState.props.renderer, {}) }))] }));
+                                })), menuAt: 1, ref: consolidatedActionsButtonRef }))] }))] }), !isSmallOrAbove && (count || additionalActions) && (_jsxs(Flex, { container: { alignItems: 'center', wrap: 'wrap', gap: 2 }, children: [count && _jsx(CountMeta, { count: count }), additionalActions] })), queryOptionDialogState && (_jsx(QueryOptionPopover, { target: queryOptionDialogState.popoverTarget, heading: t(`${queryOptionDialogState.id}_by`), onCancel: onQueryOptionCancel, onSubmit: onQueryOptionSubmit, children: _jsx(queryOptionDialogState.props.renderer, {}) }))] }));
 });
 export default ListToolbar;
 //# sourceMappingURL=ListToolbar.js.map

package/lib/components/ListToolbar/ListToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Dispatch,\n  forwardRef,\n  FunctionComponent,\n  MouseEvent,\n  PropsWithoutRef,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState\n} from 'react';\n\nimport Actions from '../Actions';\nimport Text from '../Text';\nimport Button from '../Button';\nimport { ForwardProps } from '../../types';\nimport { useBreakpoint, useConsolidatedRef, useI18n } from '../../hooks';\nimport Flex from '../Flex';\nimport SearchInput from '../SearchInput';\nimport Icon, { registerIcon } from '../Icon';\nimport * as filterIcon from '../Icon/icons/filter.icon';\nimport * as arrowUpDownIcon from '../Icon/icons/arrow-up-down.icon';\nimport * as rowIcon from '../Icon/icons/row.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as moreIcon from '../Icon/icons/more.icon';\nimport { hasProp } from '../../utils';\nimport MenuButton from '../MenuButton';\nimport { Count } from '../Badges';\n\nimport { StyledViewSelector, StyledSearchForm, StyledListToolbar } from './ListToolbar.styles';\nimport {\n  ListToolbarProps,\n  PresetMenuProps,\n  QueryOptionDialogProps,\n  QueryOptionDialogState,\n  QueryOptionId\n} from './ListToolbar.types';\nimport QueryOptionPopover from './QueryOptionPopover';\n\nregisterIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon);\n\nconst CountMeta = ({ count }: { count: NonNullable<ListToolbarProps['count']> }) => {\n  const t = useI18n();\n  return (\n    <Text variant='secondary'>\n      {count.total !== undefined && t('results_count', [count.total], { count: count.total })}\n      {count.total && count.selected && ' '}\n      {count.selected !== undefined &&\n        `(${t('selected_count', [count.selected], { count: count.selected })})`}\n    </Text>\n  );\n};\n\nconst QueryOptionButton = ({\n  id,\n  queryOptionProps,\n  iconOnly,\n  setCurrentQueryOption\n}: {\n  id: QueryOptionId;\n  queryOptionProps: QueryOptionDialogProps | PresetMenuProps;\n  iconOnly: boolean;\n  setCurrentQueryOption: Dispatch<SetStateAction<QueryOptionDialogState>>;\n}) => {\n  const t = useI18n();\n  let i18nKey!: 'filter' | 'sort' | 'group';\n  let icon!: 'filter' | 'arrow-up-down' | 'row';\n\n  if (id === 'filter') {\n    i18nKey = 'filter';\n    icon = 'filter';\n  } else if (id === 'sort') {\n    i18nKey = 'sort';\n    icon = 'arrow-up-down';\n  } else if (id === 'group') {\n    i18nKey = 'group';\n    icon = 'row';\n  }\n\n  const text = t(i18nKey);\n  const variant = iconOnly ? 'simple' : 'text';\n\n  useEffect(() => {\n    if (!queryOptionProps || !hasProp(queryOptionProps, 'renderer')) {\n      return;\n    }\n\n    setCurrentQueryOption(cur => {\n      if (!cur) return null;\n      return {\n        ...cur,\n        props: queryOptionProps\n      };\n    });\n  }, [queryOptionProps, setCurrentQueryOption]);\n\n  if (hasProp(queryOptionProps, 'renderer')) {\n    return (\n      <div>\n        <Button\n          variant={variant}\n          icon={iconOnly}\n          label={iconOnly ? text : undefined}\n          onClick={(e: MouseEvent<HTMLButtonElement>) => {\n            setCurrentQueryOption({\n              id,\n              props: queryOptionProps,\n              popoverTarget: e.currentTarget\n            });\n          }}\n        >\n          <Flex container={{ inline: true, alignItems: 'center', gap: 1 }} as='span'>\n            <Icon name={icon} />\n            {!iconOnly && text}\n            {!iconOnly && queryOptionProps.count && <Count>{queryOptionProps.count}</Count>}\n          </Flex>\n        </Button>\n      </div>\n    );\n  }\n\n  if (hasProp(queryOptionProps, 'items')) {\n    return (\n      <div>\n        <MenuButton\n          variant={variant}\n          text={text}\n          icon={icon}\n          iconOnly={iconOnly}\n          count={queryOptionProps.count}\n          menu={{\n            mode: queryOptionProps.mode,\n            items: queryOptionProps.items.map(item => ({ ...item, primary: item.text })),\n            onItemClick: queryOptionProps.onItemClick\n          }}\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n\nconst ListToolbar: FunctionComponent<ListToolbarProps & ForwardProps> = forwardRef(\n  (\n    {\n      heading,\n      onCreateNew,\n      search,\n      count,\n      filter,\n      sort,\n      group,\n      actions,\n      actionsButtonRef\n    }: PropsWithoutRef<ListToolbarProps>,\n    ref: ListToolbarProps['ref']\n  ) => {\n    const t = useI18n();\n    const isSmallOrAbove = useBreakpoint('sm');\n    const isMediumOrAbove = useBreakpoint('md');\n    const consolidatedActionsButtonRef = useConsolidatedRef(actionsButtonRef);\n\n    const [queryOptionDialogState, setQueryOptionDialogState] =\n      useState<QueryOptionDialogState>(null);\n\n    const createNewButton = useMemo(() => {\n      if (!onCreateNew) return null;\n      const text = t('create_new');\n\n      return (\n        <Button\n          variant={isSmallOrAbove ? 'secondary' : 'simple'}\n          icon={!isSmallOrAbove}\n          label={isSmallOrAbove ? undefined : text}\n          onClick={onCreateNew}\n        >\n          <Flex as='span' container={{ inline: true, alignItems: 'center', gap: 1 }}>\n            <Icon name='plus' />\n            {isSmallOrAbove && <span>{text}</span>}\n          </Flex>\n        </Button>\n      );\n    }, [t, onCreateNew, isSmallOrAbove]);\n\n    const filterButton = filter && (\n      <QueryOptionButton\n        id='filter'\n        queryOptionProps={filter}\n        iconOnly={!isMediumOrAbove}\n        setCurrentQueryOption={setQueryOptionDialogState}\n      />\n    );\n\n    const sortButton = sort && (\n      <QueryOptionButton\n        id='sort'\n        queryOptionProps={sort}\n        iconOnly={!isMediumOrAbove}\n        setCurrentQueryOption={setQueryOptionDialogState}\n      />\n    );\n\n    const groupButton = group && (\n      <QueryOptionButton\n        id='group'\n        queryOptionProps={group}\n        iconOnly={!isMediumOrAbove}\n        setCurrentQueryOption={setQueryOptionDialogState}\n      />\n    );\n\n    const onQueryOptionCancel = useCallback(() => {\n      if (queryOptionDialogState?.props.onCancel() === false) return;\n      setQueryOptionDialogState(null);\n    }, [queryOptionDialogState]);\n\n    const onQueryOptionSubmit = useCallback(() => {\n      if (queryOptionDialogState?.props.onSubmit() === false) return;\n      setQueryOptionDialogState(null);\n    }, [queryOptionDialogState]);\n\n    return (\n      <Flex\n        as={StyledListToolbar}\n        container={{ direction: 'column', gap: 2 }}\n        item={{ grow: 1 }}\n        ref={ref}\n      >\n        <Flex container={{ alignItems: 'center', justify: 'between' }}>\n          {heading &&\n            (typeof heading === 'string' ? (\n              <Text variant='h3'>{heading}</Text>\n            ) : (\n              <StyledViewSelector\n                variant='text'\n                text={heading.views.find(view => view.selected)?.text ?? heading.views[0].text}\n                menu={{\n                  mode: 'single-select',\n                  items: heading.views.map(view => ({ ...view, primary: view.text })),\n                  onItemClick: heading.onViewSelect\n                }}\n              />\n            ))}\n          {createNewButton}\n        </Flex>\n        <Flex container={{ alignItems: 'start', justify: 'between', gap: 2 }}>\n          <Flex\n            as={StyledSearchForm}\n            container={{ alignItems: 'center', wrap: 'wrap', gap: 2 }}\n            item={{ grow: 1 }}\n          >\n            {search && <SearchInput {...search} />}\n            {isSmallOrAbove && count && <CountMeta count={count} />}\n          </Flex>\n          {(filterButton || sortButton || groupButton || actions) && (\n            <Flex container={{ alignItems: 'center', gap: 1 }} md={{ container: { gap: 3 } }}>\n              <>\n                {filterButton}\n                {sortButton}\n                {groupButton}\n              </>\n              {actions && (\n                <Actions\n                  items={actions.map(({ icon, ...restProps }) => ({\n                    visual: icon ? <Icon name={icon} /> : undefined,\n                    ...restProps\n                  }))}\n                  menuAt={1}\n                  ref={consolidatedActionsButtonRef}\n                />\n              )}\n            </Flex>\n          )}\n        </Flex>\n        {!isSmallOrAbove && count && (\n          <Flex container={{ alignItems: 'center', wrap: 'wrap', gap: 2 }}>\n            <CountMeta count={count} />\n          </Flex>\n        )}\n\n        {queryOptionDialogState && (\n          <QueryOptionPopover\n            target={queryOptionDialogState.popoverTarget}\n            heading={t(`${queryOptionDialogState.id}_by`)}\n            onCancel={onQueryOptionCancel}\n            onSubmit={onQueryOptionSubmit}\n          >\n            <queryOptionDialogState.props.renderer />\n          </QueryOptionPopover>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ListToolbar;\n"]}
+{"version":3,"file":"ListToolbar.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Dispatch,\n  forwardRef,\n  FunctionComponent,\n  MouseEvent,\n  PropsWithoutRef,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState\n} from 'react';\n\nimport Actions from '../Actions';\nimport Text from '../Text';\nimport Button from '../Button';\nimport { ForwardProps } from '../../types';\nimport { useBreakpoint, useConsolidatedRef, useI18n } from '../../hooks';\nimport Flex from '../Flex';\nimport SearchInput from '../SearchInput';\nimport Icon, { registerIcon } from '../Icon';\nimport * as filterIcon from '../Icon/icons/filter.icon';\nimport * as arrowUpDownIcon from '../Icon/icons/arrow-up-down.icon';\nimport * as rowIcon from '../Icon/icons/row.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as moreIcon from '../Icon/icons/more.icon';\nimport { hasProp } from '../../utils';\nimport MenuButton from '../MenuButton';\nimport { Count } from '../Badges';\n\nimport { StyledViewSelector, StyledSearchForm, StyledListToolbar } from './ListToolbar.styles';\nimport {\n  ListToolbarProps,\n  PresetMenuProps,\n  QueryOptionDialogProps,\n  QueryOptionDialogState,\n  QueryOptionId\n} from './ListToolbar.types';\nimport QueryOptionPopover from './QueryOptionPopover';\n\nregisterIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon);\n\nconst CountMeta = ({ count }: { count: NonNullable<ListToolbarProps['count']> }) => {\n  const t = useI18n();\n  return (\n    <Text variant='secondary'>\n      {count.total !== undefined &&\n        t('results_count', [count.totalHasMore ? `${count.total}+` : count.total], {\n          count: count.total\n        })}\n      {count.total && count.selected && ' '}\n      {count.selected !== undefined &&\n        `(${t('selected_count', [count.selected], { count: count.selected })})`}\n    </Text>\n  );\n};\n\nconst QueryOptionButton = ({\n  id,\n  queryOptionProps,\n  iconOnly,\n  setCurrentQueryOption\n}: {\n  id: QueryOptionId;\n  queryOptionProps: QueryOptionDialogProps | PresetMenuProps;\n  iconOnly: boolean;\n  setCurrentQueryOption: Dispatch<SetStateAction<QueryOptionDialogState>>;\n}) => {\n  const t = useI18n();\n  let i18nKey!: 'filter' | 'sort' | 'group';\n  let icon!: 'filter' | 'arrow-up-down' | 'row';\n\n  if (id === 'filter') {\n    i18nKey = 'filter';\n    icon = 'filter';\n  } else if (id === 'sort') {\n    i18nKey = 'sort';\n    icon = 'arrow-up-down';\n  } else if (id === 'group') {\n    i18nKey = 'group';\n    icon = 'row';\n  }\n\n  const text = t(i18nKey);\n  const variant = iconOnly ? 'simple' : 'text';\n\n  useEffect(() => {\n    if (!queryOptionProps || !hasProp(queryOptionProps, 'renderer')) {\n      return;\n    }\n\n    setCurrentQueryOption(cur => {\n      if (!cur) return null;\n      if (cur.id === id) {\n        return {\n          ...cur,\n          props: queryOptionProps\n        };\n      }\n      return cur;\n    });\n  }, [queryOptionProps, setCurrentQueryOption, id]);\n\n  if (hasProp(queryOptionProps, 'renderer')) {\n    return (\n      <div>\n        <Button\n          variant={variant}\n          icon={iconOnly}\n          label={iconOnly ? text : undefined}\n          onClick={(e: MouseEvent<HTMLButtonElement>) => {\n            setCurrentQueryOption({\n              id,\n              props: queryOptionProps,\n              popoverTarget: e.currentTarget\n            });\n          }}\n        >\n          <Flex container={{ inline: true, alignItems: 'center', gap: 1 }} as='span'>\n            <Icon name={icon} />\n            {!iconOnly && text}\n            {!iconOnly && queryOptionProps.count && <Count>{queryOptionProps.count}</Count>}\n          </Flex>\n        </Button>\n      </div>\n    );\n  }\n\n  if (hasProp(queryOptionProps, 'items')) {\n    return (\n      <div>\n        <MenuButton\n          variant={variant}\n          text={text}\n          icon={icon}\n          iconOnly={iconOnly}\n          count={queryOptionProps.count}\n          menu={{\n            mode: queryOptionProps.mode,\n            items: queryOptionProps.items.map(item => ({ ...item, primary: item.text })),\n            onItemClick: queryOptionProps.onItemClick\n          }}\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n\nconst ListToolbar: FunctionComponent<ListToolbarProps & ForwardProps> = forwardRef(\n  (\n    {\n      heading,\n      onCreateNew,\n      search,\n      count,\n      additionalActions,\n      filter,\n      sort,\n      group,\n      actions,\n      actionsButtonRef\n    }: PropsWithoutRef<ListToolbarProps>,\n    ref: ListToolbarProps['ref']\n  ) => {\n    const t = useI18n();\n    const isSmallOrAbove = useBreakpoint('sm');\n    const isMediumOrAbove = useBreakpoint('md');\n    const consolidatedActionsButtonRef = useConsolidatedRef(actionsButtonRef);\n\n    const [queryOptionDialogState, setQueryOptionDialogState] =\n      useState<QueryOptionDialogState>(null);\n\n    const createNewButton = useMemo(() => {\n      if (!onCreateNew) return null;\n      const text = t('create_new');\n\n      return (\n        <Button\n          variant={isSmallOrAbove ? 'secondary' : 'simple'}\n          icon={!isSmallOrAbove}\n          label={isSmallOrAbove ? undefined : text}\n          onClick={onCreateNew}\n        >\n          <Flex as='span' container={{ inline: true, alignItems: 'center', gap: 1 }}>\n            <Icon name='plus' />\n            {isSmallOrAbove && <span>{text}</span>}\n          </Flex>\n        </Button>\n      );\n    }, [t, onCreateNew, isSmallOrAbove]);\n\n    const filterButton = filter && (\n      <QueryOptionButton\n        id='filter'\n        queryOptionProps={filter}\n        iconOnly={!isMediumOrAbove}\n        setCurrentQueryOption={setQueryOptionDialogState}\n      />\n    );\n\n    const sortButton = sort && (\n      <QueryOptionButton\n        id='sort'\n        queryOptionProps={sort}\n        iconOnly={!isMediumOrAbove}\n        setCurrentQueryOption={setQueryOptionDialogState}\n      />\n    );\n\n    const groupButton = group && (\n      <QueryOptionButton\n        id='group'\n        queryOptionProps={group}\n        iconOnly={!isMediumOrAbove}\n        setCurrentQueryOption={setQueryOptionDialogState}\n      />\n    );\n\n    const onQueryOptionCancel = useCallback(() => {\n      if (queryOptionDialogState?.props.onCancel() === false) return;\n      setQueryOptionDialogState(null);\n    }, [queryOptionDialogState]);\n\n    const onQueryOptionSubmit = useCallback(() => {\n      if (queryOptionDialogState?.props.onSubmit() === false) return;\n      setQueryOptionDialogState(null);\n    }, [queryOptionDialogState]);\n\n    return (\n      <Flex\n        as={StyledListToolbar}\n        container={{ direction: 'column', gap: 2 }}\n        item={{ grow: 1 }}\n        ref={ref}\n      >\n        {(heading || createNewButton) && (\n          <Flex container={{ alignItems: 'center', justify: 'between' }}>\n            {heading &&\n              (typeof heading === 'string' ? (\n                <Text variant='h3'>{heading}</Text>\n              ) : (\n                <StyledViewSelector\n                  variant='text'\n                  text={heading.views.find(view => view.selected)?.text ?? heading.views[0].text}\n                  menu={{\n                    mode: 'single-select',\n                    items: heading.views.map(view => ({ ...view, primary: view.text })),\n                    onItemClick: heading.onViewSelect\n                  }}\n                />\n              ))}\n            {createNewButton}\n          </Flex>\n        )}\n        <Flex container={{ alignItems: 'start', justify: 'between', gap: 2 }}>\n          <Flex\n            as={StyledSearchForm}\n            container={{ alignItems: 'center', wrap: 'wrap', gap: 2 }}\n            item={{ grow: 1 }}\n          >\n            {search && <SearchInput {...search} />}\n            {isSmallOrAbove && (\n              <>\n                {count && <CountMeta count={count} />}\n                {additionalActions}\n              </>\n            )}\n          </Flex>\n          {(filterButton || sortButton || groupButton || actions) && (\n            <Flex container={{ alignItems: 'center', gap: 1 }} md={{ container: { gap: 3 } }}>\n              <>\n                {filterButton}\n                {sortButton}\n                {groupButton}\n              </>\n              {actions && (\n                <Actions\n                  items={actions.map(({ icon, ...restProps }) => ({\n                    visual: icon ? <Icon name={icon} /> : undefined,\n                    ...restProps\n                  }))}\n                  menuAt={1}\n                  ref={consolidatedActionsButtonRef}\n                />\n              )}\n            </Flex>\n          )}\n        </Flex>\n        {!isSmallOrAbove && (count || additionalActions) && (\n          <Flex container={{ alignItems: 'center', wrap: 'wrap', gap: 2 }}>\n            {count && <CountMeta count={count} />}\n            {additionalActions}\n          </Flex>\n        )}\n\n        {queryOptionDialogState && (\n          <QueryOptionPopover\n            target={queryOptionDialogState.popoverTarget}\n            heading={t(`${queryOptionDialogState.id}_by`)}\n            onCancel={onQueryOptionCancel}\n            onSubmit={onQueryOptionSubmit}\n          >\n            <queryOptionDialogState.props.renderer />\n          </QueryOptionPopover>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ListToolbar;\n"]}

package/lib/components/ListToolbar/ListToolbar.types.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, Ref, ComponentType } from 'react';
+import { MouseEvent, Ref, ComponentType, ReactNode } from 'react';
 import { SearchInputProps } from '../SearchInput';
 import { MenuProps } from '../Menu';
 import { Action, BaseProps } from '../../types';
@@ -57,8 +57,15 @@ export interface ListToolbarProps extends BaseProps {
     /** Total returned results related for a given search. Optional indication of a selected item count. */
     count?: {
         total?: number;
+        /**
+         * If true renders + next to total number.
+         * @default false
+         */
+        totalHasMore?: boolean;
         selected?: number;
     };
+    /** Additional actions region */
+    additionalActions?: ReactNode;
     /** Custom Rendering or available presets for filtering. */
     filter?: QueryOptionDialogProps | PresetMenuProps;
     /** Custom Rendering or available presets for sorting. */

package/lib/components/ListToolbar/ListToolbar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IACzD,sCAAsC;IACtC,YAAY,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACxC;AACD,MAAM,WAAW,WAAW;IAC1B,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,4EAA4E;IAC5E,QAAQ,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;CAChC;AAED,+CAA+C;AAC/C,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC5C,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxE,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACvC;AACD,oBAAY,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAExD,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACzC,GAAG,IAAI,CAAC;AAET,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACrC,8FAA8F;IAC9F,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,yCAAyC;IACzC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,uGAAuG;IACvG,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,2DAA2D;IAC3D,MAAM,CAAC,EAAE,sBAAsB,GAAG,eAAe,CAAC;IAClD,yDAAyD;IACzD,IAAI,CAAC,EAAE,sBAAsB,GAAG,eAAe,CAAC;IAChD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,sBAAsB,GAAG,eAAe,CAAC;IACjD,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC3C"}
+{"version":3,"file":"ListToolbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IACzD,sCAAsC;IACtC,YAAY,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACxC;AACD,MAAM,WAAW,WAAW;IAC1B,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,4EAA4E;IAC5E,QAAQ,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;CAChC;AAED,+CAA+C;AAC/C,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC5C,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxE,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACvC;AACD,oBAAY,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAExD,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACzC,GAAG,IAAI,CAAC;AAET,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACrC,8FAA8F;IAC9F,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,yCAAyC;IACzC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,uGAAuG;IACvG,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,2DAA2D;IAC3D,MAAM,CAAC,EAAE,sBAAsB,GAAG,eAAe,CAAC;IAClD,yDAAyD;IACzD,IAAI,CAAC,EAAE,sBAAsB,GAAG,eAAe,CAAC;IAChD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,sBAAsB,GAAG,eAAe,CAAC;IACjD,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC3C"}

package/lib/components/ListToolbar/ListToolbar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.types.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.types.ts"],"names":[],"mappings":"","sourcesContent":["import { MouseEvent, Ref, ComponentType } from 'react';\n\nimport { SearchInputProps } from '../SearchInput';\nimport { MenuProps } from '../Menu';\nimport { Action, BaseProps } from '../../types';\n\nexport interface ViewSelectorProps {\n  /** A list of pre-defined data views. */\n  views: { id: string; text: string; selected: boolean }[];\n  /** Called when a view is selected. */\n  onViewSelect: MenuProps['onItemClick'];\n}\nexport interface QueryOption {\n  /** A count representing the number of applied conditions within the query option. */\n  count?: number;\n}\n\nexport interface QueryOptionDialogProps extends QueryOption {\n  /** A component to render the content portion of the query option dialog. */\n  renderer: ComponentType;\n  /**\n   * Called when the user explicitly or implicitly cancels(closes) the query dialog.\n   * Returning false will block the dialog from closing.\n   */\n  onCancel: () => boolean | void;\n  /**\n   * Called when the user explicitly applies the query option conditions.\n   * Returning false will block the dialog from closing.\n   */\n  onSubmit: () => boolean | void;\n}\n\n/** Optionally provide query option presets. */\nexport interface PresetMenuProps extends QueryOption {\n  mode?: Exclude<MenuProps['mode'], 'action'>;\n  items: { id: string; text: string; selected: boolean; icon?: string }[];\n  onItemClick: MenuProps['onItemClick'];\n}\nexport type QueryOptionId = 'filter' | 'sort' | 'group';\n\nexport type QueryOptionDialogState = {\n  id: 'filter' | 'sort' | 'group';\n  props: QueryOptionDialogProps;\n  popoverTarget: HTMLButtonElement | null;\n} | null;\n\nexport interface ListToolbarProps extends BaseProps {\n  /** Rendering a simple heading or view selection menu.. */\n  heading?: string | ViewSelectorProps;\n  /** Callback that will render a Create new button and is fired when that button is clicked. */\n  onCreateNew?: (e: MouseEvent) => void;\n  /** Props related to the Search Input. */\n  search?: SearchInputProps;\n  /** Total returned results related for a given search. Optional indication of a selected item count. */\n  count?: {\n    total?: number;\n    selected?: number;\n  };\n  /** Custom Rendering or available presets for filtering. */\n  filter?: QueryOptionDialogProps | PresetMenuProps;\n  /** Custom Rendering or available presets for sorting. */\n  sort?: QueryOptionDialogProps | PresetMenuProps;\n  /** Custom Rendering or available presets for grouping. */\n  group?: QueryOptionDialogProps | PresetMenuProps;\n  /** Top level dataset actions. */\n  actions?: Action[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /** Ref for the actions button element. */\n  actionsButtonRef?: Ref<HTMLButtonElement>;\n}\n"]}
+{"version":3,"file":"ListToolbar.types.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.types.ts"],"names":[],"mappings":"","sourcesContent":["import { MouseEvent, Ref, ComponentType, ReactNode } from 'react';\n\nimport { SearchInputProps } from '../SearchInput';\nimport { MenuProps } from '../Menu';\nimport { Action, BaseProps } from '../../types';\n\nexport interface ViewSelectorProps {\n  /** A list of pre-defined data views. */\n  views: { id: string; text: string; selected: boolean }[];\n  /** Called when a view is selected. */\n  onViewSelect: MenuProps['onItemClick'];\n}\nexport interface QueryOption {\n  /** A count representing the number of applied conditions within the query option. */\n  count?: number;\n}\n\nexport interface QueryOptionDialogProps extends QueryOption {\n  /** A component to render the content portion of the query option dialog. */\n  renderer: ComponentType;\n  /**\n   * Called when the user explicitly or implicitly cancels(closes) the query dialog.\n   * Returning false will block the dialog from closing.\n   */\n  onCancel: () => boolean | void;\n  /**\n   * Called when the user explicitly applies the query option conditions.\n   * Returning false will block the dialog from closing.\n   */\n  onSubmit: () => boolean | void;\n}\n\n/** Optionally provide query option presets. */\nexport interface PresetMenuProps extends QueryOption {\n  mode?: Exclude<MenuProps['mode'], 'action'>;\n  items: { id: string; text: string; selected: boolean; icon?: string }[];\n  onItemClick: MenuProps['onItemClick'];\n}\nexport type QueryOptionId = 'filter' | 'sort' | 'group';\n\nexport type QueryOptionDialogState = {\n  id: 'filter' | 'sort' | 'group';\n  props: QueryOptionDialogProps;\n  popoverTarget: HTMLButtonElement | null;\n} | null;\n\nexport interface ListToolbarProps extends BaseProps {\n  /** Rendering a simple heading or view selection menu.. */\n  heading?: string | ViewSelectorProps;\n  /** Callback that will render a Create new button and is fired when that button is clicked. */\n  onCreateNew?: (e: MouseEvent) => void;\n  /** Props related to the Search Input. */\n  search?: SearchInputProps;\n  /** Total returned results related for a given search. Optional indication of a selected item count. */\n  count?: {\n    total?: number;\n    /**\n     * If true renders + next to total number.\n     * @default false\n     */\n    totalHasMore?: boolean;\n    selected?: number;\n  };\n  /** Additional actions region */\n  additionalActions?: ReactNode;\n  /** Custom Rendering or available presets for filtering. */\n  filter?: QueryOptionDialogProps | PresetMenuProps;\n  /** Custom Rendering or available presets for sorting. */\n  sort?: QueryOptionDialogProps | PresetMenuProps;\n  /** Custom Rendering or available presets for grouping. */\n  group?: QueryOptionDialogProps | PresetMenuProps;\n  /** Top level dataset actions. */\n  actions?: Action[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /** Ref for the actions button element. */\n  actionsButtonRef?: Ref<HTMLButtonElement>;\n}\n"]}

package/lib/components/MetaList/MetaList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetaList.d.ts","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAC;AAKvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,yDAAyD;IACzD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;eAA0B,OAAO;SAU1D,CAAC;AAEH,eAAO,MAAM,kBAAkB;eAA0B,OAAO;SAiB9D,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,GAAG,YAAY,CAyC7D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MetaList.d.ts","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAA+B,MAAM,OAAO,CAAC;AAKvF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,yDAAyD;IACzD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc;eAA0B,OAAO;SAU1D,CAAC;AAEH,eAAO,MAAM,kBAAkB;eAA0B,OAAO;SAoB9D,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,GAAG,YAAY,CAyC7D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/MetaList/MetaList.js

@@ -19,17 +19,20 @@ export const StyledMetaListItem = styled.li(({ wrapItems }) => {
     min-width: 0;
     display: inline-block;
 
-    ${wrapItems &&
-        css `
-      overflow-wrap: break-word;
-    `}
+    ${wrapItems
+        ? css `
+          overflow-wrap: break-word;
+        `
+        : css `
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+        `}
 
-    ${!wrapItems &&
-        css `
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    `}
+    &[role='separator'] {
+      -webkit-user-select: none;
+      user-select: none;
+    }
   `;
 });
 const MetaList = forwardRef((props, ref) => {

package/lib/components/MetaList/MetaList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaList.js","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsD,UAAU,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAe3B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,OAAO,GAAG,CAAA;;;;MAIN,CAAC,SAAS;QACZ,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,CAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpF,OAAO,GAAG,CAAA;;;;MAIN,SAAS;QACX,GAAG,CAAA;;KAEF;;MAEC,CAAC,SAAS;QACZ,GAAG,CAAA;;;;KAIF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAoD,UAAU,CAC1E,CAAC,KAAqC,EAAE,GAAyB,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,cAAc,EAClB,SAAS,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,EACrF,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAC9B,IAAI;YACF,CAAC,CAAC;gBACE,KAAC,IAAI,IACH,EAAE,EAAE,kBAAkB,EAEtB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,YAEnB,IAAI,IAJA,GAAG,CAAC,GAAG,CAAC,EAAE,CAKV;aACR,CAAC,MAAM,CACN,CAAC,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC;gBAClB,CAAC,CAAC;oBACE,KAAC,IAAI,IACH,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAC,WAAW,EAEhB,OAAO,EAAC,WAAW,wBADd,GAAG,CAAC,GAAG,CAAC,MAAM,CAId;iBACR;gBACH,CAAC,CAAC,EAAE,CACP;YACH,CAAC,CAAC,EAAE,CACP,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { FunctionComponent, ReactNode, Ref, PropsWithoutRef, forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Text from '../Text';\nimport Flex from '../Flex';\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\n\nexport interface MetaListProps extends BaseProps, NoChildrenProp {\n  /** Array of nodes or text to be rendered in the list. */\n  items: ReactNode[];\n  /**\n   * If true, MetaList items that extend past the MetaList's container will wrap to a new line.\n   * @default true\n   */\n  wrapItems?: boolean;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport const StyledMetaList = styled.ul<{ wrapItems: boolean }>(({ wrapItems }) => {\n  return css`\n    list-style: none;\n    overflow: hidden;\n\n    ${!wrapItems &&\n    css`\n      white-space: nowrap;\n    `}\n  `;\n});\n\nexport const StyledMetaListItem = styled.li<{ wrapItems: boolean }>(({ wrapItems }) => {\n  return css`\n    min-width: 0;\n    display: inline-block;\n\n    ${wrapItems &&\n    css`\n      overflow-wrap: break-word;\n    `}\n\n    ${!wrapItems &&\n    css`\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    `}\n  `;\n});\n\nconst MetaList: FunctionComponent<MetaListProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<MetaListProps>, ref: MetaListProps['ref']) => {\n    const { items, wrapItems = true, ...restProps } = props;\n    return (\n      <Flex\n        as={StyledMetaList}\n        container={{ colGap: 0.5, alignItems: 'center', wrap: wrapItems ? 'wrap' : 'nowrap' }}\n        wrapItems={wrapItems}\n        ref={ref}\n        {...restProps}\n      >\n        {items.flatMap((item, i, arr) =>\n          item\n            ? [\n                <Text\n                  as={StyledMetaListItem}\n                  key={`${i + 0}`}\n                  variant='secondary'\n                  wrapItems={wrapItems}\n                >\n                  {item}\n                </Text>\n              ].concat(\n                i !== arr.length - 1\n                  ? [\n                      <Text\n                        as={StyledMetaListItem}\n                        role='separator'\n                        key={`${i + 0}-sep`}\n                        variant='secondary'\n                      >\n                        •\n                      </Text>\n                    ]\n                  : []\n              )\n            : []\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default MetaList;\n"]}
+{"version":3,"file":"MetaList.js","sourceRoot":"","sources":["../../../src/components/MetaList/MetaList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsD,UAAU,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAe3B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,OAAO,GAAG,CAAA;;;;MAIN,CAAC,SAAS;QACZ,GAAG,CAAA;;KAEF;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,EAAE,CAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACpF,OAAO,GAAG,CAAA;;;;MAIN,SAAS;QACT,CAAC,CAAC,GAAG,CAAA;;SAEF;QACH,CAAC,CAAC,GAAG,CAAA;;;;SAIF;;;;;;GAMN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAoD,UAAU,CAC1E,CAAC,KAAqC,EAAE,GAAyB,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,cAAc,EAClB,SAAS,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,EACrF,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,KACJ,SAAS,YAEZ,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAC9B,IAAI;YACF,CAAC,CAAC;gBACE,KAAC,IAAI,IACH,EAAE,EAAE,kBAAkB,EAEtB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,YAEnB,IAAI,IAJA,GAAG,CAAC,GAAG,CAAC,EAAE,CAKV;aACR,CAAC,MAAM,CACN,CAAC,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC;gBAClB,CAAC,CAAC;oBACE,KAAC,IAAI,IACH,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAC,WAAW,EAEhB,OAAO,EAAC,WAAW,wBADd,GAAG,CAAC,GAAG,CAAC,MAAM,CAId;iBACR;gBACH,CAAC,CAAC,EAAE,CACP;YACH,CAAC,CAAC,EAAE,CACP,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { FunctionComponent, ReactNode, Ref, PropsWithoutRef, forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Text from '../Text';\nimport Flex from '../Flex';\nimport { BaseProps, ForwardProps, NoChildrenProp } from '../../types';\n\nexport interface MetaListProps extends BaseProps, NoChildrenProp {\n  /** Array of nodes or text to be rendered in the list. */\n  items: ReactNode[];\n  /**\n   * If true, MetaList items that extend past the MetaList's container will wrap to a new line.\n   * @default true\n   */\n  wrapItems?: boolean;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport const StyledMetaList = styled.ul<{ wrapItems: boolean }>(({ wrapItems }) => {\n  return css`\n    list-style: none;\n    overflow: hidden;\n\n    ${!wrapItems &&\n    css`\n      white-space: nowrap;\n    `}\n  `;\n});\n\nexport const StyledMetaListItem = styled.li<{ wrapItems: boolean }>(({ wrapItems }) => {\n  return css`\n    min-width: 0;\n    display: inline-block;\n\n    ${wrapItems\n      ? css`\n          overflow-wrap: break-word;\n        `\n      : css`\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        `}\n\n    &[role='separator'] {\n      -webkit-user-select: none;\n      user-select: none;\n    }\n  `;\n});\n\nconst MetaList: FunctionComponent<MetaListProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<MetaListProps>, ref: MetaListProps['ref']) => {\n    const { items, wrapItems = true, ...restProps } = props;\n    return (\n      <Flex\n        as={StyledMetaList}\n        container={{ colGap: 0.5, alignItems: 'center', wrap: wrapItems ? 'wrap' : 'nowrap' }}\n        wrapItems={wrapItems}\n        ref={ref}\n        {...restProps}\n      >\n        {items.flatMap((item, i, arr) =>\n          item\n            ? [\n                <Text\n                  as={StyledMetaListItem}\n                  key={`${i + 0}`}\n                  variant='secondary'\n                  wrapItems={wrapItems}\n                >\n                  {item}\n                </Text>\n              ].concat(\n                i !== arr.length - 1\n                  ? [\n                      <Text\n                        as={StyledMetaListItem}\n                        role='separator'\n                        key={`${i + 0}-sep`}\n                        variant='secondary'\n                      >\n                        •\n                      </Text>\n                    ]\n                  : []\n              )\n            : []\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default MetaList;\n"]}

package/lib/components/Number/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/Number/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAW3C,OAAO,gBAA+C,MAAM,qBAAqB,CAAC;AAWlF,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CA0LnE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/Number/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAW3C,OAAO,gBAA+C,MAAM,qBAAqB,CAAC;AAWlF,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,YAAY,CAmNnE,CAAC;AAEF,eAAe,WAAW,CAAC"}