@lostgradient/cinder 0.1.0 → 0.2.0

package/dist/components/choice-grid-item/choice-grid-item.css

@@ -0,0 +1,139 @@
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  /* ========================================
+   * CHOICE GRID ITEM — selectable answer tile
+   * ======================================== */
+
+  .cinder-choice-grid-item {
+    /* Stable sizing: min-height ensures cells never shrink when feedback state
+     * text/icons appear. Width is determined by the parent grid track. */
+    min-block-size: 4rem;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: var(--cinder-space-4) var(--cinder-space-3);
+    border-radius: var(--cinder-radius-lg);
+    border: 2px solid var(--cinder-border-muted);
+    background: var(--cinder-surface);
+    color: var(--cinder-text);
+    cursor: pointer;
+    user-select: none;
+    transition:
+      background 120ms ease,
+      border-color 120ms ease,
+      box-shadow 120ms ease;
+    outline: none; /* Focus ring provided via box-shadow below. */
+
+    /* Touch target: ensure at least 44px for mobile accessibility. */
+    touch-action: manipulation;
+  }
+
+  /* Item content wrapper — prevents the flex alignment from collapsing the
+   * children when they are shorter than the min-height baseline. */
+  .cinder-choice-grid-item__content {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--cinder-space-1);
+    font-size: var(--cinder-text-base);
+    font-weight: var(--cinder-font-medium);
+    line-height: var(--cinder-leading-snug);
+    pointer-events: none; /* Clicks bubble to the item div. */
+  }
+
+  /* ----------------------------------------
+   * Hover (non-touch devices only)
+   * ---------------------------------------- */
+
+  @media (hover: hover) {
+    /* Neutral hover only. Excludes selected and graded (correct/incorrect/
+     * pending) tiles so their accent/feedback colors aren't clobbered to a
+     * neutral raised fill on hover — those states own their own hover rules
+     * (or intentionally stay flat). */
+    .cinder-choice-grid-item:not([data-cinder-disabled]):not([data-cinder-selected]):not(
+        [data-cinder-state]
+      ):hover {
+      border-color: var(--cinder-border);
+      background: var(--cinder-surface-raised);
+    }
+  }
+
+  /* ----------------------------------------
+   * Focus ring
+   * ---------------------------------------- */
+
+  .cinder-choice-grid-item:focus-visible {
+    border-color: var(--cinder-accent);
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  /* Forced Colors Mode — box-shadow rings are invisible; use a real outline. */
+  @media (forced-colors: active) {
+    .cinder-choice-grid-item:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+    }
+  }
+
+  /* ----------------------------------------
+   * Selected state
+   * ---------------------------------------- */
+
+  /* Selected uses accent border + accent text with no filled background,
+   * matching the segmented-control convention. */
+  .cinder-choice-grid-item[data-cinder-selected] {
+    border-color: var(--cinder-accent);
+    color: var(--cinder-accent-text);
+  }
+
+  @media (hover: hover) {
+    /* Excludes graded tiles (a wrong pick can be both selected AND
+     * data-cinder-state) so hover doesn't flip their feedback border to accent
+     * — the feedback border must keep dominating on hover as it does at rest.
+     * Mirrors the neutral-hover guard above. */
+    .cinder-choice-grid-item[data-cinder-selected]:not([data-cinder-disabled]):not(
+        [data-cinder-state]
+      ):hover {
+      border-color: var(--cinder-accent-hover);
+    }
+  }
+
+  /* ----------------------------------------
+   * Disabled state
+   * ---------------------------------------- */
+
+  .cinder-choice-grid-item[data-cinder-disabled] {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+
+  /* ----------------------------------------
+   * Feedback states — correct / incorrect / pending
+   * Dimensions are IDENTICAL to the neutral state (stable cell sizing guarantee).
+   * Only color / border / text change.
+   * ---------------------------------------- */
+
+  /* Correct */
+  .cinder-choice-grid-item[data-cinder-state='correct'] {
+    border-color: var(--cinder-color-success-border);
+    background: var(--cinder-color-success-bg);
+    color: var(--cinder-color-success-fg);
+  }
+
+  /* Incorrect */
+  .cinder-choice-grid-item[data-cinder-state='incorrect'] {
+    border-color: var(--cinder-color-danger-border);
+    background: var(--cinder-color-danger-bg);
+    color: var(--cinder-color-danger-fg);
+  }
+
+  /* Pending */
+  .cinder-choice-grid-item[data-cinder-state='pending'] {
+    border-color: var(--cinder-color-warning-border);
+    background: var(--cinder-color-warning-bg);
+    color: var(--cinder-color-warning-fg);
+  }
+}

package/dist/components/choice-grid-item/choice-grid-item.schema.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentSchema } from '../../schema-types';
+declare const _default: ComponentSchema;
+export default _default;

package/dist/components/choice-grid-item/choice-grid-item.schema.js

