@alixpartners/ui-components 2.1.2 → 2.3.0

package/dist/web.config

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<configuration>
-  <system.webServer>
-    <staticContent>
-      <remove fileExtension=".json"/>
-      <mimeMap fileExtension=".json" mimeType="application/json"/>
-    </staticContent>
-  </system.webServer>
+<?xml version="1.0" encoding="utf-8"?>
+<configuration>
+  <system.webServer>
+    <staticContent>
+      <remove fileExtension=".json"/>
+      <mimeMap fileExtension=".json" mimeType="application/json"/>
+    </staticContent>
+  </system.webServer>
 </configuration>

package/package.json

@@ -1,84 +1,87 @@
-{
-  "name": "@alixpartners/ui-components",
-  "version": "2.1.2",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "exports": "./dist/main.js",
-  "module": "./dist/main.js",
-  "types": "./dist/main.d.ts",
-  "license": "SEE LICENSE IN LICENSE.md",
-  "repository": "https://alixpartners-dev.visualstudio.com/_git/AP.UIComponents",
-  "main": "./dist/umd/index.js",
-  "scripts": {
-    "build": "tsc -b && vite build",
-    "lint": "eslint . --ext ts,tsx",
-    "lint:fix": "eslint . --ext ts,tsx --fix",
-    "format": "prettier --check .",
-    "format:fix": "prettier --write .",
-    "stylelint": "stylelint **/*.css",
-    "stylelint:fix": "stylelint **/*.css --fix",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "vitest",
-    "test:unit": "vitest --project unit",
-    "test:storybook": "vitest --project storybook",
-    "test:ui": "vitest --ui",
-    "coverage": "vitest run --coverage",
-    "generate-icons": "node ./src/assets/generateIconsHelperFiles.js"
-  },
-  "dependencies": {
-    "clsx": "^2.1.1"
-  },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "radix-ui": "^1.4.2"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
-    "@eslint/js": "^9.25.0",
-    "@storybook/addon-designs": "^10.0.2",
-    "@storybook/addon-onboarding": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
-    "@testing-library/react": "^16.3.0",
-    "@types/node": "^22.15.21",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/browser": "^3.1.4",
-    "@vitest/coverage-v8": "^3.1.4",
-    "@vitest/ui": "^3.1.4",
-    "babel-plugin-react-remove-properties": "^0.3.0",
-    "eslint": "^9.25.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.18",
-    "globals": "^16.0.0",
-    "jsdom": "^26.1.0",
-    "playwright": "^1.52.0",
-    "postcss-scss": "^4.0.9",
-    "prettier": "^3.5.3",
-    "sass": "^1.89.0",
-    "storybook": "^9.0.18",
-    "stylelint": "^16.19.1",
-    "stylelint-config-standard": "^38.0.0",
-    "stylelint-scss": "^6.12.0",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2",
-    "vitest": "^3.1.4",
-    "@storybook/addon-vitest": "9.0.18",
-    "@storybook/addon-docs": "^9.0.18",
-    "glob": "^11.0.2"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  }
-}
+{
+  "name": "@alixpartners/ui-components",
+  "version": "2.3.0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": "./dist/main.js",
+  "module": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": "https://alixpartners-dev.visualstudio.com/_git/AP.UIComponents",
+  "main": "./dist/umd/index.js",
+  "scripts": {
+    "build": "tsc -b && vite build",
+    "lint": "eslint . --ext ts,tsx",
+    "lint:fix": "eslint . --ext ts,tsx --fix",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
+    "stylelint": "stylelint **/*.css",
+    "stylelint:fix": "stylelint **/*.css --fix",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest",
+    "test:unit": "vitest --project unit",
+    "test:storybook": "vitest --project storybook",
+    "test:ui": "vitest --ui",
+    "coverage": "vitest run --coverage",
+    "generate-icons": "node ./src/assets/generateIconsHelperFiles.js"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "radix-ui": "^1.4.2",
+    "notistack": "^3.0.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@eslint/js": "^9.25.0",
+    "@storybook/addon-designs": "^10.0.2",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^22.15.21",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/browser": "^3.1.4",
+    "@vitest/coverage-v8": "^3.1.4",
+    "@vitest/ui": "^3.1.4",
+    "babel-plugin-react-remove-properties": "^0.3.0",
+    "eslint": "^9.25.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^9.0.18",
+    "globals": "^16.0.0",
+    "happy-dom": "^15.11.6",
+    "jsdom": "^26.1.0",
+    "notistack": "^3.0.1",
+    "playwright": "^1.52.0",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.5.3",
+    "sass": "^1.89.0",
+    "storybook": "^9.0.18",
+    "stylelint": "^16.19.1",
+    "stylelint-config-standard": "^38.0.0",
+    "stylelint-scss": "^6.12.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^3.1.4",
+    "@storybook/addon-vitest": "9.0.18",
+    "@storybook/addon-docs": "^9.0.18",
+    "glob": "^11.0.2"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}

package/dist/index-DWydnyjJ.js

@@ -1,245 +0,0 @@
-import * as c from "react";
-import * as P from "react-dom";
-import { jsx as S, Fragment as R } from "react/jsx-runtime";
-function v(t, e) {
-  if (typeof t == "function")
-    return t(e);
-  t != null && (t.current = e);
-}
-function C(...t) {
-  return (e) => {
-    let o = !1;
-    const r = t.map((n) => {
-      const s = v(n, e);
-      return !o && typeof s == "function" && (o = !0), s;
-    });
-    if (o)
-      return () => {
-        for (let n = 0; n < r.length; n++) {
-          const s = r[n];
-          typeof s == "function" ? s() : v(t[n], null);
-        }
-      };
-  };
-}
-function j(...t) {
-  return c.useCallback(C(...t), t);
-}
-// @__NO_SIDE_EFFECTS__
-function E(t) {
-  const e = /* @__PURE__ */ _(t), o = c.forwardRef((r, n) => {
-    const { children: s, ...u } = r, i = c.Children.toArray(s), l = i.find($);
-    if (l) {
-      const f = l.props.children, d = i.map((a) => a === l ? c.Children.count(f) > 1 ? c.Children.only(null) : c.isValidElement(f) ? f.props.children : null : a);
-      return /* @__PURE__ */ S(e, { ...u, ref: n, children: c.isValidElement(f) ? c.cloneElement(f, void 0, d) : null });
-    }
-    return /* @__PURE__ */ S(e, { ...u, ref: n, children: s });
-  });
-  return o.displayName = `${t}.Slot`, o;
-}
-// @__NO_SIDE_EFFECTS__
-function _(t) {
-  const e = c.forwardRef((o, r) => {
-    const { children: n, ...s } = o;
-    if (c.isValidElement(n)) {
-      const u = O(n), i = z(s, n.props);
-      return n.type !== c.Fragment && (i.ref = r ? C(r, u) : u), c.cloneElement(n, i);
-    }
-    return c.Children.count(n) > 1 ? c.Children.only(null) : null;
-  });
-  return e.displayName = `${t}.SlotClone`, e;
-}
-var x = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function B(t) {
-  const e = ({ children: o }) => /* @__PURE__ */ S(R, { children: o });
-  return e.displayName = `${t}.Slottable`, e.__radixId = x, e;
-}
-function $(t) {
-  return c.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === x;
-}
-function z(t, e) {
-  const o = { ...e };
-  for (const r in e) {
-    const n = t[r], s = e[r];
-    /^on[A-Z]/.test(r) ? n && s ? o[r] = (...i) => {
-      const l = s(...i);
-      return n(...i), l;
-    } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...s } : r === "className" && (o[r] = [n, s].filter(Boolean).join(" "));
-  }
-  return { ...t, ...o };
-}
-function O(t) {
-  var r, n;
-  let e = (r = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : r.get, o = e && "isReactWarning" in e && e.isReactWarning;
-  return o ? t.ref : (e = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, o = e && "isReactWarning" in e && e.isReactWarning, o ? t.props.ref : t.props.ref || t.ref);
-}
-var N = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], k = N.reduce((t, e) => {
-  const o = /* @__PURE__ */ E(`Primitive.${e}`), r = c.forwardRef((n, s) => {
-    const { asChild: u, ...i } = n, l = u ? o : e;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(l, { ...i, ref: s });
-  });
-  return r.displayName = `Primitive.${e}`, { ...t, [e]: r };
-}, {});
-function F(t, e) {
-  t && P.flushSync(() => t.dispatchEvent(e));
-}
-function L(t, e = []) {
-  let o = [];
-  function r(s, u) {
-    const i = c.createContext(u), l = o.length;
-    o = [...o, u];
-    const f = (a) => {
-      var b;
-      const { scope: p, children: h, ...m } = a, y = ((b = p == null ? void 0 : p[t]) == null ? void 0 : b[l]) || i, w = c.useMemo(() => m, Object.values(m));
-      return /* @__PURE__ */ S(y.Provider, { value: w, children: h });
-    };
-    f.displayName = s + "Provider";
-    function d(a, p) {
-      var y;
-      const h = ((y = p == null ? void 0 : p[t]) == null ? void 0 : y[l]) || i, m = c.useContext(h);
-      if (m) return m;
-      if (u !== void 0) return u;
-      throw new Error(`\`${a}\` must be used within \`${s}\``);
-    }
-    return [f, d];
-  }
-  const n = () => {
-    const s = o.map((u) => c.createContext(u));
-    return function(i) {
-      const l = (i == null ? void 0 : i[t]) || s;
-      return c.useMemo(
-        () => ({ [`__scope${t}`]: { ...i, [t]: l } }),
-        [i, l]
-      );
-    };
-  };
-  return n.scopeName = t, [r, A(n, ...e)];
-}
-function A(...t) {
-  const e = t[0];
-  if (t.length === 1) return e;
-  const o = () => {
-    const r = t.map((n) => ({
-      useScope: n(),
-      scopeName: n.scopeName
-    }));
-    return function(s) {
-      const u = r.reduce((i, { useScope: l, scopeName: f }) => {
-        const a = l(s)[`__scope${f}`];
-        return { ...i, ...a };
-      }, {});
-      return c.useMemo(() => ({ [`__scope${e.scopeName}`]: u }), [u]);
-    };
-  };
-  return o.scopeName = e.scopeName, o;
-}
-function M(t, e, { checkForDefaultPrevented: o = !0 } = {}) {
-  return function(n) {
-    if (t == null || t(n), o === !1 || !n.defaultPrevented)
-      return e == null ? void 0 : e(n);
-  };
-}
-var g = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-}, I = c[" useInsertionEffect ".trim().toString()] || g;
-function T({
-  prop: t,
-  defaultProp: e,
-  onChange: o = () => {
-  },
-  caller: r
-}) {
-  const [n, s, u] = D({
-    defaultProp: e,
-    onChange: o
-  }), i = t !== void 0, l = i ? t : n;
-  {
-    const d = c.useRef(t !== void 0);
-    c.useEffect(() => {
-      const a = d.current;
-      a !== i && console.warn(
-        `${r} is changing from ${a ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), d.current = i;
-    }, [i, r]);
-  }
-  const f = c.useCallback(
-    (d) => {
-      var a;
-      if (i) {
-        const p = W(d) ? d(t) : d;
-        p !== t && ((a = u.current) == null || a.call(u, p));
-      } else
-        s(d);
-    },
-    [i, t, s, u]
-  );
-  return [l, f];
-}
-function D({
-  defaultProp: t,
-  onChange: e
-}) {
-  const [o, r] = c.useState(t), n = c.useRef(o), s = c.useRef(e);
-  return I(() => {
-    s.current = e;
-  }, [e]), c.useEffect(() => {
-    var u;
-    n.current !== o && ((u = s.current) == null || u.call(s, o), n.current = o);
-  }, [o, n]), [o, r, s];
-}
-function W(t) {
-  return typeof t == "function";
-}
-function U(t) {
-  const [e, o] = c.useState(void 0);
-  return g(() => {
-    if (t) {
-      o({ width: t.offsetWidth, height: t.offsetHeight });
-      const r = new ResizeObserver((n) => {
-        if (!Array.isArray(n) || !n.length)
-          return;
-        const s = n[0];
-        let u, i;
-        if ("borderBoxSize" in s) {
-          const l = s.borderBoxSize, f = Array.isArray(l) ? l[0] : l;
-          u = f.inlineSize, i = f.blockSize;
-        } else
-          u = t.offsetWidth, i = t.offsetHeight;
-        o({ width: u, height: i });
-      });
-      return r.observe(t, { box: "border-box" }), () => r.unobserve(t);
-    } else
-      o(void 0);
-  }, [t]), e;
-}
-export {
-  k as P,
-  M as a,
-  C as b,
-  L as c,
-  j as d,
-  U as e,
-  F as f,
-  E as g,
-  B as h,
-  g as i,
-  T as u
-};