@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/index.server-1x7gd5rm.js

@@ -0,0 +1,55 @@
+import {
+  Toolbar
+} from "./index.server-att810se.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/toolbar/toolbar-group.svelte
+import * as $ from "svelte/internal/server";
+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";
+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/index.ts
+var Toolbar2 = Object.assign(Toolbar, {
+  Group: Toolbar_group,
+  Spacer: Toolbar_spacer
+});
+var toolbar_default = Toolbar2;
+export { Toolbar_group, Toolbar_spacer, Toolbar2 as Toolbar, toolbar_default };
+
+//# debugId=0FEFA967E2BF0ACA64756E2164756E21

package/dist/server/index.server-1yn62azq.js

@@ -0,0 +1,145 @@
+import {
+  Tooltip
+} from "./index.server-qxd1ej6r.js";
+import {
+  Avatar
+} from "./index.server-dyryxwe8.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/avatar-group/avatar-group.svelte
+import * as $ from "svelte/internal/server";
+function Avatar_group($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const defaultMaxVisible = 5;
+    let {
+      avatars = [],
+      maxVisible = defaultMaxVisible,
+      overlap = "0.75rem",
+      zOrder = "last-on-top",
+      size = "md",
+      shape = "circle",
+      overflowLabel,
+      label = "Collaborators",
+      "aria-label": consumerAriaLabel,
+      class: className,
+      style,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const accessibleName = $.derived(() => typeof consumerAriaLabel === "string" && consumerAriaLabel.trim().length > 0 ? consumerAriaLabel : label);
+    const normalizedMaxVisible = $.derived(() => normalizeMaxVisible(maxVisible));
+    const visibleCount = $.derived(() => Math.min(normalizedMaxVisible(), avatars.length));
+    const hiddenCount = $.derived(() => Math.max(0, avatars.length - visibleCount()));
+    const hasOverflow = $.derived(() => hiddenCount() > 0);
+    const computedOverflowLabel = $.derived(() => overflowLabel ?? `${hiddenCount()} more collaborators`);
+    const normalizedOverlap = $.derived(() => normalizeOverlap(overlap));
+    const identityCounts = $.derived(() => countAvatarIdentities(avatars));
+    const rootStyle = $.derived(() => [
+      style,
+      `--cinder-avatar-group-overlap: ${normalizedOverlap()}`
+    ].filter(Boolean).join("; "));
+    const visibleAvatars = $.derived(() => avatars.slice(0, visibleCount()).map((avatar, index) => ({
+      avatar,
+      key: getAvatarKey(avatar, index, identityCounts()),
+      trimmedName: (avatar.name ?? "").trim(),
+      stackIndex: getVisibleStackIndex(index, visibleCount(), zOrder)
+    })));
+    const overflowStackIndex = $.derived(() => getOverflowStackIndex(visibleCount(), zOrder));
+    function normalizeMaxVisible(value) {
+      if (!Number.isFinite(value))
+        return defaultMaxVisible;
+      return Math.max(0, Math.floor(value));
+    }
+    function normalizeOverlap(value) {
+      const trimmed = value.trim();
+      if (/^(?:0|(?:\d*\.)?\d+(?:px|rem|em|ch|ex|vw|vh|vmin|vmax|%))$/.test(trimmed)) {
+        return trimmed;
+      }
+      return "0.75rem";
+    }
+    function countAvatarIdentities(items) {
+      const counts = new Map;
+      for (const avatar of items) {
+        const identity = avatar.id ?? avatar.name ?? "";
+        counts.set(identity, (counts.get(identity) ?? 0) + 1);
+      }
+      return counts;
+    }
+    function getAvatarKey(avatar, index, counts) {
+      const identity = avatar.id ?? avatar.name ?? "";
+      return counts.get(identity) === 1 ? identity : `${identity}:${index}`;
+    }
+    function getVisibleStackIndex(index, count, order) {
+      if (order === "first-on-top")
+        return count - index;
+      return index + 1;
+    }
+    function getOverflowStackIndex(count, order) {
+      if (count === 0)
+        return 0;
+      if (order === "first-on-top")
+        return 0;
+      return count + 1;
+    }
+    function avatarSourceProps(src) {
+      return src === undefined ? {} : { src };
+    }
+    $$renderer2.push(`<div${$.attributes({
+      ...rest,
+      class: $.clsx(classNames("cinder-avatar-group", className)),
+      style: rootStyle(),
+      role: "list",
+      "aria-label": accessibleName(),
+      "data-cinder-size": size,
+      "data-cinder-shape": shape,
+      "data-cinder-z-order": zOrder
+    })}><!--[-->`);
+    const each_array = $.ensure_array_like(visibleAvatars());
+    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+      let item = each_array[$$index];
+      $$renderer2.push(`<span class="cinder-avatar-group__item" role="listitem"${$.attr_style(`--cinder-avatar-group-index: ${item.stackIndex}`)}>`);
+      if (item.trimmedName) {
+        $$renderer2.push("<!--[0-->");
+        Tooltip($$renderer2, {
+          text: item.trimmedName,
+          describe: false,
+          children: ($$renderer3) => {
+            $$renderer3.push(`<span class="cinder-avatar-group__trigger" role="img" tabindex="0"${$.attr("aria-label", item.trimmedName)}>`);
+            Avatar($$renderer3, $.spread_props([
+              avatarSourceProps(item.avatar.src),
+              { name: item.trimmedName, alt: "", size, shape }
+            ]));
+            $$renderer3.push(`<!----></span>`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<span class="cinder-avatar-group__trigger">`);
+        Avatar($$renderer2, $.spread_props([
+          avatarSourceProps(item.avatar.src),
+          { name: "", alt: "", size, shape }
+        ]));
+        $$renderer2.push(`<!----></span>`);
+      }
+      $$renderer2.push(`<!--]--></span>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hasOverflow()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-avatar-group__item cinder-avatar-group__overflow" role="listitem"${$.attr("aria-label", computedOverflowLabel())}${$.attr_style(`--cinder-avatar-group-index: ${overflowStackIndex()}`)}>+${$.escape(hiddenCount())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/avatar-group/index.ts
+var avatar_group_default = Avatar_group;
+export { Avatar_group, avatar_group_default };
+
+//# debugId=BFAE0D6BF9B071D764756E2164756E21

package/dist/server/index.server-20y4mdhm.js

@@ -0,0 +1,167 @@
+import {
+  inDocumentOrder
+} from "./index.server-h54v6c32.js";
+
+// src/components/_internal/create-command-list-state.svelte.ts
+import * as $ from "svelte/internal/server";
+class CommandListState {
+  listboxId;
+  registrations = [];
+  registrationsReady = false;
+  #itemCounter = 0;
+  #readyCycle = 0;
+  #intendedActiveId = null;
+  #enabledIds = $.derived(() => {
+    return inDocumentOrder(this.registrations).filter((registration) => !registration.getDisabled()).map((registration) => registration.id);
+  });
+  get enabledIds() {
+    return this.#enabledIds();
+  }
+  set enabledIds($$value) {
+    return this.#enabledIds($$value);
+  }
+  #activeItemId = $.derived(() => this.#intendedActiveId !== null && this.enabledIds.includes(this.#intendedActiveId) ? this.#intendedActiveId : this.enabledIds[0] ?? null);
+  get activeItemId() {
+    return this.#activeItemId();
+  }
+  set activeItemId($$value) {
+    return this.#activeItemId($$value);
+  }
+  constructor(listboxId) {
+    this.listboxId = listboxId;
+  }
+  resetActiveItem() {
+    this.#intendedActiveId = null;
+  }
+  refreshRegistrationsReady() {
+    this.registrationsReady = false;
+    const cycle = ++this.#readyCycle;
+    queueMicrotask(() => {
+      if (cycle === this.#readyCycle)
+        this.registrationsReady = true;
+    });
+  }
+  scrollActiveItemIntoView() {
+    if (this.activeItemId === null)
+      return;
+    const record = this.registrations.find((registration) => registration.id === this.activeItemId);
+    record?.node.scrollIntoView({ block: "nearest" });
+  }
+  setActiveById(id) {
+    this.#intendedActiveId = id;
+  }
+  register(input, node) {
+    const id = `${this.listboxId}-item-${++this.#itemCounter}`;
+    this.registrations.push({
+      id,
+      node,
+      getValue: input.getValue,
+      getOnselect: input.getOnselect,
+      getDisabled: input.getDisabled
+    });
+    return {
+      id,
+      unregister: () => {
+        const index = this.registrations.findIndex((registration) => registration.id === id);
+        if (index !== -1)
+          this.registrations.splice(index, 1);
+      }
+    };
+  }
+  activateItemById(id) {
+    const record = this.registrations.find((registration) => registration.id === id);
+    if (!record || record.getDisabled())
+      return null;
+    record.getOnselect()();
+    return record;
+  }
+  handleKeydown({
+    event,
+    onEnter,
+    onEscape,
+    ignoreModifiedNavigation = false,
+    preventDefaultOnEmptyEnter = false
+  }) {
+    if (event.isComposing || event.keyCode === 229)
+      return false;
+    const isModified = event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
+    const ids = this.enabledIds;
+    if (event.key === "ArrowDown") {
+      if (ignoreModifiedNavigation && isModified)
+        return false;
+      event.preventDefault();
+      if (ids.length === 0)
+        return true;
+      const index = this.activeItemId === null ? -1 : ids.indexOf(this.activeItemId);
+      this.#intendedActiveId = ids[(index + 1) % ids.length] ?? null;
+      return true;
+    }
+    if (event.key === "ArrowUp") {
+      if (ignoreModifiedNavigation && isModified)
+        return false;
+      event.preventDefault();
+      if (ids.length === 0)
+        return true;
+      const index = this.activeItemId === null ? 0 : ids.indexOf(this.activeItemId);
+      this.#intendedActiveId = ids[index <= 0 ? ids.length - 1 : index - 1] ?? null;
+      return true;
+    }
+    if (event.key === "Home") {
+      if (ignoreModifiedNavigation && isModified)
+        return false;
+      event.preventDefault();
+      this.#intendedActiveId = ids[0] ?? null;
+      return true;
+    }
+    if (event.key === "End") {
+      if (ignoreModifiedNavigation && isModified)
+        return false;
+      event.preventDefault();
+      this.#intendedActiveId = ids[ids.length - 1] ?? null;
+      return true;
+    }
+    if (event.key === "Enter") {
+      if (!onEnter)
+        return false;
+      if (this.activeItemId === null && !preventDefaultOnEmptyEnter)
+        return false;
+      event.preventDefault();
+      event.stopPropagation();
+      if (this.activeItemId === null)
+        return true;
+      onEnter?.(this.activeItemId);
+      return true;
+    }
+    if (event.key === "Escape" && onEscape) {
+      event.preventDefault();
+      event.stopPropagation();
+      onEscape();
+      return true;
+    }
+    return false;
+  }
+  createContext(activateItemById = (id) => void this.activateItemById(id)) {
+    const listboxId = this.listboxId;
+    const getActiveItemId = () => this.activeItemId;
+    const register = (input, node) => this.register(input, node);
+    const setActiveById = (id) => this.setActiveById(id);
+    return {
+      get listboxId() {
+        return listboxId;
+      },
+      get activeItemId() {
+        return getActiveItemId();
+      },
+      register,
+      setActiveById,
+      activateItemById
+    };
+  }
+}
+function createCommandListState(listboxId) {
+  return new CommandListState(listboxId);
+}
+
+export { createCommandListState };
+
+//# debugId=7CBA1160AF54B6A064756E2164756E21

package/dist/server/index.server-24kf2kgd.js

@@ -0,0 +1,9 @@
+import {
+  Surface
+} from "./index.server-c29mzp9r.js";
+
+// src/components/surface/index.ts
+var surface_default = Surface;
+export { surface_default };
+
+//# debugId=AF71278C203AE84E64756E2164756E21

package/dist/server/index.server-27c3ewc8.js

@@ -0,0 +1,9 @@
+import {
+  Tree_item
+} from "./index.server-wj91h1wk.js";
+
+// src/components/tree-item/index.ts
+var tree_item_default = Tree_item;
+export { tree_item_default };
+
+//# debugId=918F2EC2D9B8064564756E2164756E21

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

@@ -0,0 +1,153 @@
+import {
+  Icon
+} from "./index.server-2ymxf0ra.js";
+
+// ../../node_modules/lucide-svelte/dist/icons/arrow-up.svelte
+import * as $ from "svelte/internal/server";
+function Arrow_up($$renderer, $$props) {
+  const $$sanitized_props = $.sanitize_props($$props);
+  const iconNode = [
+    ["path", { d: "m5 12 7-7 7 7" }],
+    ["path", { d: "M12 19V5" }]
+  ];
+  Icon($$renderer, $.spread_props([
+    { name: "arrow-up" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/circle-alert.svelte
+import * as $2 from "svelte/internal/server";
+function Circle_alert($$renderer, $$props) {
+  const $$sanitized_props = $2.sanitize_props($$props);
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["line", { x1: "12", x2: "12", y1: "8", y2: "12" }],
+    [
+      "line",
+      { x1: "12", x2: "12.01", y1: "16", y2: "16" }
+    ]
+  ];
+  Icon($$renderer, $2.spread_props([
+    { name: "circle-alert" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $2.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/paperclip.svelte
+import * as $3 from "svelte/internal/server";
+function Paperclip($$renderer, $$props) {
+  const $$sanitized_props = $3.sanitize_props($$props);
+  const iconNode = [
+    ["path", { d: "M13.234 20.252 21 12.3" }],
+    [
+      "path",
+      {
+        d: "m16 6-8.414 8.586a2 2 0 0 0 0 2.828 2 2 0 0 0 2.828 0l8.414-8.586a4 4 0 0 0 0-5.656 4 4 0 0 0-5.656 0l-8.415 8.585a6 6 0 1 0 8.486 8.486"
+      }
+    ]
+  ];
+  Icon($$renderer, $3.spread_props([
+    { name: "paperclip" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $3.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/square.svelte
+import * as $4 from "svelte/internal/server";
+function Square($$renderer, $$props) {
+  const $$sanitized_props = $4.sanitize_props($$props);
+  const iconNode = [
+    [
+      "rect",
+      { width: "18", height: "18", x: "3", y: "3", rx: "2" }
+    ]
+  ];
+  Icon($$renderer, $4.spread_props([
+    { name: "square" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $4.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/check-check.svelte
+import * as $5 from "svelte/internal/server";
+function Check_check($$renderer, $$props) {
+  const $$sanitized_props = $5.sanitize_props($$props);
+  const iconNode = [
+    ["path", { d: "M18 6 7 17l-5-5" }],
+    ["path", { d: "m22 10-7.5 7.5L13 16" }]
+  ];
+  Icon($$renderer, $5.spread_props([
+    { name: "check-check" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $5.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/chevron-up.svelte
+import * as $6 from "svelte/internal/server";
+function Chevron_up($$renderer, $$props) {
+  const $$sanitized_props = $6.sanitize_props($$props);
+  const iconNode = [["path", { d: "m18 15-6-6-6 6" }]];
+  Icon($$renderer, $6.spread_props([
+    { name: "chevron-up" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $6.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+
+export { Arrow_up, Check_check, Chevron_up, Circle_alert, Paperclip, Square };
+
+//# debugId=6A7EBC2758A52E3D64756E2164756E21

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

@@ -0,0 +1,9 @@
+import {
+  Tooltip
+} from "./index.server-qxd1ej6r.js";
+
+// src/components/tooltip/index.ts
+var tooltip_default = Tooltip;
+export { tooltip_default };
+
+//# debugId=E256EBA8777A18C964756E2164756E21

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

@@ -0,0 +1,72 @@
+import {
+  Copy_button
+} from "./index.server-3cwyrz8f.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/code-block/code-block.svelte
+import * as $ from "svelte/internal/server";
+function Code_block($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      code,
+      language,
+      highlight,
+      highlighter,
+      copyable = false,
+      class: className
+    } = $$props;
+    let highlighted = null;
+    function failed($$renderer3) {
+      $$renderer3.push(`<pre class="cinder-code-block__pre"><code class="cinder-code-block__code">${$.escape(code)}</code></pre>`);
+    }
+    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-code-block", className)))}>`);
+    if (language || copyable) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<header class="cinder-code-block__header">`);
+      if (language) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-code-block__language">${$.escape(language)}</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (copyable) {
+        $$renderer2.push("<!--[0-->");
+        Copy_button($$renderer2, {
+          value: code,
+          class: "cinder-code-block__copy",
+          label: "Copy code",
+          copiedLabel: "Code copied",
+          iconOnly: true
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></header>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="cinder-code-block__viewport" tabindex="0">`);
+    $$renderer2.boundary({ failed }, ($$renderer3) => {
+      $$renderer3.push(`<!--[-->`);
+      {
+        if (highlighted !== null) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div class="cinder-code-block__highlighted">${$.html(highlighted)}</div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+          $$renderer3.push(`<pre class="cinder-code-block__pre"><code class="cinder-code-block__code">${$.escape(code)}</code></pre>`);
+        }
+        $$renderer3.push(`<!--]-->`);
+      }
+      $$renderer3.push(`<!--]-->`);
+    });
+    $$renderer2.push(`</div></div>`);
+  });
+}
+
+export { Code_block };
+
+//# debugId=ABC13393A404D50A64756E2164756E21

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

@@ -0,0 +1,15 @@
+import {
+  optionalContext
+} from "./index.server-493m9fm5.js";
+
+// src/_internal/data-list-context.ts
+import { createContext } from "svelte";
+var [getDataListContextStrict, setDataListContextRaw] = createContext();
+function setDataListContext(context) {
+  setDataListContextRaw(context);
+}
+var getDataListContext = optionalContext(getDataListContextStrict);
+
+export { setDataListContext, getDataListContext };
+
+//# debugId=5B52E025A38A5D1664756E2164756E21