@cognivo/components 0.8.0 → 0.8.2

package/dist/components/cg-timeline-event/cg-timeline-event.d.ts

@@ -1,59 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @element cg-timeline-event
- * One entry in a `<cg-timeline>` — renders the dot, the connecting line,
- * an optional timestamp, and the event content. Stack multiple inside a
- * `<cg-timeline>` parent.
- *
- * Variants tint the dot for status (success/warning/error/info/accent).
- * The `default` variant renders a hollow ring (modern, more subtle than
- * a solid grey blob). The parent `<cg-timeline>` sets the `last` attr
- * on the final event to suppress its trailing connector, and propagates
- * its `direction` so horizontal mode just works.
- *
- * @example
- * ```html
- * <cg-timeline-event timestamp="09:14" variant="success">
- *   <strong>Consultation completed</strong>
- *   <p>Notes synced to record.</p>
- * </cg-timeline-event>
- * ```
- *
- * @slot - The event body content.
- * @slot icon - Custom dot icon. Falls back to a token-colored circle.
- * @slot timestamp - Custom timestamp markup. Falls back to the `timestamp` prop.
- *
- * @cssprop --cg-component-timeline-dot-size - Dot diameter (default 12px)
- * @cssprop --cg-component-timeline-line-width - Connector thickness (default 2px)
- */
-export declare class CgTimelineEvent extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** Display string for the timestamp slot's fallback. */
-    timestamp: string;
-    /** Status tint for the dot. */
-    variant: 'default' | 'success' | 'warning' | 'error' | 'info' | 'accent';
-    /** When true, suppresses the trailing connector line and the body's bottom padding. Set automatically by <cg-timeline>. */
-    last: boolean;
-    /** Layout direction. Set automatically by <cg-timeline> from its own direction prop. */
-    direction: 'vertical' | 'horizontal';
-    /**
-     * Parseable date for grouping, separate from the display `timestamp`.
-     * Accepts an ISO string, RFC 2822 string, or anything `new Date()` parses.
-     * The parent <cg-timeline group-by=...> reads this and computes the
-     * bucket; if absent, the event is not grouped.
-     */
-    date: string;
-    /**
-     * Group section label set by the parent <cg-timeline> when this event
-     * is the first in its bucket (Today / Yesterday / "Mar 5" / "March" / etc).
-     * Consumers don't set this manually — let the parent's group-by drive it.
-     */
-    groupHeader: string;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cg-timeline-event': CgTimelineEvent;
-    }
-}
-//# sourceMappingURL=cg-timeline-event.d.ts.map

package/dist/components/cg-timeline-event/cg-timeline-event.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-timeline-event.d.ts","sourceRoot":"","sources":["../../../src/components/cg-timeline-event/cg-timeline-event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAwInB;IAEH,wDAAwD;IAC5C,SAAS,SAAM;IAE3B,+BAA+B;IACF,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAa;IAElH,2HAA2H;IAC/E,IAAI,UAAS;IAEzD,wFAAwF;IAC3D,SAAS,EAAE,UAAU,GAAG,YAAY,CAAc;IAE/E;;;;;OAKG;IACS,IAAI,SAAM;IAEtB;;;;OAIG;IACqD,WAAW,SAAM;IAEhE,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/components/cg-timeline-event/cg-timeline-event.js

