@lostgradient/cinder 0.4.0 → 0.5.0

package/dist/components/tag-input/index.js

@@ -1,4 +1,34 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -23,9 +53,572 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/tag-input/index.ts
 import"@lostgradient/cinder/tag-input/styles";
+
+// src/components/tag-input/tag-input.svelte
+import"svelte/internal/disclose-version";
+import * as $2 from "svelte/internal/client";
+import { tick, untrack } from "svelte";
+
+// ../../node_modules/esm-env/true.js
+var true_default = true;
+// src/utilities/dev-warn.ts
+function devWarn(message, ...args) {
+  if (!true_default)
+    return;
+  console.warn(message, ...args);
+}
+
+// src/_internal/field-control.ts
+function describeId(fieldId, hasDescription) {
+  return hasDescription ? `${fieldId}-description` : undefined;
+}
+function errorId(fieldId, hasError) {
+  return hasError ? `${fieldId}-error` : undefined;
+}
+function composeDescribedBy(...ids) {
+  const filtered = ids.flatMap((id) => typeof id === "string" ? id.trim().split(/\s+/).filter(Boolean) : []);
+  const unique = Array.from(new Set(filtered));
+  return unique.length > 0 ? unique.join(" ") : undefined;
+}
+function ariaInvalid(hasError) {
+  return hasError ? "true" : undefined;
+}
+function resolveFieldControl(input) {
+  const resolvedId = input.id ?? input.context?.controlId ?? input.generatedId;
+  const defaultDescriptionId = describeId(resolvedId, input.hasDescription ?? false);
+  const defaultErrorId = errorId(resolvedId, input.hasError ?? false);
+  const ownDescriptionId = defaultDescriptionId && defaultDescriptionId === input.context?.descriptionId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-description` : defaultDescriptionId;
+  const ownErrorId = defaultErrorId && defaultErrorId === input.context?.errorId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-error` : defaultErrorId;
+  const descriptionId = ownDescriptionId ?? input.context?.descriptionId;
+  const resolvedErrorId = ownErrorId ?? input.context?.errorId;
+  const explicitInvalid = ariaInvalid(input.hasError ?? false);
+  const consumerInvalid = input.consumerInvalid === true ? "true" : input.consumerInvalid === false ? undefined : input.consumerInvalid ?? undefined;
+  return {
+    id: resolvedId,
+    ownDescriptionId,
+    ownErrorId,
+    descriptionId,
+    errorId: resolvedErrorId,
+    describedBy: composeDescribedBy(descriptionId, ...input.additionalDescribedBy ?? [], resolvedErrorId, input.context?.describedBy, input.consumerDescribedBy),
+    ariaInvalid: explicitInvalid ?? input.context?.invalid ?? consumerInvalid,
+    required: input.required ?? input.context?.required ?? false,
+    disabled: input.disabled ?? input.context?.disabled ?? false
+  };
+}
+
+// src/components/_visually-hidden-live-region.svelte
+import"svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/_visually-hidden-live-region.svelte
+var root = $.from_html(`<div aria-atomic="true"> </div>`);
+function _visually_hidden_live_region($$anchor, $$props) {
+  $.push($$props, true);
+  let message = $.prop($$props, "message", 3, ""), announcementSequence = $.prop($$props, "announcementSequence", 3, 0), priority = $.prop($$props, "priority", 3, "polite");
+  let rendered = $.state("");
+  let setTimeoutId = null;
+  let version = 0;
+  let isDestroyed = false;
+  $.user_effect(() => {
+    return () => {
+      isDestroyed = true;
+      if (setTimeoutId) {
+        clearTimeout(setTimeoutId);
+        setTimeoutId = null;
+      }
+    };
+  });
+  $.user_effect(() => {
+    const next = message();
+    announcementSequence();
+    const current = ++version;
+    if (setTimeoutId) {
+      clearTimeout(setTimeoutId);
+      setTimeoutId = null;
+    }
+    $.set(rendered, "");
+    if (next === "")
+      return;
+    setTimeoutId = setTimeout(() => {
+      if (isDestroyed || version !== current)
+        return;
+      $.set(rendered, next, true);
+      setTimeoutId = null;
+    }, 0);
+  });
+  var div = root();
+  var text = $.child(div, true);
+  $.reset(div);
+  $.template_effect(($0) => {
+    $.set_attribute(div, "role", priority() === "assertive" ? "alert" : "status");
+    $.set_attribute(div, "aria-live", priority() === "assertive" ? "assertive" : "polite");
+    $.set_class(div, 1, $0);
+    $.set_text(text, $.get(rendered));
+  }, [() => $.clsx(classNames("cinder-sr-only", $$props.class))]);
+  $.append($$anchor, div);
+  $.pop();
+}
+
+// src/_internal/form-field-context.ts
+import { createContext } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/form-field-context.ts
+var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext();
+function setFormFieldContext(context) {
+  setFormFieldContextRaw(context);
+}
+var getFormFieldContext = optionalContext(getFormFieldContextStrict);
+
+// src/utilities/roving-tabindex.ts
+var ROVING_KEYS = new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
+function isRovingKey(key) {
+  return ROVING_KEYS.has(key);
+}
+function findNextIndex(currentIndex, length, direction, isDisabled) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled) {
+    return (currentIndex + direction + length) % length;
+  }
+  for (let offset = 1;offset <= length; offset += 1) {
+    const candidateIndex = (currentIndex + offset * direction + length * offset) % length;
+    if (!isDisabled(candidateIndex)) {
+      return candidateIndex;
+    }
+  }
+  return currentIndex;
+}
+function findFirstIndex(length, isDisabled, currentIndex = 0) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled)
+    return 0;
+  for (let index = 0;index < length; index += 1) {
+    if (!isDisabled(index))
+      return index;
+  }
+  return currentIndex;
+}
+function findLastIndex(length, isDisabled, currentIndex = 0) {
+  if (length === 0)
+    return -1;
+  if (!isDisabled)
+    return length - 1;
+  for (let index = length - 1;index >= 0; index -= 1) {
+    if (!isDisabled(index))
+      return index;
+  }
+  return currentIndex;
+}
+function handleRovingKeydown(event, currentIndex, length, options = {}) {
+  const { isDisabled, vertical = true, horizontal = true } = options;
+  if (length === 0)
+    return null;
+  switch (event.key) {
+    case "ArrowRight":
+      return horizontal ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
+    case "ArrowDown":
+      return vertical ? findNextIndex(currentIndex, length, 1, isDisabled) : null;
+    case "ArrowLeft":
+      return horizontal ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
+    case "ArrowUp":
+      return vertical ? findNextIndex(currentIndex, length, -1, isDisabled) : null;
+    case "Home":
+      return findFirstIndex(length, isDisabled, currentIndex);
+    case "End":
+      return findLastIndex(length, isDisabled, currentIndex);
+    default:
+      return null;
+  }
+}
+function getFocusableIndex(selectedIndex, length, isDisabled) {
+  if (length === 0)
+    return -1;
+  if (selectedIndex >= 0 && selectedIndex < length)
+    return selectedIndex;
+  return findFirstIndex(length, isDisabled, 0);
+}
+
+// src/components/tag-input/tag-input.svelte
+var root_2 = $2.from_html(`<button type="button" class="cinder-tag-input__remove"><span aria-hidden="true">×</span></button>`);
+var root_1 = $2.from_html(`<li class="cinder-tag-input__chip"><span class="cinder-tag-input__chip-label"> </span> <!></li>`);
+var root_3 = $2.from_html(`<p class="cinder-tag-input__error" aria-live="polite"> </p>`);
+var root_5 = $2.from_html(`<input type="hidden"/>`);
+var root2 = $2.from_html(`<div><div class="cinder-tag-input__control"><ul class="cinder-tag-input__listbox"></ul> <input/></div> <!> <!> <!></div>`);
+function Tag_input($$anchor, $$props) {
+  const generatedId = $2.props_id();
+  $2.push($$props, true);
+  let delimiter = $2.prop($$props, "delimiter", 3, ","), allowDuplicates = $2.prop($$props, "allowDuplicates", 3, false), readonly = $2.prop($$props, "readonly", 3, false), rest = $2.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "value",
+    "defaultValue",
+    "delimiter",
+    "max",
+    "validate",
+    "allowDuplicates",
+    "disabled",
+    "readonly",
+    "name",
+    "class",
+    "oninput",
+    "onkeydown",
+    "onfocus",
+    "onblur",
+    "aria-describedby",
+    "aria-label",
+    "aria-labelledby",
+    "aria-invalid",
+    "required",
+    "onchange"
+  ]);
+  const initialDefaultTags = untrack(() => [...$$props.defaultValue ?? []]);
+  const context = getFormFieldContext();
+  let rootElement = $2.state(null);
+  let inputElement = $2.state(null);
+  let draftValue = $2.state("");
+  let inlineError = $2.state(null);
+  let uncontrolledTags = $2.state($2.proxy(initialDefaultTags));
+  let focusedChipIndex = $2.state(-1);
+  let statusAnnouncement = $2.state("");
+  let statusAnnouncementSequence = $2.state(0);
+  function announceStatus(announcement) {
+    $2.set(statusAnnouncement, announcement, true);
+    $2.set(statusAnnouncementSequence, $2.get(statusAnnouncementSequence) + 1);
+  }
+  const isControlled = $2.derived(() => $$props.value !== undefined);
+  const currentTags = $2.derived(() => $2.get(isControlled) ? $$props.value ?? [] : $2.get(uncontrolledTags));
+  const resolvedReadonly = $2.derived(() => readonly() === true);
+  const field = $2.derived(() => resolveFieldControl({
+    ...$$props.id !== undefined ? { id: $$props.id } : {},
+    generatedId,
+    context,
+    hasDescription: false,
+    hasError: false,
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    disabled: $$props.disabled
+  }));
+  const resolvedId = $2.derived(() => $2.get(field).id);
+  const tagListId = $2.derived(() => `${$2.get(resolvedId)}-tags`);
+  const inlineErrorId = $2.derived(() => `${$2.get(resolvedId)}-inline-error`);
+  const rovingChipIndex = $2.derived(() => $2.get(currentTags).length === 0 ? -1 : Math.min($2.get(focusedChipIndex) === -1 ? 0 : $2.get(focusedChipIndex), $2.get(currentTags).length - 1));
+  const resolvedMax = $2.derived(() => Number.isFinite($$props.max) ? Math.max(0, Math.floor($$props.max)) : undefined);
+  const delimiterExpression = $2.derived(() => typeof delimiter() === "string" ? null : new RegExp(delimiter().source, delimiter().flags.replaceAll("g", "").replaceAll("y", "")));
+  const labelledBy = $2.derived(() => composeDescribedBy(context?.labelId, $$props["aria-labelledby"]));
+  const ariaLabel = $2.derived(() => $2.get(labelledBy) ? undefined : $$props["aria-label"]?.trim() ? $$props["aria-label"] : undefined);
+  const describedBy = $2.derived(() => composeDescribedBy($2.get(field).describedBy, $2.get(inlineError) ? $2.get(inlineErrorId) : undefined));
+  const resolvedAriaInvalid = $2.derived(() => $2.get(inlineError) ? ariaInvalid(true) : $2.get(field).ariaInvalid);
+  const isInvalid = $2.derived(() => $2.get(resolvedAriaInvalid) === "true");
+  $2.user_effect(() => {
+    if (context && $$props.id && context.controlId !== $$props.id) {
+      devWarn(`[cinder/TagInput] id mismatch: TagInput id="${$$props.id}" but wrapping FormField expects controlId="${context.controlId}". Set the same id on both.`);
+    }
+  });
+  $2.user_effect(() => {
+    if ($2.get(focusedChipIndex) >= $2.get(currentTags).length) {
+      $2.set(focusedChipIndex, -1);
+    }
+  });
+  $2.user_effect(() => {
+    if (!$2.get(inputElement))
+      return;
+    const form = $2.get(inputElement).closest("form");
+    if (!form)
+      return;
+    const onReset = () => {
+      $2.set(draftValue, "");
+      $2.set(inlineError, null);
+      $2.set(focusedChipIndex, -1);
+      if (!$2.get(isControlled)) {
+        $2.set(uncontrolledTags, [...initialDefaultTags], true);
+      }
+    };
+    form.addEventListener("reset", onReset);
+    return () => form.removeEventListener("reset", onReset);
+  });
+  function getChipElements() {
+    return Array.from($2.get(rootElement)?.querySelectorAll(".cinder-tag-input__remove") ?? []);
+  }
+  async function focusChip(index) {
+    await tick();
+    const chip = getChipElements()[index];
+    chip?.focus();
+  }
+  async function focusInput() {
+    await tick();
+    $2.get(inputElement)?.focus();
+  }
+  function setTags(nextTags) {
+    const normalized = [...nextTags];
+    if (!$2.get(isControlled)) {
+      $2.set(uncontrolledTags, normalized, true);
+    }
+    $$props.onchange?.(normalized);
+  }
+  function validationError(candidate) {
+    if ($2.get(resolvedMax) !== undefined && $2.get(currentTags).length >= $2.get(resolvedMax)) {
+      return `You can add up to ${$2.get(resolvedMax)} tag${$2.get(resolvedMax) === 1 ? "" : "s"}.`;
+    }
+    if (!allowDuplicates() && $2.get(currentTags).some((tag) => tag.trim() === candidate)) {
+      return `"${candidate}" is already added.`;
+    }
+    const result = $$props.validate?.(candidate);
+    if (result === false)
+      return "Enter a valid tag.";
+    if (typeof result === "string" && result.trim().length > 0)
+      return result;
+    return null;
+  }
+  function matchesDelimiter(key) {
+    if (typeof delimiter() === "string")
+      return key === delimiter();
+    return $2.get(delimiterExpression)?.test(key) ?? false;
+  }
+  function commitDraft() {
+    if ($2.get(field).disabled || $2.get(resolvedReadonly))
+      return false;
+    const candidate = $2.get(draftValue).trim();
+    if (!candidate)
+      return false;
+    const errorMessage = validationError(candidate);
+    if (errorMessage) {
+      $2.set(inlineError, errorMessage, true);
+      return false;
+    }
+    $2.set(inlineError, null);
+    $2.set(draftValue, "");
+    $2.set(focusedChipIndex, -1);
+    setTags([...$2.get(currentTags), candidate]);
+    announceStatus(`${candidate} added.`);
+    return true;
+  }
+  function removeTag(index) {
+    if ($2.get(field).disabled || $2.get(resolvedReadonly))
+      return;
+    $2.set(inlineError, null);
+    const removed = $2.get(currentTags)[index] ?? "";
+    const nextTags = $2.get(currentTags).filter((_, candidateIndex) => candidateIndex !== index);
+    setTags(nextTags);
+    if (removed)
+      announceStatus(`${removed} removed.`);
+  }
+  function focusAfterRemove(index) {
+    if (index > 0) {
+      focusChip(index - 1);
+      return;
+    }
+    $2.set(focusedChipIndex, -1);
+    focusInput();
+  }
+  function handleInput(event2) {
+    const target = event2.currentTarget;
+    if ($2.get(resolvedReadonly)) {
+      target.value = $2.get(draftValue);
+      return;
+    }
+    $2.set(draftValue, target.value, true);
+    $2.set(inlineError, null);
+    $$props.oninput?.(event2);
+  }
+  function handleInputFocus(event2) {
+    $2.set(focusedChipIndex, -1);
+    $$props.onfocus?.(event2);
+  }
+  function handleInputBlur(event2) {
+    $$props.onblur?.(event2);
+  }
+  function handleInputKeydown(event2) {
+    if (!$2.get(field).disabled && !$2.get(resolvedReadonly)) {
+      const input = event2.currentTarget;
+      const candidate = $2.get(draftValue).trim();
+      const delimiterMatch = matchesDelimiter(event2.key);
+      if (!event2.isComposing && event2.key === "Enter" && candidate.length > 0) {
+        event2.preventDefault();
+        commitDraft();
+      } else if (!event2.isComposing && delimiterMatch) {
+        event2.preventDefault();
+        commitDraft();
+      } else if (event2.key === "Backspace" && $2.get(draftValue) === "" && $2.get(currentTags).length > 0 && !event2.defaultPrevented) {
+        event2.preventDefault();
+        focusChip($2.get(currentTags).length - 1);
+      } else if ((event2.key === "ArrowLeft" || event2.key === "ArrowRight") && $2.get(draftValue) === "" && input.selectionStart === 0 && input.selectionEnd === 0 && $2.get(currentTags).length > 0) {
+        event2.preventDefault();
+        focusChip($2.get(currentTags).length - 1);
+      }
+    }
+    $$props.onkeydown?.(event2);
+  }
+  function handleChipFocus(index) {
+    $2.set(focusedChipIndex, index, true);
+  }
+  function handleChipKeydown(index, event2) {
+    if ($2.get(field).disabled || $2.get(resolvedReadonly))
+      return;
+    if (event2.key === "Backspace" || event2.key === "Delete") {
+      event2.preventDefault();
+      removeTag(index);
+      focusAfterRemove(index);
+    } else if (isRovingKey(event2.key)) {
+      const nextIndex = handleRovingKeydown(event2, index, $2.get(currentTags).length, { horizontal: true, vertical: false });
+      if (nextIndex !== null) {
+        event2.preventDefault();
+        if (event2.key === "ArrowRight" && index === $2.get(currentTags).length - 1) {
+          $2.set(focusedChipIndex, -1);
+          focusInput();
+        } else {
+          focusChip(nextIndex);
+        }
+      }
+    }
+  }
+  var div = root2();
+  var div_1 = $2.child(div);
+  var ul = $2.child(div_1);
+  $2.each(ul, 23, () => $2.get(currentTags), (tag, index) => `${index}:${tag}`, ($$anchor2, tag, index) => {
+    var li = root_1();
+    var span = $2.child(li);
+    var text = $2.child(span, true);
+    $2.reset(span);
+    var node = $2.sibling(span, 2);
+    {
+      var consequent = ($$anchor3) => {
+        var button = root_2();
+        $2.template_effect(() => {
+          $2.set_attribute(button, "aria-label", `Remove ${$2.get(tag)}`);
+          $2.set_attribute(button, "tabindex", $2.get(rovingChipIndex) === $2.get(index) ? 0 : -1);
+        });
+        $2.event("focus", button, () => {
+          handleChipFocus($2.get(index));
+        });
+        $2.delegated("click", button, (event2) => {
+          event2.stopPropagation();
+          removeTag($2.get(index));
+          focusAfterRemove($2.get(index));
+        });
+        $2.delegated("keydown", button, (event2) => {
+          handleChipKeydown($2.get(index), event2);
+        });
+        $2.append($$anchor3, button);
+      };
+      $2.if(node, ($$render) => {
+        if (!$2.get(field).disabled && !$2.get(resolvedReadonly))
+          $$render(consequent);
+      });
+    }
+    $2.reset(li);
+    $2.template_effect(() => $2.set_text(text, $2.get(tag)));
+    $2.append($$anchor2, li);
+  });
+  $2.reset(ul);
+  var input_1 = $2.sibling(ul, 2);
+  $2.attribute_effect(input_1, () => ({
+    ...rest,
+    id: $2.get(resolvedId),
+    type: "text",
+    class: "cinder-tag-input__input",
+    value: $2.get(draftValue),
+    readonly: $2.get(resolvedReadonly),
+    disabled: $2.get(field).disabled,
+    "aria-label": $2.get(ariaLabel),
+    "aria-labelledby": $2.get(labelledBy),
+    "aria-describedby": $2.get(describedBy),
+    "aria-invalid": $2.get(resolvedAriaInvalid),
+    "aria-required": $2.get(field).required ? "true" : undefined,
+    oninput: handleInput,
+    onfocus: handleInputFocus,
+    onblur: handleInputBlur,
+    onkeydown: handleInputKeydown
+  }), undefined, undefined, undefined, undefined, true);
+  $2.bind_this(input_1, ($$value) => $2.set(inputElement, $$value), () => $2.get(inputElement));
+  $2.reset(div_1);
+  var node_1 = $2.sibling(div_1, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var p = root_3();
+      var text_1 = $2.child(p, true);
+      $2.reset(p);
+      $2.template_effect(() => {
+        $2.set_attribute(p, "id", $2.get(inlineErrorId));
+        $2.set_text(text_1, $2.get(inlineError));
+      });
+      $2.append($$anchor2, p);
+    };
+    $2.if(node_1, ($$render) => {
+      if ($2.get(inlineError))
+        $$render(consequent_1);
+    });
+  }
+  var node_2 = $2.sibling(node_1, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var fragment = $2.comment();
+      var node_3 = $2.first_child(fragment);
+      $2.each(node_3, 19, () => $2.get(currentTags), (tag, index) => `hidden:${index}:${tag}`, ($$anchor3, tag) => {
+        var input_2 = root_5();
+        $2.remove_input_defaults(input_2);
+        $2.template_effect(() => {
+          $2.set_attribute(input_2, "name", $$props.name);
+          $2.set_value(input_2, $2.get(tag));
+          input_2.disabled = $2.get(field).disabled;
+        });
+        $2.append($$anchor3, input_2);
+      });
+      $2.append($$anchor2, fragment);
+    };
+    $2.if(node_2, ($$render) => {
+      if ($$props.name)
+        $$render(consequent_2);
+    });
+  }
+  var node_4 = $2.sibling(node_2, 2);
+  _visually_hidden_live_region(node_4, {
+    get message() {
+      return $2.get(statusAnnouncement);
+    },
+    get announcementSequence() {
+      return $2.get(statusAnnouncementSequence);
+    }
+  });
+  $2.reset(div);
+  $2.bind_this(div, ($$value) => $2.set(rootElement, $$value), () => $2.get(rootElement));
+  $2.template_effect(($0) => {
+    $2.set_class(div, 1, $0);
+    $2.set_attribute(div, "data-disabled", $2.get(field).disabled ? "" : undefined);
+    $2.set_attribute(div, "data-invalid", $2.get(isInvalid) ? "" : undefined);
+    $2.set_attribute(div_1, "data-disabled", $2.get(field).disabled ? "" : undefined);
+    $2.set_attribute(ul, "id", $2.get(tagListId));
+    $2.set_attribute(ul, "aria-label", $2.get(ariaLabel));
+    $2.set_attribute(ul, "aria-labelledby", $2.get(labelledBy));
+  }, [() => $2.clsx(classNames("cinder-tag-input", $$props.class))]);
+  $2.append($$anchor, div);
+  $2.pop();
+}
+$2.delegate(["click", "keydown"]);
+
+// src/components/tag-input/index.ts
+var tag_input_default = Tag_input;
 export {
-  default3 as default,
-  default2 as TagInput
+  tag_input_default as default,
+  Tag_input as TagInput
 };
 
-//# debugId=442E14F70CCF560464756E2164756E21
+//# debugId=79438C459CF9004F64756E2164756E21

package/dist/components/tag-input/tag-input.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tag-input/tag-input.schema.js

@@ -1,4 +1,34 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -189,4 +219,4 @@ export {
   tag_input_schema_default as default
 };
 
-//# debugId=6D0A20185A054C5D64756E2164756E21
+//# debugId=D2D352F30D877CF864756E2164756E21

package/dist/components/tag-input/tag-input.variables.js

@@ -1,4 +1,34 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -28,4 +58,4 @@ export {
   tag_input_variables_default as default
 };
 
-//# debugId=D6EBA3D210B3434D64756E2164756E21
+//# debugId=3E16EFCF3A00068E64756E2164756E21

package/dist/components/team-section/index.d.ts

@@ -0,0 +1,5 @@
+import './team-section.css';
+import TeamSection from './team-section.svelte';
+export default TeamSection;
+export type { TeamSectionMember, TeamSectionProps } from './team-section.types.ts';
+export { TeamSection };