@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/index.server-2tr8ba51.js

@@ -0,0 +1,114 @@
+import {
+  getFixedVirtualWindow,
+  parsePixelLength,
+  resolveVirtualItemHeight,
+  resolveVirtualOverscan
+} from "./index.server-5bxfjsbc.js";
+import {
+  useResizeObserver
+} from "./index.server-9w7qdn8h.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/virtual-list/virtual-list.svelte
+import * as $ from "svelte/internal/server";
+import { tick } from "svelte";
+function Virtual_list($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      items,
+      itemHeight,
+      overscan = 5,
+      height = "20rem",
+      stickToBottom = false,
+      tabindex = 0,
+      getKey,
+      row,
+      role = "list",
+      onscroll: onScroll,
+      class: className,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let scrollElement = undefined;
+    let scrollOffset = 0;
+    let measuredViewportHeight = 0;
+    let previousItemCount = 0;
+    let hasObservedItemCount = false;
+    let shouldStickAfterAppend = false;
+    const resolvedItemHeight = $.derived(() => resolveVirtualItemHeight(itemHeight));
+    const resolvedOverscan = $.derived(() => resolveVirtualOverscan(overscan));
+    const viewportHeight = $.derived(() => measuredViewportHeight || estimateViewportHeight(height, resolvedItemHeight()));
+    const virtualWindow = $.derived(() => getFixedVirtualWindow({
+      itemCount: items.length,
+      itemHeight: resolvedItemHeight(),
+      scrollOffset,
+      viewportHeight: viewportHeight(),
+      overscan: resolvedOverscan(),
+      getKey: (index) => {
+        const item = items[index];
+        return item === undefined ? index : getKey?.(item, index) ?? index;
+      }
+    }));
+    const renderedItems = $.derived(() => virtualWindow().items.flatMap((virtualItem) => {
+      const item = items[virtualItem.index];
+      return item === undefined ? [] : [{ ...virtualItem, item }];
+    }));
+    const observeResize = useResizeObserver(() => {
+      if (scrollElement)
+        syncViewport(scrollElement);
+    });
+    function estimateViewportHeight(value, resolvedRowHeight) {
+      return parsePixelLength(value) ?? resolvedRowHeight * 10;
+    }
+    function syncViewport(element2) {
+      const rect = element2.getBoundingClientRect();
+      measuredViewportHeight = rect.height || element2.clientHeight || parsePixelLength(height) || resolvedItemHeight() * 10;
+      scrollOffset = Math.max(0, element2.scrollTop);
+    }
+    function handleScroll(event) {
+      if (typeof onScroll === "function")
+        onScroll(event);
+      const element2 = event.currentTarget;
+      scrollOffset = Math.max(0, element2.scrollTop);
+    }
+    function maxScrollOffset(totalSize, height2) {
+      return Math.max(0, totalSize - height2);
+    }
+    function isAtBottom(element2, totalSize, height2) {
+      return element2.scrollTop >= maxScrollOffset(totalSize, height2) - 1;
+    }
+    $.element($$renderer2, "div", () => {
+      $$renderer2.push(`${$.attributes({
+        ...rest,
+        class: $.clsx(classNames("cinder-virtual-list", className)),
+        role,
+        tabindex,
+        "data-cinder-stick-to-bottom": stickToBottom ? "true" : undefined
+      }, undefined, undefined, { "--cinder-virtual-list-height": height })}`);
+    }, () => {
+      $$renderer2.push(`<div class="cinder-virtual-list__spacer"${$.attr("aria-hidden", items.length === 0 ? "true" : undefined)}${$.attr_style("", { height: `${virtualWindow().totalSize}px` })}><div class="cinder-virtual-list__window"${$.attr_style("", { top: `${virtualWindow().leadingSize}px` })}><!--[-->`);
+      const each_array = $.ensure_array_like(renderedItems());
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let virtualItem = each_array[$$index];
+        $$renderer2.push(`<div class="cinder-virtual-list__row"${$.attr("role", role === "list" ? "listitem" : undefined)}${$.attr("data-cinder-virtual-index", virtualItem.index)}${$.attr_style("", { height: `${virtualItem.size}px` })}>`);
+        row($$renderer2, virtualItem.item, {
+          index: virtualItem.index,
+          key: virtualItem.key,
+          start: virtualItem.start,
+          size: virtualItem.size
+        });
+        $$renderer2.push(`<!----></div>`);
+      }
+      $$renderer2.push(`<!--]--></div></div>`);
+    });
+  });
+}
+
+// src/components/virtual-list/index.ts
+var virtual_list_default = Virtual_list;
+export { Virtual_list, virtual_list_default };
+
+//# debugId=8DC7ED22C19BE6B264756E2164756E21

package/dist/server/index.server-2ymxf0ra.js

