@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/index.server-m6phax03.js

@@ -0,0 +1,137 @@
+import {
+  restoreFocusTo
+} from "./index.server-zwjp26z8.js";
+import {
+  overflowFade
+} from "./index.server-1vsv7ngz.js";
+import {
+  lockBodyScroll,
+  pushEscapeHandler
+} from "./index.server-mc6vc1pm.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/modal/modal.svelte
+import * as $ from "svelte/internal/server";
+import { onDestroy } from "svelte";
+function Modal($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const titleId = $.props_id($$renderer2);
+    let {
+      open = false,
+      title,
+      role = "dialog",
+      dismissOnBackdropClick = true,
+      dismissOnEscape = true,
+      showCloseButton = true,
+      class: className,
+      children,
+      footer,
+      triggerRef = null,
+      describedById,
+      ondismiss
+    } = $$props;
+    let dialogElement = undefined;
+    let bodyElement = undefined;
+    let mounted = false;
+    let capturedFocus = null;
+    let releaseBodyScrollLock = null;
+    let releaseEscapeHandler = null;
+    function acquireLock() {
+      if (releaseBodyScrollLock !== null)
+        return;
+      releaseBodyScrollLock = lockBodyScroll();
+    }
+    function releaseLock() {
+      releaseBodyScrollLock?.();
+      releaseBodyScrollLock = null;
+    }
+    function acquireEscapeHandler() {
+      if (releaseEscapeHandler !== null)
+        return;
+      releaseEscapeHandler = pushEscapeHandler(() => {});
+    }
+    function releaseEscape() {
+      releaseEscapeHandler?.();
+      releaseEscapeHandler = null;
+    }
+    const bodyOverflowFade = overflowFade();
+    function returnFocus() {
+      const candidates = [triggerRef, capturedFocus];
+      for (const candidate of candidates) {
+        if (restoreFocusTo(candidate))
+          break;
+      }
+      capturedFocus = null;
+    }
+    function dismiss() {
+      open = false;
+      ondismiss?.();
+    }
+    function handleClose() {
+      open = false;
+      releaseLock();
+      releaseEscape();
+      returnFocus();
+    }
+    onDestroy(() => {
+      releaseLock();
+      releaseEscape();
+    });
+    function handleBackdropClick(event) {
+      if (dismissOnBackdropClick && event.target === dialogElement) {
+        dismiss();
+      }
+    }
+    function handleNativeCancel(event) {
+      event.preventDefault();
+      if (!dismissOnEscape)
+        return;
+      dismiss();
+    }
+    if (mounted || open) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<dialog${$.attributes({
+        class: $.clsx(classNames("cinder-modal", className)),
+        role,
+        "aria-modal": "true",
+        "aria-labelledby": titleId,
+        ...describedById ? { "aria-describedby": describedById } : {}
+      })}>`);
+      if (open) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="cinder-modal__panel"><div class="cinder-modal__header"><h2${$.attr("id", titleId)} class="cinder-modal__title">${$.escape(title)}</h2></div> <div class="cinder-modal__body" tabindex="-1">`);
+        children($$renderer2);
+        $$renderer2.push(`<!----></div> `);
+        if (footer) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<div class="cinder-modal__footer">`);
+          footer($$renderer2);
+          $$renderer2.push(`<!----></div>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        if (showCloseButton) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<button type="button" class="cinder-modal__close" aria-label="Close dialog"><svg class="cinder-modal__close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></button>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></dialog>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    $.bind_props($$props, { open });
+  });
+}
+
+export { Modal };
+
+//# debugId=F272E10055AF60F964756E2164756E21

package/dist/server/index.server-m8d6yz6b.js

