@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/components/context-menu/index.js

@@ -266,7 +266,7 @@ function Context_menu_trigger($$anchor, $$props) {
   let startX = 0;
   let startY = 0;
   let suppressClick = false;
-  let suppressNextContextmenuUntil = 0;
+  let suppressNextContextmenu = false;
   $3.user_effect(() => {
     registerTrigger($3.get(triggerElement));
     return () => registerTrigger(null);
@@ -284,7 +284,7 @@ function Context_menu_trigger($$anchor, $$props) {
       callTriggerHandler($$props.oncontextmenu, event);
       return;
     }
-    if (Date.now() < suppressNextContextmenuUntil) {
+    if (suppressNextContextmenu) {
       event.preventDefault();
       callTriggerHandler($$props.oncontextmenu, event);
       return;
@@ -299,14 +299,16 @@ function Context_menu_trigger($$anchor, $$props) {
       return;
     }
     if (event.pointerType !== "touch") {
+      suppressNextContextmenu = false;
       callTriggerHandler($$props.onpointerdown, event);
       return;
     }
+    suppressNextContextmenu = false;
     startX = event.clientX;
     startY = event.clientY;
     clearLongPress();
     longPressTimer = setTimeout(() => {
-      suppressNextContextmenuUntil = Date.now() + 700;
+      suppressNextContextmenu = true;
       suppressClick = true;
       context.openAt(startX, startY);
     }, context.longPressDelay);
@@ -441,7 +443,8 @@ function Dropdown_group($$anchor, $$props) {
 // src/components/dropdown-item/dropdown-item.svelte
 import"svelte/internal/disclose-version";
 import * as $5 from "svelte/internal/client";
-var root4 = $5.from_html(`<button><!></button>`);
+var root_1 = $5.from_html(`<a><!></a>`);
+var root_3 = $5.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $5.push($$props, true);
   let variant = $5.prop($$props, "variant", 3, "default"), inset = $5.prop($$props, "inset", 3, false), closeOnSelect = $5.prop($$props, "closeOnSelect", 3, true), rest = $5.rest_props($$props, [
@@ -454,59 +457,127 @@ function Dropdown_item($$anchor, $$props) {
     "closeOnSelect",
     "class",
     "onclick",
+    "onkeydown",
+    "href",
     "children"
   ]);
   const context = getDropdownContext();
+  const isLink = $5.derived(() => $$props.href !== undefined);
+  const sharedClass = $5.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class));
   function handleClick(event) {
-    if ($$props.disabled)
+    if ($$props.disabled) {
+      event.preventDefault();
       return;
+    }
     if (typeof $$props.onclick === "function") {
-      $$props.onclick(event);
+      if ($5.get(isLink)) {
+        $$props.onclick(event);
+      } else {
+        $$props.onclick(event);
+      }
     }
     if (closeOnSelect()) {
       context.close();
     }
   }
-  var button = root4();
-  $5.attribute_effect(button, ($0) => ({
-    ...rest,
-    type: "button",
-    role: "menuitem",
-    class: $0,
-    "data-cinder-variant": variant(),
-    tabindex: -1,
-    "data-disabled": $$props.disabled ? "" : undefined,
-    "aria-disabled": $$props.disabled ? "true" : undefined,
-    onclick: handleClick
-  }), [
-    () => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class)
-  ]);
-  var node = $5.child(button);
+  function handleAnchorKeydown(event) {
+    if (typeof $$props.onkeydown === "function") {
+      $$props.onkeydown(event);
+    }
+    if (event.defaultPrevented)
+      return;
+    if (event.key !== " " && event.key !== "Spacebar")
+      return;
+    event.preventDefault();
+    if ($$props.disabled)
+      return;
+    event.currentTarget.click();
+  }
+  const anchorAttributes = rest;
+  const buttonAttributes = rest;
+  const buttonType = $5.derived(() => $$props.type ?? "button");
+  var fragment = $5.comment();
+  var node = $5.first_child(fragment);
   {
-    var consequent = ($$anchor2) => {
-      var fragment = $5.comment();
-      var node_1 = $5.first_child(fragment);
-      $5.snippet(node_1, () => $$props.children);
-      $5.append($$anchor2, fragment);
+    var consequent_1 = ($$anchor2) => {
+      var a = root_1();
+      $5.attribute_effect(a, () => ({
+        ...anchorAttributes,
+        href: $$props.href,
+        role: "menuitem",
+        class: $5.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: handleAnchorKeydown
+      }));
+      var node_1 = $5.child(a);
+      {
+        var consequent = ($$anchor3) => {
+          var fragment_1 = $5.comment();
+          var node_2 = $5.first_child(fragment_1);
+          $5.snippet(node_2, () => $$props.children);
+          $5.append($$anchor3, fragment_1);
+        };
+        $5.if(node_1, ($$render) => {
+          if ($$props.children)
+            $$render(consequent);
+        });
+      }
+      $5.reset(a);
+      $5.append($$anchor2, a);
+    };
+    var alternate = ($$anchor2) => {
+      var button = root_3();
+      $5.attribute_effect(button, () => ({
+        ...buttonAttributes,
+        type: $5.get(buttonType),
+        role: "menuitem",
+        class: $5.get(sharedClass),
+        "data-cinder-variant": variant(),
+        tabindex: -1,
+        "data-disabled": $$props.disabled ? "" : undefined,
+        "aria-disabled": $$props.disabled ? "true" : undefined,
+        onclick: handleClick,
+        onkeydown: $$props.onkeydown
+      }));
+      var node_3 = $5.child(button);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var fragment_2 = $5.comment();
+          var node_4 = $5.first_child(fragment_2);
+          $5.snippet(node_4, () => $$props.children);
+          $5.append($$anchor3, fragment_2);
+        };
+        $5.if(node_3, ($$render) => {
+          if ($$props.children)
+            $$render(consequent_2);
+        });
+      }
+      $5.reset(button);
+      $5.append($$anchor2, button);
     };
     $5.if(node, ($$render) => {
-      if ($$props.children)
-        $$render(consequent);
+      if ($5.get(isLink))
+        $$render(consequent_1);
+      else
+        $$render(alternate, -1);
     });
   }
-  $5.reset(button);
-  $5.append($$anchor, button);
+  $5.append($$anchor, fragment);
   $5.pop();
 }
 
 // src/components/dropdown-label/dropdown-label.svelte
 import"svelte/internal/disclose-version";
 import * as $6 from "svelte/internal/client";
-var root5 = $6.from_html(`<div><!></div>`);
+var root4 = $6.from_html(`<div><!></div>`);
 function Dropdown_label($$anchor, $$props) {
   $6.push($$props, true);
   let rest = $6.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class", "children"]);
-  var div = root5();
+  var div = root4();
   $6.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "presentation" }), [() => classNames("cinder-dropdown-label", $$props.class)]);
   var node = $6.child(div);
   {
@@ -1772,7 +1843,7 @@ function rectsAreEqual(a, b) {
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
-  const root6 = getDocumentElement(element);
+  const root5 = getDocumentElement(element);
   function cleanup() {
     var _io;
     clearTimeout(timeoutId);
@@ -1801,8 +1872,8 @@ function observeMove(element, onMove) {
       return;
     }
     const insetTop = floor(top);
-    const insetRight = floor(root6.clientWidth - (left + width));
-    const insetBottom = floor(root6.clientHeight - (top + height));
+    const insetRight = floor(root5.clientWidth - (left + width));
+    const insetBottom = floor(root5.clientHeight - (top + height));
     const insetLeft = floor(left);
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
     const options = {
@@ -1832,7 +1903,7 @@ function observeMove(element, onMove) {
     try {
       io = new IntersectionObserver(handleObserve, {
         ...options,
-        root: root6.ownerDocument
+        root: root5.ownerDocument
       });
     } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
@@ -2067,7 +2138,7 @@ function createAnchoredOverlay(options) {
 }
 
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_1 = $8.from_html(`<div><!></div>`);
+var root_12 = $8.from_html(`<div><!></div>`);
 function Dropdown_menu($$anchor, $$props) {
   $8.push($$props, true);
   let rest = $8.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class", "children"]);
@@ -2167,7 +2238,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $8.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_1();
+      var div = root_12();
       $8.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -2213,11 +2284,11 @@ function Dropdown_menu($$anchor, $$props) {
 // src/components/dropdown-separator/dropdown-separator.svelte
 import"svelte/internal/disclose-version";
 import * as $9 from "svelte/internal/client";
-var root6 = $9.from_html(`<div></div>`);
+var root5 = $9.from_html(`<div></div>`);
 function Dropdown_separator($$anchor, $$props) {
   $9.push($$props, true);
   let rest = $9.rest_props($$props, ["$$slots", "$$events", "$$legacy", "class"]);
-  var div = root6();
+  var div = root5();
   $9.attribute_effect(div, ($0) => ({ ...rest, class: $0, role: "separator" }), [() => classNames("cinder-dropdown-separator", $$props.class)]);
   $9.append($$anchor, div);
   $9.pop();
@@ -2409,7 +2480,7 @@ function overflowFade() {
 }
 
 // src/components/context-menu/context-menu.svelte
-var root7 = $10.from_html(`<div><!></div>`);
+var root6 = $10.from_html(`<div><!></div>`);
 function Context_menu($$anchor, $$props) {
   const menuId = $10.props_id();
   $10.push($$props, true);
@@ -2540,7 +2611,7 @@ function Context_menu($$anchor, $$props) {
     previouslyOpen = false;
     focusTrigger();
   });
-  var div = root7();
+  var div = root6();
   var node = $10.child(div);
   $10.snippet(node, () => $$props.children);
   $10.reset(div);
@@ -2567,4 +2638,4 @@ export {
   ContextMenu
 };
 
-//# debugId=3D612F81C55A245264756E2164756E21
+//# debugId=ABD0A9FB70A83CC864756E2164756E21

package/dist/components/context-menu-trigger/index.js

@@ -103,7 +103,7 @@ function Context_menu_trigger($$anchor, $$props) {
   let startX = 0;
   let startY = 0;
   let suppressClick = false;
-  let suppressNextContextmenuUntil = 0;
+  let suppressNextContextmenu = false;
   $.user_effect(() => {
     registerTrigger($.get(triggerElement));
     return () => registerTrigger(null);
@@ -121,7 +121,7 @@ function Context_menu_trigger($$anchor, $$props) {
       callTriggerHandler($$props.oncontextmenu, event);
       return;
     }
-    if (Date.now() < suppressNextContextmenuUntil) {
+    if (suppressNextContextmenu) {
       event.preventDefault();
       callTriggerHandler($$props.oncontextmenu, event);
       return;
@@ -136,14 +136,16 @@ function Context_menu_trigger($$anchor, $$props) {
       return;
     }
     if (event.pointerType !== "touch") {
+      suppressNextContextmenu = false;
       callTriggerHandler($$props.onpointerdown, event);
       return;
     }
+    suppressNextContextmenu = false;
     startX = event.clientX;
     startY = event.clientY;
     clearLongPress();
     longPressTimer = setTimeout(() => {
-      suppressNextContextmenuUntil = Date.now() + 700;
+      suppressNextContextmenu = true;
       suppressClick = true;
       context.openAt(startX, startY);
     }, context.longPressDelay);
@@ -222,4 +224,4 @@ export {
   Context_menu_trigger as ContextMenuTrigger
 };
 
-//# debugId=811777A70D7E599364756E2164756E21
+//# debugId=AAA07E37C540D5D764756E2164756E21

package/dist/components/data-table/data-table.css

@@ -0,0 +1,30 @@
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+/* Compound-family aggregation: DataTable renders the whole Table family, so
+ * `cinder/data-table/styles` must pull in the Table CSS (which itself imports
+ * table-body / table-cell / table-header / table-header-cell / table-row and
+ * defines `.cinder-table-scroll`). Without this, the data-table subpath ships
+ * an unstyled table and the scroll override below has no base behaviour to
+ * extend. Sibling-leaf paths resolve identically in `src/` and `dist/`. */
+@import '../table/table.css';
+
+@layer cinder.components {
+  /* ========================================
+ * DATA TABLE
+ * Thin wrapper div that scopes the data-driven DataTable component.
+ * Visual treatment for the table itself lives in table.css.
+ * ======================================== */
+
+  /* The non-scrollable wrapper is a pure structural pass-through: `display:
+   * contents` lets the inner <table> participate directly in the parent layout
+   * with no extra box. */
+  .cinder-data-table {
+    display: contents;
+  }
+
+  /* When scrollable, the wrapper MUST generate a box so its `overflow-x: auto`
+   * (from .cinder-table-scroll) has something to scroll — `display: contents`
+   * would erase the box and silently disable horizontal scrolling. */
+  .cinder-data-table.cinder-table-scroll {
+    display: block;
+  }
+}

package/dist/components/data-table/data-table.schema.d.ts

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

package/dist/components/data-table/data-table.schema.js

@@ -0,0 +1,103 @@
+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/data-table/data-table.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    caption: {
+      type: "string",
+      description: "Visual caption rendered as a `<caption>` element above the table."
+    },
+    stickyHeader: {
+      type: "boolean",
+      description: "When true, the header sticks to the top of the scrolling container."
+    },
+    density: {
+      enum: ["comfortable", "condensed", "spacious"],
+      description: "Vertical padding density for header and body cells.\nDefaults to `'comfortable'`."
+    },
+    scrollable: {
+      type: "boolean",
+      description: "When true, wraps the table in a `.cinder-table-scroll` container that\nenables horizontal overflow scrolling on small viewports."
+    },
+    class: {
+      type: "string",
+      description: 'Additional class names merged onto DataTable\'s root wrapper element (the\n`<div class="cinder-data-table">` that contains the table). To style the\n`<table>` itself, target `.cinder-data-table table` from this class.'
+    }
+  },
+  additionalProperties: false,
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "columns",
+        reason: "unknown-shape"
+      },
+      {
+        name: "rows",
+        reason: "generic-type-parameter"
+      },
+      {
+        name: "sort",
+        reason: "unknown-shape"
+      }
+    ]
+  }
+};
+var data_table_schema_default = schema;
+export {
+  data_table_schema_default as default
+};
+
+//# debugId=ACBB12406212B6EA64756E2164756E21

package/dist/components/data-table/data-table.svelte.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @cinder
+ * @category data-display
+ * @status alpha
+ * @purpose Data-driven convenience wrapper over the compositional Table family that renders a full semantic table from a columns array and a rows array.
+ * @tag table
+ * @tag data
+ * @useWhen Rendering a structured dataset where columns and rows are known at runtime (e.g. API responses, config-driven dashboards).
+ * @useWhen You want correct scope=col / scope=row semantics and aria-sort wiring without writing Table.Header / Table.Body manually.
+ * @avoidWhen You need custom cell rendering, interactive cells, nested components, or column spanning — use the compositional Table family directly.
+ * @avoidWhen You need row selection — DataTable does not expose a selection prop; use Table with selectable instead.
+ * @related table, table-header, table-body, table-row, table-cell, table-header-cell
+ */
+export type { DataTableColumn, DataTableProps, DataTableRow } from './data-table.types.ts';
+import type { DataTableProps, DataTableRow } from './data-table.types.ts';
+declare function $$render<Row extends DataTableRow>(): {
+    props: DataTableProps<Row>;
+    exports: {};
+    bindings: "sort";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Row extends DataTableRow> {
+    props(): ReturnType<typeof $$render<Row>>['props'];
+    events(): ReturnType<typeof $$render<Row>>['events'];
+    slots(): ReturnType<typeof $$render<Row>>['slots'];
+    bindings(): "sort";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Row extends DataTableRow>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Row>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Row>['props']>, ReturnType<__sveltets_Render<Row>['events']>, ReturnType<__sveltets_Render<Row>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Row>['bindings']>;
+    } & ReturnType<__sveltets_Render<Row>['exports']>;
+    <Row extends DataTableRow>(internal: unknown, props: ReturnType<__sveltets_Render<Row>['props']> & {}): ReturnType<__sveltets_Render<Row>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const DataTable: $$IsomorphicComponent;
+type DataTable<Row extends DataTableRow> = InstanceType<typeof DataTable<Row>>;
+export default DataTable;

package/dist/components/data-table/data-table.types.d.ts

@@ -0,0 +1,86 @@
+import type { TableDensity, TableSort } from '../table/table.types.ts';
+/**
+ * A generic record type representing a single data row.
+ * Keys are strings; values may be anything renderable.
+ */
+export type DataTableRow = Record<string, unknown>;
+/**
+ * Column descriptor for a DataTable.
+ *
+ * @template Row - The row record type. Defaults to `DataTableRow`.
+ */
+export type DataTableColumn<Row extends DataTableRow = DataTableRow> = {
+    /**
+     * The key used to read the cell value from each row object.
+     * Should be a key of `Row` when Row is a typed record.
+     */
+    key: keyof Row & string;
+    /** Human-readable column label rendered in the `<th scope="col">` header cell. */
+    label: string;
+    /**
+     * When true, the header cell renders a sort button and reports `aria-sort`.
+     * Sort state is controlled by the consumer via the `sort` bindable — DataTable
+     * never reorders rows itself.
+     */
+    sortable?: boolean;
+    /**
+     * Horizontal alignment for both the header and body cells of this column.
+     * - `'start'` maps to left-aligned text (default).
+     * - `'center'` maps to centered text.
+     * - `'end'` maps to right-aligned text with `font-variant-numeric: tabular-nums`.
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * When true, the body cells in this column render as `<th scope="row">` instead
+     * of `<td>`, identifying this column as the row-header for assistive technology.
+     *
+     * At most one column should set `rowHeader: true`. If no column sets it, the
+     * first column automatically acts as the row header.
+     */
+    rowHeader?: boolean;
+};
+/**
+ * Props for the DataTable component.
+ *
+ * DataTable is a data-driven convenience wrapper over the compositional Table family.
+ * It accepts an array of column descriptors and row records and renders the correct
+ * semantic table markup automatically. For full compositional control, use Table,
+ * Table.Header, Table.Body, Table.Row, Table.HeaderCell, and Table.Cell directly.
+ *
+ * @template Row - The row record type. Defaults to `DataTableRow`.
+ */
+export type DataTableProps<Row extends DataTableRow = DataTableRow> = {
+    /** Column descriptors defining the headers and cell rendering for each column. */
+    columns: DataTableColumn<Row>[];
+    /** Row data. Each entry is read via `column.key` for each column. */
+    rows: Row[];
+    /** Visual caption rendered as a `<caption>` element above the table. */
+    caption?: string;
+    /**
+     * Bound sort state. When the user activates a sortable header cell, this prop
+     * is updated with the new `{ column, direction }`. The consumer is responsible
+     * for reordering `rows` in response — DataTable does not sort internally.
+     *
+     * Pass `undefined` initially when no column is sorted; the component will never
+     * write back `undefined` itself (sort always toggles to a column).
+     */
+    sort?: TableSort | undefined;
+    /** When true, the header sticks to the top of the scrolling container. */
+    stickyHeader?: boolean;
+    /**
+     * Vertical padding density for header and body cells.
+     * Defaults to `'comfortable'`.
+     */
+    density?: TableDensity;
+    /**
+     * When true, wraps the table in a `.cinder-table-scroll` container that
+     * enables horizontal overflow scrolling on small viewports.
+     */
+    scrollable?: boolean;
+    /**
+     * Additional class names merged onto DataTable's root wrapper element (the
+     * `<div class="cinder-data-table">` that contains the table). To style the
+     * `<table>` itself, target `.cinder-data-table table` from this class.
+     */
+    class?: string;
+};

package/dist/components/data-table/data-table.variables.d.ts

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

package/dist/components/data-table/data-table.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/data-table/data-table.variables.ts
+var variables = [];
+var data_table_variables_default = variables;
+export {
+  data_table_variables_default as default
+};
+
+//# debugId=63EC09B97555ED8164756E2164756E21

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,5 @@
+import './data-table.css';
+import DataTable from './data-table.svelte';
+export default DataTable;
+export type { DataTableColumn, DataTableProps, DataTableRow } from './data-table.types.ts';
+export { DataTable };