@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/utils/animations.cjs

@@ -0,0 +1,276 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
+const bounce = react.keyframes`
+    from, 20%, 53%, 80%, to {
+      transform: translate3d(0,0,0);
+    }
+
+    40%, 43% {
+      transform: translate3d(0, -30px, 0);
+    }
+
+    70% {
+      transform: translate3d(0, -15px, 0);
+    }
+
+    90% {
+      transform: translate3d(0,-4px,0);
+    }
+`;
+const ping = react.keyframes`
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+`;
+const flash = react.keyframes`
+    0% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.1;
+    }
+    100% {
+      opacity: 1;
+    }
+`;
+const zoomIn = react.keyframes`
+    0% {
+      transform: scale(0);
+    }
+    100% {
+      transform: scale(1);
+    }
+`;
+const zoomOut = react.keyframes`
+    0% {
+      transform: scale(1);
+    }
+    100% {
+      transform: scale(0);
+    }
+`;
+const unfoldIn = react.keyframes`
+    0% {
+      transform:scaleY(.005) scaleX(0);
+    }
+    50% {
+      transform:scaleY(.005) scaleX(1);
+    }
+    100% {
+      transform:scaleY(1) scaleX(1);
+    }
+`;
+const unfoldOut = react.keyframes`
+    0% {
+      transform:scaleY(1) scaleX(1);
+    }
+    50% {
+      transform:scaleY(.005) scaleX(1);
+    }
+    100% {
+      transform:scaleY(.005) scaleX(0);
+    }
+`;
+const fadeIn = react.keyframes`
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+`;
+const fadeOut = react.keyframes`
+    0% {
+      background:rgba(0,0,0,.4);
+    }
+    100% {
+      background:rgba(0,0,0,.0);
+    }
+`;
+const scaleUp = react.keyframes`
+    0% {
+      transform:scale(.8) translateY(1000px);
+      opacity:0;
+    }
+    100% {
+      transform:scale(1) translateY(0px);
+      opacity:1;
+    }
+`;
+const scaleDown = react.keyframes`
+    0% {
+      transform:scale(1) translateY(0px);
+      opacity:1;
+    }
+    100% {
+      transform:scale(.8) translateY(1000px);
+      opacity:0;
+    }
+`;
+const quickScaleDown = react.keyframes`
+    0% {
+      transform:scale(1);
+    }
+    99.9% {
+      transform:scale(1);
+    }
+    100% {
+      transform:scale(0);
+    }
+`;
+const scaleBack = react.keyframes`
+    0% {
+      transform:scale(1);
+    }
+    100% {
+      transform:scale(.85);
+    }
+`;
+const scaleForward = react.keyframes`
+    0% {
+        transform:scale(.85);
+    }
+    100% {
+        transform:scale(1);
+    }
+`;
+const sketchIn = react.keyframes`
+    0% {
+      stroke-dashoffset: 778;
+    }
+    100% {
+      stroke-dashoffset: 0;
+    }
+`;
+const sketchOut = react.keyframes`
+    0% {
+      stroke-dashoffset: 0;
+    }
+    100% {
+      stroke-dashoffset: 778;
+    }
+`;
+const slideDownLarge = react.keyframes`
+    0% {
+      transform:translateY(-100%);
+    }
+    100% {
+      transform:translateY(0%);
+    }
+  `;
+const slideUpLarge = react.keyframes`
+    0% {
+      transform:translateY(0%);
+    }
+    100% {
+      transform:translateY(-100%);
+    }
+  `;
+const slideFromBottom = react.keyframes`
+    0% {
+      transform:translateY(+100%);
+    }
+    100% {
+      transform:translateY(0%);
+    }
+  `;
+const slideFromTop = react.keyframes`
+    0% {
+      transform:translateY(-100%);
+    }
+    100% {
+      transform:translateY(0%);
+    }
+  `;
+const slideFromRight = react.keyframes`
+    0% {
+      transform:translateX(+100%);
+    }
+    100% {
+      transform:translateX(0%);
+    }
+  `;
+const slideFromLeft = react.keyframes`
+    0% {
+      transform:translateX(-100%);
+    }
+    100% {
+      transform:translateX(0%);
+    }
+  `;
+const slideToBottom = react.keyframes`
+    0% {
+      transform:translateY(0%);
+    }
+    100% {
+      transform:translateY(+100%);
+    }
+  `;
+const slideToTop = react.keyframes`
+    0% {
+      transform:translateY(0%);
+    }
+    100% {
+      transform:translateY(-100%);
+    }
+  `;
+const slideToRight = react.keyframes`
+    0% {
+      transform:translateX(0%);
+    }
+    100% {
+      transform:translateX(+100%);
+    }
+  `;
+const slideToLeft = react.keyframes`
+    0% {
+      transform:translateX(0%);
+    }
+    100% {
+      transform:translateX(-100%);
+    }
+  `;
+const pulse = react.keyframes`
+    0% {
+      opacity: 0;
+      transform: scale(1);
+    }
+    50% {
+      opacity: 1;
+      transform: scale(1.15);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+`;
+exports.bounce = bounce;
+exports.fadeIn = fadeIn;
+exports.fadeOut = fadeOut;
+exports.flash = flash;
+exports.ping = ping;
+exports.pulse = pulse;
+exports.quickScaleDown = quickScaleDown;
+exports.scaleBack = scaleBack;
+exports.scaleDown = scaleDown;
+exports.scaleForward = scaleForward;
+exports.scaleUp = scaleUp;
+exports.sketchIn = sketchIn;
+exports.sketchOut = sketchOut;
+exports.slideDownLarge = slideDownLarge;
+exports.slideFromBottom = slideFromBottom;
+exports.slideFromLeft = slideFromLeft;
+exports.slideFromRight = slideFromRight;
+exports.slideFromTop = slideFromTop;
+exports.slideToBottom = slideToBottom;
+exports.slideToLeft = slideToLeft;
+exports.slideToRight = slideToRight;
+exports.slideToTop = slideToTop;
+exports.slideUpLarge = slideUpLarge;
+exports.unfoldIn = unfoldIn;
+exports.unfoldOut = unfoldOut;
+exports.zoomIn = zoomIn;
+exports.zoomOut = zoomOut;