@@ -0,0 +1,71 @@
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+import * as $ from "svelte/internal/server";
+
+// ../../node_modules/lucide-svelte/dist/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+var defaultAttributes_default = defaultAttributes;
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+function Icon($$renderer, $$props) {
+  const $$sanitized_props = $.sanitize_props($$props);
+  const $$restProps = $.rest_props($$sanitized_props, [
+    "name",
+    "color",
+    "size",
+    "strokeWidth",
+    "absoluteStrokeWidth",
+    "iconNode"
+  ]);
+  $$renderer.component(($$renderer2) => {
+    let name = $.fallback($$props["name"], undefined);
+    let color = $.fallback($$props["color"], "currentColor");
+    let size = $.fallback($$props["size"], 24);
+    let strokeWidth = $.fallback($$props["strokeWidth"], 2);
+    let absoluteStrokeWidth = $.fallback($$props["absoluteStrokeWidth"], false);
+    let iconNode = $.fallback($$props["iconNode"], () => [], true);
+    const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+      return Boolean(className) && array.indexOf(className) === index;
+    }).join(" ");
+    $$renderer2.push(`<svg${$.attributes({
+      ...defaultAttributes_default,
+      ...$$restProps,
+      width: size,
+      height: size,
+      stroke: color,
+      "stroke-width": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      class: $.clsx(mergeClasses("lucide-icon", "lucide", name ? `lucide-${name}` : "", $$sanitized_props.class))
+    }, undefined, undefined, undefined, 3)}><!--[-->`);
+    const each_array = $.ensure_array_like(iconNode);
+    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+      let [tag, attrs] = each_array[$$index];
+      $.element($$renderer2, tag, () => {
+        $$renderer2.push(`${$.attributes({ ...attrs }, undefined, undefined, undefined, 3)}`);
+      });
+    }
+    $$renderer2.push(`<!--]--><!--[-->`);
+    $.slot($$renderer2, $$props, "default", {}, null);
+    $$renderer2.push(`<!--]--></svg>`);
+    $.bind_props($$props, {
+      name,
+      color,
+      size,
+      strokeWidth,
+      absoluteStrokeWidth,
+      iconNode
+    });
+  });
+}
+
+export { Icon };
+
+//# debugId=9B8FE148080C8AC364756E2164756E21

package/dist/server/index.server-317enkqq.js

@@ -0,0 +1,2 @@
+
+//# debugId=F4C220F2B098900564756E2164756E21

package/dist/server/index.server-324f5vcc.js

