@embedreach/components 0.1.94 → 0.1.95

package/dist/chunks/B4MFY5CR.js

@@ -1,4 +1,4 @@
-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";
+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";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {
@@ -1069,6 +1069,8 @@ 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;
@@ -1076,12 +1078,12 @@ function createListTransition(source, options) {
   const exiting = /* @__PURE__ */ new WeakSet();
   const [toRemove, setToRemove] = createSignal([], { equals: false });
   const [isTransitionPending] = useTransition();
-  const finishRemoved = (els) => {
+  const finishRemoved = options.exitMethod === "remove" ? noop2 : (els) => {
     setToRemove((p2) => (p2.push.apply(p2, els), p2));
     for (const el of els)
       exiting.delete(el);
   };
-  const handleRemoved = (els, el, i2) => els.splice(i2, 0, el);
+  const handleRemoved = options.exitMethod === "remove" ? noop2 : options.exitMethod === "keep-index" ? (els, el, i2) => els.splice(i2, 0, el) : (els, el) => els.push(el);
   return createMemo(
     (prev) => {
       const elsToRemove = toRemove();
@@ -1236,6 +1238,7 @@ 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) {
@@ -1670,7 +1673,7 @@ function getFocusableTreeWalker(root, opts, scope) {
       if (opts?.from?.contains(node)) {
         return NodeFilter.FILTER_REJECT;
       }
-      if (node.matches(selector) && isElementVisible(node) && true && (!opts?.accept || opts.accept(node))) {
+      if (node.matches(selector) && isElementVisible(node) && !scope && (!opts?.accept || opts.accept(node))) {
         return NodeFilter.FILTER_ACCEPT;
       }
       return NodeFilter.FILTER_SKIP;
@@ -8281,34 +8284,85 @@ var tokens = {
     }
   },
   alpha: {
+    100: "ff",
     90: "e5",
-    80: "cc"
+    80: "cc",
+    70: "b3",
+    60: "99",
+    50: "80",
+    40: "66",
+    30: "4d",
+    20: "33",
+    10: "1a",
+    0: "00"
   },
   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)"
+      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)"
     },
     lineHeight: {
       xs: "calc(var(--tsqd-font-size) * 1)",
       sm: "calc(var(--tsqd-font-size) * 1.25)",
-      md: "calc(var(--tsqd-font-size) * 1.5)"
+      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)"
     },
     weight: {
+      thin: "100",
+      extralight: "200",
+      light: "300",
+      normal: "400",
       medium: "500",
       semibold: "600",
-      bold: "700"
+      bold: "700",
+      extrabold: "800",
+      black: "900"
     }
   },
+  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)",
@@ -8320,9 +8374,32 @@ 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)",
-    14: "calc(var(--tsqd-font-size) * 3.5)"
+    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)"
   },
   shadow: {
     xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
@@ -8333,6 +8410,21 @@ 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>`);