@nil-/xit 0.1.28 → 0.2.0

package/assets/svelte/transition.js

@@ -14,37 +14,37 @@ function w(t) {
     "px"
   ];
 }
-function W(t, { delay: e = 0, duration: a = 400, easing: s = C, amount: p = 5, opacity: n = 0 } = {}) {
-  const c = getComputedStyle(t), r = +c.opacity, d = c.filter === "none" ? "" : c.filter, i = r * (1 - n), [o, y] = w(p);
+function W(t, { delay: e = 0, duration: a = 400, easing: r = C, amount: p = 5, opacity: n = 0 } = {}) {
+  const c = getComputedStyle(t), s = +c.opacity, d = c.filter === "none" ? "" : c.filter, i = s * (1 - n), [o, y] = w(p);
   return {
     delay: e,
     duration: a,
-    easing: s,
-    css: (f, u) => `opacity: ${r - i * u}; filter: ${d} blur(${u * o}${y});`
+    easing: r,
+    css: (f, u) => `opacity: ${s - i * u}; filter: ${d} blur(${u * o}${y});`
   };
 }
-function q(t, { delay: e = 0, duration: a = 400, easing: s = M } = {}) {
+function q(t, { delay: e = 0, duration: a = 400, easing: r = M } = {}) {
   const p = +getComputedStyle(t).opacity;
   return {
     delay: e,
     duration: a,
-    easing: s,
+    easing: r,
     css: (n) => `opacity: ${n * p}`
   };
 }
-function B(t, { delay: e = 0, duration: a = 400, easing: s = m, x: p = 0, y: n = 0, opacity: c = 0 } = {}) {
-  const r = getComputedStyle(t), d = +r.opacity, i = r.transform === "none" ? "" : r.transform, o = d * (1 - c), [y, f] = w(p), [u, _] = w(n);
+function B(t, { delay: e = 0, duration: a = 400, easing: r = m, x: p = 0, y: n = 0, opacity: c = 0 } = {}) {
+  const s = getComputedStyle(t), d = +s.opacity, i = s.transform === "none" ? "" : s.transform, o = d * (1 - c), [y, f] = w(p), [u, _] = w(n);
   return {
     delay: e,
     duration: a,
-    easing: s,
+    easing: r,
     css: ($, h) => `
 			transform: ${i} translate(${(1 - $) * y}${f}, ${(1 - $) * u}${_});
 			opacity: ${d - o * h}`
   };
 }
-function L(t, { delay: e = 0, duration: a = 400, easing: s = m, axis: p = "y" } = {}) {
-  const n = getComputedStyle(t), c = +n.opacity, r = p === "y" ? "height" : "width", d = parseFloat(n[r]), i = p === "y" ? ["top", "bottom"] : ["left", "right"], o = i.map(
+function L(t, { delay: e = 0, duration: a = 400, easing: r = m, axis: p = "y" } = {}) {
+  const n = getComputedStyle(t), c = +n.opacity, s = p === "y" ? "height" : "width", d = parseFloat(n[s]), i = p === "y" ? ["top", "bottom"] : ["left", "right"], o = i.map(
     (l) => (
       /** @type {'Left' | 'Right' | 'Top' | 'Bottom'} */
       `${l[0].toUpperCase()}${l.slice(1)}`
@@ -57,30 +57,30 @@ function L(t, { delay: e = 0, duration: a = 400, easing: s = m, axis: p = "y" }
   return {
     delay: e,
     duration: a,
-    easing: s,
-    css: (l) => `overflow: hidden;opacity: ${Math.min(l * 20, 1) * c};${r}: ${l * d}px;padding-${i[0]}: ${l * y}px;padding-${i[1]}: ${l * f}px;margin-${i[0]}: ${l * u}px;margin-${i[1]}: ${l * _}px;border-${i[0]}-width: ${l * $}px;border-${i[1]}-width: ${l * h}px;`
+    easing: r,
+    css: (l) => `overflow: hidden;opacity: ${Math.min(l * 20, 1) * c};${s}: ${l * d}px;padding-${i[0]}: ${l * y}px;padding-${i[1]}: ${l * f}px;margin-${i[0]}: ${l * u}px;margin-${i[1]}: ${l * _}px;border-${i[0]}-width: ${l * $}px;border-${i[1]}-width: ${l * h}px;min-${s}: 0`
   };
 }
-function R(t, { delay: e = 0, duration: a = 400, easing: s = m, start: p = 0, opacity: n = 0 } = {}) {
-  const c = getComputedStyle(t), r = +c.opacity, d = c.transform === "none" ? "" : c.transform, i = 1 - p, o = r * (1 - n);
+function R(t, { delay: e = 0, duration: a = 400, easing: r = m, start: p = 0, opacity: n = 0 } = {}) {
+  const c = getComputedStyle(t), s = +c.opacity, d = c.transform === "none" ? "" : c.transform, i = 1 - p, o = s * (1 - n);
   return {
     delay: e,
     duration: a,
-    easing: s,
+    easing: r,
     css: (y, f) => `
 			transform: ${d} scale(${1 - i * f});
-			opacity: ${r - o * f}
+			opacity: ${s - o * f}
 		`
   };
 }
-function z(t, { delay: e = 0, speed: a, duration: s, easing: p = C } = {}) {
+function z(t, { delay: e = 0, speed: a, duration: r, easing: p = C } = {}) {
   let n = t.getTotalLength();
   const c = getComputedStyle(t);
-  return c.strokeLinecap !== "butt" && (n += parseInt(c.strokeWidth)), s === void 0 ? a === void 0 ? s = 800 : s = n / a : typeof s == "function" && (s = s(n)), {
+  return c.strokeLinecap !== "butt" && (n += parseInt(c.strokeWidth)), r === void 0 ? a === void 0 ? r = 800 : r = n / a : typeof r == "function" && (r = r(n)), {
     delay: e,
-    duration: s,
+    duration: r,
     easing: p,
-    css: (r, d) => `
+    css: (s, d) => `
 			stroke-dasharray: ${n};
 			stroke-dashoffset: ${d * n};
 		`
@@ -94,8 +94,8 @@ function v(t, e) {
   );
 }
 function I({ fallback: t, ...e }) {
-  const a = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-  function p(c, r, d) {
+  const a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+  function p(c, s, d) {
     const {
       delay: i = 0,
       duration: o = (
@@ -103,7 +103,7 @@ function I({ fallback: t, ...e }) {
         (g) => Math.sqrt(g) * 30
       ),
       easing: y = m
-    } = v(v({}, e), d), f = c.getBoundingClientRect(), u = r.getBoundingClientRect(), _ = f.left - u.left, $ = f.top - u.top, h = f.width / u.width, l = f.height / u.height, k = Math.sqrt(_ * _ + $ * $), x = getComputedStyle(r), F = x.transform === "none" ? "" : x.transform, S = +x.opacity;
+    } = v(v({}, e), d), f = c.getBoundingClientRect(), u = s.getBoundingClientRect(), _ = f.left - u.left, $ = f.top - u.top, h = f.width / u.width, l = f.height / u.height, k = Math.sqrt(_ * _ + $ * $), x = getComputedStyle(s), F = x.transform === "none" ? "" : x.transform, S = +x.opacity;
     return {
       delay: i,
       duration: typeof o == "function" ? o(k) : o,
@@ -115,11 +115,11 @@ function I({ fallback: t, ...e }) {
 		   `
     };
   }
-  function n(c, r, d) {
+  function n(c, s, d) {
     return (i, o) => (c.set(o.key, i), () => {
-      if (r.has(o.key)) {
-        const y = r.get(o.key);
-        return r.delete(o.key), p(
+      if (s.has(o.key)) {
+        const y = s.get(o.key);
+        return s.delete(o.key), p(
           /** @type {Element} */
           y,
           i,
@@ -129,7 +129,7 @@ function I({ fallback: t, ...e }) {
       return c.delete(o.key), t && t(i, o, d);
     });
   }
-  return [n(s, a, !1), n(a, s, !0)];
+  return [n(r, a, !1), n(a, r, !0)];
 }
 export {
   W as blur,

package/components/layouts/Container.svelte

@@ -9,7 +9,6 @@
     </div>
 {/if}
 
-
 <style>
     .container {
         width: 100%;
@@ -21,4 +20,4 @@
         inset: 0;
         position: absolute;
     }
-</style>
+</style>

package/components/layouts/Scrollable.svelte

@@ -19,4 +19,4 @@
     div::-webkit-scrollbar {
         display: none;
     }
-</style>
+</style>

package/components/layouts/Split.svelte

@@ -56,12 +56,9 @@ const draggable = create({
     bind:clientHeight={height}
 >
     <Container>{@render side_a()}</Container>
-    <div
-        class="splitter"
-        use:draggable={{ reversed: alt, vertical }}
-    >
+    <div class="splitter" use:draggable={{ reversed: alt, vertical }}>
         {#if divider != null}
-            {@render divider({active, alt, vertical})}
+            {@render divider({ active, alt, vertical })}
         {:else}
             <DividerOverlay {alt} {vertical} {active}></DividerOverlay>
         {/if}
@@ -89,17 +86,17 @@ const draggable = create({
 
     .split.vertical {
         grid-template-columns: auto 1px var(--nil-xit-split-value);
-        grid-template-rows: none
+        grid-template-rows: none;
     }
 
     .split.alt {
         grid-template-columns: none;
         grid-template-rows: var(--nil-xit-split-value) 1px auto;
     }
-    
+
     .split.vertical.alt {
         grid-template-columns: var(--nil-xit-split-value) 1px auto;
-        grid-template-rows: none
+        grid-template-rows: none;
     }
 
     .splitter {
@@ -111,4 +108,4 @@ const draggable = create({
     .vertical > .splitter {
         cursor: ew-resize;
     }
-</style>
+</style>

package/components/utilities/DividerOverlay.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">let { vertical, alt, active } = $props();
-const title = $derived(`Collapse ${vertical ? alt ? "left" : "right" : alt ? "top" : "bottom"}`);
+const title = $derived(
+  `Collapse ${vertical ? alt ? "left" : "right" : alt ? "top" : "bottom"}`
+);
 </script>
 
 <div
@@ -8,7 +10,8 @@ const title = $derived(`Collapse ${vertical ? alt ? "left" : "right" : alt ? "to
     class:secondary={alt}
     class:active
     class:vertical
-    class:horizontal={!vertical}>
+    class:horizontal={!vertical}
+>
     <div {title}></div>
 </div>
 
@@ -18,7 +21,7 @@ const title = $derived(`Collapse ${vertical ? alt ? "left" : "right" : alt ? "to
         width: 100%;
         height: 100%;
         transform: translateY(-1px);
-        
+
         transition:
             border-color 350ms,
             background-color 350ms;
@@ -75,4 +78,4 @@ const title = $derived(`Collapse ${vertical ? alt ? "left" : "right" : alt ? "to
     .parent.secondary.vertical.active {
         border-left: hsl(0, 0%, 100%) solid 1px;
     }
-</style>
+</style>

package/components/utilities/draggable.js

@@ -55,7 +55,7 @@ export const create = ({ move, move_start, move_end, reset, dbltap, tap }) => {
         window.addEventListener("pointercancel", disengage);
         window.addEventListener("pointermove", pointer_move);
         return {
-            update: (new_params) => param = new_params,
+            update: (new_params) => (param = new_params),
             destroy: () => {
                 div.removeEventListener("pointerdown", engage);
                 window.removeEventListener("pointerup", disengage);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/xit",
-  "version": "0.1.28",
+  "version": "0.2.0",
   "peerDependencies": {
     "svelte": "^5.7.1"
   },
@@ -9,8 +9,30 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./index.d.ts",
-      "svelte": "./index.js",
       "default": "./index.js"
+    },
+    "./components/layouts/Container.svelte": {
+      "types": "./components/layouts/Container.svelte.d.ts",
+      "svelte": "./components/layouts/Container.svelte"
+    },
+    "./components/layouts/Scrollable.svelte": {
+      "types": "./components/layouts/Scrollable.svelte.d.ts",
+      "svelte": "./components/layouts/Scrollable.svelte"
+    },
+    "./components/layouts/Split.svelte": {
+      "types": "./components/layouts/Split.svelte.d.ts",
+      "svelte": "./components/layouts/Split.svelte"
+    },
+    "./components/utilities/DividerOverlay.svelte": {
+      "types": "./components/utilities/DividerOverlay.svelte.d.ts",
+      "svelte": "./components/utilities/DividerOverlay.svelte"
+    },
+    "./components/utilities/draggable.js": {
+      "types": "./components/utilities/draggable.d.ts",
+      "default": "./components/utilities/draggable.js"
     }
+  },
+  "dependencies": {
+    "flatbuffers": "^25.1.24"
   }
 }