@lostgradient/cinder 0.4.1 → 0.5.0

package/dist/server/index.server-51t6yebn.js

@@ -0,0 +1,93 @@
+import {
+  Container
+} from "./index.server-jd0gmw7x.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/hero-section/hero-section.svelte
+import * as $ from "svelte/internal/server";
+function Hero_section($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      as = "section",
+      eyebrow,
+      title,
+      description,
+      align = "start",
+      mediaPosition = "end",
+      maxWidth = "wide",
+      actions,
+      media,
+      class: className,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $.element($$renderer2, as, () => {
+      $$renderer2.push(`${$.attributes({
+        class: $.clsx(classNames("cinder-hero-section", className)),
+        "data-cinder-align": align,
+        "data-cinder-media-position": mediaPosition,
+        "data-cinder-has-media": media ? "" : undefined,
+        ...rest
+      })}`);
+    }, () => {
+      Container($$renderer2, {
+        maxWidth,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<div class="cinder-hero-section__inner"><div class="cinder-hero-section__content">`);
+          if (eyebrow) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<p class="cinder-hero-section__eyebrow">${$.escape(eyebrow)}</p>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> <h2 class="cinder-hero-section__title">${$.escape(title)}</h2> `);
+          if (description) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<p class="cinder-hero-section__description">${$.escape(description)}</p>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (actions) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="cinder-hero-section__actions">`);
+            actions($$renderer3);
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (children) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="cinder-hero-section__extra">`);
+            children($$renderer3);
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div> `);
+          if (media) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<div class="cinder-hero-section__media">`);
+            media($$renderer3);
+            $$renderer3.push(`<!----></div>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        },
+        $$slots: { default: true }
+      });
+    });
+  }, Hero_section);
+}
+
+// src/components/hero-section/index.ts
+var hero_section_default = Hero_section;
+export { Hero_section, hero_section_default };
+
+//# debugId=3A6E96A0226C33A964756E2164756E21

package/dist/server/index.server-52sym42b.js

@@ -0,0 +1,59 @@
+import {
+  setDataListContext
+} from "./index.server-2h3y9v3e.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/data-list/data-list.svelte
+import * as $ from "svelte/internal/server";
+function Data_list($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      items,
+      key,
+      density,
+      class: className,
+      children,
+      empty,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    setDataListContext({
+      get density() {
+        return density;
+      }
+    });
+    $$renderer2.push(`<ul${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-data-list", className)),
+      role: "list"
+    })}>`);
+    if (items.length > 0) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<!--[-->`);
+      const each_array = $.ensure_array_like(items);
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let entry = each_array[$$index];
+        children($$renderer2, entry);
+        $$renderer2.push(`<!---->`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (empty) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<li class="cinder-data-list-empty">`);
+      empty($$renderer2);
+      $$renderer2.push(`<!----></li>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></ul>`);
+  }, Data_list);
+}
+
+// src/components/data-list/index.ts
+var data_list_default = Data_list;
+export { Data_list, data_list_default };
+
+//# debugId=ECAB87E975EFB60A64756E2164756E21

package/dist/server/index.server-52zhxbdh.js

@@ -0,0 +1,30 @@
+import {
+  getLocaleContext,
+  setLocaleContext
+} from "./index.server-sz8sxsj6.js";
+
+// src/components/locale-provider/locale-provider.svelte
+import * as $ from "svelte/internal/server";
+function Locale_provider($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { locale, direction, children } = $$props;
+    const parentContext = getLocaleContext();
+    const context = {
+      get locale() {
+        return locale ?? parentContext?.locale;
+      },
+      get direction() {
+        return direction ?? parentContext?.direction;
+      }
+    };
+    setLocaleContext(context);
+    children?.($$renderer2);
+    $$renderer2.push(`<!---->`);
+  }, Locale_provider);
+}
+
+// src/components/locale-provider/index.ts
+var locale_provider_default = Locale_provider;
+export { Locale_provider, locale_provider_default };
+
+//# debugId=9A97091C2A3D8C3464756E2164756E21

package/dist/server/index.server-55x63e57.js

@@ -0,0 +1,9 @@
+import {
+  Payload_inspector
+} from "./index.server-pfn50743.js";
+
+// src/components/payload-inspector/index.ts
+var payload_inspector_default = Payload_inspector;
+export { payload_inspector_default };
+
+//# debugId=8794D2FF31174F1E64756E2164756E21

package/dist/server/index.server-5c8qde3q.js

@@ -0,0 +1,9 @@
+import {
+  Pricing_card
+} from "./index.server-nz6jpmkx.js";
+
+// src/components/pricing-card/index.ts
+var pricing_card_default = Pricing_card;
+export { pricing_card_default };
+
+//# debugId=9AF8FECA8D8CAD1164756E2164756E21

package/dist/server/index.server-5exh7rmw.js

@@ -0,0 +1,362 @@
+import {
+  getFocusableIndex,
+  handleRovingKeydown
+} from "./index.server-0a8m173j.js";
+import {
+  useMutationObserver
+} from "./index.server-p045dgmk.js";
+import {
+  devWarn
+} from "./index.server-nj8mebze.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/toolbar/toolbar.svelte
+import * as $ from "svelte/internal/server";
+import { untrack } from "svelte";
+import { on } from "svelte/events";
+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${$.attributes({
+      ...rest,
+      role: "toolbar",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-orientation": orientation === "vertical" ? "vertical" : undefined,
+      class: $.clsx(classNames("cinder-toolbar", className)),
+      "data-cinder-orientation": orientation,
+      "data-cinder-name-source": resolveAccessibleNameSource()
+    })}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div>`);
+  }, Toolbar);
+}
+
+export { Toolbar };
+
+//# debugId=40A1C36D485AF91D64756E2164756E21