@@ -1,190 +0,0 @@
-import { css as p, LitElement as h, nothing as g, html as c } from "lit";
-import { property as r, customElement as u } from "lit/decorators.js";
-import { h as m, r as v } from "../../chunks/premium.css-9I4kHrsl.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (d, a, n, i) => {
-  for (var e = i > 1 ? void 0 : i ? b(a, n) : a, s = d.length - 1, l; s >= 0; s--)
-    (l = d[s]) && (e = (i ? l(a, n, e) : l(e)) || e);
-  return i && e && f(a, n, e), e;
-};
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.timestamp = "", this.variant = "default", this.last = !1, this.direction = "vertical", this.date = "", this.groupHeader = "";
-  }
-  render() {
-    return c`
-      ${this.groupHeader ? c`<div class="group-header" role="heading" aria-level="3">${this.groupHeader}</div>` : g}
-      <div class="marker" aria-hidden="true">
-        <span class="dot"><slot name="icon"></slot></span>
-        <span class="line"></span>
-      </div>
-      <div class="body">
-        ${this.timestamp || this.querySelector('[slot="timestamp"]') ? c`
-          <span class="timestamp"><slot name="timestamp">${this.timestamp}</slot></span>
-        ` : g}
-        <slot></slot>
-      </div>
-    `;
-  }
-};
-t.styles = [m, v, p`
-    :host {
-      --_dot-size: var(--cg-component-timeline-dot-size, var(--cg-spacing-12));
-      --_line-width: var(--cg-component-timeline-line-width, var(--cg-border-width-100));
-      --_dot-color: var(--cg-color-surface-cards-border);
-      --_line-color: var(--cg-color-surface-cards-border);
-      display: grid;
-      grid-template-columns: var(--_dot-size) 1fr;
-      column-gap: var(--cg-spacing-12);
-      position: relative;
-    }
-
-    /* Group header — rendered when the parent cg-timeline (with group-by)
-       stamps a group-header attribute. Spans both columns above the
-       dot/body row. */
-    .group-header {
-      grid-column: 1 / -1;
-      font-size: var(--cg-font-size-xs);
-      font-weight: var(--cg-font-weight-semibold);
-      color: var(--cg-color-input-text-placeholder);
-      text-transform: uppercase;
-      letter-spacing: var(--cg-letter-spacing-wide);
-      padding-top: var(--cg-spacing-16);
-      padding-bottom: var(--cg-spacing-8);
-    }
-    /* First event in the timeline shouldn't have a top gap above its
-       header (the timeline already has its own top edge). */
-    :host(:first-of-type) .group-header { padding-top: 0; }
-
-    /* ── Vertical (default) ──
-       Dot in left column; body in right column; connector line under
-       the dot extending down to the next event. */
-    .marker {
-      grid-column: 1;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding-top: var(--cg-spacing-4);
-    }
-
-    .dot {
-      box-sizing: border-box;
-      width: var(--_dot-size);
-      height: var(--_dot-size);
-      border-radius: var(--cg-border-radius-full);
-      background: var(--_dot-color);
-      /* 4px halo of surface-bg masks the connector line where it crosses
-         the dot, so the line looks continuous between events. */
-      box-shadow: 0 0 0 var(--cg-spacing-4) var(--cg-color-surface-base-background);
-      position: relative;
-      z-index: 1;
-      flex-shrink: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    /* Default variant = hollow ring. Inset shadow draws the ring without
-       growing the box; outer shadow keeps the line-masking halo. */
-    :host(:not([variant])) .dot,
-    :host([variant="default"]) .dot {
-      background: transparent;
-      box-shadow:
-        inset 0 0 0 var(--cg-border-width-100) var(--_dot-color),
-        0 0 0 var(--cg-spacing-4) var(--cg-color-surface-base-background);
-    }
-
-    .line {
-      flex: 1 1 auto;
-      width: var(--_line-width);
-      background: var(--_line-color);
-      margin-top: var(--cg-spacing-4);
-    }
-    :host([last]) .line { display: none; }
-
-    .body {
-      grid-column: 2;
-      padding-bottom: var(--cg-spacing-16);
-      min-width: 0;
-    }
-    :host([last]) .body { padding-bottom: 0; }
-
-    .timestamp {
-      font-size: var(--cg-font-size-xs);
-      color: var(--cg-color-input-text-placeholder);
-      line-height: var(--cg-line-height-snug);
-      margin-bottom: var(--cg-spacing-4);
-      display: block;
-    }
-
-    /* ── Horizontal — set by parent <cg-timeline direction="horizontal"> ──
-       Marker on top (dot + horizontal line), body below the marker. */
-    :host([direction="horizontal"]) {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-rows: var(--_dot-size) 1fr;
-      column-gap: 0;
-      row-gap: var(--cg-spacing-8);
-      flex: 1 1 auto;
-      min-width: var(--cg-spacing-128);
-      padding-right: var(--cg-spacing-16);
-    }
-    :host([direction="horizontal"]) .marker {
-      grid-row: 1;
-      grid-column: 1;
-      flex-direction: row;
-      align-items: center;
-      padding-top: 0;
-    }
-    :host([direction="horizontal"]) .line {
-      width: auto;
-      height: var(--_line-width);
-      flex: 1 1 auto;
-      margin-top: 0;
-      margin-left: var(--cg-spacing-4);
-    }
-    :host([direction="horizontal"]) .body {
-      grid-row: 2;
-      grid-column: 1;
-      padding-bottom: 0;
-    }
-    :host([direction="horizontal"][last]) {
-      flex: 0 0 auto;
-      padding-right: 0;
-      min-width: 0;
-    }
-    :host([direction="horizontal"][last]) .line { display: none; }
-
-    /* ── Variant tints ──
-       Use status text-default tokens — they resolve to solid colors in
-       both themes (green-700/green-400 etc.) and are the established
-       pattern for dot/icon tinting in this system. */
-    :host([variant="success"]) { --_dot-color: var(--cg-color-status-success-text-default); }
-    :host([variant="warning"]) { --_dot-color: var(--cg-color-status-warning-text-default); }
-    :host([variant="error"])   { --_dot-color: var(--cg-color-status-error-text-default); }
-    :host([variant="info"])    { --_dot-color: var(--cg-color-status-info-text-default); }
-    :host([variant="accent"])  { --_dot-color: var(--cg-color-action-primary-background-default); }
-  `];
-o([
-  r()
-], t.prototype, "timestamp", 2);
-o([
-  r({ reflect: !0 })
-], t.prototype, "variant", 2);
-o([
-  r({ type: Boolean, reflect: !0 })
-], t.prototype, "last", 2);
-o([
-  r({ reflect: !0 })
-], t.prototype, "direction", 2);
-o([
-  r()
-], t.prototype, "date", 2);
-o([
-  r({ attribute: "group-header", reflect: !0 })
-], t.prototype, "groupHeader", 2);
-t = o([
-  u("cg-timeline-event")
-], t);
-export {
-  t as CgTimelineEvent
-};
-//# sourceMappingURL=cg-timeline-event.js.map