@@ -0,0 +1,93 @@
+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);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/choice-grid-item/choice-grid-item.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    value: {
+      type: "string",
+      description: `The value this item represents. Used as the key for selection state,
+roving tabindex registration, and ARIA attributes.`
+    },
+    state: {
+      enum: ["neutral", "correct", "incorrect", "pending"],
+      description: "Feedback state for assessment / quiz usage. Defaults to `'neutral'`.\nLayout dimensions do NOT change across states (stable cell sizing guarantee)."
+    },
+    disabled: {
+      type: "boolean",
+      description: "When true this item cannot be selected or focused."
+    },
+    class: {
+      type: "string",
+      description: "Additional class names merged with `.cinder-choice-grid-item`."
+    }
+  },
+  additionalProperties: false,
+  required: ["value"],
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "children",
+        reason: "function-or-snippet"
+      }
+    ]
+  }
+};
+var choice_grid_item_schema_default = schema;
+export {
+  choice_grid_item_schema_default as default
+};
+
+//# debugId=C7CE5110E8CEB14C64756E2164756E21

package/dist/components/choice-grid-item/choice-grid-item.svelte.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @cinder
+ * @category form
+ * @status alpha
+ * @purpose Selectable answer tile used inside a ChoiceGrid; carries selected, disabled, correct, incorrect, and pending states without shifting cell dimensions.
+ * @tag form
+ * @tag selection
+ * @tag quiz
+ * @useWhen Composing individual answer choices inside a ChoiceGrid parent.
+ * @avoidWhen Used outside a ChoiceGrid — this leaf requires the parent context.
+ * @related choice-grid
+ */
+export type { ChoiceGridItemProps, ChoiceGridItemState, } from '../choice-grid/choice-grid.types.ts';
+import type { ChoiceGridItemProps } from './choice-grid-item.types.ts';
+declare const ChoiceGridItem: import("svelte").Component<ChoiceGridItemProps, {}, "">;
+type ChoiceGridItem = ReturnType<typeof ChoiceGridItem>;
+export default ChoiceGridItem;

package/dist/components/choice-grid-item/choice-grid-item.types.d.ts

@@ -0,0 +1,24 @@
+import type { Snippet } from 'svelte';
+import type { ChoiceGridItemState } from '../choice-grid/choice-grid.types.ts';
+export type { ChoiceGridItemState };
+/**
+ * Props for the `<ChoiceGridItem>` leaf component.
+ */
+export type ChoiceGridItemProps = {
+    /**
+     * The value this item represents. Used as the key for selection state,
+     * roving tabindex registration, and ARIA attributes.
+     */
+    value: string;
+    /**
+     * Feedback state for assessment / quiz usage. Defaults to `'neutral'`.
+     * Layout dimensions do NOT change across states (stable cell sizing guarantee).
+     */
+    state?: ChoiceGridItemState;
+    /** When true this item cannot be selected or focused. */
+    disabled?: boolean;
+    /** Additional class names merged with `.cinder-choice-grid-item`. */
+    class?: string;
+    /** Item content — label text, an icon, or richer markup. */
+    children: Snippet;
+};

package/dist/components/choice-grid-item/choice-grid-item.variables.d.ts

@@ -0,0 +1,2 @@
+declare const variables: readonly string[];
+export default variables;

package/dist/components/choice-grid-item/choice-grid-item.variables.js

@@ -0,0 +1,61 @@
+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);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/choice-grid-item/choice-grid-item.variables.ts
+var variables = [];
+var choice_grid_item_variables_default = variables;
+export {
+  choice_grid_item_variables_default as default
+};
+
+//# debugId=C37A4017AAFABCAE64756E2164756E21

package/dist/components/choice-grid-item/index.d.ts

@@ -0,0 +1,5 @@
+import './choice-grid-item.css';
+import ChoiceGridItem from './choice-grid-item.svelte';
+export default ChoiceGridItem;
+export type { ChoiceGridItemProps, ChoiceGridItemState } from './choice-grid-item.types.ts';
+export { ChoiceGridItem };

package/dist/components/choice-grid-item/index.js

