@lostgradient/cinder 0.3.0 → 0.4.1

package/dist/server/index.server-42qeekwc.js

@@ -0,0 +1,10 @@
+// src/utilities/value-change.ts
+function commitValue(proposed, onValueChange, setValue) {
+  const committed = onValueChange?.(proposed) ?? proposed;
+  setValue(committed);
+  return committed;
+}
+
+export { commitValue };
+
+//# debugId=10F2862B32F0095864756E2164756E21

package/dist/server/index.server-493m9fm5.js

@@ -0,0 +1,14 @@
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+export { optionalContext };
+
+//# debugId=99C28EB530FA251964756E2164756E21

package/dist/server/index.server-4jc5ny87.js

@@ -0,0 +1,174 @@
+import {
+  TypeaheadBuffer,
+  findTypeaheadMatch,
+  isTypeaheadKey
+} from "./index.server-bgcpy5vk.js";
+import {
+  resolveTextDirection
+} from "./index.server-g8kdhzf2.js";
+import {
+  getLocaleContext
+} from "./index.server-sz8sxsj6.js";
+import {
+  getDropdownContext,
+  getDropdownRegister,
+  getDropdownSetOpen
+} from "./index.server-et3p2cfq.js";
+import {
+  createAnchoredOverlay
+} from "./index.server-94b7tjs5.js";
+import {
+  createPortalAttachment
+} from "./index.server-mm4g29h0.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/dropdown-menu/dropdown-menu.svelte
+import * as $ from "svelte/internal/server";
+import { tick } from "svelte";
+function Dropdown_menu($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: customClassName,
+      children,
+      dir: direction,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getDropdownContext();
+    const registerMenu = getDropdownRegister();
+    const setOpen = getDropdownSetOpen();
+    const localeContext = getLocaleContext();
+    let directionRevision = 0;
+    const resolvedDirection = $.derived(() => {
+      if (direction === "auto") {
+        return resolveTextDirection(context.anchorElement, localeContext?.direction) ?? direction;
+      }
+      return direction ?? resolveTextDirection(context.anchorElement, localeContext?.direction);
+    });
+    const fallbackAnchorElement = $.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
+    let menuElement = null;
+    let focusedFallbackOpen = false;
+    const typeaheadBuffer = new TypeaheadBuffer;
+    const anchoredFallback = createAnchoredOverlay({
+      open: () => context.isOpen && !context.supportsPopover && Boolean(fallbackAnchorElement()),
+      anchor: () => fallbackAnchorElement(),
+      panel: () => menuElement,
+      placement: () => context.fallbackPlacement ?? "bottom-end",
+      offset: () => 4,
+      widthMode: () => context.widthMode ?? "menu"
+    });
+    const fallbackPositionStyle = $.derived(() => context.fallbackPositionStyle ?? (fallbackAnchorElement() ? anchoredFallback.positionStyle : undefined));
+    const fallbackPositionReady = $.derived(() => context.fallbackPositionReady ?? (fallbackAnchorElement() ? anchoredFallback.positionReady : undefined));
+    const fallbackPortalAttachment = createPortalAttachment({
+      target: () => typeof document === "undefined" ? null : document.body,
+      source: () => context.anchorElement,
+      inheritAttributes: true,
+      disabled: () => context.supportsPopover
+    });
+    function getOwnedMenuItems() {
+      if (!menuElement)
+        return [];
+      return Array.from(menuElement.querySelectorAll([
+        '[role="menuitem"]:not([data-disabled])',
+        '[role="menuitemcheckbox"]:not([data-disabled])',
+        '[role="menuitemradio"]:not([data-disabled])'
+      ].join(", "))).filter((item) => item.closest('[role="menu"]') === menuElement);
+    }
+    function focusMenuItem(index) {
+      const items = getOwnedMenuItems();
+      if (!items.length) {
+        menuElement?.focus();
+        return;
+      }
+      const resolvedIndex = index < 0 ? items.length - 1 : index;
+      const item = items.at(resolvedIndex);
+      item?.focus();
+    }
+    function handleKeydown(event) {
+      const target = event.target instanceof HTMLElement ? event.target : null;
+      if (target?.closest('[role="menu"]') !== menuElement)
+        return;
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        setOpen(false);
+        context.focusTrigger();
+        return;
+      }
+      const itemsArray = getOwnedMenuItems();
+      if (!itemsArray.length)
+        return;
+      const currentIndex = itemsArray.findIndex((item) => item === document.activeElement);
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(currentIndex < itemsArray.length - 1 ? currentIndex + 1 : 0);
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(currentIndex > 0 ? currentIndex - 1 : itemsArray.length - 1);
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(0);
+      } else if (event.key === "End") {
+        event.preventDefault();
+        event.stopPropagation();
+        focusMenuItem(itemsArray.length - 1);
+      } else if (isTypeaheadKey(event)) {
+        event.preventDefault();
+        event.stopPropagation();
+        const match = findTypeaheadMatch(itemsArray.map((item, index) => ({
+          value: index,
+          label: item.textContent?.trim() ?? "",
+          disabled: item.hasAttribute("data-disabled")
+        })), typeaheadBuffer.push(event.key), currentIndex);
+        if (match !== undefined)
+          focusMenuItem(match);
+      }
+    }
+    function handleToggle(event) {
+      const isOpenNow = event.newState === "open";
+      setOpen(isOpenNow);
+      if (isOpenNow) {
+        if (context.initialFocus === "none")
+          return;
+        tick().then(() => focusMenuItem(context.initialFocus === "last" ? -1 : 0));
+      }
+    }
+    if (context.supportsPopover || context.isOpen) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$.attributes({
+        id: context.menuId,
+        popover: context.supportsPopover ? "auto" : undefined,
+        class: $.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
+        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : fallbackPositionStyle(),
+        role: "menu",
+        "aria-orientation": "vertical",
+        "data-cinder-position-ready": !context.supportsPopover && fallbackPositionReady() !== undefined ? fallbackPositionReady() : undefined,
+        tabindex: -1,
+        ...rest,
+        dir: resolvedDirection(),
+        "data-cinder-explicit-direction": resolvedDirection() ? "true" : undefined
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { Dropdown_menu };
+
+//# debugId=6FD3A66A9A0B0C6B64756E2164756E21

package/dist/server/index.server-4p5znv15.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>`);
+  });
+}
+
+export { Diff_statistics };
+
+//# debugId=0EFB324CEFB0629A64756E2164756E21

package/dist/server/index.server-4pv40879.js

@@ -0,0 +1,68 @@
+import {
+  ariaInvalid,
+  composeDescribedBy,
+  describeId,
+  errorId
+} from "./index.server-abm21gz1.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/checkbox-group/checkbox-group.svelte
+import * as $ from "svelte/internal/server";
+function Checkbox_group($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const groupId = $.props_id($$renderer2);
+    let {
+      label: legend,
+      description,
+      error,
+      disabled = false,
+      required = false,
+      variant = "default",
+      class: className,
+      children
+    } = $$props;
+    const descriptionId = $.derived(() => describeId(groupId, !!description));
+    const errId = $.derived(() => errorId(groupId, !!error));
+    const describedBy = $.derived(() => composeDescribedBy(descriptionId(), errId()));
+    let hasWarnedNoLegend = false;
+    $$renderer2.push(`<fieldset${$.attr_class($.clsx(classNames("cinder-checkbox-group", className)))}${$.attr("disabled", disabled, true)}${$.attr("aria-invalid", ariaInvalid(!!error))}${$.attr("aria-describedby", describedBy())}${$.attr("aria-required", required || undefined)}${$.attr("data-cinder-disabled", disabled || undefined)}${$.attr("data-cinder-required", required || undefined)}${$.attr("data-variant", variant)}>`);
+    if (legend) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<legend class="cinder-checkbox-group__legend">${$.escape(legend)} `);
+      if (required) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></legend>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-checkbox-group__items">`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", descriptionId())} class="cinder-checkbox-group__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", errId())} class="cinder-checkbox-group__error" aria-live="polite">${$.escape(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></fieldset>`);
+  });
+}
+
+// src/components/checkbox-group/index.ts
+var checkbox_group_default = Checkbox_group;
+export { Checkbox_group, checkbox_group_default };
+
+//# debugId=6218E0622A94F20264756E2164756E21

package/dist/server/index.server-4pyw3ask.js

@@ -0,0 +1,86 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/link/link.svelte
+import * as $ from "svelte/internal/server";
+function Link($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      href,
+      underline = "hover",
+      color = "primary",
+      external = false,
+      disabled = false,
+      target,
+      rel,
+      tabindex,
+      class: className,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const spanAttributes = $.derived(() => rest);
+    const resolvedTarget = $.derived(() => disabled ? undefined : external && !target ? "_blank" : target);
+    const resolvedRel = $.derived(() => {
+      if (disabled)
+        return;
+      const needsSafeRel = external || resolvedTarget()?.toLowerCase() === "_blank";
+      const consumerParts = (rel ?? "").split(/\s+/).filter(Boolean);
+      const seen = new Set;
+      const merged = [];
+      for (const part of consumerParts) {
+        const key = part.toLowerCase();
+        if (!seen.has(key)) {
+          seen.add(key);
+          merged.push(part);
+        }
+      }
+      if (needsSafeRel) {
+        for (const part of ["noopener", "noreferrer"]) {
+          if (!seen.has(part)) {
+            seen.add(part);
+            merged.push(part);
+          }
+        }
+      }
+      return merged.length > 0 ? merged.join(" ") : undefined;
+    });
+    const resolvedClass = $.derived(() => classNames("cinder-link", className));
+    if (disabled) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span${$.attributes({
+        ...spanAttributes(),
+        class: $.clsx(resolvedClass()),
+        "aria-disabled": "true",
+        "data-cinder-link": true,
+        "data-underline": underline,
+        "data-color": color,
+        "data-disabled": true
+      })}>`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<a${$.attributes({
+        ...rest,
+        href,
+        tabindex,
+        target: resolvedTarget(),
+        rel: resolvedRel(),
+        class: $.clsx(resolvedClass()),
+        "data-cinder-link": true,
+        "data-underline": underline,
+        "data-color": color
+      })}>`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></a>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { Link };
+
+//# debugId=A6029F4C8F563FDD64756E2164756E21

package/dist/server/index.server-4t03p6p4.js

@@ -0,0 +1,113 @@
+import {
+  SortableController,
+  _sortable_item,
+  reorder,
+  setSortableContext
+} from "./index.server-9kas8kq5.js";
+import {
+  useAnnouncer
+} from "./index.server-gbzsb04q.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/sortable-list/sortable-list.svelte
+import * as $ from "svelte/internal/server";
+import { untrack } from "svelte";
+function Sortable_list($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const instructionsId = $.props_id($$renderer2);
+    let {
+      items,
+      getKey,
+      getItemLabel,
+      formatHandleLabel = (label2) => `Reorder ${label2}`,
+      handle,
+      onreorder,
+      announcements,
+      children: renderRow,
+      label,
+      class: className
+    } = $$props;
+    const announcer = useAnnouncer({ clearDelay: 5000 });
+    const controller = new SortableController(untrack(() => ({
+      announce: (msg) => announcer.announce(msg),
+      ...announcements !== undefined ? { announcements } : {}
+    })));
+    const visualItems = $.derived(() => {
+      if (controller.phase !== "lifted" || controller.liftedKey === null)
+        return items;
+      const from = items.findIndex((it) => getKey(it) === controller.liftedKey);
+      if (from < 0)
+        return items;
+      return reorder(items, from, controller.liftedTo);
+    });
+    const originalIndexByKey = $.derived(() => {
+      const lookup = new Map;
+      items.forEach((item, index) => lookup.set(getKey(item), index));
+      return lookup;
+    });
+    setSortableContext({
+      get controller() {
+        return controller;
+      },
+      commitDrop(_itemKey, itemLabel) {
+        const result = controller.drop(items, itemLabel);
+        if (result) {
+          onreorder(result.nextItems, result.change);
+        }
+      },
+      cancel(itemLabel) {
+        controller.cancel(itemLabel);
+      },
+      lift(key, fromIndex, itemLabel, total) {
+        controller.lift(key, fromIndex, itemLabel, total);
+      },
+      move(toIndex, itemLabel, total) {
+        controller.move(toIndex, itemLabel, total);
+      }
+    });
+    function handleWindowKeydown(event) {
+      if (controller.phase === "lifted" && event.key === "Escape") {
+        event.preventDefault();
+        controller.cancel();
+      }
+    }
+    $$renderer2.push(`<ul${$.attr_class($.clsx(classNames("cinder-sortable-list", className)))} role="list"${$.attr("aria-label", label)}><li role="presentation"${$.attr("id", instructionsId)} class="cinder-sr-only">Press Space to lift, then arrow keys to move, Space to drop, Escape to cancel.</li> <!--[-->`);
+    const each_array = $.ensure_array_like(visualItems());
+    for (let visualIndex = 0, $$length = each_array.length;visualIndex < $$length; visualIndex++) {
+      let rowItem = each_array[visualIndex];
+      const originalIndex = originalIndexByKey().get(getKey(rowItem)) ?? -1;
+      const rowItemLabel = getItemLabel(rowItem, originalIndex >= 0 ? originalIndex : visualIndex);
+      {
+        let children = function($$renderer3, ctx) {
+          renderRow($$renderer3, rowItem, ctx);
+          $$renderer3.push(`<!---->`);
+        };
+        _sortable_item($$renderer2, $.spread_props([
+          {
+            item: rowItem,
+            itemKey: getKey(rowItem),
+            index: visualIndex,
+            itemLabel: rowItemLabel,
+            formatHandleLabel
+          },
+          handle !== undefined ? { handle } : {},
+          {
+            instructionsId,
+            total: visualItems().length,
+            children,
+            $$slots: { default: true }
+          }
+        ]));
+      }
+    }
+    $$renderer2.push(`<!--]--></ul> <div role="alert" aria-atomic="true" class="cinder-sr-only">${$.escape(announcer.message)}</div>`);
+  });
+}
+
+// src/components/sortable-list/index.ts
+var sortable_list_default = Sortable_list;
+export { Sortable_list, sortable_list_default };
+
+//# debugId=C0B43D12B6FCA6B764756E2164756E21

package/dist/server/index.server-4wphqyck.js

@@ -0,0 +1,73 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/divider/divider.svelte
+import * as $ from "svelte/internal/server";
+function Divider($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      class: customClassName,
+      orientation = "horizontal",
+      inset = false,
+      tone = "subtle",
+      decorative = true,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const mergedClass = $.derived(() => classNames("cinder-divider", customClassName));
+    if (decorative) {
+      $$renderer2.push("<!--[0-->");
+      if (orientation === "vertical") {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span${$.attributes({
+          ...rest,
+          class: $.clsx(mergedClass()),
+          "aria-hidden": "true",
+          "data-cinder-orientation": orientation,
+          "data-cinder-tone": tone,
+          "data-cinder-inset": inset || undefined
+        })}></span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<div${$.attributes({
+          ...rest,
+          class: $.clsx(mergedClass()),
+          "aria-hidden": "true",
+          "data-cinder-orientation": orientation,
+          "data-cinder-tone": tone,
+          "data-cinder-inset": inset || undefined
+        })}></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else if (orientation === "vertical") {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<span${$.attributes({
+        ...rest,
+        class: $.clsx(mergedClass()),
+        role: "separator",
+        "aria-orientation": "vertical",
+        "data-cinder-orientation": orientation,
+        "data-cinder-tone": tone,
+        "data-cinder-inset": inset || undefined
+      })}></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<hr${$.attributes({
+        ...rest,
+        class: $.clsx(mergedClass()),
+        "data-cinder-orientation": orientation,
+        "data-cinder-tone": tone,
+        "data-cinder-inset": inset || undefined
+      })}/>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/divider/index.ts
+var divider_default = Divider;
+export { Divider, divider_default };
+
+//# debugId=5B134C785A821B4664756E2164756E21

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

@@ -0,0 +1,53 @@
+import {
+  getTabsContext
+} from "./index.server-js3eva86.js";
+import {
+  rovingTabIndex
+} from "./index.server-p3aw22qv.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/tab/tab.svelte
+import * as $ from "svelte/internal/server";
+import { untrack } from "svelte";
+function Tab($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      value,
+      id,
+      disabled = false,
+      class: className,
+      children,
+      trailing
+    } = $$props;
+    const tabs = getTabsContext();
+    const tabId = $.derived(() => id ?? `${tabs.baseId}-tab-${value}`);
+    const panelId = $.derived(() => `${tabs.baseId}-panel-${value}`);
+    const isActive = $.derived(() => tabs.isActive(value));
+    const isFocusable = $.derived(() => tabs.isFocusable(value));
+    let buttonElement = undefined;
+    const registeredValue = untrack(() => value);
+    function handleClick() {
+      if (disabled)
+        return;
+      tabs.select(value);
+    }
+    $$renderer2.push(`<button type="button" role="tab"${$.attr("id", tabId())}${$.attr_class($.clsx(classNames("cinder-tab", className)))}${$.attr("data-cinder-value", value)}${$.attr("data-cinder-active", isActive() ? "" : undefined)}${$.attr("data-cinder-disabled", disabled || undefined)}${$.attr("data-variant", tabs.orientation)}${$.attr("aria-selected", isActive())}${$.attr("aria-controls", panelId())}${$.attr("tabindex", rovingTabIndex(isFocusable()))}${$.attr("disabled", disabled, true)}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----> `);
+    if (trailing) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-tab__trailing" aria-hidden="true">`);
+      trailing($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></button>`);
+  });
+}
+
+export { Tab };
+
+//# debugId=24F99134BCC0F8C864756E2164756E21