package/dist/components/cg-timeline-event/cg-timeline-event.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-timeline-event.js","sources":["../../../src/components/cg-timeline-event/cg-timeline-event.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\n/**\n * @element cg-timeline-event\n * One entry in a `<cg-timeline>` — renders the dot, the connecting line,\n * an optional timestamp, and the event content. Stack multiple inside a\n * `<cg-timeline>` parent.\n *\n * Variants tint the dot for status (success/warning/error/info/accent).\n * The `default` variant renders a hollow ring (modern, more subtle than\n * a solid grey blob). The parent `<cg-timeline>` sets the `last` attr\n * on the final event to suppress its trailing connector, and propagates\n * its `direction` so horizontal mode just works.\n *\n * @example\n * ```html\n * <cg-timeline-event timestamp=\"09:14\" variant=\"success\">\n *   <strong>Consultation completed</strong>\n *   <p>Notes synced to record.</p>\n * </cg-timeline-event>\n * ```\n *\n * @slot - The event body content.\n * @slot icon - Custom dot icon. Falls back to a token-colored circle.\n * @slot timestamp - Custom timestamp markup. Falls back to the `timestamp` prop.\n *\n * @cssprop --cg-component-timeline-dot-size - Dot diameter (default 12px)\n * @cssprop --cg-component-timeline-line-width - Connector thickness (default 2px)\n */\n@customElement('cg-timeline-event')\nexport class CgTimelineEvent extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host {\n      --_dot-size: var(--cg-component-timeline-dot-size, var(--cg-spacing-12));\n      --_line-width: var(--cg-component-timeline-line-width, var(--cg-border-width-100));\n      --_dot-color: var(--cg-color-surface-cards-border);\n      --_line-color: var(--cg-color-surface-cards-border);\n      display: grid;\n      grid-template-columns: var(--_dot-size) 1fr;\n      column-gap: var(--cg-spacing-12);\n      position: relative;\n    }\n\n    /* Group header — rendered when the parent cg-timeline (with group-by)\n       stamps a group-header attribute. Spans both columns above the\n       dot/body row. */\n    .group-header {\n      grid-column: 1 / -1;\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n      color: var(--cg-color-input-text-placeholder);\n      text-transform: uppercase;\n      letter-spacing: var(--cg-letter-spacing-wide);\n      padding-top: var(--cg-spacing-16);\n      padding-bottom: var(--cg-spacing-8);\n    }\n    /* First event in the timeline shouldn't have a top gap above its\n       header (the timeline already has its own top edge). */\n    :host(:first-of-type) .group-header { padding-top: 0; }\n\n    /* ── Vertical (default) ──\n       Dot in left column; body in right column; connector line under\n       the dot extending down to the next event. */\n    .marker {\n      grid-column: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding-top: var(--cg-spacing-4);\n    }\n\n    .dot {\n      box-sizing: border-box;\n      width: var(--_dot-size);\n      height: var(--_dot-size);\n      border-radius: var(--cg-border-radius-full);\n      background: var(--_dot-color);\n      /* 4px halo of surface-bg masks the connector line where it crosses\n         the dot, so the line looks continuous between events. */\n      box-shadow: 0 0 0 var(--cg-spacing-4) var(--cg-color-surface-base-background);\n      position: relative;\n      z-index: 1;\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    /* Default variant = hollow ring. Inset shadow draws the ring without\n       growing the box; outer shadow keeps the line-masking halo. */\n    :host(:not([variant])) .dot,\n    :host([variant=\"default\"]) .dot {\n      background: transparent;\n      box-shadow:\n        inset 0 0 0 var(--cg-border-width-100) var(--_dot-color),\n        0 0 0 var(--cg-spacing-4) var(--cg-color-surface-base-background);\n    }\n\n    .line {\n      flex: 1 1 auto;\n      width: var(--_line-width);\n      background: var(--_line-color);\n      margin-top: var(--cg-spacing-4);\n    }\n    :host([last]) .line { display: none; }\n\n    .body {\n      grid-column: 2;\n      padding-bottom: var(--cg-spacing-16);\n      min-width: 0;\n    }\n    :host([last]) .body { padding-bottom: 0; }\n\n    .timestamp {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n      line-height: var(--cg-line-height-snug);\n      margin-bottom: var(--cg-spacing-4);\n      display: block;\n    }\n\n    /* ── Horizontal — set by parent <cg-timeline direction=\"horizontal\"> ──\n       Marker on top (dot + horizontal line), body below the marker. */\n    :host([direction=\"horizontal\"]) {\n      display: grid;\n      grid-template-columns: 1fr;\n      grid-template-rows: var(--_dot-size) 1fr;\n      column-gap: 0;\n      row-gap: var(--cg-spacing-8);\n      flex: 1 1 auto;\n      min-width: var(--cg-spacing-128);\n      padding-right: var(--cg-spacing-16);\n    }\n    :host([direction=\"horizontal\"]) .marker {\n      grid-row: 1;\n      grid-column: 1;\n      flex-direction: row;\n      align-items: center;\n      padding-top: 0;\n    }\n    :host([direction=\"horizontal\"]) .line {\n      width: auto;\n      height: var(--_line-width);\n      flex: 1 1 auto;\n      margin-top: 0;\n      margin-left: var(--cg-spacing-4);\n    }\n    :host([direction=\"horizontal\"]) .body {\n      grid-row: 2;\n      grid-column: 1;\n      padding-bottom: 0;\n    }\n    :host([direction=\"horizontal\"][last]) {\n      flex: 0 0 auto;\n      padding-right: 0;\n      min-width: 0;\n    }\n    :host([direction=\"horizontal\"][last]) .line { display: none; }\n\n    /* ── Variant tints ──\n       Use status text-default tokens — they resolve to solid colors in\n       both themes (green-700/green-400 etc.) and are the established\n       pattern for dot/icon tinting in this system. */\n    :host([variant=\"success\"]) { --_dot-color: var(--cg-color-status-success-text-default); }\n    :host([variant=\"warning\"]) { --_dot-color: var(--cg-color-status-warning-text-default); }\n    :host([variant=\"error\"])   { --_dot-color: var(--cg-color-status-error-text-default); }\n    :host([variant=\"info\"])    { --_dot-color: var(--cg-color-status-info-text-default); }\n    :host([variant=\"accent\"])  { --_dot-color: var(--cg-color-action-primary-background-default); }\n  `];\n\n  /** Display string for the timestamp slot's fallback. */\n  @property() timestamp = '';\n\n  /** Status tint for the dot. */\n  @property({ reflect: true }) variant: 'default' | 'success' | 'warning' | 'error' | 'info' | 'accent' = 'default';\n\n  /** When true, suppresses the trailing connector line and the body's bottom padding. Set automatically by <cg-timeline>. */\n  @property({ type: Boolean, reflect: true }) last = false;\n\n  /** Layout direction. Set automatically by <cg-timeline> from its own direction prop. */\n  @property({ reflect: true }) direction: 'vertical' | 'horizontal' = 'vertical';\n\n  /**\n   * Parseable date for grouping, separate from the display `timestamp`.\n   * Accepts an ISO string, RFC 2822 string, or anything `new Date()` parses.\n   * The parent <cg-timeline group-by=...> reads this and computes the\n   * bucket; if absent, the event is not grouped.\n   */\n  @property() date = '';\n\n  /**\n   * Group section label set by the parent <cg-timeline> when this event\n   * is the first in its bucket (Today / Yesterday / \"Mar 5\" / \"March\" / etc).\n   * Consumers don't set this manually — let the parent's group-by drive it.\n   */\n  @property({ attribute: 'group-header', reflect: true }) groupHeader = '';\n\n  override render() {\n    return html`\n      ${this.groupHeader ? html`<div class=\"group-header\" role=\"heading\" aria-level=\"3\">${this.groupHeader}</div>` : nothing}\n      <div class=\"marker\" aria-hidden=\"true\">\n        <span class=\"dot\"><slot name=\"icon\"></slot></span>\n        <span class=\"line\"></span>\n      </div>\n      <div class=\"body\">\n        ${this.timestamp || this.querySelector('[slot=\"timestamp\"]') ? html`\n          <span class=\"timestamp\"><slot name=\"timestamp\">${this.timestamp}</slot></span>\n        ` : nothing}\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-timeline-event': CgTimelineEvent;\n  }\n}\n"],"names":["CgTimelineEvent","LitElement","html","nothing","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAgCO,IAAMA,IAAN,cAA8BC,EAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA,GA4IO,KAAA,YAAY,IAGK,KAAA,UAA2E,WAG5D,KAAA,OAAO,IAGtB,KAAA,YAAuC,YAQxD,KAAA,OAAO,IAOqC,KAAA,cAAc;AAAA,EAAA;AAAA,EAE7D,SAAS;AAChB,WAAOC;AAAA,QACH,KAAK,cAAcA,4DAA+D,KAAK,WAAW,WAAWC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMlH,KAAK,aAAa,KAAK,cAAc,oBAAoB,IAAID;AAAA,2DACZ,KAAK,SAAS;AAAA,YAC7DC,CAAO;AAAA;AAAA;AAAA;AAAA,EAIjB;AACF;AArLaH,EACK,SAAS,CAACI,GAAWC,GAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwInD;AAGWC,EAAA;AAAA,EAAXC,EAAA;AAAS,GA5ICR,EA4IC,WAAA,aAAA,CAAA;AAGiBO,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GA/IhBR,EA+IkB,WAAA,WAAA,CAAA;AAGeO,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAlJ/BR,EAkJiC,WAAA,QAAA,CAAA;AAGfO,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GArJhBR,EAqJkB,WAAA,aAAA,CAAA;AAQjBO,EAAA;AAAA,EAAXC,EAAA;AAAS,GA7JCR,EA6JC,WAAA,QAAA,CAAA;AAO4CO,EAAA;AAAA,EAAvDC,EAAS,EAAE,WAAW,gBAAgB,SAAS,IAAM;AAAA,GApK3CR,EAoK6C,WAAA,eAAA,CAAA;AApK7CA,IAANO,EAAA;AAAA,EADNE,EAAc,mBAAmB;AAAA,GACrBT,CAAA;"}

package/dist/utils/drag-manager.d.ts

@@ -1,40 +0,0 @@
-/**
- * Module-scope drag coordinator shared between cg-draggable and cg-droppable.
- *
- * Pointer-event-based drag/drop works uniformly across mouse, touch, and
- * stylus and survives modern bundling. Each active drag broadcasts on the
- * document so any cg-droppable in any subtree can opt in.
- */
-export type DragType = string;
-export interface DragSession {
-    /** Application-defined payload. cg-droppable receives this on cg-drop. */
-    payload: unknown;
-    /** Type tag — cg-droppable.accepts is matched against this. */
-    type: DragType;
-    /** Source element that initiated the drag. */
-    source: HTMLElement;
-}
-export interface DragMoveDetail extends DragSession {
-    clientX: number;
-    clientY: number;
-}
-export interface DragEndDetail extends DragMoveDetail {
-    /** If true, the drop landed on a registered droppable. */
-    dropped: boolean;
-}
-/** True while a drag is in progress. */
-export declare function isDragging(): boolean;
-/** Start a drag session. Idempotent: a second start while active is ignored. */
-export declare function startDrag(session: DragSession, x: number, y: number): void;
-/** Broadcast a move during the current drag. */
-export declare function moveDrag(x: number, y: number): void;
-/**
- * End the current drag session. Returns the session that was active so
- * cg-draggable can fire its own end event with the same payload.
- */
-export declare function endDrag(x: number, y: number, dropped: boolean): DragSession | null;
-/** Cancel any in-progress drag without firing a drop. Useful for Escape key handling. */
-export declare function cancelDrag(): void;
-/** Inspect the current session without ending it. Returns null when no drag is active. */
-export declare function currentSession(): DragSession | null;
-//# sourceMappingURL=drag-manager.d.ts.map

package/dist/utils/drag-manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drag-manager.d.ts","sourceRoot":"","sources":["../../src/utils/drag-manager.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,WAAW;IAC1B,0EAA0E;IAC1E,OAAO,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,IAAI,EAAE,QAAQ,CAAC;IACf,8CAA8C;IAC9C,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,0DAA0D;IAC1D,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,wCAAwC;AACxC,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED,gFAAgF;AAChF,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAM1E;AAED,gDAAgD;AAChD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAKnD;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAQlF;AAED,yFAAyF;AACzF,wBAAgB,UAAU,IAAI,IAAI,CAMjC;AAED,0FAA0F;AAC1F,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAEnD"}