@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/components/command-menu/index.js

@@ -1,558 +1,22 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/portal/portal.svelte
-import * as $2 from "svelte/internal/server";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/portal/portal.utilities.svelte.ts
-import * as $ from "svelte/internal/server";
-
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
-// src/utilities/read-option.ts
-function isOptionGetter(value) {
-  return typeof value === "function";
-}
-function readOption(value) {
-  return isOptionGetter(value) ? value() : value;
-}
-
-// src/components/portal/portal.utilities.svelte.ts
-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;
-// src/components/command-menu/command-menu.svelte
-import * as $6 from "svelte/internal/server";
-
-// src/components/command-menu/caret-rect.svelte.ts
-import * as $3 from "svelte/internal/server";
-var MIRROR_STYLE_PROPERTIES = [
-  "box-sizing",
-  "width",
-  "height",
-  "min-height",
-  "max-height",
-  "border-block-start-style",
-  "border-block-end-style",
-  "border-inline-start-style",
-  "border-inline-end-style",
-  "border-top-style",
-  "border-right-style",
-  "border-bottom-style",
-  "border-left-style",
-  "border-block-start-width",
-  "border-block-end-width",
-  "border-inline-start-width",
-  "border-inline-end-width",
-  "border-top-width",
-  "border-right-width",
-  "border-bottom-width",
-  "border-left-width",
-  "padding-block-start",
-  "padding-block-end",
-  "padding-inline-start",
-  "padding-inline-end",
-  "font-family",
-  "font-size",
-  "font-weight",
-  "font-style",
-  "font-variant",
-  "line-height",
-  "letter-spacing",
-  "word-spacing",
-  "text-indent",
-  "text-transform",
-  "text-align",
-  "text-rendering",
-  "overflow-wrap",
-  "word-break",
-  "word-wrap",
-  "tab-size",
-  "direction",
-  "writing-mode"
-];
-function getCaretRect(field, caretIndex) {
-  if (!field || typeof document === "undefined" || typeof getComputedStyle === "undefined") {
-    return null;
-  }
-  const fieldRect = field.getBoundingClientRect();
-  if (fieldRect.width === 0 || fieldRect.height === 0 || !field.isConnected)
-    return null;
-  const computedStyle = getComputedStyle(field);
-  const mirror = document.createElement("div");
-  const marker = document.createElement("span");
-  const normalizedCaretIndex = Math.max(0, Math.min(caretIndex, field.value.length));
-  mirror.setAttribute("data-cinder-command-menu-caret-mirror", "");
-  mirror.style.position = "fixed";
-  mirror.style.visibility = "hidden";
-  mirror.style.pointerEvents = "none";
-  mirror.style.whiteSpace = field instanceof HTMLTextAreaElement ? "pre-wrap" : "pre";
-  mirror.style.overflow = computedStyle.overflow;
-  mirror.style.left = `${fieldRect.left}px`;
-  mirror.style.top = `${fieldRect.top}px`;
-  for (const property of MIRROR_STYLE_PROPERTIES) {
-    mirror.style.setProperty(property, computedStyle.getPropertyValue(property));
-  }
-  mirror.textContent = field.value.slice(0, normalizedCaretIndex);
-  marker.textContent = "​";
-  mirror.append(marker);
-  document.body.append(mirror);
-  mirror.scrollLeft = field.scrollLeft;
-  mirror.scrollTop = field.scrollTop;
-  const markerRect = marker.getBoundingClientRect();
-  const rect = new DOMRect(markerRect.left, markerRect.top, Math.max(markerRect.width, 1), Math.max(markerRect.height, Number.parseFloat(computedStyle.lineHeight) || 16));
-  mirror.remove();
-  return rect;
-}
-
-// src/components/command-menu/command-menu.svelte
-import { on } from "svelte/events";
-
-// src/_internal/anchored-overlay.svelte.ts
-import * as $4 from "svelte/internal/server";
-var DEFAULT_PLACEMENT = "bottom-start";
-function createAnchoredOverlay(options) {
-  let positionReady = false;
-  let positionStyle = "";
-  let resolvedPlacement = options.placement?.() ?? DEFAULT_PLACEMENT;
-  let arrowStyle = "";
-  return {
-    get positionReady() {
-      return positionReady;
-    },
-    get positionStyle() {
-      return positionStyle;
-    },
-    get resolvedPlacement() {
-      return resolvedPlacement;
-    },
-    get arrowStyle() {
-      return arrowStyle;
-    }
-  };
-}
-
-// src/components/_internal/command-list-context.ts
-import { createContext } from "svelte";
-var [getCommandListContextStrict, setCommandListContextRaw] = createContext();
-function setCommandListContext(context) {
-  setCommandListContextRaw(context);
-}
-function getCommandListContext() {
-  return getCommandListContextStrict();
-}
-function hasCommandListContext() {
-  try {
-    getCommandListContextStrict();
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-// src/components/_internal/create-command-list-state.svelte.ts
-import * as $5 from "svelte/internal/server";
-
-// src/utilities/document-order.ts
-function inDocumentOrder(items) {
-  return items.toSorted((a, b) => {
-    if (a.node === b.node)
-      return 0;
-    const position = a.node.compareDocumentPosition(b.node);
-    if (position & Node.DOCUMENT_POSITION_FOLLOWING)
-      return -1;
-    if (position & Node.DOCUMENT_POSITION_PRECEDING)
-      return 1;
-    return 0;
-  });
-}
-
-// src/components/_internal/create-command-list-state.svelte.ts
-class CommandListState {
-  listboxId;
-  registrations = [];
-  registrationsReady = false;
-  #itemCounter = 0;
-  #readyCycle = 0;
-  #intendedActiveId = null;
-  #enabledIds = $5.derived(() => {
-    return inDocumentOrder(this.registrations).filter((registration) => !registration.getDisabled()).map((registration) => registration.id);
-  });
-  get enabledIds() {
-    return this.#enabledIds();
-  }
-  set enabledIds($$value) {
-    return this.#enabledIds($$value);
-  }
-  #activeItemId = $5.derived(() => this.#intendedActiveId !== null && this.enabledIds.includes(this.#intendedActiveId) ? this.#intendedActiveId : this.enabledIds[0] ?? null);
-  get activeItemId() {
-    return this.#activeItemId();
-  }
-  set activeItemId($$value) {
-    return this.#activeItemId($$value);
-  }
-  constructor(listboxId) {
-    this.listboxId = listboxId;
-  }
-  resetActiveItem() {
-    this.#intendedActiveId = null;
-  }
-  refreshRegistrationsReady() {
-    this.registrationsReady = false;
-    const cycle = ++this.#readyCycle;
-    queueMicrotask(() => {
-      if (cycle === this.#readyCycle)
-        this.registrationsReady = true;
-    });
-  }
-  scrollActiveItemIntoView() {
-    if (this.activeItemId === null)
-      return;
-    const record = this.registrations.find((registration) => registration.id === this.activeItemId);
-    record?.node.scrollIntoView({ block: "nearest" });
-  }
-  setActiveById(id) {
-    this.#intendedActiveId = id;
-  }
-  register(input, node) {
-    const id = `${this.listboxId}-item-${++this.#itemCounter}`;
-    this.registrations.push({
-      id,
-      node,
-      getValue: input.getValue,
-      getOnselect: input.getOnselect,
-      getDisabled: input.getDisabled
-    });
-    return {
-      id,
-      unregister: () => {
-        const index = this.registrations.findIndex((registration) => registration.id === id);
-        if (index !== -1)
-          this.registrations.splice(index, 1);
-      }
-    };
-  }
-  activateItemById(id) {
-    const record = this.registrations.find((registration) => registration.id === id);
-    if (!record || record.getDisabled())
-      return null;
-    record.getOnselect()();
-    return record;
-  }
-  handleKeydown({
-    event,
-    onEnter,
-    onEscape,
-    ignoreModifiedNavigation = false,
-    preventDefaultOnEmptyEnter = false
-  }) {
-    if (event.isComposing || event.keyCode === 229)
-      return false;
-    const isModified = event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
-    const ids = this.enabledIds;
-    if (event.key === "ArrowDown") {
-      if (ignoreModifiedNavigation && isModified)
-        return false;
-      event.preventDefault();
-      if (ids.length === 0)
-        return true;
-      const index = this.activeItemId === null ? -1 : ids.indexOf(this.activeItemId);
-      this.#intendedActiveId = ids[(index + 1) % ids.length] ?? null;
-      return true;
-    }
-    if (event.key === "ArrowUp") {
-      if (ignoreModifiedNavigation && isModified)
-        return false;
-      event.preventDefault();
-      if (ids.length === 0)
-        return true;
-      const index = this.activeItemId === null ? 0 : ids.indexOf(this.activeItemId);
-      this.#intendedActiveId = ids[index <= 0 ? ids.length - 1 : index - 1] ?? null;
-      return true;
-    }
-    if (event.key === "Home") {
-      if (ignoreModifiedNavigation && isModified)
-        return false;
-      event.preventDefault();
-      this.#intendedActiveId = ids[0] ?? null;
-      return true;
-    }
-    if (event.key === "End") {
-      if (ignoreModifiedNavigation && isModified)
-        return false;
-      event.preventDefault();
-      this.#intendedActiveId = ids[ids.length - 1] ?? null;
-      return true;
-    }
-    if (event.key === "Enter") {
-      if (!onEnter)
-        return false;
-      if (this.activeItemId === null && !preventDefaultOnEmptyEnter)
-        return false;
-      event.preventDefault();
-      event.stopPropagation();
-      if (this.activeItemId === null)
-        return true;
-      onEnter?.(this.activeItemId);
-      return true;
-    }
-    if (event.key === "Escape" && onEscape) {
-      event.preventDefault();
-      event.stopPropagation();
-      onEscape();
-      return true;
-    }
-    return false;
-  }
-  createContext(activateItemById = (id) => void this.activateItemById(id)) {
-    const listboxId = this.listboxId;
-    const getActiveItemId = () => this.activeItemId;
-    const register = (input, node) => this.register(input, node);
-    const setActiveById = (id) => this.setActiveById(id);
-    return {
-      get listboxId() {
-        return listboxId;
-      },
-      get activeItemId() {
-        return getActiveItemId();
-      },
-      register,
-      setActiveById,
-      activateItemById
-    };
-  }
-}
-function createCommandListState(listboxId) {
-  return new CommandListState(listboxId);
-}
-
-// src/components/command-menu/command-menu-trigger.ts
-function isSingleNonWhitespaceCodePoint(value) {
-  return Array.from(value).length === 1 && !/\s/u.test(value);
-}
-function detectTrigger({
-  text,
-  selectionStart,
-  selectionEnd,
-  triggerChar = "/"
-}) {
-  if (selectionStart !== selectionEnd)
-    return null;
-  if (!isSingleNonWhitespaceCodePoint(triggerChar))
-    return null;
-  const caretIndex = Math.max(0, Math.min(selectionEnd, text.length));
-  if (caretIndex === 0)
-    return null;
-  const triggerStart = text.lastIndexOf(triggerChar, caretIndex - 1);
-  if (triggerStart < 0)
-    return null;
-  const beforeTrigger = triggerStart === 0 ? "" : text[triggerStart - 1];
-  if (beforeTrigger && !/\s/u.test(beforeTrigger))
-    return null;
-  const query = text.slice(triggerStart + triggerChar.length, caretIndex);
-  if (/\s/u.test(query))
-    return null;
-  return {
-    active: true,
-    query,
-    start: triggerStart,
-    end: caretIndex
-  };
-}
-
-// src/components/command-menu/command-menu.svelte
-function Command_menu($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const listboxId = $6.props_id($$renderer2);
-    let {
-      open = false,
-      anchor,
-      caretIndex,
-      query = "",
-      items,
-      empty,
-      placement = "bottom-start",
-      offset = 6,
-      label = "Commands",
-      onselect,
-      ondismiss,
-      onstatechange,
-      class: className
-    } = $$props;
-    const portalAttachment = createPortalAttachment({
-      target: () => document.body,
-      inheritAttributes: true,
-      source: () => anchor
-    });
-    let mounted = false;
-    let listElement = undefined;
-    const commandList = createCommandListState(listboxId);
-    const showEmpty = $6.derived(() => mounted && open && commandList.registrationsReady && commandList.registrations.length === 0);
-    const caretAnchor = $6.derived(() => {
-      const anchorElement = anchor;
-      const currentCaretIndex = caretIndex;
-      if (!anchorElement)
-        return null;
-      return {
-        getBoundingClientRect() {
-          return getCaretRect(anchorElement, currentCaretIndex) ?? anchorElement.getBoundingClientRect();
-        }
-      };
-    });
-    const anchoredOverlay = createAnchoredOverlay({
-      open: () => open,
-      anchor: () => caretAnchor(),
-      panel: () => listElement,
-      placement: () => placement,
-      offset: () => offset,
-      widthMode: () => "content"
-    });
-    function activateItemById(id) {
-      const record = commandList.activateItemById(id);
-      if (!record)
-        return;
-      onselect?.({ value: record.getValue(), query });
-    }
-    setCommandListContext(commandList.createContext(activateItemById));
-    function dismiss() {
-      if (!open)
-        return;
-      open = false;
-      ondismiss?.();
-    }
-    function handleKeydown(event) {
-      if (!open)
-        return;
-      commandList.handleKeydown({
-        event,
-        onEnter: activateItemById,
-        onEscape: dismiss,
-        ignoreModifiedNavigation: true
-      });
-    }
-    function handleDocumentPointerdown(event) {
-      const target = event.target;
-      if (!(target instanceof Node))
-        return;
-      if (anchor?.contains(target))
-        return;
-      if (listElement?.contains(target))
-        return;
-      dismiss();
-    }
-    if (mounted && open && anchor) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$6.attr("aria-hidden", anchoredOverlay.positionReady ? undefined : "true")}${$6.attr_class($6.clsx(classNames("cinder-_floating-surface", "cinder-command-menu", className)))}${$6.attr("data-cinder-position-ready", anchoredOverlay.positionReady)}${$6.attr_style(anchoredOverlay.positionStyle)}><ul${$6.attr("id", listboxId)} role="listbox"${$6.attr("aria-label", label)} class="cinder-command-menu__listbox">`);
-      items($$renderer2, { query });
-      $$renderer2.push(`<!----></ul> `);
-      if (showEmpty() && empty) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="cinder-command-menu__empty" role="status">`);
-        empty($$renderer2);
-        $$renderer2.push(`<!----></div>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-    $6.bind_props($$props, { open, query });
-  });
-}
-
-// src/components/command-menu/index.ts
-var command_menu_default = Command_menu;
+import {
+  Command_menu,
+  command_menu_default,
+  detectTrigger
+} from "../../index.server-dezmeg8v.js";
+import"../../index.server-20y4mdhm.js";
+import"../../index.server-fn57dr4e.js";
+import"../../index.server-h54v6c32.js";
+import"../../index.server-94b7tjs5.js";
+import"../../index.server-mm4g29h0.js";
+import"../../index.server-6pdmym90.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-37x76zdn.js";
 export {
   detectTrigger,
   command_menu_default as default,
   Command_menu as CommandMenu
 };
 
-//# debugId=2DAA31D6D3F8F3C964756E2164756E21
+//# debugId=63127F906B5B6BB664756E2164756E21

package/dist/server/components/command-palette/command-palette.schema.js

@@ -1,6 +1,4 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
+import"../../index.server-37x76zdn.js";
 
 // src/components/command-palette/command-palette.schema.ts
 var schema = {
@@ -68,4 +66,4 @@ export {
   command_palette_schema_default as default
 };
 
-//# debugId=46E3BCAB27F7124664756E2164756E21
+//# debugId=B99276A6C1E21FEA64756E2164756E21

package/dist/server/components/command-palette/command-palette.variables.js

@@ -1,6 +1,4 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
+import"../../index.server-37x76zdn.js";
 
 // src/components/command-palette/command-palette.variables.ts
 var variables = [];
@@ -9,4 +7,4 @@ export {
   command_palette_variables_default as default
 };
 
-//# debugId=341D579562F7EDF564756E2164756E21
+//# debugId=F0C19AD400AA0A8D64756E2164756E21