@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/index.server-q550gsbe.js

@@ -0,0 +1,83 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/floating-action-button/floating-action-button.svelte
+import * as $ from "svelte/internal/server";
+function Floating_action_button($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const {
+      shape = "filled",
+      size = "md",
+      variant = "primary",
+      disabled = false,
+      children,
+      class: customClassName,
+      href,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      tabindex,
+      onclick,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const resolvedTabindex = $.derived(() => disabled ? -1 : tabindex);
+    const mergedClassName = $.derived(() => classNames("cinder-fab", customClassName));
+    const dataAttributes = $.derived(() => ({
+      "data-cinder-shape": shape,
+      "data-cinder-size": size,
+      "data-cinder-variant": variant
+    }));
+    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 = $.derived(() => rest);
+    const buttonAttributes = $.derived(() => rest);
+    if (href !== undefined) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<a${$.attributes({
+        ...anchorAttributes(),
+        href: disabled ? undefined : href,
+        class: $.clsx(mergedClassName()),
+        ...dataAttributes(),
+        "aria-label": resolvedAriaLabel(),
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        "aria-disabled": disabled || undefined,
+        tabindex: resolvedTabindex()
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$.attributes({
+        ...buttonAttributes(),
+        type: "button",
+        class: $.clsx(mergedClassName()),
+        ...dataAttributes(),
+        disabled,
+        "aria-label": resolvedAriaLabel(),
+        "aria-labelledby": resolvedAriaLabelledBy(),
+        tabindex: resolvedTabindex()
+      })}>`);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { Floating_action_button };
+
+//# debugId=A62496F779E5539464756E2164756E21

package/dist/server/index.server-qjdkp02z.js

@@ -0,0 +1,117 @@
+import {
+  getFormFieldContext
+} from "./index.server-weae7gs2.js";
+import {
+  resolveFieldControl
+} from "./index.server-abm21gz1.js";
+import {
+  commitValue
+} from "./index.server-42qeekwc.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/checkbox/checkbox.svelte
+import * as $ from "svelte/internal/server";
+function Checkbox($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const generatedId = $.props_id($$renderer2);
+    let {
+      id,
+      checked = false,
+      onValueChange,
+      indeterminate = false,
+      label,
+      description,
+      error,
+      disabled,
+      required,
+      class: className,
+      "aria-describedby": consumerDescribedBy,
+      "aria-invalid": consumerInvalid,
+      onchange: consumerOnchange,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getFormFieldContext();
+    const field = $.derived(() => resolveFieldControl({
+      ...id !== undefined ? { id } : {},
+      generatedId,
+      context,
+      hasDescription: !!description,
+      hasError: !!error,
+      localIdNamespace: "checkbox",
+      consumerDescribedBy,
+      consumerInvalid,
+      disabled,
+      required: required ?? undefined
+    }));
+    let inputElement = undefined;
+    let resetSyncTimeout;
+    function syncCheckedAfterFormReset() {
+      if (resetSyncTimeout !== undefined)
+        clearTimeout(resetSyncTimeout);
+      resetSyncTimeout = setTimeout(() => {
+        resetSyncTimeout = undefined;
+        if (!inputElement)
+          return;
+        checked = inputElement.checked;
+        inputElement.indeterminate = indeterminate && !inputElement.checked;
+      }, 0);
+    }
+    function handleChange(event) {
+      const target = event.currentTarget;
+      const committed = commitValue(target.checked, onValueChange, (next) => {
+        checked = next;
+      });
+      target.checked = committed;
+      target.indeterminate = indeterminate && !committed;
+      consumerOnchange?.(event);
+    }
+    $$renderer2.push(`<div class="cinder-checkbox-field"><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input${$.attributes({
+      id: field().id,
+      type: "checkbox",
+      ...rest,
+      disabled: field().disabled,
+      required: field().required,
+      checked,
+      class: $.clsx(classNames("cinder-checkbox", className)),
+      "aria-invalid": field().ariaInvalid,
+      "aria-describedby": field().describedBy
+    }, undefined, undefined, undefined, 4)}/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> `);
+    if (label) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<label${$.attr("for", field().id)} class="cinder-checkbox-field__label"${$.attr("data-disabled", field().disabled || undefined)}>${$.escape(label)} `);
+      if (field().required) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (description) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", field().ownDescriptionId)} class="cinder-checkbox-field__description">${$.escape(description)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<p${$.attr("id", field().ownErrorId)} class="cinder-checkbox-field__error" aria-live="polite">${$.escape(error)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    $.bind_props($$props, { checked, indeterminate });
+  });
+}
+
+export { Checkbox };
+
+//# debugId=5647E57EA89DFB5C64756E2164756E21

