@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.2

package/dist/hooks/useAriaRelationship.js

@@ -1,38 +1,36 @@
-import { useRef as f, useCallback as l } from "react";
-const R = (e) => {
-  const r = f(null), u = l((t) => {
-    r.current = t;
-  }, []), o = l(
+import { useRef as p, useCallback as n } from "react";
+const f = (e) => {
+  const o = p(null), l = n((t) => {
+    o.current = t;
+  }, []), s = n(
     (t) => {
-      var n, i;
-      const s = (((n = r.current) == null ? void 0 : n.getAttribute(e)) ?? "").split(" ");
-      s.push(t), (i = r.current) == null || i.setAttribute(
+      const r = (o.current?.getAttribute(e) ?? "").split(" ");
+      r.push(t), o.current?.setAttribute(
         e,
-        s.join(" ").trim()
+        r.join(" ").trim()
       );
     },
     [e]
-  ), c = l(
+  ), i = n(
     (t) => {
-      var n, i;
-      const s = (((n = r.current) == null ? void 0 : n.getAttribute(e)) ?? "").split(" ").filter((a) => a !== t);
-      (i = r.current) == null || i.setAttribute(
+      const r = (o.current?.getAttribute(e) ?? "").split(" ").filter((u) => u !== t);
+      o.current?.setAttribute(
         e,
-        s.join(" ").trim()
+        r.join(" ").trim()
       );
     },
     [e]
-  ), p = l(
-    (t) => (s) => {
-      s ? o == null || o(t) : c == null || c(t);
+  ), c = n(
+    (t) => (r) => {
+      r ? s?.(t) : i?.(t);
     },
-    [o, c]
+    [s, i]
   );
   return {
-    setController: u,
-    setControlViaRef: p
+    setController: l,
+    setControlViaRef: c
   };
 };
 export {
-  R as useAriaRelationship
+  f as useAriaRelationship
 };

package/dist/hooks/useBreakpoint.js

@@ -1,18 +1,15 @@
-import { BREAKPOINTS as o, BREAKPOINT_DETAILS as i } from "../constants.js";
+import { BREAKPOINTS as n, BREAKPOINT_DETAILS as a } from "../constants.js";
 import { useState as s, useCallback as c, useLayoutEffect as u } from "react";
-const a = () => o.find((e) => {
-  var t;
-  return (t = window.matchMedia(i[e].mediaQuery)) == null ? void 0 : t.matches;
-}) ?? o[0], m = () => {
-  const [e, t] = s(a()), n = c(() => {
-    t(a());
+const o = () => n.find((e) => window.matchMedia(a[e].mediaQuery)?.matches) ?? n[0], m = () => {
+  const [e, i] = s(o()), r = c(() => {
+    i(o());
   }, []);
   return u(() => {
-    const r = n;
-    return window.addEventListener("resize", r), r(), () => window.removeEventListener("resize", r);
-  }, [n]), {
+    const t = r;
+    return window.addEventListener("resize", t), t(), () => window.removeEventListener("resize", t);
+  }, [r]), {
     breakpoint: e,
-    detail: i[e]
+    detail: a[e]
   };
 };
 export {

package/dist/hooks/useControlledState.js

@@ -1,52 +1,54 @@
-import { useRef as V, useMemo as $, useState as L, useEffect as S, useCallback as p } from "react";
-import { idsLogger as U } from "../helpers/utility/idsLogger.js";
-import { toArray as f } from "../helpers/formatting/toArray.js";
-import { capitalizeFirstLetter as k } from "../helpers/formatting/capitalizeFirstLetter.js";
-const v = (e, r, s, o) => o ? s ? [...f(r), e] : f(r).filter((t) => t !== e) : s ? e : void 0, x = (e, r, s) => {
-  r !== void 0 && s === void 0 && e(void 0);
-}, I = ({
+import { useRef as w, useMemo as y, useState as V, useEffect as $, useCallback as p } from "react";
+import { idsLogger as a } from "../helpers/utility/idsLogger.js";
+import { toArray as d } from "../helpers/formatting/toArray.js";
+import { capitalizeFirstLetter as v } from "../helpers/formatting/capitalizeFirstLetter.js";
+const L = (e, t, r, s) => s ? r ? [...d(t), e] : d(t).filter((o) => o !== e) : r ? e : void 0, S = (e, t, r) => {
+  t !== void 0 && r === void 0 && e(void 0);
+}, A = ({
   component: e,
-  defaultValue: r,
-  multiple: s,
-  onChange: o,
+  defaultValue: t,
+  multiple: r,
+  onChange: s,
   propName: i = "value",
-  value: t
+  value: o
 }) => {
-  const m = V(), c = $(() => t !== void 0, [t]), [l, n] = L(
-    s ? f(r) : r
+  const m = w(
+    void 0
+  ), n = y(() => o !== void 0, [o]), [f, l] = V(
+    r ? d(t) : t
   );
-  x(n, m.current, t), m.current = t, S(() => {
-    t !== void 0 && r !== void 0 && U(
-      `${e}: Please use either the default${k(
+  S(l, m.current, o), m.current = o, $(() => {
+    o !== void 0 && t !== void 0 && a(
+      `${e}: Please use either the default${v(
         i
       )} prop for uncontrolled components, or the ${i} prop for controlled components, rather than both. If you use both, the value of the component may become unpredictable.`,
       "warn"
     );
-  }, [t, r, e, i]);
-  const b = p(
-    (d) => {
-      c || n(d), o == null || o(d);
+  }, [o, t, e, i]);
+  const h = p(
+    (c) => {
+      n || l(c), s?.(c);
     },
-    [c, o]
-  ), w = p(
-    (d, y) => {
-      const u = v(
-        d,
-        f(t ?? l),
-        y,
-        s
+    [n, s]
+  ), b = p(
+    (c, g) => {
+      const u = L(
+        c,
+        d(o ?? f),
+        g,
+        r
       );
-      c || n(u), o == null || o(u);
+      n || l(u), s?.(u);
     },
-    [c, s, o, l, t]
+    [n, r, s, f, o]
   );
   return {
-    isControlled: c,
-    setValue: b,
-    toggleValue: w,
-    value: t ?? l
+    isControlled: n,
+    setValue: h,
+    toggleValue: b,
+    value: o ?? f
   };
 };
 export {
-  I as useControlledState
+  A as useControlledState
 };

package/dist/{index-DlGwAtoO.js → index-CZ9ot38T.js}

@@ -1,4 +1,4 @@
-const e = {
+const s = {
   "borders.alert": {
     value: "0.5px solid currentColor",
     variable: "var(--borders-alert)"
@@ -171,10 +171,22 @@ const e = {
     value: "rgba(0, 0, 0, 0)",
     variable: "var(--colors-transparent)"
   },
+  "colors.page": {
+    value: "var(--iress-colour-neutral-10, #FFFFFF)",
+    variable: "var(--colors-page)"
+  },
   "colors.alt": {
     value: "var(--iress-colour-neutral-20, #F9F9F9)",
     variable: "var(--colors-alt)"
   },
+  "colors.muted": {
+    value: "var(--iress-colour-neutral-70, #6D7278)",
+    variable: "var(--colors-muted)"
+  },
+  "colors.text": {
+    value: "var(--iress-colour-neutral-80, #393F46)",
+    variable: "var(--colors-text)"
+  },
   "radii.radius.000": {
     value: "var(--iress-radius-000, 0px)",
     variable: "var(--radii-radius\\.000)"
@@ -220,23 +232,23 @@ const e = {
     variable: "var(--sizes-container\\.xs)"
   },
   "sizes.container.sm": {
-    value: "520px",
+    value: "100%",
     variable: "var(--sizes-container\\.sm)"
   },
   "sizes.container.md": {
-    value: "740px",
+    value: "100%",
     variable: "var(--sizes-container\\.md)"
   },
   "sizes.container.lg": {
-    value: "960px",
+    value: "100%",
     variable: "var(--sizes-container\\.lg)"
   },
   "sizes.container.xl": {
-    value: "1160px",
+    value: "1280px",
     variable: "var(--sizes-container\\.xl)"
   },
   "sizes.container.xxl": {
-    value: "1160px",
+    value: "1280px",
     variable: "var(--sizes-container\\.xxl)"
   },
   "sizes.input.2": {
@@ -308,7 +320,7 @@ const e = {
     variable: "var(--sizes-input\\.height)"
   },
   "sizes.progress.height": {
-    value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--sizes-progress\\.height)"
   },
   "sizes.slider.track": {
@@ -359,94 +371,78 @@ const e = {
     value: "1500px",
     variable: "var(--sizes-breakpoint-xxl)"
   },
-  "spacing.spacing.000": {
-    value: "var(--iress-spacing-000, 0rem)",
-    variable: "var(--spacing-spacing\\.000)"
-  },
-  "spacing.spacing.050": {
-    value: "var(--iress-spacing-050, calc(0.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.050)"
-  },
-  "spacing.spacing.100": {
-    value: "var(--iress-spacing-100, .25rem)",
-    variable: "var(--spacing-spacing\\.100)"
-  },
-  "spacing.spacing.150": {
-    value: "var(--iress-spacing-150, calc(1.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.150)"
-  },
-  "spacing.spacing.200": {
-    value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.200)"
+  "spacing.spacing.0": {
+    value: "var(--iress-spacing-0, 0rem)",
+    variable: "var(--spacing-spacing\\.0)"
   },
-  "spacing.spacing.250": {
-    value: "var(--iress-spacing-250, calc(2.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.250)"
+  "spacing.spacing.1": {
+    value: "var(--iress-spacing-1, .25rem)",
+    variable: "var(--spacing-spacing\\.1)"
   },
-  "spacing.spacing.300": {
-    value: "var(--iress-spacing-300, calc(3 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.300)"
+  "spacing.spacing.2": {
+    value: "var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.2)"
   },
-  "spacing.spacing.350": {
-    value: "var(--iress-spacing-350, calc(3.5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.350)"
+  "spacing.spacing.3": {
+    value: "var(--iress-spacing-3, calc(3 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.3)"
   },
-  "spacing.spacing.400": {
-    value: "var(--iress-spacing-400, calc(4 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.400)"
+  "spacing.spacing.4": {
+    value: "var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.4)"
   },
-  "spacing.spacing.500": {
-    value: "var(--iress-spacing-500, calc(5 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.500)"
+  "spacing.spacing.5": {
+    value: "var(--iress-spacing-5, calc(5 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.5)"
   },
-  "spacing.spacing.600": {
-    value: "var(--iress-spacing-600, calc(6 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.600)"
+  "spacing.spacing.6": {
+    value: "var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.6)"
   },
-  "spacing.spacing.700": {
-    value: "var(--iress-spacing-700, calc(7 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.700)"
+  "spacing.spacing.7": {
+    value: "var(--iress-spacing-7, calc(7 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.7)"
   },
-  "spacing.spacing.800": {
-    value: "var(--iress-spacing-800, calc(8 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.800)"
+  "spacing.spacing.8": {
+    value: "var(--iress-spacing-8, calc(8 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.8)"
   },
-  "spacing.spacing.900": {
-    value: "var(--iress-spacing-900, calc(9 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.900)"
-  },
-  "spacing.spacing.1000": {
-    value: "var(--iress-spacing-1000, calc(10 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.1000)"
-  },
-  "spacing.spacing.1200": {
-    value: "var(--iress-spacing-1200, calc(12 * var(--iress-spacing-100, .25rem)))",
-    variable: "var(--spacing-spacing\\.1200)"
+  "spacing.spacing.10": {
+    value: "var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)))",
+    variable: "var(--spacing-spacing\\.10)"
   },
   "spacing.none": {
-    value: "var(--iress-spacing-000, 0rem)",
+    value: "var(--iress-spacing-0, 0rem)",
     variable: "var(--spacing-none)"
   },
   "spacing.xs": {
-    value: "var(--iress-spacing-100, .25rem)",
+    value: "var(--iress-spacing-1, .25rem)",
     variable: "var(--spacing-xs)"
   },
   "spacing.sm": {
-    value: "var(--iress-spacing-200, calc(2 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-sm)"
   },
   "spacing.md": {
-    value: "var(--iress-spacing-400, calc(4 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-4, calc(4 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-md)"
   },
   "spacing.lg": {
-    value: "var(--iress-spacing-700, calc(7 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-6, calc(6 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-lg)"
   },
   "spacing.xl": {
-    value: "var(--iress-spacing-1200, calc(12 * var(--iress-spacing-100, .25rem)))",
+    value: "var(--iress-spacing-10, calc(10 * var(--iress-spacing-100, .25rem)))",
     variable: "var(--spacing-xl)"
   },
+  "spacing.button.inline": {
+    value: "calc((var(--iress-radius-system--button-top-left, var(--iress-radius-075, calc(0.75 * 1rem))) * 0.25) + var(--iress-spacing-2, calc(2 * var(--iress-spacing-100, .25rem))))",
+    variable: "var(--spacing-button\\.inline)"
+  },
+  "spacing.button.block": {
+    value: "calc(var(--iress-radius-system--button-top-left, var(--iress-radius-075, calc(0.75 * 1rem))) * 0.25)",
+    variable: "var(--spacing-button\\.block)"
+  },
   "spacing.field.footer": {
     value: "calc(var(--iress-typography-base-size, .875rem) * 2.35)",
     variable: "var(--spacing-field\\.footer)"
@@ -507,69 +503,45 @@ const e = {
     value: "1500px",
     variable: "var(--breakpoints-xxl)"
   },
-  "spacing.-spacing.000": {
-    value: "calc(var(--spacing-spacing\\.000) * -1)",
-    variable: "var(--spacing-spacing\\.000)"
-  },
-  "spacing.-spacing.050": {
-    value: "calc(var(--spacing-spacing\\.050) * -1)",
-    variable: "var(--spacing-spacing\\.050)"
-  },
-  "spacing.-spacing.100": {
-    value: "calc(var(--spacing-spacing\\.100) * -1)",
-    variable: "var(--spacing-spacing\\.100)"
+  "spacing.-spacing.0": {
+    value: "calc(var(--spacing-spacing\\.0) * -1)",
+    variable: "var(--spacing-spacing\\.0)"
   },
-  "spacing.-spacing.150": {
-    value: "calc(var(--spacing-spacing\\.150) * -1)",
-    variable: "var(--spacing-spacing\\.150)"
+  "spacing.-spacing.1": {
+    value: "calc(var(--spacing-spacing\\.1) * -1)",
+    variable: "var(--spacing-spacing\\.1)"
   },
-  "spacing.-spacing.200": {
-    value: "calc(var(--spacing-spacing\\.200) * -1)",
-    variable: "var(--spacing-spacing\\.200)"
+  "spacing.-spacing.2": {
+    value: "calc(var(--spacing-spacing\\.2) * -1)",
+    variable: "var(--spacing-spacing\\.2)"
   },
-  "spacing.-spacing.250": {
-    value: "calc(var(--spacing-spacing\\.250) * -1)",
-    variable: "var(--spacing-spacing\\.250)"
+  "spacing.-spacing.3": {
+    value: "calc(var(--spacing-spacing\\.3) * -1)",
+    variable: "var(--spacing-spacing\\.3)"
   },
-  "spacing.-spacing.300": {
-    value: "calc(var(--spacing-spacing\\.300) * -1)",
-    variable: "var(--spacing-spacing\\.300)"
+  "spacing.-spacing.4": {
+    value: "calc(var(--spacing-spacing\\.4) * -1)",
+    variable: "var(--spacing-spacing\\.4)"
   },
-  "spacing.-spacing.350": {
-    value: "calc(var(--spacing-spacing\\.350) * -1)",
-    variable: "var(--spacing-spacing\\.350)"
+  "spacing.-spacing.5": {
+    value: "calc(var(--spacing-spacing\\.5) * -1)",
+    variable: "var(--spacing-spacing\\.5)"
   },
-  "spacing.-spacing.400": {
-    value: "calc(var(--spacing-spacing\\.400) * -1)",
-    variable: "var(--spacing-spacing\\.400)"
+  "spacing.-spacing.6": {
+    value: "calc(var(--spacing-spacing\\.6) * -1)",
+    variable: "var(--spacing-spacing\\.6)"
   },
-  "spacing.-spacing.500": {
-    value: "calc(var(--spacing-spacing\\.500) * -1)",
-    variable: "var(--spacing-spacing\\.500)"
+  "spacing.-spacing.7": {
+    value: "calc(var(--spacing-spacing\\.7) * -1)",
+    variable: "var(--spacing-spacing\\.7)"
   },
-  "spacing.-spacing.600": {
-    value: "calc(var(--spacing-spacing\\.600) * -1)",
-    variable: "var(--spacing-spacing\\.600)"
+  "spacing.-spacing.8": {
+    value: "calc(var(--spacing-spacing\\.8) * -1)",
+    variable: "var(--spacing-spacing\\.8)"
   },
-  "spacing.-spacing.700": {
-    value: "calc(var(--spacing-spacing\\.700) * -1)",
-    variable: "var(--spacing-spacing\\.700)"
-  },
-  "spacing.-spacing.800": {
-    value: "calc(var(--spacing-spacing\\.800) * -1)",
-    variable: "var(--spacing-spacing\\.800)"
-  },
-  "spacing.-spacing.900": {
-    value: "calc(var(--spacing-spacing\\.900) * -1)",
-    variable: "var(--spacing-spacing\\.900)"
-  },
-  "spacing.-spacing.1000": {
-    value: "calc(var(--spacing-spacing\\.1000) * -1)",
-    variable: "var(--spacing-spacing\\.1000)"
-  },
-  "spacing.-spacing.1200": {
-    value: "calc(var(--spacing-spacing\\.1200) * -1)",
-    variable: "var(--spacing-spacing\\.1200)"
+  "spacing.-spacing.10": {
+    value: "calc(var(--spacing-spacing\\.10) * -1)",
+    variable: "var(--spacing-spacing\\.10)"
   },
   "spacing.-none": {
     value: "calc(var(--spacing-none) * -1)",
@@ -595,6 +567,14 @@ const e = {
     value: "calc(var(--spacing-xl) * -1)",
     variable: "var(--spacing-xl)"
   },
+  "spacing.-button.inline": {
+    value: "calc(var(--spacing-button\\.inline) * -1)",
+    variable: "var(--spacing-button\\.inline)"
+  },
+  "spacing.-button.block": {
+    value: "calc(var(--spacing-button\\.block) * -1)",
+    variable: "var(--spacing-button\\.block)"
+  },
   "spacing.-field.footer": {
     value: "calc(var(--spacing-field\\.footer) * -1)",
     variable: "var(--spacing-field\\.footer)"
@@ -608,15 +588,13 @@ const e = {
     variable: "var(--colors-color-palette)"
   }
 };
-function i(r, s) {
-  var a;
-  return ((a = e[r]) == null ? void 0 : a.value) || s;
+function e(a, r) {
+  return s[a]?.value || r;
 }
-function l(r, s) {
-  var a;
-  return ((a = e[r]) == null ? void 0 : a.variable) || s;
+function i(a, r) {
+  return s[a]?.variable || r;
 }
-i.var = l;
+e.var = i;
 export {
-  i as t
+  e as t
 };

package/dist/{index.esm-BdbWn-w_.js → index.esm-B6vzbp0e.js}

@@ -1207,9 +1207,9 @@ function ar(e = {}) {
 }
 export {
   rr as F,
-  ir as a,
-  ar as b,
-  xe as c,
-  It as d,
-  sr as u
+  ar as a,
+  xe as b,
+  It as c,
+  sr as d,
+  ir as u
 };

package/dist/{index.esm-BnSuefUA.js → index.esm-CL8gh5wr.js}

@@ -1,13 +1,9 @@
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
 var E = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], v = /* @__PURE__ */ E.join(","), w = typeof Element > "u", o = w ? function() {
 } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !w && Element.prototype.getRootNode ? function(i) {
   var t;
   return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
 } : function(i) {
-  return i == null ? void 0 : i.ownerDocument;
+  return i?.ownerDocument;
 }, h = function i(t, e) {
   var r;
   e === void 0 && (e = !0);

package/dist/is-valid-prop-Ce0wiweq.js

@@ -0,0 +1,7 @@
+import { s as e, m as t } from "./css-fGu_jDvv.js";
+var r = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,bgLinear,bgRadial,bgConic,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,focusRing,focusVisibleRing,focusRingColor,focusRingOffset,focusRingWidth,focusRingStyle,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,boxSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,backgroundLinear,backgroundRadial,backgroundConic,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,focusable,gutter,selectChevron,selectChevronRtl,tableChevron,hide,offset,span,topLeftTriangle,checkmark,sliderThumb,noGutter,stretch,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_nestedFormElements,_nestedFormLabels,_directNestedFormElements,_directNestedSizedElements,_nestedFieldsExceptFirst,_nestedFieldsExceptLast,_progressBar,_progressValue,_mozProgressValue,_focusVisibleWebkitSliderThumb,_focusVisibleMozRangeThumb,_webkitSliderThumb,_mozRangeThumb,_webkitSliderRunnableTrack,_mozRangeTrack,_directNestedHeadings,_siblingHeadings,_nestedHeadings,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,xxl,xxlOnly,xxlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsToXxl,smToMd,smToLg,smToXl,smToXxl,mdToLg,mdToXl,mdToXxl,lgToXl,lgToXxl,xlToXxl,textStyle,layerStyle,animationStyle", i = r.split(","), n = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical", a = n.split(",").concat(i), l = new Map(a.map((o) => [o, !0])), d = /&|@/, s = /* @__PURE__ */ t((o) => l.has(o) || o.startsWith("--") || d.test(o));
+const g = (o) => e(o, s);
+export {
+  s as i,
+  g as s
+};