@@ -0,0 +1,195 @@
+import {
+  Search_field
+} from "./index.server-zbf09rvx.js";
+import {
+  Chip
+} from "./index.server-xp53vmj5.js";
+import {
+  _visually_hidden_live_region
+} from "./index.server-hmw4afhn.js";
+import {
+  Button
+} from "./index.server-34p02y48.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/faceted-filter-bar/faceted-filter-bar.svelte
+import * as $ from "svelte/internal/server";
+import { tick } from "svelte";
+function Faceted_filter_bar($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      "aria-label": ariaLabel = "Filters",
+      searchQuery,
+      searchPlaceholder = "Search…",
+      searchAriaLabel = "Search",
+      facets = [],
+      appliedFilters = [],
+      disabled = false,
+      class: className,
+      onsearchchange,
+      onfacetchange,
+      onfilterremove,
+      onclearall,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const searchId = $.derived(() => `${generatedId}-search`);
+    let rootElement = undefined;
+    let internalSearchQuery = "";
+    const isSearchControlled = $.derived(() => searchQuery !== undefined);
+    const currentSearchQuery = $.derived(() => isSearchControlled() ? searchQuery ?? "" : internalSearchQuery);
+    function resolveFacetValue(key) {
+      return appliedFilters.find((filter) => filter.key === key)?.value ?? "";
+    }
+    function resolveFilterDisplayValue(key, value) {
+      const facet = facets.find((candidate) => candidate.key === key);
+      if (facet?.type !== "select")
+        return value;
+      return facet.options.find((option) => option.value === value)?.label ?? value;
+    }
+    const hasAppliedFilters = $.derived(() => appliedFilters.length > 0 || currentSearchQuery().length > 0);
+    const totalActiveCount = $.derived(() => appliedFilters.length);
+    const summaryMessage = $.derived(() => {
+      if (totalActiveCount() === 0)
+        return "";
+      const parts = appliedFilters.map((filter) => `${filter.label}: ${resolveFilterDisplayValue(filter.key, filter.value)}`);
+      return `${totalActiveCount()} active filter${totalActiveCount() === 1 ? "" : "s"}: ${parts.join(", ")}`;
+    });
+    function handleSearchInput(value) {
+      if (!isSearchControlled()) {
+        internalSearchQuery = value;
+      }
+      onsearchchange?.(value);
+    }
+    async function handleFilterRemove(key) {
+      const filterIndex = appliedFilters.findIndex((filter) => filter.key === key);
+      const facetFallbackKey = appliedFilters[filterIndex]?.key;
+      onfilterremove?.(key);
+      await tick();
+      const removeButtons = Array.from(rootElement?.querySelectorAll(".cinder-chip__remove") ?? []);
+      const nextRemoveButton = removeButtons[Math.min(filterIndex, removeButtons.length - 1)];
+      const facetSelect = facetFallbackKey ? document.getElementById(`${generatedId}-facet-${facetFallbackKey}`) : null;
+      const searchInput = document.getElementById(searchId());
+      (nextRemoveButton ?? facetSelect ?? searchInput)?.focus();
+    }
+    function handleClearAll() {
+      if (!isSearchControlled()) {
+        internalSearchQuery = "";
+      }
+      onclearall?.();
+    }
+    function getFacetCurrentValue(key) {
+      return resolveFacetValue(key);
+    }
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-faceted-filter-bar", className)),
+      role: "search",
+      "aria-label": ariaLabel,
+      "data-disabled": disabled ? "" : undefined
+    })}><div class="cinder-faceted-filter-bar__controls">`);
+    Search_field($$renderer2, {
+      id: searchId(),
+      class: "cinder-faceted-filter-bar__search",
+      value: currentSearchQuery(),
+      placeholder: searchPlaceholder,
+      "aria-label": searchAriaLabel,
+      disabled,
+      oninput: handleSearchInput
+    });
+    $$renderer2.push(`<!----> <!--[-->`);
+    const each_array = $.ensure_array_like(facets);
+    for (let $$index_1 = 0, $$length = each_array.length;$$index_1 < $$length; $$index_1++) {
+      let facet = each_array[$$index_1];
+      if (facet.type === "select") {
+        $$renderer2.push("<!--[0-->");
+        const selectFacet = facet;
+        $$renderer2.push(`<div class="cinder-faceted-filter-bar__facet"><label class="cinder-faceted-filter-bar__facet-label"${$.attr("for", `${generatedId}-facet-${selectFacet.key}`)}>${$.escape(selectFacet.label)}</label> `);
+        $$renderer2.select({
+          id: `${generatedId}-facet-${selectFacet.key}`,
+          class: "cinder-faceted-filter-bar__select",
+          value: resolveFacetValue(selectFacet.key),
+          disabled: disabled || selectFacet.disabled,
+          "aria-label": selectFacet.label,
+          onchange: (event) => {
+            const target = event.currentTarget;
+            onfacetchange?.(selectFacet.key, target.value);
+          }
+        }, ($$renderer3) => {
+          $$renderer3.option({ value: "" }, ($$renderer4) => {
+            $$renderer4.push(`${$.escape(selectFacet.placeholder ?? selectFacet.label)}`);
+          });
+          $$renderer3.push(`<!--[-->`);
+          const each_array_1 = $.ensure_array_like(selectFacet.options);
+          for (let $$index = 0, $$length2 = each_array_1.length;$$index < $$length2; $$index++) {
+            let option = each_array_1[$$index];
+            $$renderer3.option({ value: option.value, disabled: option.disabled }, ($$renderer4) => {
+              $$renderer4.push(`${$.escape(option.label)}`);
+            });
+          }
+          $$renderer3.push(`<!--]-->`);
+        });
+        $$renderer2.push(` <span class="cinder-faceted-filter-bar__select-chevron" aria-hidden="true"></span></div>`);
+      } else if (facet.type === "custom") {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="cinder-faceted-filter-bar__facet">`);
+        facet.control($$renderer2, {
+          value: getFacetCurrentValue(facet.key),
+          onchange: (value) => {
+            onfacetchange?.(facet.key, value);
+          }
+        });
+        $$renderer2.push(`<!----></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (hasAppliedFilters()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-faceted-filter-bar__chips" aria-label="Active filter controls"><!--[-->`);
+      const each_array_2 = $.ensure_array_like(appliedFilters);
+      for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
+        let filter = each_array_2[$$index_2];
+        const displayValue = resolveFilterDisplayValue(filter.key, filter.value);
+        Chip($$renderer2, {
+          mode: "removable",
+          label: `${filter.label}: ${displayValue}`,
+          removeAriaLabel: `Remove filter: ${filter.label}: ${displayValue}`,
+          disabled,
+          onremove: () => handleFilterRemove(filter.key)
+        });
+      }
+      $$renderer2.push(`<!--]--> `);
+      Button($$renderer2, {
+        variant: "ghost",
+        size: "sm",
+        class: "cinder-faceted-filter-bar__clear-all",
+        disabled,
+        "aria-label": "Clear all filters",
+        onclick: handleClearAll,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Clear all`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    _visually_hidden_live_region($$renderer2, { message: summaryMessage(), priority: "polite" });
+    $$renderer2.push(`<!----></div>`);
+  });
+}
+
+// src/components/faceted-filter-bar/index.ts
+var faceted_filter_bar_default = Faceted_filter_bar;
+export { Faceted_filter_bar, faceted_filter_bar_default };
+
+//# debugId=830367E669DAB20064756E2164756E21

package/dist/server/index.server-338vqndh.js

@@ -0,0 +1,9 @@
+import {
+  Context_menu_trigger
+} from "./index.server-qkwnbj88.js";
+
+// src/components/context-menu-trigger/index.ts
+var context_menu_trigger_default = Context_menu_trigger;
+export { context_menu_trigger_default };
+
+//# debugId=B521A28887934E9764756E2164756E21

package/dist/server/index.server-34p02y48.js

@@ -0,0 +1,149 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/button/button.svelte
+import * as $ from "svelte/internal/server";
+function Button($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const {
+      variant = "secondary",
+      size = "md",
+      fullWidth = false,
+      loading = false,
+      iconOnly = false,
+      leadingIcon,
+      trailingIcon,
+      children,
+      label,
+      class: customClassName,
+      href,
+      onclick: consumerOnClick,
+      "aria-disabled": consumerAriaDisabled,
+      "aria-busy": consumerAriaBusy,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-haspopup": ariaHaspopup,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const mergedClassName = $.derived(() => classNames("cinder-button", customClassName));
+    const dataAttributes = $.derived(() => ({
+      "data-cinder-variant": variant,
+      "data-cinder-size": size,
+      "data-cinder-full-width": fullWidth ? "" : undefined,
+      "data-cinder-loading": loading ? "" : undefined,
+      "data-cinder-icon-only": iconOnly ? "" : undefined
+    }));
+    const resolvedAriaDisabled = $.derived(() => loading ? "true" : consumerAriaDisabled);
+    const resolvedAriaBusy = $.derived(() => loading ? "true" : consumerAriaBusy);
+    const resolvedAriaLabel = $.derived(() => typeof ariaLabel === "string" && ariaLabel.trim().length > 0 ? ariaLabel : undefined);
+    const resolvedAriaLabelledBy = $.derived(() => typeof ariaLabelledBy === "string" && ariaLabelledBy.trim().length > 0 ? ariaLabelledBy : undefined);
+    const anchorAttributes = rest;
+    const buttonAttributes = rest;
+    const anchorTabIndex = $.derived(() => rest.tabindex);
+    const buttonType = $.derived(() => rest.type);
+    const buttonDisabled = $.derived(() => rest.disabled ?? false);
+    function handleClick(event) {
+      if (loading) {
+        event.preventDefault();
+        return;
+      }
+      if (typeof consumerOnClick === "function") {
+        consumerOnClick(event);
+      }
+    }
+    function buttonContent($$renderer3) {
+      if (leadingIcon) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
+        leadingIcon($$renderer3);
+        $$renderer3.push(`<!----></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (iconOnly) {
+        $$renderer3.push("<!--[0-->");
+        if (!resolvedAriaLabel() && !resolvedAriaLabelledBy() && label) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<span class="cinder-sr-only">${$.escape(label)}</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (children) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
+          children($$renderer3);
+          $$renderer3.push(`<!----></span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      } else if (children) {
+        $$renderer3.push("<!--[1-->");
+        children($$renderer3);
+        $$renderer3.push(`<!---->`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`${$.escape(label)}`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (trailingIcon) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<span class="cinder-button__icon" aria-hidden="true">`);
+        trailingIcon($$renderer3);
+        $$renderer3.push(`<!----></span>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    if (href !== undefined) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<a${$.attributes({
+        ...anchorAttributes,
+        href: loading ? undefined : href,
+        tabindex: loading ? -1 : anchorTabIndex(),
+        class: $.clsx(mergedClassName()),
+        ...dataAttributes(),
+        "aria-disabled": resolvedAriaDisabled(),
+        "aria-busy": resolvedAriaBusy(),
+        "aria-label": resolvedAriaLabel(),
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
+      })}>`);
+      buttonContent($$renderer2);
+      $$renderer2.push(`<!----></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$.attributes({
+        ...buttonAttributes,
+        type: buttonType() ?? "button",
+        class: $.clsx(mergedClassName()),
+        ...dataAttributes(),
+        disabled: buttonDisabled() || loading,
+        "aria-disabled": resolvedAriaDisabled(),
+        "aria-busy": resolvedAriaBusy(),
+        "aria-label": resolvedAriaLabel(),
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-haspopup": ariaHaspopup
+      })}>`);
+      buttonContent($$renderer2);
+      $$renderer2.push(`<!----></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { Button };
+
+//# debugId=F7C11A580833E0E564756E2164756E21