package/dist/server/index.server-qkfd0qa7.js

@@ -0,0 +1,2 @@
+
+//# debugId=61617A15FEA0026A64756E2164756E21

package/dist/server/index.server-qkwnbj88.js

@@ -0,0 +1,149 @@
+import {
+  getDropdownRegisterTrigger
+} from "./index.server-et3p2cfq.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/context-menu-trigger/context-menu-trigger.svelte
+import * as $ from "svelte/internal/server";
+
+// src/components/context-menu/context-menu.context.ts
+import { createContext } from "svelte";
+var [getContextMenuContextStrict, setContextMenuContext] = createContext();
+var getContextMenuContext = getContextMenuContextStrict;
+
+// src/components/context-menu-trigger/context-menu-trigger.svelte
+function Context_menu_trigger($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const context = getContextMenuContext();
+    let {
+      class: className,
+      children,
+      oncontextmenu,
+      onpointerdown,
+      onpointerup,
+      onpointercancel,
+      onpointerleave,
+      onpointermove,
+      onkeydown,
+      onclick,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const registerTrigger = getDropdownRegisterTrigger();
+    let triggerElement = null;
+    let longPressTimer;
+    let startX = 0;
+    let startY = 0;
+    let suppressClick = false;
+    let suppressNextContextmenu = false;
+    function attachTrigger(node) {
+      registerTrigger(node);
+      return () => registerTrigger(null);
+    }
+    function clearLongPress() {
+      clearTimeout(longPressTimer);
+      longPressTimer = undefined;
+    }
+    function callTriggerHandler(handler, event) {
+      handler?.(event);
+    }
+    function handleContextmenu(event) {
+      if (context.disabled) {
+        callTriggerHandler(oncontextmenu, event);
+        return;
+      }
+      if (suppressNextContextmenu) {
+        event.preventDefault();
+        callTriggerHandler(oncontextmenu, event);
+        return;
+      }
+      event.preventDefault();
+      context.openAt(event.clientX, event.clientY);
+      callTriggerHandler(oncontextmenu, event);
+    }
+    function handlePointerdown(event) {
+      if (context.disabled) {
+        callTriggerHandler(onpointerdown, event);
+        return;
+      }
+      if (event.pointerType !== "touch") {
+        suppressNextContextmenu = false;
+        callTriggerHandler(onpointerdown, event);
+        return;
+      }
+      suppressNextContextmenu = false;
+      startX = event.clientX;
+      startY = event.clientY;
+      clearLongPress();
+      longPressTimer = setTimeout(() => {
+        suppressNextContextmenu = true;
+        suppressClick = true;
+        context.openAt(startX, startY);
+      }, context.longPressDelay);
+      callTriggerHandler(onpointerdown, event);
+    }
+    function handlePointermove(event) {
+      if (Math.hypot(event.clientX - startX, event.clientY - startY) > 10) {
+        clearLongPress();
+      }
+      callTriggerHandler(onpointermove, event);
+    }
+    function handleClick(event) {
+      if (!suppressClick) {
+        callTriggerHandler(onclick, event);
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      suppressClick = false;
+    }
+    function handleKeydown(event) {
+      if (context.disabled) {
+        callTriggerHandler(onkeydown, event);
+        return;
+      }
+      if (event.key === "Escape" && context.isOpen) {
+        event.preventDefault();
+        context.close();
+        callTriggerHandler(onkeydown, event);
+        return;
+      }
+      if (event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10")) {
+        callTriggerHandler(onkeydown, event);
+        return;
+      }
+      event.preventDefault();
+      const target = event.target instanceof HTMLElement ? event.target : triggerElement;
+      const rect = target?.getBoundingClientRect() ?? triggerElement?.getBoundingClientRect();
+      const x = context.direction === "rtl" ? rect?.right : rect?.left;
+      context.openAt(x ?? 0, rect?.bottom ?? 0);
+      callTriggerHandler(onkeydown, event);
+    }
+    function handlePointerup(event) {
+      clearLongPress();
+      callTriggerHandler(onpointerup, event);
+    }
+    function handlePointercancel(event) {
+      clearLongPress();
+      callTriggerHandler(onpointercancel, event);
+    }
+    function handlePointerleave(event) {
+      clearLongPress();
+      callTriggerHandler(onpointerleave, event);
+    }
+    $$renderer2.push(`<div${$.attributes({
+      class: $.clsx(classNames("cinder-context-menu-trigger", className)),
+      "aria-haspopup": "menu",
+      ...rest
+    })}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div>`);
+  });
+}
+
+export { setContextMenuContext, Context_menu_trigger };
+
+//# debugId=C7F328377A946B1D64756E2164756E21

