@ultraviolet/ui 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/components/ToggleGroup/index.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { useMemo, createContext, useContext } from "react";
+import { Label } from "../Label/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Toggle } from "../Toggle/index.js";
@@ -43,11 +44,12 @@ const FieldSet = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "p
   styles: "border:none;padding:0;margin:0"
 } : {
   name: "7o2an9",
-  styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9nZ2xlIH0gZnJvbSAnLi4vVG9nZ2xlJ1xuXG50eXBlIFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgPSB7XG4gIGdyb3VwTmFtZTogc3RyaW5nXG4gIGdyb3VwVmFsdWVzOiBzdHJpbmdbXVxuICBlcnJvcjogYm9vbGVhblxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBUb2dnbGVHcm91cENvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRvZ2dsZUdyb3VwQ29udGV4dFR5cGUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pXG5cbnR5cGUgVG9nZ2xlR3JvdXBUb2dnbGVQcm9wcyA9IE9taXQ8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBUb2dnbGU+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnIHwgJ3JlcXVpcmVkJ1xuPiAmIHtcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG4vKipcbiAqIFRvZ2dsZUdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHlvdSB0byBncm91cCBhIHNldCBvZiBUb2dnbGUgY29tcG9uZW50cyB0b2dldGhlciB1bmRlciB0aGUgc2FtZSBsZWdlbmQuXG4gKi9cbmV4cG9ydCBjb25zdCBUb2dnbGVHcm91cFRvZ2dsZSA9ICh7XG4gIGRpc2FibGVkLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgZXJyb3IsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFRvZ2dsZUdyb3VwVG9nZ2xlUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVG9nZ2xlR3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcignVG9nZ2xlR3JvdXAuVG9nZ2xlIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgVG9nZ2xlR3JvdXAnKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlcywgZXJyb3I6IGNvbnRleHRFcnJvciB9ID0gY29udGV4dFxuXG4gIGNvbnN0IFRvZ2dsZU5hbWUgPSBgJHtncm91cE5hbWV9LiR7bmFtZX1gXG4gIGNvbnN0IFRvZ2dsZVZhbHVlID0gYCR7dmFsdWV9YFxuXG4gIHJldHVybiAoXG4gICAgPFRvZ2dsZVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgY2hlY2tlZD17Z3JvdXBWYWx1ZXM/LmluY2x1ZGVzKFRvZ2dsZVZhbHVlKX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIG5hbWU9e1RvZ2dsZU5hbWV9XG4gICAgICB2YWx1ZT17VG9nZ2xlVmFsdWV9XG4gICAgICBoZWxwZXI9e2hlbHBlcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBsYWJlbD17bGFiZWx9XG4gICAgICBlcnJvcj17ZXJyb3IgfHwgY29udGV4dEVycm9yfVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgRmllbGRTZXQgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuYFxuXG50eXBlIFRvZ2dsZUdyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZD86IFJlYWN0Tm9kZVxuICB2YWx1ZT86IHN0cmluZ1tdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBoZWxwZXI/OiBSZWFjdE5vZGVcbiAgZXJyb3I/OiBSZWFjdE5vZGVcbiAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJyB8ICduYW1lJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5leHBvcnQgY29uc3QgVG9nZ2xlR3JvdXAgPSAoe1xuICBsZWdlbmQsXG4gIHZhbHVlLFxuICBjbGFzc05hbWUsXG4gIGhlbHBlcixcbiAgZXJyb3IsXG4gIGRpcmVjdGlvbiA9ICdjb2x1bW4nLFxuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIG5hbWUsXG4gIGRlc2NyaXB0aW9uLFxuICByZXF1aXJlZCA9IGZhbHNlLFxufTogVG9nZ2xlR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlczogdmFsdWUgPz8gW10sXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIGVycm9yOiAhIWVycm9yLFxuICAgIH0pLFxuICAgIFtuYW1lLCB2YWx1ZSwgb25DaGFuZ2UsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFRvZ2dsZUdyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICB7bGVnZW5kIHx8IGRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICA8U3RhY2sgZ2FwPXswLjV9PlxuICAgICAgICAgICAgICAgIHtsZWdlbmQgPyAoXG4gICAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJzdHJvbmdcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7bGVnZW5kfSZuYnNwO1xuICAgICAgICAgICAgICAgICAgICB7cmVxdWlyZWQgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzdXBcIiB2YXJpYW50PVwiYm9keVwiIHNlbnRpbWVudD1cImRhbmdlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAge2Rlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPFN0YWNrIGdhcD17Mn0gZGlyZWN0aW9uPXtkaXJlY3Rpb259PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgIDwvRmllbGRTZXQ+XG4gICAgICAgIHtoZWxwZXIgPyAoXG4gICAgICAgICAgPFRleHQgYXM9XCJwXCIgc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCIgcHJvbWluZW5jZT1cIndlYWtcIj5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvVG9nZ2xlR3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRvZ2dsZUdyb3VwLlRvZ2dsZSA9IFRvZ2dsZUdyb3VwVG9nZ2xlXG4iXX0= */",
+  styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RvZ2dsZUdyb3VwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9MYWJlbCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IFRvZ2dsZSB9IGZyb20gJy4uL1RvZ2dsZSdcblxudHlwZSBUb2dnbGVHcm91cENvbnRleHRUeXBlID0ge1xuICBncm91cE5hbWU6IHN0cmluZ1xuICBncm91cFZhbHVlczogc3RyaW5nW11cbiAgZXJyb3I6IGJvb2xlYW5cbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuY29uc3QgVG9nZ2xlR3JvdXBDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxUb2dnbGVHcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkPihcbiAgdW5kZWZpbmVkLFxuKVxuXG50eXBlIFRvZ2dsZUdyb3VwVG9nZ2xlUHJvcHMgPSBPbWl0PFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgVG9nZ2xlPixcbiAgJ29uQ2hhbmdlJyB8ICdjaGVja2VkJyB8ICdyZXF1aXJlZCdcbj4gJiB7XG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuLyoqXG4gKiBUb2dnbGVHcm91cCBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB5b3UgdG8gZ3JvdXAgYSBzZXQgb2YgVG9nZ2xlIGNvbXBvbmVudHMgdG9nZXRoZXIgdW5kZXIgdGhlIHNhbWUgbGVnZW5kLlxuICovXG5leHBvcnQgY29uc3QgVG9nZ2xlR3JvdXBUb2dnbGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGxhYmVsLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBUb2dnbGVHcm91cFRvZ2dsZVByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFRvZ2dsZUdyb3VwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RvZ2dsZUdyb3VwLlRvZ2dsZSBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIFRvZ2dsZUdyb3VwJylcbiAgfVxuXG4gIGNvbnN0IHsgZ3JvdXBOYW1lLCBvbkNoYW5nZSwgZ3JvdXBWYWx1ZXMsIGVycm9yOiBjb250ZXh0RXJyb3IgfSA9IGNvbnRleHRcblxuICBjb25zdCBUb2dnbGVOYW1lID0gYCR7Z3JvdXBOYW1lfS4ke25hbWV9YFxuICBjb25zdCBUb2dnbGVWYWx1ZSA9IGAke3ZhbHVlfWBcblxuICByZXR1cm4gKFxuICAgIDxUb2dnbGVcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIGNoZWNrZWQ9e2dyb3VwVmFsdWVzPy5pbmNsdWRlcyhUb2dnbGVWYWx1ZSl9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBuYW1lPXtUb2dnbGVOYW1lfVxuICAgICAgdmFsdWU9e1RvZ2dsZVZhbHVlfVxuICAgICAgaGVscGVyPXtoZWxwZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGNvbnRleHRFcnJvcn1cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxudHlwZSBUb2dnbGVHcm91cFByb3BzID0ge1xuICBsZWdlbmQ/OiBzdHJpbmdcbiAgbGVnZW5kRGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbiAgdmFsdWU/OiBzdHJpbmdbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgZGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZScgfCAnbmFtZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUdyb3VwID0gKHtcbiAgbGVnZW5kLFxuICBsZWdlbmREZXNjcmlwdGlvbixcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgaGVscGVyLFxuICBlcnJvcixcbiAgZGlyZWN0aW9uID0gJ2NvbHVtbicsXG4gIGNoaWxkcmVuLFxuICBvbkNoYW5nZSxcbiAgbmFtZSxcbiAgZGVzY3JpcHRpb24sXG4gIHJlcXVpcmVkID0gZmFsc2UsXG59OiBUb2dnbGVHcm91cFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGdyb3VwTmFtZTogbmFtZSxcbiAgICAgIGdyb3VwVmFsdWVzOiB2YWx1ZSA/PyBbXSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgZXJyb3I6ICEhZXJyb3IsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgZXJyb3JdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8VG9nZ2xlR3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWxEZXNjcmlwdGlvbj17bGVnZW5kRGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBhcz17dHlwZW9mIGRlc2NyaXB0aW9uID09PSAnc3RyaW5nJyA/ICdwJyA6ICdkaXYnfVxuICAgICAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFjayBnYXA9ezJ9IGRpcmVjdGlvbj17ZGlyZWN0aW9ufT5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L0ZpZWxkU2V0PlxuICAgICAgICB7aGVscGVyID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwicFwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PVwiY2FwdGlvblwiIHByb21pbmVuY2U9XCJ3ZWFrXCI+XG4gICAgICAgICAgICB7aGVscGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtlcnJvciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCIgc2VudGltZW50PVwiZGFuZ2VyXCIgcHJvbWluZW5jZT1cIndlYWtcIj5cbiAgICAgICAgICAgIHtlcnJvcn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L1RvZ2dsZUdyb3VwQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5Ub2dnbGVHcm91cC5Ub2dnbGUgPSBUb2dnbGVHcm91cFRvZ2dsZVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const ToggleGroup = ({
   legend,
+  legendDescription,
   value,
   className,
   helper,
@@ -68,11 +70,7 @@ const ToggleGroup = ({
   return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
     /* @__PURE__ */ jsx(FieldSet, { className, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
       legend || description ? /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
-        legend ? /* @__PURE__ */ jsxs(Text, { as: "legend", variant: "bodyStrong", sentiment: "neutral", prominence: "strong", children: [
-          legend,
-          " ",
-          required ? /* @__PURE__ */ jsx(Text, { as: "sup", variant: "body", sentiment: "danger", children: "*" }) : null
-        ] }) : null,
+        legend ? /* @__PURE__ */ jsx(Label, { as: "legend", required, labelDescription: legendDescription, children: legend }) : null,
         description ? /* @__PURE__ */ jsx(Text, { variant: "bodySmall", as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", children: description }) : null
       ] }) : null,
       /* @__PURE__ */ jsx(Stack, { gap: 2, direction, children })

package/dist/helpers/nivoTheme.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getNivoTheme = (theme) => ({
+  axis: {
+    ticks: {
+      line: {
+        stroke: theme.colors.neutral.backgroundStrong,
+        strokeWidth: 1
+      }
+    }
+  },
+  text: {
+    fill: theme.colors.neutral.text,
+    outlineColor: theme.colors.neutral.background,
+    fontFamily: theme.typography.body.fontFamily,
+    fontSize: theme.typography.bodySmall.fontSize,
+    fontWeight: theme.typography.bodySmall.fontWeight,
+    lineHeight: theme.typography.bodySmall.lineHeight,
+    letterSpacing: theme.typography.bodySmall.letterSpacing
+  }
+});
+exports.getNivoTheme = getNivoTheme;

package/dist/helpers/nivoTheme.d.ts

@@ -0,0 +1,20 @@
+import type { useTheme } from '@emotion/react';
+export declare const getNivoTheme: (theme: ReturnType<typeof useTheme>) => {
+    axis: {
+        ticks: {
+            line: {
+                stroke: string;
+                strokeWidth: number;
+            };
+        };
+    };
+    text: {
+        fill: string;
+        outlineColor: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+};

package/dist/helpers/nivoTheme.js

@@ -0,0 +1,22 @@
+const getNivoTheme = (theme) => ({
+  axis: {
+    ticks: {
+      line: {
+        stroke: theme.colors.neutral.backgroundStrong,
+        strokeWidth: 1
+      }
+    }
+  },
+  text: {
+    fill: theme.colors.neutral.text,
+    outlineColor: theme.colors.neutral.background,
+    fontFamily: theme.typography.body.fontFamily,
+    fontSize: theme.typography.bodySmall.fontSize,
+    fontWeight: theme.typography.bodySmall.fontWeight,
+    lineHeight: theme.typography.bodySmall.lineHeight,
+    letterSpacing: theme.typography.bodySmall.letterSpacing
+  }
+});
+export {
+  getNivoTheme
+};

package/dist/theme/index.cjs

@@ -10,7 +10,7 @@ const {
   typography,
   space,
   radii,
-  screens
+  breakpoints
 } = themes.consoleLightTheme;
 const extendTheme = (extendedTheme) => deepmerge__default.default(themes.consoleLightTheme, extendedTheme);
 const SENTIMENTS = ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
@@ -28,7 +28,7 @@ exports.SENTIMENTS_WITHOUT_NEUTRAL = SENTIMENTS_WITHOUT_NEUTRAL;
 exports.colors = colors;
 exports.extendTheme = extendTheme;
 exports.radii = radii;
-exports.screens = screens;
+exports.screens = breakpoints;
 exports.shadows = shadows;
 exports.space = space;
 exports.typography = typography;

package/dist/theme/index.d.ts

@@ -1,6 +1,6 @@
 import { consoleDarkTheme, consoleLightTheme } from '@ultraviolet/themes';
 import ThemeRegistry from './ThemeRegistry';
-export type ScreenSize = keyof typeof consoleLightTheme.screens;
+export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
 /**
  * @deprecated use UltravioletUITheme instead
  */
@@ -351,107 +351,6 @@ declare const colors: {
         textStrongDisabled: string;
         textStrongHover: string;
     };
-} & {
-    danger: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    info: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    primary: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    secondary: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    success: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    warning: {
-        backgroundWeak: string;
-        backgroundWeakDisabled: string;
-        backgroundWeakHover: string;
-        borderWeak: string;
-        borderWeakDisabled: string;
-        borderWeakHover: string;
-        iconWeak: string;
-        iconWeakDisabled: string;
-        iconWeakHover: string;
-        textWeak: string;
-        textWeakDisabled: string;
-        textWeakHover: string;
-    };
-    other: {
-        gradients: {
-            background: {
-                gold: string;
-                purple: string;
-                strong: string;
-                accent: string;
-                aqua: string;
-                blue: string;
-                emerald: string;
-                fuschia: string;
-                magenta: string;
-                primary: string;
-            };
-        };
-    };
 }, shadows: {
     bulk: string;
     defaultShadow: string;
@@ -762,52 +661,6 @@ declare const colors: {
         textDecoration: string;
         weight: string;
     };
-} & {
-    body: {
-        fontFamily: string;
-    };
-    bodySmall: {
-        fontFamily: string;
-    };
-    bodySmallStrong: {
-        fontFamily: string;
-    };
-    bodySmallStronger: {
-        fontFamily: string;
-    };
-    bodyStrong: {
-        fontFamily: string;
-    };
-    bodyStronger: {
-        fontFamily: string;
-    };
-    caption: {
-        fontFamily: string;
-    };
-    captionSmall: {
-        fontFamily: string;
-    };
-    captionSmallStrong: {
-        fontFamily: string;
-    };
-    captionSmallStronger: {
-        fontFamily: string;
-    };
-    captionStrong: {
-        fontFamily: string;
-    };
-    captionStronger: {
-        fontFamily: string;
-    };
-    heading: {
-        fontFamily: string;
-    };
-    headingLarge: {
-        fontFamily: string;
-    };
-    headingSmall: {
-        fontFamily: string;
-    };
 }, space: {
     '0': string;
     '1': string;
@@ -831,12 +684,13 @@ declare const colors: {
     small: string;
     xlarge: string;
     xxlarge: string;
-}, screens: {
-    xsmall: number;
-    small: number;
-    medium: number;
-    large: number;
-    xlarge: number;
+}, breakpoints: {
+    large: string;
+    medium: string;
+    small: string;
+    xlarge: string;
+    xsmall: string;
+    xxsmall: string;
 };
 type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;
@@ -852,5 +706,5 @@ type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
 declare const SENTIMENTS_WITHOUT_NEUTRAL: ("primary" | "secondary" | "success" | "danger" | "warning" | "info")[];
 export type { SCWUITheme, UltravioletUITheme, Color, ExtendedColor };
-export { colors, shadows, space, radii, screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeRegistry, };
+export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeRegistry, };
 export default consoleLightTheme;

package/dist/theme/index.js

@@ -7,7 +7,7 @@ const {
   typography,
   space,
   radii,
-  screens
+  breakpoints
 } = consoleLightTheme;
 const extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
 const SENTIMENTS = ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
@@ -20,7 +20,7 @@ export {
   consoleLightTheme2 as default,
   extendTheme,
   radii,
-  screens,
+  breakpoints as screens,
   shadows,
   space,
   typography

package/dist/utils/responsive/utilities.cjs

@@ -7,7 +7,7 @@ const up = (size, rules) => {
 };
 const down = (size, rules) => {
   if (!(size in index.screens)) return "";
-  return `@media (max-width: ${index.screens[size] - 1}px) { ${rules} }`;
+  return `@media (max-width: calc(${index.screens[size]} - 1px)) { ${rules} }`;
 };
 exports.down = down;
 exports.up = up;

package/dist/utils/responsive/utilities.js

@@ -1,11 +1,11 @@
-import { screens } from "../../theme/index.js";
+import { screens as breakpoints } from "../../theme/index.js";
 const up = (size, rules) => {
-  if (!(size in screens)) return "";
-  return `@media (min-width: ${screens[size]}px) { ${rules} }`;
+  if (!(size in breakpoints)) return "";
+  return `@media (min-width: ${breakpoints[size]}px) { ${rules} }`;
 };
 const down = (size, rules) => {
-  if (!(size in screens)) return "";
-  return `@media (max-width: ${screens[size] - 1}px) { ${rules} }`;
+  if (!(size in breakpoints)) return "";
+  return `@media (max-width: calc(${breakpoints[size]} - 1px)) { ${rules} }`;
 };
 export {
   down,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.3",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -63,8 +63,8 @@
     "@babel/core": "7.27.1",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
-    "@types/react": "19.1.2",
-    "@types/react-dom": "19.1.3",
+    "@types/react": "19.1.4",
+    "@types/react-dom": "19.1.5",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "@utils/test": "0.0.1"
@@ -85,8 +85,8 @@
     "react-toastify": "11.0.5",
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
-    "@ultraviolet/themes": "2.0.0-beta.0",
-    "@ultraviolet/icons": "4.0.0-beta.1"
+    "@ultraviolet/icons": "4.0.0-beta.2",
+    "@ultraviolet/themes": "2.0.0-beta.1"
   },
   "scripts": {
     "type:generate": "tsc --declaration -p tsconfig.build.json",