@@ -0,0 +1,203 @@
+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);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/choice-grid-item/index.ts
+import"@lostgradient/cinder/choice-grid-item/styles";
+
+// src/components/choice-grid-item/choice-grid-item.svelte
+import"svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { untrack } from "svelte";
+
+// src/components/choice-grid/choice-grid-context.ts
+import { createContext } from "svelte";
+var [getChoiceGridContextStrict, setChoiceGridContext] = createContext();
+var getChoiceGridContext = getChoiceGridContextStrict;
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/_internal/collection.ts
+function createSingleSelection(getValue, setValue) {
+  return {
+    get value() {
+      return getValue();
+    },
+    select(next) {
+      setValue(next);
+    },
+    isSelected(candidate) {
+      return getValue() === candidate;
+    }
+  };
+}
+function createMultiSelection(getValues, setValues) {
+  return {
+    get values() {
+      return getValues();
+    },
+    toggle(item) {
+      const current = getValues();
+      const index = current.indexOf(item);
+      if (index === -1) {
+        setValues([...current, item]);
+      } else {
+        setValues(current.filter((existing) => existing !== item));
+      }
+    },
+    isSelected(candidate) {
+      return getValues().includes(candidate);
+    }
+  };
+}
+function rovingTabIndex(isActive) {
+  return isActive ? 0 : -1;
+}
+
+// ../../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/components/choice-grid-item/choice-grid-item.svelte
+var root = $.from_html(`<div><span class="cinder-choice-grid-item__content"><!></span></div>`);
+function Choice_grid_item($$anchor, $$props) {
+  $.push($$props, true);
+  const ITEM_STATES = ["neutral", "correct", "incorrect", "pending"];
+  let stateProp = $.prop($$props, "state", 3, "neutral"), disabled = $.prop($$props, "disabled", 3, false);
+  const feedbackState = $.derived(() => ITEM_STATES.includes(stateProp()) ? stateProp() : "neutral");
+  $.user_effect(() => {
+    if (!ITEM_STATES.includes(stateProp())) {
+      devWarn(`ChoiceGridItem: invalid state "${String(stateProp())}". Expected one of ${ITEM_STATES.join(", ")}. Falling back to "neutral".`);
+    }
+  });
+  const context = getChoiceGridContext();
+  const registeredValue = untrack(() => $$props.value);
+  $.user_effect(() => {
+    if ($$props.value !== registeredValue) {
+      devWarn(`ChoiceGridItem: \`value\` changed from "${registeredValue}" to "${$$props.value}" after mount. ChoiceGridItem.value must be stable — give the item a fixed value (use {#key} to remount if the value must change). The grid keeps using the original value.`);
+    }
+  });
+  const isSelected = $.derived(() => context.isSelected(registeredValue));
+  const isDisabled = $.derived(() => disabled() || context.disabled);
+  const isFocusable = $.derived(() => context.isFocusable(registeredValue));
+  const tabIndex = $.derived(() => rovingTabIndex($.get(isFocusable)));
+  const role = $.derived(() => context.multiple ? "checkbox" : "radio");
+  let elementRef = $.state(null);
+  $.user_effect(() => {
+    const el = $.get(elementRef);
+    if (!el)
+      return;
+    untrack(() => {
+      context.register(registeredValue, el, $.get(isDisabled));
+    });
+    return () => {
+      untrack(() => {
+        context.unregister(registeredValue);
+      });
+    };
+  });
+  $.user_effect(() => {
+    const nextDisabled = $.get(isDisabled);
+    untrack(() => {
+      context.setItemDisabled(registeredValue, nextDisabled);
+    });
+  });
+  function handleClick() {
+    if ($.get(isDisabled))
+      return;
+    context.select(registeredValue);
+  }
+  function handleKeydown(event) {
+    context.handleKeydown(event);
+  }
+  var div = root();
+  var span = $.child(div);
+  var node = $.child(span);
+  $.snippet(node, () => $$props.children);
+  $.reset(span);
+  $.reset(div);
+  $.bind_this(div, ($$value) => $.set(elementRef, $$value), () => $.get(elementRef));
+  $.template_effect(($0) => {
+    $.set_attribute(div, "role", $.get(role));
+    $.set_attribute(div, "aria-checked", $.get(isSelected));
+    $.set_attribute(div, "aria-disabled", $.get(isDisabled) || undefined);
+    $.set_attribute(div, "tabindex", $.get(tabIndex));
+    $.set_class(div, 1, $0);
+    $.set_attribute(div, "data-cinder-selected", $.get(isSelected) || undefined);
+    $.set_attribute(div, "data-cinder-disabled", $.get(isDisabled) || undefined);
+    $.set_attribute(div, "data-cinder-state", $.get(feedbackState) !== "neutral" ? $.get(feedbackState) : undefined);
+  }, [
+    () => $.clsx(classNames("cinder-choice-grid-item", $$props.class))
+  ]);
+  $.delegated("click", div, handleClick);
+  $.delegated("keydown", div, handleKeydown);
+  $.append($$anchor, div);
+  $.pop();
+}
+$.delegate(["click", "keydown"]);
+
+// src/components/choice-grid-item/index.ts
+var choice_grid_item_default = Choice_grid_item;
+export {
+  choice_grid_item_default as default,
+  Choice_grid_item as ChoiceGridItem
+};
+
+//# debugId=30048C2A7938691664756E2164756E21

package/dist/components/click-away-listener/click-away-listener.schema.js

@@ -3,25 +3,43 @@ 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: () => mod[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);
+}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -66,4 +84,4 @@ export {
   click_away_listener_schema_default as default
 };
 
-//# debugId=7D7FEFF6B93AC18C64756E2164756E21
+//# debugId=87118D47045F489464756E2164756E21

package/dist/components/click-away-listener/click-away-listener.variables.js

@@ -3,25 +3,43 @@ 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: () => mod[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);
+}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -40,4 +58,4 @@ export {
   click_away_listener_variables_default as default
 };
 
-//# debugId=E3C64F9947E4FF8A64756E2164756E21
+//# debugId=DE032C20E19A876D64756E2164756E21