package/dist/server/index.server-qq12yqwb.js

@@ -0,0 +1,76 @@
+import {
+  deriveConversationSummary
+} from "./index.server-bs46fdxd.js";
+import {
+  Conversation_export_actions
+} from "./index.server-fjzvm2c4.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/chat-conversation-header/chat-conversation-header.svelte
+import * as $ from "svelte/internal/server";
+function Chat_conversation_header($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      conversation,
+      headingLevel = 2,
+      showExportActions = true,
+      class: className,
+      actions,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const summary = $.derived(() => deriveConversationSummary(conversation));
+    const headingTag = $.derived(() => `h${headingLevel}`);
+    const participantLabel = $.derived(() => summary().participantNames.length === 0 ? undefined : summary().participantNames.length <= 2 ? summary().participantNames.join(", ") : `${summary().participantNames.slice(0, 2).join(", ")} +${summary().participantNames.length - 2}`);
+    const fullParticipantLabel = $.derived(() => summary().participantNames.join(", "));
+    $$renderer2.push(`<header${$.attributes({
+      class: $.clsx(classNames("cinder-chat-conversation-header", className)),
+      ...rest
+    })}><div class="cinder-chat-conversation-header__main">`);
+    $.element($$renderer2, headingTag(), () => {
+      $$renderer2.push(` class="cinder-chat-conversation-header__title"`);
+    }, () => {
+      $$renderer2.push(`${$.escape(summary().title)}`);
+    });
+    $$renderer2.push(` <p class="cinder-chat-conversation-header__meta">${$.escape(summary().messageCount)}
+      ${$.escape(summary().messageCount === 1 ? "message" : "messages")} <span aria-hidden="true">·</span> <span class="cinder-chat-conversation-header__status">${$.escape(summary().status)}</span> `);
+    if (participantLabel()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span aria-hidden="true">·</span> <span${$.attr("title", fullParticipantLabel())}${$.attr("aria-label", fullParticipantLabel())}>${$.escape(participantLabel())}</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></p></div> `);
+    if (showExportActions || actions) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cinder-chat-conversation-header__actions">`);
+      if (showExportActions) {
+        $$renderer2.push("<!--[0-->");
+        Conversation_export_actions($$renderer2, { id: `${conversation.id}-export-actions`, conversation });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (actions) {
+        $$renderer2.push("<!--[0-->");
+        actions($$renderer2, summary());
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></header>`);
+  });
+}
+
+// src/components/chat-conversation-header/index.ts
+var chat_conversation_header_default = Chat_conversation_header;
+export { Chat_conversation_header, chat_conversation_header_default };
+
+//# debugId=77454F8152665B4F64756E2164756E21

package/dist/server/index.server-qreadmdy.js

@@ -0,0 +1,85 @@
+import {
+  getSegmentedControlContext
+} from "./index.server-6dfav8r0.js";
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/segment/segment.svelte
+import * as $ from "svelte/internal/server";
+import { untrack } from "svelte";
+function Segment($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      value,
+      disabled = false,
+      controls,
+      leading,
+      trailing,
+      children,
+      class: customClassName,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const context = getSegmentedControlContext();
+    const registerSegment = (node) => {
+      return untrack(() => context.register({
+        node,
+        get value() {
+          return value;
+        },
+        get disabled() {
+          return disabled || context.controlDisabled;
+        },
+        get controls() {
+          return controls;
+        }
+      }));
+    };
+    const isSelected = $.derived(() => context.isSelected(value));
+    const isFocusable = $.derived(() => context.isFocusable(value));
+    const effectiveDisabled = $.derived(() => disabled || context.controlDisabled);
+    const role = $.derived(() => context.selectionMode === "multiple" ? undefined : context.variant === "tablist" ? "tab" : "radio");
+    $$renderer2.push(`<button${$.attributes({
+      ...rest,
+      type: "button",
+      role: role(),
+      "data-cinder-segment-value": value,
+      "aria-checked": role() === "radio" ? isSelected() : undefined,
+      "aria-selected": role() === "tab" ? isSelected() : undefined,
+      "aria-pressed": context.selectionMode === "multiple" ? isSelected() : undefined,
+      "aria-controls": role() === "tab" ? controls : undefined,
+      "aria-disabled": effectiveDisabled() ? "true" : undefined,
+      disabled: context.selectionMode === "multiple" ? effectiveDisabled() : undefined,
+      tabindex: isFocusable() ? 0 : -1,
+      class: $.clsx(classNames("cinder-segmented-control-option", customClassName)),
+      "data-cinder-selected": isSelected() ? "" : undefined,
+      "data-cinder-pressed": context.selectionMode === "multiple" && isSelected() ? "" : undefined
+    })}>`);
+    if (leading) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-segmented-control-option-icon" aria-hidden="true">`);
+      leading($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----> `);
+    if (trailing) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="cinder-segmented-control-option-trailing" aria-hidden="true">`);
+      trailing($$renderer2);
+      $$renderer2.push(`<!----></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></button>`);
+  });
+}
+
+export { Segment };
+
+//# debugId=5186CE05CA01F2D164756E2164756E21

