@eightshift/ui-components 4.0.0 → 5.0.0

package/package.json

@@ -1,102 +1,102 @@
 {
-  "name": "@eightshift/ui-components",
-  "version": "4.0.0",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/infinum/eightshift-ui-components.git"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "./dist/assets/*.css"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    },
-    "./icons": "./dist/icons/index.js",
-    "./utilities": "./dist/utilities/index.js",
-    "./dist/assets/style.css": "./dist/assets/style.css",
-    "./dist/assets/style-editor.css": "./dist/assets/style-editor.css",
-    "./dist/assets/style-admin.css": "./dist/assets/style-admin.css",
-    "./dist/assets/wp-font-enhancements.css": "./dist/assets/wp-font-enhancements.css",
-    "./dist/assets/wp-ui-enhancements.css": "./dist/assets/wp-ui-enhancements.css",
-    "./styles": "./dist/assets/style.css",
-    "./wp-font-enhancements": "./dist/assets/wp-font-enhancements.css",
-    "./wp-ui-enhancements": "./dist/assets/wp-ui-enhancements.css",
-    "./wp-overrides": "./dist/assets/wp.css"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@adobe/react-spectrum": "^3.40.1",
-    "@dnd-kit/abstract": "^0.0.9",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/dom": "^0.0.9",
-    "@dnd-kit/helpers": "^0.0.9",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/react": "^0.0.9",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@eslint/compat": "^1.2.7",
-    "@react-stately/collections": "^3.12.2",
-    "@stylistic/eslint-plugin-js": "^4.2.0",
-    "@tailwindcss/vite": "^4.0.14",
-    "@types/react": "^19.0.11",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react-swc": "^3.8.0",
-    "@wordpress/i18n": "^5.20.0",
-    "autoprefixer": "^10.4.21",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.22.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-jsdoc": "^50.6.8",
-    "eslint-plugin-prettier": "^5.2.3",
-    "glob": "^11.0.1",
-    "globals": "^16.0.0",
-    "just-camel-case": "^6.2.0",
-    "just-debounce-it": "^3.2.0",
-    "just-has": "^2.3.0",
-    "just-is-empty": "^3.4.1",
-    "just-kebab-case": "^4.2.0",
-    "just-throttle": "^4.2.0",
-    "lightningcss": "^1.29.3",
-    "postcss": "^8.5.3",
-    "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.11",
-    "react": "^19.0.0",
-    "react-aria": "^3.38.1",
-    "react-aria-components": "^1.7.1",
-    "react-dom": "^19.0.0",
-    "react-jsx-parser": "^2.4.0",
-    "react-movable": "^3.4.1",
-    "react-select": "^5.10.1",
-    "react-stately": "^3.36.1",
-    "svg-to-jsx-string": "^0.1.1",
-    "tailwindcss": "^4.0.14",
-    "tailwindcss-motion": "^1.1.0",
-    "tailwindcss-react-aria-components": "^2.0.0",
-    "vite": "^6.2.2",
-    "vite-plugin-lib-inject-css": "^2.2.1"
-  },
-  "dependencies": {
-    "@fontsource-variable/geist": "^5.2.5",
-    "@fontsource-variable/geist-mono": "^5.2.5"
-  },
-  "scripts": {
-    "dev": "vite",
-    "start": "vite",
-    "build": "vite build",
-    "lint": "npx eslint",
-    "preview": "vite preview"
-  }
-}
+	"name": "@eightshift/ui-components",
+	"version": "5.0.0",
+	"type": "module",
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/infinum/eightshift-ui-components.git"
+	},
+	"files": [
+		"dist"
+	],
+	"sideEffects": [
+		"./dist/assets/*.css"
+	],
+	"exports": {
+		".": {
+			"import": "./dist/index.js",
+			"require": "./dist/index.js"
+		},
+		"./icons": "./dist/icons/index.js",
+		"./utilities": "./dist/utilities/index.js",
+		"./dist/assets/style.css": "./dist/assets/style.css",
+		"./dist/assets/style-editor.css": "./dist/assets/style-editor.css",
+		"./dist/assets/style-admin.css": "./dist/assets/style-admin.css",
+		"./dist/assets/wp-font-enhancements.css": "./dist/assets/wp-font-enhancements.css",
+		"./dist/assets/wp-ui-enhancements.css": "./dist/assets/wp-ui-enhancements.css",
+		"./styles": "./dist/assets/style.css",
+		"./wp-font-enhancements": "./dist/assets/wp-font-enhancements.css",
+		"./wp-ui-enhancements": "./dist/assets/wp-ui-enhancements.css",
+		"./wp-overrides": "./dist/assets/wp.css"
+	},
+	"scripts": {
+		"dev": "vite",
+		"start": "vite",
+		"build": "vite build",
+		"lint": "npx eslint",
+		"preview": "vite preview"
+	},
+	"peerDependencies": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
+	},
+	"devDependencies": {
+		"@adobe/react-spectrum": "^3.41.0",
+		"@dnd-kit/abstract": "^0.1.10",
+		"@dnd-kit/core": "^6.3.1",
+		"@dnd-kit/dom": "^0.1.10",
+		"@dnd-kit/helpers": "^0.1.10",
+		"@dnd-kit/modifiers": "^9.0.0",
+		"@dnd-kit/react": "^0.1.10",
+		"@dnd-kit/sortable": "^10.0.0",
+		"@dnd-kit/utilities": "^3.2.2",
+		"@eslint/compat": "^1.2.9",
+		"@react-stately/collections": "^3.12.3",
+		"@stylistic/eslint-plugin-js": "^4.2.0",
+		"@tailwindcss/vite": "^4.1.5",
+		"@types/react": "^18.3.21",
+		"@types/react-dom": "^18.3.7",
+		"@vitejs/plugin-react-swc": "^3.9.0",
+		"@wordpress/i18n": "^5.22.0",
+		"autoprefixer": "^10.4.21",
+		"class-variance-authority": "^0.7.1",
+		"clsx": "^2.1.1",
+		"css-gradient-parser": "^0.0.16",
+		"eslint": "^9.26.0",
+		"eslint-config-prettier": "^10.1.2",
+		"eslint-plugin-jsdoc": "^50.6.11",
+		"eslint-plugin-prettier": "^5.4.0",
+		"glob": "^11.0.2",
+		"globals": "^16.0.0",
+		"just-camel-case": "^6.2.0",
+		"just-debounce-it": "^3.2.0",
+		"just-has": "^2.3.0",
+		"just-is-empty": "^3.4.1",
+		"just-kebab-case": "^4.2.0",
+		"just-throttle": "^4.2.0",
+		"lightningcss": "^1.29.3",
+		"postcss": "^8.5.3",
+		"prettier": "^3.5.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"react": "^18.3.1",
+		"react-aria": "^3.39.0",
+		"react-aria-components": "^1.8.0",
+		"react-dom": "^18.3.1",
+		"react-jsx-parser": "^2.4.0",
+		"react-movable": "^3.4.1",
+		"react-select": "^5.10.1",
+		"react-stately": "^3.37.0",
+		"svg-to-jsx-string": "^0.1.1",
+		"tailwindcss": "^4.1.5",
+		"tailwindcss-motion": "^1.1.0",
+		"tailwindcss-react-aria-components": "^2.0.0",
+		"vite": "^6.3.5",
+		"vite-plugin-lib-inject-css": "^2.2.2"
+	},
+	"dependencies": {
+		"@fontsource-variable/geist": "^5.2.6",
+		"@fontsource-variable/geist-mono": "^5.2.6"
+	}
+}

package/dist/Button-CvzGKGCo.js

@@ -1,185 +0,0 @@
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DkCSC521.js";
-import React__default, { createContext, useRef, useEffect } from "react";
-import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-BpOKDWEN.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CV5l3lf6.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-DwDr6ozG.js";
-const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
-let $319e236875307eab$var$liveAnnouncer = null;
-function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-  if (!$319e236875307eab$var$liveAnnouncer) {
-    $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
-    if (!(typeof IS_REACT_ACT_ENVIRONMENT === "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== "undefined")) setTimeout(() => {
-      if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-    }, 100);
-    else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-  } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-}
-function $319e236875307eab$export$d10ae4f68404609a(assertiveness) {
-  if ($319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer.clear(assertiveness);
-}
-class $319e236875307eab$var$LiveAnnouncer {
-  isAttached() {
-    var _this_node;
-    return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
-  }
-  createLog(ariaLive) {
-    let node = document.createElement("div");
-    node.setAttribute("role", "log");
-    node.setAttribute("aria-live", ariaLive);
-    node.setAttribute("aria-relevant", "additions");
-    return node;
-  }
-  destroy() {
-    if (!this.node) return;
-    document.body.removeChild(this.node);
-    this.node = null;
-  }
-  announce(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-    var _this_assertiveLog, _this_politeLog;
-    if (!this.node) return;
-    let node = document.createElement("div");
-    if (typeof message === "object") {
-      node.setAttribute("role", "img");
-      node.setAttribute("aria-labelledby", message["aria-labelledby"]);
-    } else node.textContent = message;
-    if (assertiveness === "assertive") (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
-    else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
-    if (message !== "") setTimeout(() => {
-      node.remove();
-    }, timeout);
-  }
-  clear(assertiveness) {
-    if (!this.node) return;
-    if ((!assertiveness || assertiveness === "assertive") && this.assertiveLog) this.assertiveLog.innerHTML = "";
-    if ((!assertiveness || assertiveness === "polite") && this.politeLog) this.politeLog.innerHTML = "";
-  }
-  constructor() {
-    this.node = null;
-    this.assertiveLog = null;
-    this.politeLog = null;
-    if (typeof document !== "undefined") {
-      this.node = document.createElement("div");
-      this.node.dataset.liveAnnouncer = "true";
-      Object.assign(this.node.style, {
-        border: 0,
-        clip: "rect(0 0 0 0)",
-        clipPath: "inset(50%)",
-        height: "1px",
-        margin: "-1px",
-        overflow: "hidden",
-        padding: 0,
-        position: "absolute",
-        width: "1px",
-        whiteSpace: "nowrap"
-      });
-      this.assertiveLog = this.createLog("assertive");
-      this.node.appendChild(this.assertiveLog);
-      this.politeLog = this.createLog("polite");
-      this.node.appendChild(this.politeLog);
-      document.body.prepend(this.node);
-    }
-  }
-}
-const $0393f8ab869a0f1a$export$e9f3bf65a26ce129 = /* @__PURE__ */ createContext(null);
-const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]);
-const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /* @__PURE__ */ createContext({});
-const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Button(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
-  props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
-  let ctx = props;
-  let { isPending } = ctx;
-  let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref);
-  let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
-  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
-    ...props,
-    isDisabled: props.isDisabled || isPending
-  });
-  let renderValues = {
-    isHovered,
-    isPressed: (ctx.isPressed || isPressed) && !isPending,
-    isFocused,
-    isFocusVisible,
-    isDisabled: props.isDisabled || false,
-    isPending: isPending !== null && isPending !== void 0 ? isPending : false
-  };
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    ...props,
-    values: renderValues,
-    defaultClassName: "react-aria-Button"
-  });
-  let buttonId = $bdb11010cef70236$export$f680877a34711e37(buttonProps.id);
-  let progressId = $bdb11010cef70236$export$f680877a34711e37();
-  let ariaLabelledby = buttonProps["aria-labelledby"];
-  if (isPending) {
-    if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
-    else if (buttonProps["aria-label"]) ariaLabelledby = `${buttonId} ${progressId}`;
-  }
-  let wasPending = useRef(isPending);
-  useEffect(() => {
-    let message = {
-      "aria-labelledby": ariaLabelledby || buttonId
-    };
-    if (!wasPending.current && isFocused && isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
-    else if (wasPending.current && isFocused && !isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
-    wasPending.current = isPending;
-  }, [
-    isPending,
-    isFocused,
-    ariaLabelledby,
-    buttonId
-  ]);
-  return /* @__PURE__ */ React__default.createElement("button", {
-    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
-      propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
-    }),
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, focusProps, hoverProps),
-    ...renderProps,
-    type: buttonProps.type === "submit" && isPending ? "button" : buttonProps.type,
-    id: buttonId,
-    ref,
-    "aria-labelledby": ariaLabelledby,
-    slot: props.slot || void 0,
-    "aria-disabled": isPending ? "true" : buttonProps["aria-disabled"],
-    "data-disabled": props.isDisabled || void 0,
-    "data-pressed": renderValues.isPressed || void 0,
-    "data-hovered": isHovered || void 0,
-    "data-focused": isFocused || void 0,
-    "data-pending": isPending || void 0,
-    "data-focus-visible": isFocusVisible || void 0
-  }, /* @__PURE__ */ React__default.createElement($0393f8ab869a0f1a$export$e9f3bf65a26ce129.Provider, {
-    value: {
-      id: progressId
-    }
-  }, renderProps.children));
-});
-function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
-  if (props.isPending) {
-    props.onPress = void 0;
-    props.onPressStart = void 0;
-    props.onPressEnd = void 0;
-    props.onPressChange = void 0;
-    props.onPressUp = void 0;
-    props.onKeyDown = void 0;
-    props.onKeyUp = void 0;
-    props.onClick = void 0;
-    props.href = void 0;
-  }
-  return props;
-}
-export {
-  $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as $,
-  $d2b4bc8c273e7be6$export$24d547caef80ccd1 as a,
-  $319e236875307eab$export$a9b970dcc4ae71a9 as b,
-  $319e236875307eab$export$d10ae4f68404609a as c
-};