package/dist/server/index.server-5fypkt27.js

@@ -0,0 +1,23 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/skeleton/skeleton.svelte
+import * as $ from "svelte/internal/server";
+function Skeleton($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { width, height, radius, class: className } = $$props;
+    const style = $.derived(() => [
+      width !== undefined ? `width: ${width}` : null,
+      height !== undefined ? `height: ${height}` : null,
+      radius !== undefined ? `border-radius: ${radius}` : null
+    ].filter((part) => part !== null).join("; "));
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-skeleton", className)))} aria-hidden="true"${$.attr_style(style())}></div>`);
+  }, Skeleton);
+}
+
+// src/components/skeleton/index.ts
+var skeleton_default = Skeleton;
+export { Skeleton, skeleton_default };
+
+//# debugId=9AA4FAFEB163882164756E2164756E21

package/dist/server/index.server-5mc2vsy0.js

@@ -0,0 +1,92 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/diff-statistics/diff-statistics.svelte
+import * as $ from "svelte/internal/server";
+function Diff_statistics($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      added,
+      removed,
+      modified,
+      variant = "default",
+      density,
+      hideZero = false,
+      class: customClassName,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const total = $.derived(() => added + removed + modified);
+    const pluralize = (count, singular, plural) => count === 1 ? singular : plural;
+    const addedLabel = $.derived(() => `${added} ${pluralize(added, "line", "lines")} added`);
+    const removedLabel = $.derived(() => `${removed} ${pluralize(removed, "line", "lines")} removed`);
+    const modifiedLabel = $.derived(() => `${modified} ${pluralize(modified, "line", "lines")} modified`);
+    const showAdded = $.derived(() => !hideZero || added > 0);
+    const showRemoved = $.derived(() => !hideZero || removed > 0);
+    const showModified = $.derived(() => !hideZero || modified > 0);
+    const hasAnyStatistics = $.derived(() => showAdded() || showRemoved() || showModified());
+    $$renderer2.push(`<div${$.attributes({
+      class: $.clsx(classNames("cinder-diff-statistics", customClassName)),
+      "data-cinder-variant": variant,
+      "data-cinder-density": density === "toolbar" ? "toolbar" : undefined,
+      role: "group",
+      "aria-label": `${total()} ${pluralize(total(), "line", "lines")} changed`,
+      ...rest
+    })}>`);
+    if (hasAnyStatistics()) {
+      $$renderer2.push("<!--[0-->");
+      if (showAdded()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--added"${$.attr("aria-label", addedLabel())}><span class="cinder-diff-statistics__prefix" aria-hidden="true">+</span> <span class="cinder-diff-statistics__value">${$.escape(added)}</span> `);
+        if (variant === "default") {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<span class="cinder-diff-statistics__label">added</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (showRemoved()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--removed"${$.attr("aria-label", removedLabel())}><span class="cinder-diff-statistics__prefix" aria-hidden="true">-</span> <span class="cinder-diff-statistics__value">${$.escape(removed)}</span> `);
+        if (variant === "default") {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<span class="cinder-diff-statistics__label">removed</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (showModified()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--modified"${$.attr("aria-label", modifiedLabel())}><span class="cinder-diff-statistics__prefix" aria-hidden="true">~</span> <span class="cinder-diff-statistics__value">${$.escape(modified)}</span> `);
+        if (variant === "default") {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<span class="cinder-diff-statistics__label">modified</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<span class="cinder-diff-statistics__stat cinder-diff-statistics__stat--none">No changes</span>`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  }, Diff_statistics);
+}
+
+export { Diff_statistics };
+
+//# debugId=BE851A6061B8B53164756E2164756E21

package/dist/server/index.server-5zvh7svb.js

@@ -0,0 +1,9 @@
+import {
+  Input
+} from "./index.server-rxa52bqt.js";
+
+// src/components/input/index.ts
+var input_default = Input;
+export { input_default };
+
+//# debugId=F3737E3AA1D23EEE64756E2164756E21