package/dist/server/index.server-qwn3yfyq.js

@@ -0,0 +1,74 @@
+import {
+  classNames
+} from "./index.server-z7nvkz8v.js";
+
+// src/components/navigation-item/navigation-item.svelte
+import * as $ from "svelte/internal/server";
+function Navigation_item($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const {
+      active = false,
+      disabled = false,
+      variant = "horizontal",
+      current = "page",
+      class: customClassName,
+      children,
+      onclick,
+      href,
+      tabindex,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    const isLink = $.derived(() => href !== undefined);
+    const resolvedClass = $.derived(() => classNames("cinder-navigation-item", customClassName));
+    const resolvedTabindex = $.derived(() => disabled ? -1 : tabindex);
+    const ariaCurrent = $.derived(() => active ? current : undefined);
+    const anchorAttributes = $.derived(() => rest);
+    const buttonAttributes = $.derived(() => rest);
+    function handleClick(event) {
+      if (disabled) {
+        event.preventDefault();
+        return;
+      }
+      onclick?.(event);
+    }
+    if (isLink()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<a${$.attributes({
+        ...anchorAttributes(),
+        href: disabled ? undefined : href,
+        "aria-current": ariaCurrent(),
+        "aria-disabled": disabled ? true : undefined,
+        tabindex: resolvedTabindex(),
+        "data-active": active,
+        "data-cinder-navigation-item": true,
+        "data-variant": variant,
+        class: $.clsx(resolvedClass())
+      })}>`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></a>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button${$.attributes({
+        ...buttonAttributes(),
+        type: "button",
+        "aria-current": ariaCurrent(),
+        "aria-disabled": disabled ? true : undefined,
+        disabled,
+        tabindex: resolvedTabindex(),
+        "data-active": active,
+        "data-cinder-navigation-item": true,
+        "data-variant": variant,
+        class: $.clsx(resolvedClass())
+      })}>`);
+      children($$renderer2);
+      $$renderer2.push(`<!----></button>`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+export { Navigation_item };
+
+//# debugId=7CEE02B5174FD8E864756E2164756E21