@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/components/toolbar/index.js

@@ -1,540 +1,21 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/toolbar/toolbar-group.svelte
-import * as $ 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/toolbar/toolbar-group.svelte
-function Toolbar_group($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      class: className,
-      orientation,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    $$renderer2.push(`<div${$.attributes({
-      ...rest,
-      class: $.clsx(classNames("cinder-toolbar__group", className)),
-      "data-cinder-toolbar-group": "",
-      "data-cinder-orientation": orientation
-    })}>`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-  });
-}
-
-// src/components/toolbar/toolbar-spacer.svelte
-import * as $2 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/components/toolbar/toolbar-spacer.svelte
-function Toolbar_spacer($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: className, flex = 1, $$slots, $$events, ...rest } = $$props;
-    const resolvedFlex = $2.derived(() => typeof flex === "number" && Number.isFinite(flex) && flex > 0 ? flex : 1);
-    $$renderer2.push(`<div${$2.attributes({
-      ...rest,
-      "aria-hidden": "true",
-      class: $2.clsx(classNames("cinder-toolbar__spacer", className)),
-      "data-cinder-toolbar-spacer": "",
-      style: `flex-grow: ${resolvedFlex()};`
-    })}></div>`);
-  });
-}
-
-// src/components/toolbar/toolbar.svelte
-import * as $4 from "svelte/internal/server";
-import { untrack } from "svelte";
-import { on } from "svelte/events";
-
-// src/utilities/roving-tabindex.ts
-var ROVING_KEYS = new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
-function isRovingKey(key) {
-  return ROVING_KEYS.has(key);
-}
-function findNextIndex(currentIndex, length, direction, isDisabled) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled) {
-    return (currentIndex + direction + length) % length;
-  }
-  for (let offset = 1;offset <= length; offset += 1) {
-    const candidateIndex = (currentIndex + offset * direction + length * offset) % length;
-    if (!isDisabled(candidateIndex)) {
-      return candidateIndex;
-    }
-  }
-  return currentIndex;
-}
-function findFirstIndex(length, isDisabled, currentIndex = 0) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled)
-    return 0;
-  for (let index = 0;index < length; index += 1) {
-    if (!isDisabled(index))
-      return index;
-  }
-  return currentIndex;
-}
-function findLastIndex(length, isDisabled, currentIndex = 0) {
-  if (length === 0)
-    return -1;
-  if (!isDisabled)
-    return length - 1;
-  for (let index = length - 1;index >= 0; index -= 1) {
-    if (!isDisabled(index))
-      return index;
-  }
-  return currentIndex;
-}
-function handleRovingKeydown(event, currentIndex, length, options = {}) {
-  const { isDisabled, vertical = true, horizontal = true } = options;
-  if (length === 0)
-    return null;
-  switch (event.key) {
-    case "ArrowRight":
-      return horizontal ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
-    case "ArrowDown":
-      return vertical ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
-    case "ArrowLeft":
-      return horizontal ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
-    case "ArrowUp":
-      return vertical ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
-    case "Home":
-      return findFirstIndex(length, isDisabled, currentIndex);
-    case "End":
-      return findLastIndex(length, isDisabled, currentIndex);
-    default:
-      return null;
-  }
-}
-function getFocusableIndex(selectedIndex, length, isDisabled) {
-  if (length === 0)
-    return -1;
-  if (selectedIndex >= 0 && selectedIndex < length)
-    return selectedIndex;
-  return findFirstIndex(length, isDisabled, 0);
-}
-
-// src/utilities/use-mutation-observer.svelte.ts
-import * as $3 from "svelte/internal/server";
-function useMutationObserver(onMutate, options = {}) {
-  const {
-    childList,
-    attributes: attributes3,
-    characterData,
-    subtree,
-    attributeFilter,
-    attributeOldValue,
-    characterDataOldValue,
-    enabled = () => true
-  } = options;
-  const init = {};
-  if (childList !== undefined)
-    init.childList = childList;
-  if (attributes3 !== undefined)
-    init.attributes = attributes3;
-  if (characterData !== undefined)
-    init.characterData = characterData;
-  if (subtree !== undefined)
-    init.subtree = subtree;
-  if (attributeFilter !== undefined)
-    init.attributeFilter = attributeFilter;
-  if (attributeOldValue !== undefined)
-    init.attributeOldValue = attributeOldValue;
-  if (characterDataOldValue !== undefined)
-    init.characterDataOldValue = characterDataOldValue;
-  if (init.childList === undefined && init.attributes === undefined && init.characterData === undefined) {
-    init.childList = true;
-  }
-  return (node) => {
-    if (typeof MutationObserver === "undefined") {
-      return () => {};
-    }
-    let observer = null;
-    const disconnectObserver = () => {
-      observer?.disconnect();
-      observer = null;
-    };
-    return () => {
-      disconnectObserver();
-    };
-  };
-}
-
-// src/components/toolbar/toolbar.svelte
-function Toolbar($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const focusableSelector = [
-      "button",
-      "a[href]",
-      "input",
-      "select",
-      "textarea",
-      "[tabindex]",
-      "[data-cinder-toolbar-item]"
-    ].join(",");
-    let {
-      class: className,
-      orientation = "horizontal",
-      children,
-      onkeydown: consumerOnKeyDown,
-      onfocusin: consumerOnFocusIn,
-      role: _role,
-      "aria-orientation": _ariaOrientation,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    let rootElement = null;
-    let toolbarItems = [];
-    let activeItem = null;
-    const originalTabIndexes = new WeakMap;
-    let previousManagedItems = new Set;
-    let lastWarnedNameSource = "";
-    function isHTMLElement(value) {
-      return value instanceof HTMLElement;
-    }
-    function isHiddenInput(element) {
-      return element instanceof HTMLInputElement && element.type === "hidden";
-    }
-    function isEditableTarget(element) {
-      if (element instanceof HTMLTextAreaElement)
-        return true;
-      if (element instanceof HTMLInputElement) {
-        return ![
-          "button",
-          "checkbox",
-          "file",
-          "hidden",
-          "image",
-          "radio",
-          "range",
-          "reset",
-          "submit"
-        ].includes(element.type);
-      }
-      return element.isContentEditable;
-    }
-    function isSpinButtonLike(element) {
-      if (element.getAttribute("role") === "spinbutton")
-        return true;
-      if (!(element instanceof HTMLInputElement))
-        return false;
-      return element.closest(".cinder-number-input") !== null;
-    }
-    function hasCollapsedSelectionAtBoundary(element, direction) {
-      if (!(element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement))
-        return false;
-      if (typeof element.selectionStart !== "number" || typeof element.selectionEnd !== "number")
-        return false;
-      if (element.selectionStart !== element.selectionEnd)
-        return false;
-      const valueLength = element.value.length;
-      return direction === -1 ? element.selectionStart === 0 : element.selectionEnd === valueLength;
-    }
-    function placeCaret(element, placement) {
-      if (!(element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement))
-        return;
-      if (typeof element.setSelectionRange !== "function")
-        return;
-      const position = placement === "end" ? element.value.length : 0;
-      element.setSelectionRange(position, position);
-    }
-    function isCssHidden(element) {
-      const elementStyle = getComputedStyle(element);
-      if (elementStyle.display === "none" || elementStyle.visibility === "hidden")
-        return true;
-      let current = element.parentElement;
-      while (current) {
-        if (getComputedStyle(current).display === "none")
-          return true;
-        current = current.parentElement;
-      }
-      return false;
-    }
-    function isDisabledByFieldset(element) {
-      const disabledFieldset = element.closest("fieldset[disabled]");
-      if (!disabledFieldset)
-        return false;
-      const firstLegend = disabledFieldset.querySelector("legend");
-      return firstLegend ? !firstLegend.contains(element) : true;
-    }
-    function isEligibleToolbarItem(element) {
-      if (!rootElement || element === rootElement)
-        return false;
-      if (!rootElement.contains(element))
-        return false;
-      if (isHiddenInput(element))
-        return false;
-      if (element.hasAttribute("hidden"))
-        return false;
-      if (element.getAttribute("aria-hidden") === "true")
-        return false;
-      if (element.getAttribute("aria-disabled") === "true")
-        return false;
-      if ("disabled" in element && typeof element.disabled === "boolean") {
-        if (element.disabled)
-          return false;
-      }
-      if (element.closest('[hidden],[aria-hidden="true"],[data-cinder-toolbar-exclude]'))
-        return false;
-      if (element.closest("[inert]"))
-        return false;
-      if (isDisabledByFieldset(element))
-        return false;
-      if (isCssHidden(element))
-        return false;
-      const authoredTabIndex = element.getAttribute("tabindex");
-      if (authoredTabIndex === "-1" && !previousManagedItems.has(element) && !element.hasAttribute("data-cinder-toolbar-item")) {
-        return false;
-      }
-      return true;
-    }
-    function getToolbarItems() {
-      if (!rootElement)
-        return [];
-      return Array.from(rootElement.querySelectorAll(focusableSelector)).filter((element) => isEligibleToolbarItem(element));
-    }
-    function getActiveIndex(items, preferredItem) {
-      if (preferredItem) {
-        const preferredIndex = items.indexOf(preferredItem);
-        if (preferredIndex >= 0)
-          return preferredIndex;
-      }
-      return getFocusableIndex(-1, items.length);
-    }
-    function restoreDepartedItems(nextItems) {
-      const nextItemSet = new Set(nextItems);
-      for (const item of previousManagedItems) {
-        if (nextItemSet.has(item))
-          continue;
-        const original = originalTabIndexes.get(item);
-        if (original === null)
-          item.removeAttribute("tabindex");
-        else if (original !== undefined)
-          item.setAttribute("tabindex", original);
-        originalTabIndexes.delete(item);
-      }
-      previousManagedItems = nextItemSet;
-    }
-    function syncToolbarItems(preferredItem = activeItem) {
-      const items = getToolbarItems();
-      restoreDepartedItems(items);
-      if (items.length === 0) {
-        toolbarItems = [];
-        activeItem = null;
-        return;
-      }
-      for (const item of items) {
-        if (!originalTabIndexes.has(item)) {
-          originalTabIndexes.set(item, item.getAttribute("tabindex"));
-        }
-      }
-      const activeIndex = getActiveIndex(items, preferredItem);
-      const resolvedActiveItem = activeIndex >= 0 ? items[activeIndex] ?? null : null;
-      for (const [index, item] of items.entries()) {
-        const nextTabIndex = index === activeIndex ? 0 : -1;
-        if (item.tabIndex !== nextTabIndex) {
-          item.tabIndex = nextTabIndex;
-        }
-      }
-      toolbarItems = items;
-      activeItem = resolvedActiveItem;
-    }
-    function moveFocus(nextIndex, caretPlacement) {
-      const nextItem = toolbarItems[nextIndex];
-      if (!nextItem)
-        return;
-      activeItem = nextItem;
-      syncToolbarItems(nextItem);
-      nextItem.focus();
-      placeCaret(nextItem, caretPlacement);
-    }
-    function getCurrentToolbarIndex(target) {
-      return toolbarItems.indexOf(target);
-    }
-    function handleEditableEscape(target) {
-      if (!isEditableTarget(target))
-        return false;
-      const currentIndex = getCurrentToolbarIndex(target);
-      if (currentIndex < 0)
-        return false;
-      const nextIndex = currentIndex < toolbarItems.length - 1 ? currentIndex + 1 : currentIndex > 0 ? currentIndex - 1 : -1;
-      if (nextIndex < 0)
-        return false;
-      moveFocus(nextIndex, nextIndex > currentIndex ? "start" : "end");
-      return true;
-    }
-    function handleToolbarKeyDown(event) {
-      consumerOnKeyDown?.(event);
-      if (event.defaultPrevented)
-        return;
-      if (!isHTMLElement(event.target))
-        return;
-      const target = event.target.closest(focusableSelector);
-      if (!target || !toolbarItems.includes(target))
-        return;
-      const currentIndex = getCurrentToolbarIndex(target);
-      if (currentIndex < 0)
-        return;
-      const horizontal = orientation !== "vertical";
-      const targetIsEditable = isEditableTarget(target);
-      if (event.key === "Escape" && targetIsEditable) {
-        if (!handleEditableEscape(target))
-          return;
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      if ((event.key === "Home" || event.key === "End") && targetIsEditable) {
-        return;
-      }
-      if (horizontal && (event.key === "ArrowLeft" || event.key === "ArrowRight")) {
-        if (targetIsEditable && !hasCollapsedSelectionAtBoundary(target, event.key === "ArrowLeft" ? -1 : 1)) {
-          return;
-        }
-      }
-      if (!horizontal && (event.key === "ArrowUp" || event.key === "ArrowDown")) {
-        if (targetIsEditable || isSpinButtonLike(target))
-          return;
-      }
-      if (horizontal && (event.key === "ArrowUp" || event.key === "ArrowDown")) {
-        return;
-      }
-      if (!horizontal && (event.key === "ArrowLeft" || event.key === "ArrowRight")) {
-        return;
-      }
-      const nextIndex = handleRovingKeydown(event, currentIndex, toolbarItems.length, { horizontal, vertical: !horizontal });
-      if (nextIndex === null || nextIndex === currentIndex)
-        return;
-      event.preventDefault();
-      event.stopPropagation();
-      moveFocus(nextIndex, event.key === "ArrowLeft" || event.key === "ArrowUp" || event.key === "End" ? "end" : "start");
-    }
-    function handleToolbarFocusIn(event) {
-      consumerOnFocusIn?.(event);
-      if (!isHTMLElement(event.target))
-        return;
-      const target = event.target.closest(focusableSelector);
-      if (!target || !isEligibleToolbarItem(target))
-        return;
-      syncToolbarItems(target);
-    }
-    function resolveAccessibleNameSource() {
-      const inlineLabel = ariaLabel?.trim() ?? "";
-      const labelledBy = ariaLabelledBy?.trim() ?? "";
-      return inlineLabel || labelledBy;
-    }
-    function hasResolvedLabelledByText() {
-      if (!rootElement || !ariaLabelledBy)
-        return false;
-      const identifiers = ariaLabelledBy.split(/\s+/).map((value) => value.trim()).filter(Boolean);
-      if (identifiers.length === 0)
-        return false;
-      return identifiers.every((identifier) => {
-        const element = document.getElementById(identifier);
-        return element !== null && (element.textContent?.trim().length ?? 0) > 0;
-      });
-    }
-    function warnAboutAccessibleName() {
-      if (!rootElement)
-        return;
-      const warningKey = `${ariaLabel ?? ""}|${ariaLabelledBy ?? ""}`;
-      if (warningKey === lastWarnedNameSource)
-        return;
-      const inlineLabel = ariaLabel?.trim() ?? "";
-      if (inlineLabel.length > 0)
-        return;
-      if (ariaLabelledBy?.trim() && hasResolvedLabelledByText())
-        return;
-      lastWarnedNameSource = warningKey;
-      devWarn("[cinder/Toolbar] rendered without a resolvable accessible name. Pass a non-empty `aria-label` or `aria-labelledby` that points to non-empty text.");
-    }
-    function toolbarSetup(node) {
-      rootElement = node;
-      syncToolbarItems(untrack(() => activeItem));
-      const cleanupKeyboardListener = on(node, "keydown", handleToolbarKeyDown, { capture: true });
-      const cleanupFocusInListener = on(node, "focusin", handleToolbarFocusIn);
-      const detachMutationObserver = useMutationObserver(() => {
-        syncToolbarItems(activeItem);
-        warnAboutAccessibleName();
-      }, {
-        subtree: true,
-        childList: true,
-        attributes: true,
-        attributeFilter: [
-          "aria-disabled",
-          "aria-hidden",
-          "aria-label",
-          "aria-labelledby",
-          "class",
-          "data-cinder-toolbar-exclude",
-          "data-cinder-toolbar-item",
-          "disabled",
-          "hidden",
-          "inert",
-          "style",
-          "type"
-        ]
-      })(node);
-      warnAboutAccessibleName();
-      return () => {
-        cleanupKeyboardListener();
-        cleanupFocusInListener();
-        detachMutationObserver?.();
-        rootElement = null;
-        restoreDepartedItems([]);
-      };
-    }
-    $$renderer2.push(`<div${$4.attributes({
-      ...rest,
-      role: "toolbar",
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-orientation": orientation === "vertical" ? "vertical" : undefined,
-      class: $4.clsx(classNames("cinder-toolbar", className)),
-      "data-cinder-orientation": orientation,
-      "data-cinder-name-source": resolveAccessibleNameSource()
-    })}>`);
-    children($$renderer2);
-    $$renderer2.push(`<!----></div>`);
-  });
-}
-
-// src/components/toolbar/index.ts
-var Toolbar2 = Object.assign(Toolbar, {
-  Group: Toolbar_group,
-  Spacer: Toolbar_spacer
-});
-var toolbar_default = Toolbar2;
+import {
+  Toolbar,
+  Toolbar_group,
+  Toolbar_spacer,
+  toolbar_default
+} from "../../index.server-1x7gd5rm.js";
+import"../../index.server-att810se.js";
+import"../../index.server-0a8m173j.js";
+import"../../index.server-p045dgmk.js";
+import"../../index.server-nj8mebze.js";
+import"../../index.server-ge07r1p8.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-37x76zdn.js";
 export {
   toolbar_default as default,
   Toolbar_spacer as ToolbarSpacer,
   Toolbar_group as ToolbarGroup,
-  Toolbar2 as Toolbar
+  Toolbar
 };
 
-//# debugId=6707C39859023E8264756E2164756E21
+//# debugId=35034446AA2716E264756E2164756E21

package/dist/server/components/toolbar/toolbar.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/toolbar/toolbar.schema.ts
 var schema = {
@@ -34,4 +32,4 @@ export {
   toolbar_schema_default as default
 };
 
-//# debugId=79EE2DC8D2AA87FE64756E2164756E21
+//# debugId=0C134967ED13576064756E2164756E21

package/dist/server/components/toolbar/toolbar.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/toolbar/toolbar.variables.ts
 var variables = [];
@@ -9,4 +7,4 @@ export {
   toolbar_variables_default as default
 };
 
-//# debugId=6DCA1D632B0D865564756E2164756E21
+//# debugId=05A6FDBB8546D1B864756E2164756E21