slexkit 0.2.0 → 0.3.1

package/dist/chunks/{accordion-cfjyxw93.js → button-53ccjq5p.js}

@@ -4,15 +4,16 @@ import {
   setTabsContext,
   tv,
   warnThemeDeprecation
-} from "./accordion-hzyrngd6.js";
+} from "./button-faf563xf.js";
 import {
   InlineIcon
-} from "./accordion-cw5r75jm.js";
+} from "./button-xv2dz7vn.js";
 import {
   action,
   append,
   attribute_effect,
   bindPropStore,
+  cancelScheduledFrame,
   child,
   clsx,
   clsx_default,
@@ -37,6 +38,7 @@ import {
   push,
   reset,
   rest_props,
+  scheduleFrame,
   set,
   setContext,
   set_attribute,
@@ -51,7 +53,7 @@ import {
   untrack,
   user_derived,
   user_effect
-} from "./accordion-nw12ytps.js";
+} from "./button-cr1fhsa7.js";
 
 // node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/utils/singleselection.svelte.js
 var SINGLE_SELECTION_KEY = Symbol("singleton");
@@ -409,14 +411,13 @@ function Tabs2($$anchor, $$props) {
     };
   }
   function annotateTabs(node) {
-    let raf;
+    let frame;
     let resizeObserver;
     let indicatorReady = false;
     function scheduleIndicatorUpdate(list3, selectedTrigger) {
-      if (raf !== undefined)
-        cancelAnimationFrame(raf);
-      raf = requestAnimationFrame(() => {
-        raf = undefined;
+      cancelScheduledFrame($$props.ctx, frame);
+      frame = scheduleFrame($$props.ctx, () => {
+        frame = undefined;
         if (!selectedTrigger) {
           list3.style.setProperty("--slex-tabs-indicator-opacity", "0");
           return;
@@ -443,7 +444,7 @@ function Tabs2($$anchor, $$props) {
         list3.style.setProperty("--slex-tabs-indicator-opacity", "1");
         if (!indicatorReady) {
           indicatorReady = true;
-          requestAnimationFrame(() => {
+          scheduleFrame($$props.ctx, () => {
             list3.dataset.indicatorReady = "true";
           });
         }
@@ -484,8 +485,7 @@ function Tabs2($$anchor, $$props) {
         apply();
       },
       destroy() {
-        if (raf !== undefined)
-          cancelAnimationFrame(raf);
+        cancelScheduledFrame($$props.ctx, frame);
         resizeObserver?.disconnect();
       }
     };

package/dist/chunks/{accordion-nw12ytps.js → button-cr1fhsa7.js}

@@ -6756,13 +6756,16 @@ function readColumnLabel(column, fallback2) {
   }
   return text2(column, fallback2);
 }
-function readCell(row, column) {
+function readCell(row, column, index2) {
+  if (Array.isArray(row))
+    return text2(typeof index2 === "number" ? row[index2] : undefined);
   if (row && typeof row === "object")
     return text2(row[column]);
   return text2(row);
 }
 function renderChildren(node, ctx) {
   if (ctx.children && Object.keys(ctx.children).length > 0) {
+    node.replaceChildren();
     ctx.renderTree(ctx.children, node, ctx.forCtx);
   }
   return {
@@ -6774,6 +6777,49 @@ function renderChildren(node, ctx) {
 function emit(ctx, event2, data) {
   ctx.emit(event2, data);
 }
+function scheduleFrame(ctx, fn) {
+  const handle = { kind: "microtask", canceled: false };
+  const run3 = (time) => {
+    if (!handle.canceled)
+      fn(time);
+  };
+  const apiRaf = ctx.api?.raf;
+  if (typeof apiRaf === "function") {
+    try {
+      handle.kind = "api";
+      handle.id = apiRaf(run3);
+      return handle;
+    } catch {
+      handle.kind = "microtask";
+      handle.id = undefined;
+    }
+  }
+  const ownerWindow = ctx.document.defaultView;
+  if (ownerWindow && typeof ownerWindow.requestAnimationFrame === "function") {
+    try {
+      handle.kind = "native";
+      handle.id = ownerWindow.requestAnimationFrame(run3);
+      return handle;
+    } catch {
+      handle.kind = "microtask";
+      handle.id = undefined;
+    }
+  }
+  queueMicrotask(() => run3());
+  return handle;
+}
+function cancelScheduledFrame(ctx, handle) {
+  if (!handle || handle.canceled)
+    return;
+  handle.canceled = true;
+  if (handle.kind === "api" && typeof ctx.api?.cancelRaf === "function") {
+    try {
+      ctx.api.cancelRaf(handle.id);
+    } catch {}
+  } else if (handle.kind === "native" && typeof handle.id === "number") {
+    ctx.document.defaultView?.cancelAnimationFrame(handle.id);
+  }
+}
 function formatScriptKey(key2) {
   return /^[A-Za-z_$][\w$]*$/.test(key2) ? key2 : JSON.stringify(key2);
 }
@@ -6820,4 +6866,4 @@ function stringifySource(source2) {
 }`;
 }
 
-export { dev_fallback_default, noop, reset, next, enable_legacy_mode_flag, createContext, getContext, setContext, push, pop, user_derived, state, set, proxy, child, first_child, sibling, remove_textarea_child, user_effect, template_effect, get2 as get, untrack, replay_events, event, delegated, delegate, from_html, from_svg, text, comment, append, props_id, set_text, mount, unmount, if_block, index, each, html, snippet, component, transition, element, action, clsx_default, clsx2 as clsx, set_class, set_style, bind_select_value, remove_input_defaults, set_value, set_checked, set_attribute2 as set_attribute, attribute_effect, customizable_select, bind_value, bind_checked, bind_this, rest_props, spread_props, prop, onMount, onDestroy, createSvelteRenderer, bindPropStore, text2 as text1, label, bool, list, rows, readColumns, readColumnLabel, readCell, renderChildren, emit, stringifySource };
+export { dev_fallback_default, noop, reset, next, enable_legacy_mode_flag, createContext, getContext, setContext, push, pop, user_derived, state, set, proxy, child, first_child, sibling, remove_textarea_child, user_effect, template_effect, get2 as get, untrack, replay_events, event, delegated, delegate, from_html, from_svg, text, comment, append, props_id, set_text, mount, unmount, if_block, index, each, html, snippet, component, transition, element, action, clsx_default, clsx2 as clsx, set_class, set_style, bind_select_value, remove_input_defaults, set_value, set_checked, set_attribute2 as set_attribute, attribute_effect, customizable_select, bind_value, bind_checked, bind_this, rest_props, spread_props, prop, onMount, onDestroy, createSvelteRenderer, bindPropStore, text2 as text1, label, bool, list, rows, readColumns, readColumnLabel, readCell, renderChildren, emit, scheduleFrame, cancelScheduledFrame, stringifySource };

package/dist/chunks/{accordion-5f0nvjjm.js → button-dsftwzvg.js}

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "./accordion-cw5r75jm.js";
+} from "./button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -24,6 +24,7 @@ import {
   proxy,
   push,
   reset,
+  scheduleFrame,
   set,
   set_attribute,
   set_class,
@@ -34,7 +35,7 @@ import {
   text1 as text,
   user_derived,
   user_effect
-} from "./accordion-nw12ytps.js";
+} from "./button-cr1fhsa7.js";
 
 // src/components/svelte/input/Select.svelte
 var root_3 = from_html(`<span> </span>`);
@@ -129,7 +130,7 @@ function Select($$anchor, $$props) {
     set(open, false);
     set(activeIndex, selectedIndex(), true);
     if (focusTrigger)
-      requestAnimationFrame(() => get(triggerEl)?.focus());
+      scheduleFrame($$props.ctx, () => get(triggerEl)?.focus());
   }
   function toggle() {
     if (get(open))

package/dist/chunks/{accordion-hzyrngd6.js → button-faf563xf.js}

@@ -1,7 +1,7 @@
 import {
   createContext,
   dev_fallback_default
-} from "./accordion-nw12ytps.js";
+} from "./button-cr1fhsa7.js";
 
 // node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/context.js
 function createSafeContext() {
@@ -2374,4 +2374,4 @@ var cnMerge = (...classnames) => {
 };
 var { createTV, tv } = getTailwindVariants(cnMerge);
 
-export { tv, getTabsContext, setTabsContext, getTheme, warnThemeDeprecation };
+export { getTabsContext, setTabsContext, getTheme, warnThemeDeprecation, tv };

package/dist/chunks/{accordion-ehnhpeca.js → button-jxv4c65t.js}

@@ -2,7 +2,7 @@ import {
   getTheme,
   tv,
   warnThemeDeprecation
-} from "./accordion-hzyrngd6.js";
+} from "./button-faf563xf.js";
 import {
   append,
   attribute_effect,
@@ -33,7 +33,7 @@ import {
   transition,
   untrack,
   user_derived
-} from "./accordion-nw12ytps.js";
+} from "./button-cr1fhsa7.js";
 
 // node_modules/.bun/flowbite-svelte@1.33.1+c74efb4fcdd27e5c/node_modules/flowbite-svelte/dist/utils/theme.js
 var closeButton = tv({

package/dist/chunks/{accordion-cw5r75jm.js → button-xv2dz7vn.js}

@@ -19,7 +19,7 @@ import {
   text1 as text,
   user_derived,
   user_effect
-} from "./accordion-nw12ytps.js";
+} from "./button-cr1fhsa7.js";
 
 // svg-raw:@phosphor-icons/core/assets/regular/caret-down.svg
 var caret_down_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"/></svg>';

package/dist/chunks/{accordion-830dw78f.js → button-z5yv24ks.js}

@@ -1,7 +1,7 @@
 import {
   InlineIcon,
   resolveIconWeight
-} from "./accordion-cw5r75jm.js";
+} from "./button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -30,7 +30,7 @@ import {
   text1 as text2,
   user_derived,
   user_effect
-} from "./accordion-nw12ytps.js";
+} from "./button-cr1fhsa7.js";
 
 // src/components/svelte/input/Button.svelte
 var root_3 = from_html(`<span class="slex-sr-only"> </span>`);

package/dist/components/accordion.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -29,7 +29,7 @@ import {
   text1 as text,
   user_derived,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/accordion.ts
 import { register } from "../runtime.js";

package/dist/components/badge.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -21,7 +21,7 @@ import {
   template_effect,
   text1 as text,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/badge.ts
 import { register } from "../runtime.js";

package/dist/components/button.css

@@ -1,104 +1,104 @@
-.slex-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  max-width: 100%;
-  min-width: 0;
-  padding: 0.5rem 1rem;
-  border: 1px solid transparent;
-  border-radius: var(--radius);
-  font-family: inherit;
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.25;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  cursor: pointer;
-  user-select: none;
-  transition:
-    background 150ms ease,
-    border-color 150ms ease,
-    color 150ms ease,
-    box-shadow 150ms ease,
-    transform 150ms ease;
-}
-
-.slex-button--primary {
-  background: var(--primary);
-  color: var(--primary-foreground);
-  border-color: var(--primary);
-}
-
-.slex-button--primary:hover:not(:disabled):not(.slex-button--disabled) {
-  background: color-mix(in oklab, var(--primary) 90%, transparent);
-  border-color: color-mix(in oklab, var(--primary) 90%, transparent);
-  color: var(--primary-foreground);
-  transform: translateY(-1px);
-  box-shadow: var(--shadow-md);
-}
-
-.slex-button--secondary {
-  background: var(--secondary);
-  color: var(--secondary-foreground);
-  border-color: var(--border);
-}
-
-.slex-button--secondary:hover:not(:disabled):not(.slex-button--disabled) {
-  background: var(--accent);
-  color: var(--accent-foreground);
-  border-color: var(--border);
-}
-
-.slex-button--danger {
-  background: var(--destructive);
-  color: var(--destructive-foreground);
-  border-color: var(--destructive);
-}
-
-.slex-button--danger:hover:not(:disabled):not(.slex-button--disabled) {
-  background: color-mix(in oklab, var(--destructive) 90%, transparent);
-  border-color: color-mix(in oklab, var(--destructive) 90%, transparent);
-}
-
-.slex-button--ghost {
-  background: transparent;
-  color: var(--muted-foreground);
-  border-color: transparent;
-}
-
-.slex-button--ghost:hover:not(:disabled):not(.slex-button--disabled) {
-  background: var(--accent);
-  color: var(--accent-foreground);
-}
-
-.slex-button:disabled,
-.slex-button[disabled],
-.slex-button--disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  pointer-events: none;
-  transform: none;
-  box-shadow: none;
-}
-
-.slex-button:active:not(:disabled):not(.slex-button--disabled) {
-  transform: translateY(0);
-  box-shadow: var(--shadow-sm);
-}
-
-.slex-button:focus-visible {
-  outline: 2px solid var(--ring);
-  outline-offset: 2px;
-}
-
-.slex-button--icon {
-  width: var(--slex-control-height, 2.25rem);
-  min-height: var(--slex-control-height, 2.25rem);
-  padding-inline: 0;
-}
-
+.slex-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  max-width: 100%;
+  min-width: 0;
+  padding: 0.5rem 1rem;
+  border: 1px solid transparent;
+  border-radius: var(--radius);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  transition:
+    background 150ms ease,
+    border-color 150ms ease,
+    color 150ms ease,
+    box-shadow 150ms ease,
+    transform 150ms ease;
+}
+
+.slex-button--primary {
+  background: var(--primary);
+  color: var(--primary-foreground);
+  border-color: var(--primary);
+}
+
+.slex-button--primary:hover:not(:disabled):not(.slex-button--disabled) {
+  background: color-mix(in oklab, var(--primary) 90%, transparent);
+  border-color: color-mix(in oklab, var(--primary) 90%, transparent);
+  color: var(--primary-foreground);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-md);
+}
+
+.slex-button--secondary {
+  background: var(--secondary);
+  color: var(--secondary-foreground);
+  border-color: var(--border);
+}
+
+.slex-button--secondary:hover:not(:disabled):not(.slex-button--disabled) {
+  background: var(--accent);
+  color: var(--accent-foreground);
+  border-color: var(--border);
+}
+
+.slex-button--danger {
+  background: var(--destructive);
+  color: var(--destructive-foreground);
+  border-color: var(--destructive);
+}
+
+.slex-button--danger:hover:not(:disabled):not(.slex-button--disabled) {
+  background: color-mix(in oklab, var(--destructive) 90%, transparent);
+  border-color: color-mix(in oklab, var(--destructive) 90%, transparent);
+}
+
+.slex-button--ghost {
+  background: transparent;
+  color: var(--muted-foreground);
+  border-color: transparent;
+}
+
+.slex-button--ghost:hover:not(:disabled):not(.slex-button--disabled) {
+  background: var(--accent);
+  color: var(--accent-foreground);
+}
+
+.slex-button:disabled,
+.slex-button[disabled],
+.slex-button--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+  transform: none;
+  box-shadow: none;
+}
+
+.slex-button:active:not(:disabled):not(.slex-button--disabled) {
+  transform: translateY(0);
+  box-shadow: var(--shadow-sm);
+}
+
+.slex-button:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+}
+
+.slex-button--icon {
+  width: var(--slex-control-height, 2.25rem);
+  min-height: var(--slex-control-height, 2.25rem);
+  padding-inline: 0;
+}
+
 .slex-button-icon {
   display: inline-flex;
   width: 1.125rem;

package/dist/components/button.js

@@ -1,10 +1,10 @@
 import {
   Button
-} from "../chunks/accordion-830dw78f.js";
-import"../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-z5yv24ks.js";
+import"../chunks/button-xv2dz7vn.js";
 import {
   createSvelteRenderer
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/button.ts
 import { register } from "../runtime.js";

package/dist/components/callout.js

@@ -1,10 +1,10 @@
 import {
   Toast
-} from "../chunks/accordion-ehnhpeca.js";
-import"../chunks/accordion-hzyrngd6.js";
+} from "../chunks/button-jxv4c65t.js";
+import"../chunks/button-faf563xf.js";
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   action,
   append,
@@ -28,7 +28,7 @@ import {
   text1 as text,
   user_derived,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/callout.ts
 import { register } from "../runtime.js";

package/dist/components/card.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   action,
   append,
@@ -23,7 +23,7 @@ import {
   template_effect,
   text1 as text,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/card.ts
 import { register } from "../runtime.js";

package/dist/components/checkbox.js

@@ -1,6 +1,6 @@
 import {
   InlineIcon
-} from "../chunks/accordion-cw5r75jm.js";
+} from "../chunks/button-xv2dz7vn.js";
 import {
   append,
   bindPropStore,
@@ -26,7 +26,7 @@ import {
   template_effect,
   text1 as text,
   user_effect
-} from "../chunks/accordion-nw12ytps.js";
+} from "../chunks/button-cr1fhsa7.js";
 
 // src/components/entries/checkbox.ts
 import { register } from "../runtime.js";
@@ -88,6 +88,7 @@ function Checkbox($$anchor, $$props) {
   reset(label);
   reset(span);
   template_effect(($0, $1) => {
+    set_attribute(label, "data-disabled", get(p).disabled ? "true" : undefined);
     input.disabled = !!get(p).disabled;
     set_attribute(input, "data-state", get(checked) ? "checked" : "unchecked");
     set_attribute(input, "aria-label", $0);