@@ -0,0 +1,47 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/breadcrumbs/breadcrumbs.svelte
+import * as $ from "svelte/internal/server";
+function Breadcrumbs($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      items,
+      separator = "/",
+      label = "Breadcrumb",
+      class: className
+    } = $$props;
+    $$renderer2.push(`<nav${$.attr_class($.clsx(classNames("cinder-breadcrumbs", className)))}${$.attr("aria-label", label)}><ol class="cinder-breadcrumbs__list"><!--[-->`);
+    const each_array = $.ensure_array_like(items);
+    for (let index = 0, $$length = each_array.length;index < $$length; index++) {
+      let item = each_array[index];
+      const isLast = index === items.length - 1;
+      $$renderer2.push(`<li class="cinder-breadcrumbs__item">`);
+      if (isLast) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span aria-current="page" class="cinder-breadcrumbs__current">${$.escape(item.label)}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<a class="cinder-breadcrumbs__link"${$.attr("href", item.href)}>${$.escape(item.label)}</a> <span class="cinder-breadcrumbs__separator" aria-hidden="true">`);
+        if (typeof separator === "string") {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`${$.escape(separator)}`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          separator($$renderer2);
+          $$renderer2.push(`<!---->`);
+        }
+        $$renderer2.push(`<!--]--></span>`);
+      }
+      $$renderer2.push(`<!--]--></li>`);
+    }
+    $$renderer2.push(`<!--]--></ol></nav>`);
+  });
+}
+
+// src/components/breadcrumbs/index.ts
+var breadcrumbs_default = Breadcrumbs;
+export { Breadcrumbs, breadcrumbs_default };
+
+//# debugId=8C695CC0B16F4ED464756E2164756E21

package/dist/server/index.server-m9axazfh.js

@@ -0,0 +1,9 @@
+import {
+  Modal
+} from "./index.server-m6phax03.js";
+
+// src/components/modal/index.ts
+var modal_default = Modal;
+export { modal_default };
+
+//# debugId=37DE3A68114DE42764756E2164756E21

package/dist/server/index.server-m9n4b1bv.js

@@ -0,0 +1,9 @@
+import {
+  Number_input
+} from "./index.server-36yahywm.js";
+
+// src/components/number-input/index.ts
+var number_input_default = Number_input;
+export { number_input_default };
+
+//# debugId=9FDB96B2118D3E3364756E2164756E21

package/dist/server/index.server-mc6vc1pm.js

@@ -0,0 +1,63 @@
+// src/_internal/overlay.ts
+var escapeStack = [];
+function pushEscapeHandler(handler) {
+  escapeStack.push(handler);
+  if (escapeStack.length === 1 && typeof window !== "undefined") {
+    window.addEventListener("keydown", onEscapeKeydown, { capture: true });
+  }
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    const index = escapeStack.lastIndexOf(handler);
+    if (index !== -1)
+      escapeStack.splice(index, 1);
+    if (escapeStack.length === 0 && typeof window !== "undefined") {
+      window.removeEventListener("keydown", onEscapeKeydown, { capture: true });
+    }
+  };
+}
+function onEscapeKeydown(event) {
+  if (event.key !== "Escape")
+    return;
+  const handler = escapeStack.at(-1);
+  if (!handler)
+    return;
+  handler(event);
+}
+var scrollLockCount = 0;
+var originalBodyOverflow = null;
+function lockBodyScroll() {
+  if (typeof document === "undefined")
+    return () => {};
+  if (scrollLockCount === 0) {
+    originalBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  scrollLockCount += 1;
+  let released = false;
+  return () => {
+    if (released)
+      return;
+    released = true;
+    scrollLockCount = Math.max(0, scrollLockCount - 1);
+    if (scrollLockCount === 0) {
+      document.body.style.overflow = originalBodyOverflow ?? "";
+      originalBodyOverflow = null;
+    }
+  };
+}
+function captureFocus() {
+  if (typeof document === "undefined")
+    return null;
+  const active = document.activeElement;
+  if (active && active !== document.body && active instanceof HTMLElement) {
+    return active;
+  }
+  return null;
+}
+
+export { pushEscapeHandler, lockBodyScroll, captureFocus };
+
+//# debugId=0B03BBF7B699716A64756E2164756E21

package/dist/server/index.server-mm4g29h0.js

@@ -0,0 +1,85 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/portal/portal.svelte
+import * as $2 from "svelte/internal/server";
+
+// src/components/portal/portal.utilities.svelte.ts
+import * as $ from "svelte/internal/server";
+function resolvePortalTarget(target) {
+  if (typeof document === "undefined")
+    return null;
+  if (target == null) {
+    return { kind: "resolved", target: document.body };
+  }
+  if (target instanceof HTMLElement) {
+    return { kind: "resolved", target };
+  }
+  try {
+    const resolved = document.querySelector(target);
+    return resolved instanceof HTMLElement ? { kind: "resolved", target: resolved } : { kind: "unresolved", key: target };
+  } catch {
+    return { kind: "unresolved", key: target };
+  }
+}
+function createPortalAttachment(options = {}) {
+  let lastWarnedUnresolvedKey = null;
+  return (element) => {
+    const initialParent = element.parentElement;
+    const initialAttributes = {
+      dir: element.getAttribute("dir"),
+      theme: element.getAttribute("data-cinder-theme")
+    };
+    const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
+    if (anchor && initialParent && element.parentNode === initialParent) {
+      initialParent.insertBefore(anchor, element);
+    }
+    function restoreInline() {
+      if (!anchor || !anchor.parentNode)
+        return;
+      if (element.parentNode === anchor.parentNode && element.previousSibling === anchor)
+        return;
+      anchor.parentNode.insertBefore(element, anchor.nextSibling);
+    }
+    return () => {
+      if (anchor && anchor.parentNode) {
+        anchor.parentNode.removeChild(anchor);
+      }
+    };
+  };
+}
+
+// src/components/portal/portal.svelte
+function Portal($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      target = null,
+      disabled = false,
+      class: className,
+      inheritAttributes = true,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let hasHydrated = false;
+    const resolvedTarget = $2.derived(() => !disabled ? resolvePortalTarget(target) : null);
+    const shouldRenderChildren = $2.derived(() => disabled || hasHydrated && resolvedTarget() !== null);
+    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
+    if (shouldRenderChildren()) {
+      $$renderer2.push("<!--[0-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/portal/index.ts
+var portal_default = Portal;
+export { createPortalAttachment, Portal, portal_default };
+
+//# debugId=EF4EC0FC44F8028C64756E2164756E21

package/dist/server/index.server-msf37rwk.js

@@ -0,0 +1,9 @@
+import {
+  Grid_list_item
+} from "./index.server-bxmyxbfm.js";
+
+// src/components/grid-list-item/index.ts
+var grid_list_item_default = Grid_list_item;
+export { grid_list_item_default };
+
+//# debugId=B1CBF0B5E25C76DC64756E2164756E21

package/dist/server/index.server-n3zbnw3w.js

@@ -0,0 +1,194 @@
+import {
+  setTabsContext
+} from "./index.server-js3eva86.js";
+import {
+  commitValue
+} from "./index.server-42qeekwc.js";
+import {
+  handleRovingKeydown,
+  isRovingKey
+} from "./index.server-0a8m173j.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/tabs/tabs.svelte
+import * as $ from "svelte/internal/server";
+function Tabs($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const baseId = $.props_id($$renderer2);
+    let {
+      value = "",
+      onValueChange,
+      orientation = "horizontal",
+      activateOnFocus,
+      class: className,
+      children
+    } = $$props;
+    const effectiveActivateOnFocus = $.derived(() => activateOnFocus ?? orientation === "horizontal");
+    const buttons = new Map;
+    let version = 0;
+    const focusableValue = $.derived(() => {
+      for (const [registeredValue, entry] of buttons) {
+        if (!entry.disabled)
+          return registeredValue;
+      }
+      return;
+    });
+    function focusValue(target) {
+      const entry = buttons.get(target);
+      if (entry)
+        entry.button.focus();
+    }
+    function resolveFocusedIndex(active) {
+      const entries = [...buttons.values()];
+      return entries.findIndex(({ button }) => button === active);
+    }
+    function readActiveElement(event) {
+      const target = event.target instanceof HTMLElement ? event.target : null;
+      if (target) {
+        for (const { button } of buttons.values()) {
+          if (button === target)
+            return target;
+        }
+      }
+      const currentTarget = event.currentTarget instanceof HTMLElement ? event.currentTarget : null;
+      return currentTarget?.ownerDocument.activeElement ?? null;
+    }
+    function resolveStartingIndex(event) {
+      const entries = [...buttons.values()];
+      if (entries.length === 0)
+        return -1;
+      const focused = resolveFocusedIndex(readActiveElement(event));
+      if (focused !== -1)
+        return focused;
+      const order = [...buttons.keys()];
+      const activeIdx = order.indexOf(value);
+      if (activeIdx !== -1 && !entries[activeIdx]?.disabled)
+        return activeIdx;
+      return entries.findIndex((entry) => !entry.disabled);
+    }
+    function isOrientedKey(key, isHorizontal) {
+      if (!isRovingKey(key))
+        return false;
+      if (key === "Home" || key === "End")
+        return true;
+      if (isHorizontal)
+        return key === "ArrowLeft" || key === "ArrowRight";
+      return key === "ArrowUp" || key === "ArrowDown";
+    }
+    function handleKeydown(event) {
+      const entries = [...buttons.values()];
+      const order = [...buttons.keys()];
+      if (event.key === "Enter" || event.key === " ") {
+        const focused = resolveFocusedIndex(readActiveElement(event));
+        if (focused === -1)
+          return;
+        if (entries[focused]?.disabled !== false)
+          return;
+        const focusedValue = order[focused];
+        if (focusedValue === undefined)
+          return;
+        event.preventDefault();
+        commitValue(focusedValue, onValueChange, (next) => {
+          value = next;
+        });
+        return;
+      }
+      const isHorizontal = orientation === "horizontal";
+      if (!isOrientedKey(event.key, isHorizontal))
+        return;
+      if (entries.length === 0)
+        return;
+      const currentIndex = resolveStartingIndex(event);
+      if (currentIndex === -1) {
+        event.preventDefault();
+        return;
+      }
+      const nextIdx = handleRovingKeydown(event, currentIndex, entries.length, {
+        isDisabled: (i) => entries[i]?.disabled ?? false,
+        horizontal: isHorizontal,
+        vertical: !isHorizontal
+      });
+      if (nextIdx === null)
+        return;
+      event.preventDefault();
+      if (nextIdx === currentIndex)
+        return;
+      const nextValue = order[nextIdx];
+      if (nextValue === undefined)
+        return;
+      focusValue(nextValue);
+      if (effectiveActivateOnFocus()) {
+        commitValue(nextValue, onValueChange, (next) => {
+          value = next;
+        });
+      }
+    }
+    setTabsContext({
+      get value() {
+        return value;
+      },
+      get orientation() {
+        return orientation;
+      },
+      get activateOnFocus() {
+        return effectiveActivateOnFocus();
+      },
+      get baseId() {
+        return baseId;
+      },
+      select(next) {
+        commitValue(next, onValueChange, (nextValue) => {
+          value = nextValue;
+        });
+      },
+      isActive(candidate) {
+        return value === candidate;
+      },
+      register(target, button, disabled = false) {
+        const existing = buttons.get(target);
+        if (existing) {
+          existing.button = button;
+          existing.disabled = disabled;
+        } else {
+          buttons.set(target, { button, disabled });
+        }
+        version += 1;
+      },
+      unregister(target) {
+        if (buttons.delete(target)) {
+          version += 1;
+        }
+      },
+      setDisabled(target, disabled) {
+        const existing = buttons.get(target);
+        if (!existing)
+          return;
+        if (existing.disabled === disabled)
+          return;
+        existing.disabled = disabled;
+        version += 1;
+      },
+      isFocusable(candidate) {
+        const selectedEntry = buttons.get(value);
+        const selectedIsEnabled = selectedEntry !== undefined && !selectedEntry.disabled;
+        const entry = buttons.get(candidate);
+        if (!entry || entry.disabled)
+          return false;
+        if (selectedIsEnabled)
+          return value === candidate;
+        return focusableValue() === candidate;
+      },
+      handleKeydown
+    });
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-tabs", className)))}${$.attr("data-cinder-orientation", orientation)}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div>`);
+    $.bind_props($$props, { value });
+  });
+}
+
+export { Tabs };
+
+//# debugId=654F4B6F0AFDC13664756E2164756E21

package/dist/server/index.server-n4zvbkvq.js

@@ -0,0 +1,9 @@
+import {
+  Dropdown_menu
+} from "./index.server-4jc5ny87.js";
+
+// src/components/dropdown-menu/index.ts
+var dropdown_menu_default = Dropdown_menu;
+export { dropdown_menu_default };
+
+//# debugId=D1C1F3EC1C60CD4C64756E2164756E21