@embedreach/components 0.1.79 → 0.1.80

package/dist/chunks/B4MFY5CR.js

@@ -1,4 +1,4 @@
-import { s as sortFns, m as mutationSortFns, b as createSignal, d as delegateEvents, e as createEffect, a as createComponent, f as mergeProps, h as splitProps, S as Show, c as createMemo, i as createContext, u as useContext, j as createRenderEffect, k as setAttribute, l as createUniqueId, o as on, P as Portal, n as onCleanup, D as Dynamic, t as template, p as onMount, q as use, r as insert, v as className, w as getQueryStatusColor, x as getMutationStatusColor, y as spread, z as getQueryStatusColorByLabel, A as displayValue, F as For, B as batch, C as clearDelegatedEvents, E as untrack, G as createComputed, H as serialize, I as Index, J as updateNestedDataByPath, K as convertRemToPixels, L as getSidedProp, M as getQueryStatusLabel, $ as $TRACK, N as createRoot, O as addEventListener, Q as stringify, R as Match, T as Switch, U as deleteNestedDataByPath, V as useTransition } from "./index.js";
+import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, m as mutationSortFns, n as on, p as setAttribute, q as getSidedProp, r as use, v as createUniqueId, w as batch, x as getQueryStatusLabel, y as getMutationStatusColor, z as getQueryStatusColor, A as getQueryStatusColorByLabel, B as displayValue, F as For, C as convertRemToPixels, D as untrack, $ as $TRACK, E as useTransition, G as spread, H as mergeProps, I as createRoot, J as serialize, K as Index, L as updateNestedDataByPath, M as addEventListener, N as stringify, O as Match, Q as Switch, R as deleteNestedDataByPath, T as splitProps, U as Dynamic, V as createComputed } from "./index.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {
@@ -1069,8 +1069,6 @@ function clsx() {
     (e2 = arguments[f]) && (t2 = r(e2)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
-var noop2 = () => {
-};
 function createListTransition(source, options) {
   const initSource = untrack(source);
   const { onChange } = options;
@@ -1078,12 +1076,12 @@ function createListTransition(source, options) {
   const exiting = /* @__PURE__ */ new WeakSet();
   const [toRemove, setToRemove] = createSignal([], { equals: false });
   const [isTransitionPending] = useTransition();
-  const finishRemoved = options.exitMethod === "remove" ? noop2 : (els) => {
+  const finishRemoved = (els) => {
     setToRemove((p2) => (p2.push.apply(p2, els), p2));
     for (const el of els)
       exiting.delete(el);
   };
-  const handleRemoved = options.exitMethod === "remove" ? noop2 : options.exitMethod === "keep-index" ? (els, el, i2) => els.splice(i2, 0, el) : (els, el) => els.push(el);
+  const handleRemoved = (els, el, i2) => els.splice(i2, 0, el);
   return createMemo(
     (prev) => {
       const elsToRemove = toRemove();
@@ -1238,7 +1236,6 @@ var TransitionGroup = (props) => {
   const classnames = createClassnames(props);
   return createListTransition(resolveElements(() => props.children).toArray, {
     appear: props.appear,
-    exitMethod: "keep-index",
     onChange({ added, removed, finishRemoved, list }) {
       const classes = classnames();
       for (const el of added) {
@@ -1673,7 +1670,7 @@ function getFocusableTreeWalker(root, opts, scope) {
       if (opts?.from?.contains(node)) {
         return NodeFilter.FILTER_REJECT;
       }
-      if (node.matches(selector) && isElementVisible(node) && !scope && (!opts?.accept || opts.accept(node))) {
+      if (node.matches(selector) && isElementVisible(node) && true && (!opts?.accept || opts.accept(node))) {
         return NodeFilter.FILTER_ACCEPT;
       }
       return NodeFilter.FILTER_SKIP;
@@ -8284,85 +8281,34 @@ var tokens = {
     }
   },
   alpha: {
-    100: "ff",
     90: "e5",
-    80: "cc",
-    70: "b3",
-    60: "99",
-    50: "80",
-    40: "66",
-    30: "4d",
-    20: "33",
-    10: "1a",
-    0: "00"
+    80: "cc"
   },
   font: {
     size: {
-      "2xs": "calc(var(--tsqd-font-size) * 0.625)",
       xs: "calc(var(--tsqd-font-size) * 0.75)",
       sm: "calc(var(--tsqd-font-size) * 0.875)",
-      md: "var(--tsqd-font-size)",
-      lg: "calc(var(--tsqd-font-size) * 1.125)",
-      xl: "calc(var(--tsqd-font-size) * 1.25)",
-      "2xl": "calc(var(--tsqd-font-size) * 1.5)",
-      "3xl": "calc(var(--tsqd-font-size) * 1.875)",
-      "4xl": "calc(var(--tsqd-font-size) * 2.25)",
-      "5xl": "calc(var(--tsqd-font-size) * 3)",
-      "6xl": "calc(var(--tsqd-font-size) * 3.75)",
-      "7xl": "calc(var(--tsqd-font-size) * 4.5)",
-      "8xl": "calc(var(--tsqd-font-size) * 6)",
-      "9xl": "calc(var(--tsqd-font-size) * 8)"
+      md: "var(--tsqd-font-size)"
     },
     lineHeight: {
       xs: "calc(var(--tsqd-font-size) * 1)",
       sm: "calc(var(--tsqd-font-size) * 1.25)",
-      md: "calc(var(--tsqd-font-size) * 1.5)",
-      lg: "calc(var(--tsqd-font-size) * 1.75)",
-      xl: "calc(var(--tsqd-font-size) * 2)",
-      "2xl": "calc(var(--tsqd-font-size) * 2.25)",
-      "3xl": "calc(var(--tsqd-font-size) * 2.5)",
-      "4xl": "calc(var(--tsqd-font-size) * 2.75)",
-      "5xl": "calc(var(--tsqd-font-size) * 3)",
-      "6xl": "calc(var(--tsqd-font-size) * 3.25)",
-      "7xl": "calc(var(--tsqd-font-size) * 3.5)",
-      "8xl": "calc(var(--tsqd-font-size) * 3.75)",
-      "9xl": "calc(var(--tsqd-font-size) * 4)"
+      md: "calc(var(--tsqd-font-size) * 1.5)"
     },
     weight: {
-      thin: "100",
-      extralight: "200",
-      light: "300",
-      normal: "400",
       medium: "500",
       semibold: "600",
-      bold: "700",
-      extrabold: "800",
-      black: "900"
+      bold: "700"
     }
   },
-  breakpoints: {
-    xs: "320px",
-    sm: "640px",
-    md: "768px",
-    lg: "1024px",
-    xl: "1280px",
-    "2xl": "1536px"
-  },
   border: {
     radius: {
-      none: "0px",
       xs: "calc(var(--tsqd-font-size) * 0.125)",
       sm: "calc(var(--tsqd-font-size) * 0.25)",
-      md: "calc(var(--tsqd-font-size) * 0.375)",
-      lg: "calc(var(--tsqd-font-size) * 0.5)",
-      xl: "calc(var(--tsqd-font-size) * 0.75)",
-      "2xl": "calc(var(--tsqd-font-size) * 1)",
-      "3xl": "calc(var(--tsqd-font-size) * 1.5)",
       full: "9999px"
     }
   },
   size: {
-    0: "0px",
     0.25: "calc(var(--tsqd-font-size) * 0.0625)",
     0.5: "calc(var(--tsqd-font-size) * 0.125)",
     1: "calc(var(--tsqd-font-size) * 0.25)",
@@ -8374,32 +8320,9 @@ var tokens = {
     4: "calc(var(--tsqd-font-size) * 1)",
     4.5: "calc(var(--tsqd-font-size) * 1.125)",
     5: "calc(var(--tsqd-font-size) * 1.25)",
-    5.5: "calc(var(--tsqd-font-size) * 1.375)",
     6: "calc(var(--tsqd-font-size) * 1.5)",
     6.5: "calc(var(--tsqd-font-size) * 1.625)",
-    7: "calc(var(--tsqd-font-size) * 1.75)",
-    8: "calc(var(--tsqd-font-size) * 2)",
-    9: "calc(var(--tsqd-font-size) * 2.25)",
-    10: "calc(var(--tsqd-font-size) * 2.5)",
-    11: "calc(var(--tsqd-font-size) * 2.75)",
-    12: "calc(var(--tsqd-font-size) * 3)",
-    14: "calc(var(--tsqd-font-size) * 3.5)",
-    16: "calc(var(--tsqd-font-size) * 4)",
-    20: "calc(var(--tsqd-font-size) * 5)",
-    24: "calc(var(--tsqd-font-size) * 6)",
-    28: "calc(var(--tsqd-font-size) * 7)",
-    32: "calc(var(--tsqd-font-size) * 8)",
-    36: "calc(var(--tsqd-font-size) * 9)",
-    40: "calc(var(--tsqd-font-size) * 10)",
-    44: "calc(var(--tsqd-font-size) * 11)",
-    48: "calc(var(--tsqd-font-size) * 12)",
-    52: "calc(var(--tsqd-font-size) * 13)",
-    56: "calc(var(--tsqd-font-size) * 14)",
-    60: "calc(var(--tsqd-font-size) * 15)",
-    64: "calc(var(--tsqd-font-size) * 16)",
-    72: "calc(var(--tsqd-font-size) * 18)",
-    80: "calc(var(--tsqd-font-size) * 20)",
-    96: "calc(var(--tsqd-font-size) * 24)"
+    14: "calc(var(--tsqd-font-size) * 3.5)"
   },
   shadow: {
     xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
@@ -8410,21 +8333,6 @@ var tokens = {
     "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
     inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
     none: () => `none`
-  },
-  zIndices: {
-    hide: -1,
-    auto: "auto",
-    base: 0,
-    docked: 10,
-    dropdown: 1e3,
-    sticky: 1100,
-    banner: 1200,
-    overlay: 1300,
-    modal: 1400,
-    popover: 1500,
-    skipLink: 1600,
-    toast: 1700,
-    tooltip: 1800
   }
 };
 var _tmpl$2 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=none xmlns=http://www.w3.org/2000/svg><path d="M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z"stroke=currentColor stroke-width=1.66667 stroke-linecap=round stroke-linejoin=round>`);