package/dist/utils/capitalize.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1);
+module.exports = capitalize;

package/dist/utils/ids.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const chr4 = () => Math.random().toString(16).slice(-4);
+const uuid = () => Array.from({
+  length: 8
+}, chr4).join("");
+const getUUID = (prefix = "") => `${prefix ? `${prefix}-` : ""}${uuid()}`;
+exports.getUUID = getUUID;

package/dist/utils/ids.js

@@ -1,5 +1,7 @@
 const chr4 = () => Math.random().toString(16).slice(-4);
-const uuid = () => Array.from({ length: 8 }, chr4).join("");
+const uuid = () => Array.from({
+  length: 8
+}, chr4).join("");
 const getUUID = (prefix = "") => `${prefix ? `${prefix}-` : ""}${uuid()}`;
 export {
   getUUID

package/dist/utils/normalize.cjs

@@ -0,0 +1,36 @@
+"use strict";
+const modernNormalize = `
+  /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+  *,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
+`;
+const normalize = () => `
+  ${modernNormalize}
+
+  html {
+    font-size: 16px;
+    line-height: 1.5;
+    -webkit-tap-highlight-color: transparent;
+    margin: 0;
+  }
+
+  body {
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  img,
+  canvas,
+  iframe,
+  video,
+  select,
+  textarea {
+    max-width: 100%;
+  }
+
+  p, h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+  }
+`;
+const normalize$1 = normalize;
+module.exports = normalize$1;

package/dist/utils/responsive/Breakpoint.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const _styled = require("@emotion/styled/base");
+const utilities = require("./utilities.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const Breakpoint = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ehbeci0"
+} : {
+  target: "e1ehbeci0",
+  label: "Breakpoint"
+})("display:none;", (props) => `
+    ${props.up ? utilities.up(props.up, "display: block;") : ""}
+    ${props.down ? utilities.down(props.down, "display: block;") : ""}
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy91dGlscy9yZXNwb25zaXZlL0JyZWFrcG9pbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlxRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvdXRpbHMvcmVzcG9uc2l2ZS9CcmVha3BvaW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBTY3JlZW5TaXplIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgeyBkb3duLCB1cCB9IGZyb20gJy4vdXRpbGl0aWVzJ1xuXG5jb25zdCBCcmVha3BvaW50ID0gc3R5bGVkLmRpdjx7IGRvd24/OiBTY3JlZW5TaXplOyB1cD86IFNjcmVlblNpemUgfT5gXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7cHJvcHMgPT4gYFxuICAgICR7cHJvcHMudXAgPyB1cChwcm9wcy51cCwgJ2Rpc3BsYXk6IGJsb2NrOycpIDogJyd9XG4gICAgJHtwcm9wcy5kb3duID8gZG93bihwcm9wcy5kb3duLCAnZGlzcGxheTogYmxvY2s7JykgOiAnJ31cbiAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgQnJlYWtwb2ludFxuIl19 */"));
+const Breakpoint$1 = Breakpoint;
+module.exports = Breakpoint$1;

package/dist/utils/responsive/Breakpoint.js

@@ -1,12 +1,14 @@
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { up, down } from "./utilities.js";
-const Breakpoint = styled.div`
-  display: none;
-  ${(props) => `
+const Breakpoint = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1ehbeci0"
+} : {
+  target: "e1ehbeci0",
+  label: "Breakpoint"
+})("display:none;", (props) => `
     ${props.up ? up(props.up, "display: block;") : ""}
     ${props.down ? down(props.down, "display: block;") : ""}
-  `}
-`;
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy91dGlscy9yZXNwb25zaXZlL0JyZWFrcG9pbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlxRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvdXRpbHMvcmVzcG9uc2l2ZS9CcmVha3BvaW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBTY3JlZW5TaXplIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgeyBkb3duLCB1cCB9IGZyb20gJy4vdXRpbGl0aWVzJ1xuXG5jb25zdCBCcmVha3BvaW50ID0gc3R5bGVkLmRpdjx7IGRvd24/OiBTY3JlZW5TaXplOyB1cD86IFNjcmVlblNpemUgfT5gXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7cHJvcHMgPT4gYFxuICAgICR7cHJvcHMudXAgPyB1cChwcm9wcy51cCwgJ2Rpc3BsYXk6IGJsb2NrOycpIDogJyd9XG4gICAgJHtwcm9wcy5kb3duID8gZG93bihwcm9wcy5kb3duLCAnZGlzcGxheTogYmxvY2s7JykgOiAnJ31cbiAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgQnJlYWtwb2ludFxuIl19 */"));
 const Breakpoint$1 = Breakpoint;
 export {
   Breakpoint$1 as default

package/dist/utils/responsive/utilities.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../theme/index.cjs");
+const up = (size, rules) => {
+  if (!(size in index.screens))
+    return "";
+  return `@media (min-width: ${index.screens[size]}px) { ${rules} }`;
+};
+const down = (size, rules) => {
+  if (!(size in index.screens))
+    return "";
+  return `@media (max-width: ${index.screens[size] - 1}px) { ${rules} }`;
+};
+exports.down = down;
+exports.up = up;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.51.2",
+  "version": "1.51.4",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -32,12 +32,27 @@
   ],
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "main": "./dist/index.cjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     }
   },
+  "size-limit": [
+    {
+      "path": [
+        "dist/**/*.js",
+        "!*.d.ts",
+        "!*.cjs"
+      ],
+      "limit": "500 kB",
+      "webpack": false,
+      "brotli": true,
+      "running": false
+    }
+  ],
   "peerDependencies": {
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
@@ -46,7 +61,6 @@
   },
   "devDependencies": {
     "@babel/core": "7.24.5",
-    "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
     "@types/react": "18.3.1",
@@ -54,8 +68,8 @@
     "@types/react-dom": "18.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "@ultraviolet/themes": "1.10.1",
-    "@ultraviolet/icons": "2.12.6"
+    "@ultraviolet/themes": "1.10.2",
+    "@ultraviolet/icons": "2.12.8"
   },
   "dependencies": {
     "@emotion/serialize": "1.1.4",
@@ -72,13 +86,15 @@
     "react-toastify": "10.0.5",
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
-    "@ultraviolet/themes": "1.10.1",
-    "@ultraviolet/icons": "2.12.6"
+    "@ultraviolet/themes": "1.10.2",
+    "@ultraviolet/icons": "2.12.8"
   },
   "scripts": {
+    "prebuild": "shx rm -rf dist",
     "type:generate": "tsc --declaration -p tsconfig.build.json",
     "build": "vite build --config vite.config.ts && pnpm run type:generate",
     "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "size": "pnpm run build && size-limit"
   }
 }