@viax.io/uxm 4.36.0

package/dist/ui/form-field/form-field.css

@@ -0,0 +1,159 @@
+@charset "UTF-8";
+/* ── form-field ── */
+/* FormField — pairs a label with any UXM input. Sole owner of label
+   theming across the form family. Top layout uses margin-bottom on the
+   label (not container `gap`) so the label↔control distance is owned by
+   exactly one knob. Side layout switches to a grid where label and input
+   sit in two columns; the hint is explicitly placed in the input column
+   on row 2 so it aligns under the input rather than under the label. */
+.uxm-form-field {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Side layout — two columns (label | input), hint in the input column
+   on row 2 so it aligns under the input. `align-items: center` only
+   affects row 1 (label + input); hint's vertical spacing is owned by
+   its own `margin-top` (`hintGap`). The label uses `column-gap` for
+   label↔control spacing here, so it does NOT carry the `margin-bottom`
+   it has in top layout — reset to 0 in the side rule below. */
+.uxm-form-field--side {
+  display: grid;
+  /* `minmax(0, 1fr)`, NOT a bare `1fr` — the two are not interchangeable
+     here. `1fr` means `minmax(auto, 1fr)`, whose automatic minimum is the
+     column's min-content width, and a control that can't wrap contributes
+     its FULL single-line width to that. An EditableCell is exactly such a
+     control (`white-space: nowrap` on `__value`, so it can ellipsize), and
+     at `size="medium"` it deliberately carries no width cap — so a long
+     value grew the track instead of truncating in it, pushing the field
+     clean out of its Card and ellipsizing against some distant ancestor's
+     overflow. An explicit `0` minimum lets the track shrink to the space
+     that's actually there and hands the overflow decision back to the
+     control, which already knows how to truncate. Nothing here relies on
+     the auto minimum: the label column is a fixed width and this one is
+     purely the remainder. */
+  grid-template-columns: var(--uxm-form-field-side-label-width, 120px) minmax(0, 1fr);
+  /* Horizontal gap between label column and input column. Separate
+     from the top-layout `--uxm-form-field-gap` (which controls the
+     label↔input vertical distance via margin-bottom). */
+  column-gap: var(--uxm-form-field-side-gap, 16px);
+  align-items: center;
+}
+
+.uxm-form-field--side .uxm-form-field__label {
+  margin-bottom: 0;
+  /* Label alignment within the side column. Direction-aware via
+     start/end. Default "start" (left in LTR) reads naturally; switch
+     to "end" via the registry knob if you want labels flush against
+     the input column edge. */
+  text-align: var(--uxm-form-field-side-label-align, start);
+  /* Vertical alignment of the label within its grid cell. Default
+     "center" preserves today's look (the grid's `align-items: center`
+     centres both cells); set to "start" so a label sits at the top when
+     it's paired with a tall control (a radio group / checkbox list). Only
+     the label cell moves — the control cell is still governed by the
+     grid's `align-items`. */
+  align-self: var(--uxm-form-field-side-label-valign, center);
+}
+
+.uxm-form-field--side .uxm-form-field__hint {
+  grid-column: 2;
+}
+
+.uxm-form-field__label {
+  font-size: calc(var(--uxm-form-field-label-size, 13px) * var(--type-scale, 1));
+  font-weight: var(--uxm-form-field-label-weight, 500);
+  color: var(--uxm-form-field-label-color, var(--color-text-strong));
+  /* Owns label ↔ control distance in top layout. Side layout overrides
+     to 0 above. Fallback (8px) must match the registry default so that
+     consumers who never explicitly save a `gap` value still get the
+     same spacing FormField's own editor previews. Side gap is a
+     separate knob (see `--uxm-form-field-side-gap`) with its own
+     default since horizontal label-input distance has different visual
+     needs from vertical. */
+  margin-bottom: var(--uxm-form-field-gap, 8px);
+}
+
+/* Label tint — semantic emphasis presets. Each tint routes the label-colour
+   var through its own `--uxm-form-field-label-tint-*` token, so a theme can
+   redefine what "muted" / "strong" MEAN once and every field follows. The
+   tint applies to BOTH label variants (default and overline) — the variant
+   owns typography, the tint owns colour. An explicit
+   `--uxm-form-field-label-color` still overrides. */
+.uxm-form-field--label-strong {
+  --uxm-form-field-label-color: var(--uxm-form-field-label-tint-strong, var(--color-text-strong));
+}
+
+.uxm-form-field--label-default {
+  --uxm-form-field-label-color: var(--uxm-form-field-label-tint-default, var(--color-text));
+}
+
+.uxm-form-field--label-muted {
+  --uxm-form-field-label-color: var(--uxm-form-field-label-tint-muted, var(--color-text-muted));
+}
+
+/* Overline label — the small uppercase, letter-spaced "eyebrow" caps style
+   for caps labels above editable fields. Owns TYPOGRAPHY only (its own
+   `--uxm-form-field-overline-*` tokens, defaults matching PropertyField's
+   look but nothing shared) — colour comes from the label tint above, so
+   the same tint system drives both variants. */
+.uxm-form-field--label-overline .uxm-form-field__label {
+  font-size: calc(var(--uxm-form-field-overline-size, 11px) * var(--type-scale, 1));
+  font-weight: var(--uxm-form-field-overline-weight, 600);
+  letter-spacing: var(--uxm-form-field-overline-letter-spacing, 0.06em);
+  text-transform: uppercase;
+}
+
+.uxm-form-field__control {
+  display: flex;
+  flex-direction: column;
+  /* A labelled field is laid out at a DEFINITE width — the control column is
+     whatever the label leaves over — so a control inside it must fit that
+     width rather than assert one of its own. EditableCell's edit mode defaults
+     to a `max-content` floor on its internal track (the width-keeper ghosts
+     that stop an AUTO-sized table column from jumping when editing starts);
+     there is no auto column to protect here, and that floor is precisely what
+     pushed a long draft out through the Card. Take it to `0` via the knob the
+     cell publishes for it.
+
+     Declared on the CONTROL, not on a `> .uxm-editable-cell` child selector,
+     and deliberately so: custom properties inherit, so this reaches a cell at
+     ANY depth. Fields routinely wrap their control — a row pairing the cell
+     with a translation count or a unit suffix is the common case — and a
+     child combinator would silently drop the fix for exactly those, which is
+     how this was first missed. The outdent below is declared the same way and
+     for the same reason.
+
+     Inheriting reaches cells this field never meant to touch, too: anything
+     nesting its own EditableCells inside a control — a DataTable — resets both
+     knobs on its own root to keep its behaviour. */
+  --uxm-editable-cell-editing-track-floor: 0;
+  /* Text-like inline controls (EditableCell's display state) carry their own
+     horizontal padding as a hover affordance. In a labelled field that inset
+     would push the value off the content grid the label defines, so the cell
+     is outdented by it: the hover pill bleeds into the gutter while the TEXT
+     lines up with every other row. Opt-in per host — a standalone or table
+     cell aligns against its own padding and must NOT be outdented, and boxed
+     inputs (TextInput etc.) are untouched, their visible border makes the
+     inset intentional.
+
+     A flag, not a length, and that distinction is the whole point. The
+     measurement (`--uxm-editable-cell-text-inset`) is DECLARED BY the cell, so
+     it only resolves on the cell or below it — a length computed here would
+     silently fall back to the wrong number. Custom properties inherit, so this
+     `1` reaches a cell at any depth and the cell does the arithmetic where the
+     inset is actually in scope. That also makes it work for the common wrapped
+     composition (a row pairing the cell with a translation count or a unit
+     suffix), which a `> .uxm-editable-cell` rule left visibly misaligned.
+
+     A composition where the cell is NOT on the column's leading edge — second
+     item in a row, say — opts out with `--uxm-editable-cell-outdent: 0` on
+     that cell. */
+  --uxm-editable-cell-outdent: 1;
+}
+
+.uxm-form-field__hint {
+  font-size: calc(var(--uxm-form-field-hint-size, 12px) * var(--type-scale, 1));
+  color: var(--uxm-form-field-hint-color, var(--color-text-muted));
+  margin-top: var(--uxm-form-field-hint-gap, 2px);
+}

package/dist/ui/form-field/form-field.d.ts

@@ -0,0 +1,66 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type FormFieldLabelPosition = 'top' | 'side';
+export type FormFieldLabelTint = 'default' | 'muted' | 'strong';
+export type FormFieldLabelVariant = 'default' | 'overline';
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    /** The field label (e.g. "Name", "Time zone"). */
+    label: ReactNode;
+    /** Optional helper text shown below the input. */
+    hint?: ReactNode;
+    /**
+     * Where the label sits relative to the input. Defaults to "top".
+     * - `"top"` — label above input (column stack)
+     * - `"side"` — label left of input (grid: label column + input column);
+     *   hint sits below the input, aligned with the input column.
+     */
+    labelPosition?: FormFieldLabelPosition;
+    /**
+     * Label colour emphasis (the tint). `"strong"` (default) keeps the
+     * strong-text label; `"default"` uses normal text; `"muted"` dims it — for
+     * detail panels where the label is secondary to the value. Applies to BOTH
+     * label variants: the variant owns typography, the tint owns colour. Each
+     * tint's colour is themable via `--uxm-form-field-label-tint-*`.
+     */
+    labelTint?: FormFieldLabelTint;
+    /**
+     * Label typography. `"default"` keeps the normal label; `"overline"` is the
+     * small uppercase, letter-spaced "eyebrow" treatment for caps labels above
+     * editable fields. Its defaults match `PropertyField`'s look but it has its
+     * own `--uxm-form-field-overline-*` tokens (nothing shared). Typography
+     * only — the colour comes from `labelTint`.
+     */
+    labelVariant?: FormFieldLabelVariant;
+    /**
+     * Associates the rendered `<label>` with the control via `htmlFor`.
+     * Optional — when omitted and `children` is a single element, FormField
+     * generates an id itself and injects it into the child automatically
+     * (unless the child already declares its own `id`), so the label stays
+     * accessible without any extra props in the common case.
+     */
+    htmlFor?: string;
+    /**
+     * The input control — typically `<TextInput />`, `<Textarea />`, `<Select />`,
+     * `<ToggleSwitch />`, or any other UXM input. Anything ReactNode is accepted.
+     */
+    children: ReactNode;
+}
+/**
+ * `FormField` — pairs a label with any UXM input. Sole owner of label
+ * theming across the form family: edit FormField's per-tint label colours,
+ * `labelSize` / `labelWeight`, or the `labelPosition` / `labelVariant` /
+ * `labelTint` variants in the workbench
+ * and the change propagates to every labeled field across the project.
+ * Input atoms (TextInput, Textarea, Select, etc.) do NOT own labels —
+ * wrap them in FormField when you want one.
+ *
+ * Distinct from `<PropertyField>`, which is for read-only metadata
+ * (label + monospace value).
+ *
+ * Compose with any input:
+ *   <FormField label="Name"><TextInput defaultValue="..." /></FormField>
+ *   <FormField label="Email" labelPosition="side" hint="We'll never share">
+ *     <TextInput type="email" />
+ *   </FormField>
+ */
+export declare function FormField({ label, hint, labelPosition, labelTint, labelVariant, htmlFor, children, className, ...rest }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/ui/form-field/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/form-field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,aAAqB,EACrB,SAAoB,EACpB,YAAwB,EACxB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CA8ChB"}

package/dist/ui/form-field/form-field.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement, isValidElement, useId } from "react";
+import { cn } from "../../helpers/index.js";
+function FormField({
+  label,
+  hint,
+  labelPosition = "top",
+  labelTint = "strong",
+  labelVariant = "default",
+  htmlFor,
+  children,
+  className,
+  ...rest
+}) {
+  const generatedId = useId();
+  const childElement = isValidElement(children) ? children : null;
+  const childId = childElement?.props.id;
+  const controlId = htmlFor ?? childId ?? generatedId;
+  const hintId = hint ? `${controlId}-hint` : void 0;
+  const describedBy = [childElement?.props["aria-describedby"], hintId].filter(Boolean).join(" ") || void 0;
+  const control = childElement ? cloneElement(childElement, {
+    ...childId ? {} : { id: controlId },
+    ...describedBy ? { "aria-describedby": describedBy } : {}
+  }) : children;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "uxm-form-field",
+        `uxm-form-field--${labelPosition}`,
+        `uxm-form-field--label-${labelTint}`,
+        labelVariant === "overline" && "uxm-form-field--label-overline",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: controlId, className: "uxm-form-field__label", children: label }),
+        /* @__PURE__ */ jsx("div", { className: "uxm-form-field__control", children: control }),
+        hint && /* @__PURE__ */ jsx("span", { id: hintId, className: "uxm-form-field__hint", children: hint })
+      ]
+    }
+  );
+}
+export {
+  FormField
+};
+//# sourceMappingURL=form-field.js.map

package/dist/ui/form-field/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form-field/form-field.tsx"],"sourcesContent":["import { cloneElement, isValidElement, useId } from 'react';\n\nimport { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type FormFieldLabelPosition = 'top' | 'side';\n\nexport type FormFieldLabelTint = 'default' | 'muted' | 'strong';\n\nexport type FormFieldLabelVariant = 'default' | 'overline';\n\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  /** The field label (e.g. \"Name\", \"Time zone\"). */\n  label: ReactNode;\n  /** Optional helper text shown below the input. */\n  hint?: ReactNode;\n  /**\n   * Where the label sits relative to the input. Defaults to \"top\".\n   * - `\"top\"` — label above input (column stack)\n   * - `\"side\"` — label left of input (grid: label column + input column);\n   *   hint sits below the input, aligned with the input column.\n   */\n  labelPosition?: FormFieldLabelPosition;\n  /**\n   * Label colour emphasis (the tint). `\"strong\"` (default) keeps the\n   * strong-text label; `\"default\"` uses normal text; `\"muted\"` dims it — for\n   * detail panels where the label is secondary to the value. Applies to BOTH\n   * label variants: the variant owns typography, the tint owns colour. Each\n   * tint's colour is themable via `--uxm-form-field-label-tint-*`.\n   */\n  labelTint?: FormFieldLabelTint;\n  /**\n   * Label typography. `\"default\"` keeps the normal label; `\"overline\"` is the\n   * small uppercase, letter-spaced \"eyebrow\" treatment for caps labels above\n   * editable fields. Its defaults match `PropertyField`'s look but it has its\n   * own `--uxm-form-field-overline-*` tokens (nothing shared). Typography\n   * only — the colour comes from `labelTint`.\n   */\n  labelVariant?: FormFieldLabelVariant;\n  /**\n   * Associates the rendered `<label>` with the control via `htmlFor`.\n   * Optional — when omitted and `children` is a single element, FormField\n   * generates an id itself and injects it into the child automatically\n   * (unless the child already declares its own `id`), so the label stays\n   * accessible without any extra props in the common case.\n   */\n  htmlFor?: string;\n  /**\n   * The input control — typically `<TextInput />`, `<Textarea />`, `<Select />`,\n   * `<ToggleSwitch />`, or any other UXM input. Anything ReactNode is accepted.\n   */\n  children: ReactNode;\n}\n\n/**\n * `FormField` — pairs a label with any UXM input. Sole owner of label\n * theming across the form family: edit FormField's per-tint label colours,\n * `labelSize` / `labelWeight`, or the `labelPosition` / `labelVariant` /\n * `labelTint` variants in the workbench\n * and the change propagates to every labeled field across the project.\n * Input atoms (TextInput, Textarea, Select, etc.) do NOT own labels —\n * wrap them in FormField when you want one.\n *\n * Distinct from `<PropertyField>`, which is for read-only metadata\n * (label + monospace value).\n *\n * Compose with any input:\n *   <FormField label=\"Name\"><TextInput defaultValue=\"...\" /></FormField>\n *   <FormField label=\"Email\" labelPosition=\"side\" hint=\"We'll never share\">\n *     <TextInput type=\"email\" />\n *   </FormField>\n */\nexport function FormField({\n  label,\n  hint,\n  labelPosition = 'top',\n  labelTint = 'strong',\n  labelVariant = 'default',\n  htmlFor,\n  children,\n  className,\n  ...rest\n}: FormFieldProps) {\n  // Associate the label with the control so labeled inputs have an\n  // accessible name. Prefer an explicit `htmlFor`; otherwise, when the\n  // child is a single element, reuse its own `id` if it already declares\n  // one, or generate one and inject it via `cloneElement`.\n  const generatedId = useId();\n  const childElement = isValidElement<{ id?: string; 'aria-describedby'?: string }>(children)\n    ? children\n    : null;\n  const childId = childElement?.props.id;\n  const controlId = htmlFor ?? childId ?? generatedId;\n  // The hint explains the control, so point the control at it — a bare <span>\n  // next to an input is invisible to assistive tech, which is how a hint like\n  // \"Default keeps each component's own weight\" goes unread.\n  const hintId = hint ? `${controlId}-hint` : undefined;\n  // MERGE, never overwrite: a control may already describe itself (Select and\n  // the input family wire their error message this way), and replacing that\n  // would silence the error.\n  const describedBy = [childElement?.props['aria-describedby'], hintId]\n    .filter(Boolean)\n    .join(' ') || undefined;\n  const control = childElement\n    ? cloneElement(childElement, {\n        ...(childId ? {} : { id: controlId }),\n        ...(describedBy ? { 'aria-describedby': describedBy } : {}),\n      })\n    : children;\n\n  return (\n    <div\n      className={cn(\n        'uxm-form-field',\n        `uxm-form-field--${labelPosition}`,\n        `uxm-form-field--label-${labelTint}`,\n        labelVariant === 'overline' && 'uxm-form-field--label-overline',\n        className,\n      )}\n      {...rest}\n    >\n      <label htmlFor={controlId} className=\"uxm-form-field__label\">\n        {label}\n      </label>\n      <div className=\"uxm-form-field__control\">{control}</div>\n      {hint && <span id={hintId} className=\"uxm-form-field__hint\">{hint}</span>}\n    </div>\n  );\n}\n"],"mappings":"AAgHI,SAUE,KAVF;AAhHJ,SAAS,cAAc,gBAAgB,aAAa;AAEpD,SAAS,UAAU;AAuEZ,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AAKjB,QAAM,cAAc,MAAM;AAC1B,QAAM,eAAe,eAA6D,QAAQ,IACtF,WACA;AACJ,QAAM,UAAU,cAAc,MAAM;AACpC,QAAM,YAAY,WAAW,WAAW;AAIxC,QAAM,SAAS,OAAO,GAAG,SAAS,UAAU;AAI5C,QAAM,cAAc,CAAC,cAAc,MAAM,kBAAkB,GAAG,MAAM,EACjE,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAChB,QAAM,UAAU,eACZ,aAAa,cAAc;AAAA,IACzB,GAAI,UAAU,CAAC,IAAI,EAAE,IAAI,UAAU;AAAA,IACnC,GAAI,cAAc,EAAE,oBAAoB,YAAY,IAAI,CAAC;AAAA,EAC3D,CAAC,IACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,mBAAmB,aAAa;AAAA,QAChC,yBAAyB,SAAS;AAAA,QAClC,iBAAiB,cAAc;AAAA,QAC/B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,WAAM,SAAS,WAAW,WAAU,yBAClC,iBACH;AAAA,QACA,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,QACjD,QAAQ,oBAAC,UAAK,IAAI,QAAQ,WAAU,wBAAwB,gBAAK;AAAA;AAAA;AAAA,EACpE;AAEJ;","names":[]}

package/dist/ui/form-field/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var form_field_exports = {};
+module.exports = __toCommonJS(form_field_exports);
+__reExport(form_field_exports, require("./form-field.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./form-field.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/form-field/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form-field/index.ts"],"sourcesContent":["export * from './form-field';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,yBAAd;","names":[]}

package/dist/ui/form-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-field.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/form-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/ui/form-field/index.js

@@ -0,0 +1,2 @@
+export * from "./form-field.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/form-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form-field/index.ts"],"sourcesContent":["export * from './form-field';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/ui/hover-tooltip/hover-tooltip.cjs

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hover_tooltip_exports = {};
+__export(hover_tooltip_exports, {
+  HoverTooltip: () => HoverTooltip
+});
+module.exports = __toCommonJS(hover_tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_popover = require("../popover/index.cjs");
+var import_tooltip = require("../tooltip/index.cjs");
+function HoverTooltip({
+  content,
+  placement = "top",
+  truncatedOnly = true,
+  openDelay = 300,
+  disabled,
+  children,
+  showArrow
+}) {
+  const anchorRef = (0, import_react.useRef)(null);
+  const timer = (0, import_react.useRef)(null);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const clearTimer = (0, import_react.useCallback)(() => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  }, []);
+  (0, import_react.useEffect)(() => clearTimer, [clearTimer]);
+  const childProps = children.props;
+  const scheduleOpen = (0, import_react.useCallback)(() => {
+    if (disabled || content == null || content === "") return;
+    const el = anchorRef.current;
+    if (truncatedOnly && el && el.scrollWidth <= el.clientWidth) return;
+    clearTimer();
+    timer.current = setTimeout(() => setOpen(true), openDelay);
+  }, [disabled, content, truncatedOnly, openDelay, clearTimer]);
+  const closeNow = (0, import_react.useCallback)(() => {
+    clearTimer();
+    setOpen(false);
+  }, [clearTimer]);
+  const handleEnter = (0, import_react.useCallback)(
+    (e) => {
+      childProps.onMouseEnter?.(e);
+      scheduleOpen();
+    },
+    [childProps, scheduleOpen]
+  );
+  const handleLeave = (0, import_react.useCallback)(
+    (e) => {
+      childProps.onMouseLeave?.(e);
+      closeNow();
+    },
+    [childProps, closeNow]
+  );
+  const handleFocus = (0, import_react.useCallback)(
+    (e) => {
+      childProps.onFocus?.(e);
+      scheduleOpen();
+    },
+    [childProps, scheduleOpen]
+  );
+  const handleBlur = (0, import_react.useCallback)(
+    (e) => {
+      childProps.onBlur?.(e);
+      closeNow();
+    },
+    [childProps, closeNow]
+  );
+  const trigger = (0, import_react.cloneElement)(children, {
+    ref: anchorRef,
+    onMouseEnter: handleEnter,
+    onMouseLeave: handleLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    trigger,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_popover.Popover,
+      {
+        open,
+        onOpenChange: setOpen,
+        anchor: anchorRef,
+        placement: placement === "bottom" ? "bottom-start" : "top-start",
+        closeOnEscape: false,
+        closeOnOutsideClick: false,
+        restoreFocus: false,
+        role: "presentation",
+        className: "uxm-hover-tooltip",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip, { placement, showArrow, children: content })
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HoverTooltip
+});
+//# sourceMappingURL=hover-tooltip.cjs.map

package/dist/ui/hover-tooltip/hover-tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/hover-tooltip/hover-tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type FocusEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { Popover } from '../popover';\nimport { Tooltip } from '../tooltip';\n\nexport interface HoverTooltipProps {\n  /** What the tooltip shows — typically the full (un-truncated) value. */\n  content: ReactNode;\n  placement?: 'top' | 'bottom';\n  truncatedOnly?: boolean;\n  openDelay?: number;\n  disabled?: boolean;\n  children: ReactElement;\n  showArrow?: boolean;\n}\n\n/**\n * Hover tooltip — behavior layer the `Tooltip` atom lacks. Pairs a hover\n * trigger (with an owned open-delay) and an optional truncation gate with\n * `Popover` for positioning + portal, then renders the existing `Tooltip`\n * inside. Non-interactive by design: closes when the pointer leaves the anchor.\n */\nexport function HoverTooltip({\n  content,\n  placement = 'top',\n  truncatedOnly = true,\n  openDelay = 300,\n  disabled,\n  children,\n  showArrow,\n}: HoverTooltipProps) {\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [open, setOpen] = useState(false);\n\n  const clearTimer = useCallback(() => {\n    if (timer.current) {\n      clearTimeout(timer.current);\n      timer.current = null;\n    }\n  }, []);\n\n  // Clean up a pending timer if we unmount mid-delay.\n  useEffect(() => clearTimer, [clearTimer]);\n\n  const childProps = children.props as {\n    onMouseEnter?: (e: MouseEvent<HTMLElement>) => void;\n    onMouseLeave?: (e: MouseEvent<HTMLElement>) => void;\n    onFocus?: (e: FocusEvent<HTMLElement>) => void;\n    onBlur?: (e: FocusEvent<HTMLElement>) => void;\n  };\n\n  // Shared open/close timer logic — reused by both the pointer (hover) and\n  // keyboard (focus) triggers so a keyboard-only user gets the exact same\n  // reveal behavior a mouse user gets (WCAG 1.4.13).\n  const scheduleOpen = useCallback(() => {\n    if (disabled || content == null || content === '') return;\n    const el = anchorRef.current;\n    if (truncatedOnly && el && el.scrollWidth <= el.clientWidth) return;\n    clearTimer();\n    timer.current = setTimeout(() => setOpen(true), openDelay);\n  }, [disabled, content, truncatedOnly, openDelay, clearTimer]);\n\n  const closeNow = useCallback(() => {\n    clearTimer();\n    setOpen(false);\n  }, [clearTimer]);\n\n  const handleEnter = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      childProps.onMouseEnter?.(e);\n      scheduleOpen();\n    },\n    [childProps, scheduleOpen],\n  );\n\n  const handleLeave = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      childProps.onMouseLeave?.(e);\n      closeNow();\n    },\n    [childProps, closeNow],\n  );\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      childProps.onFocus?.(e);\n      scheduleOpen();\n    },\n    [childProps, scheduleOpen],\n  );\n\n  const handleBlur = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      childProps.onBlur?.(e);\n      closeNow();\n    },\n    [childProps, closeNow],\n  );\n\n  // eslint-disable-next-line react-hooks/refs -- cloneElement ref pattern is the React-blessed way to wire a ref onto a consumer-provided element; the ref is not read during render, only written at mount\n  const trigger = cloneElement(children, {\n    ref: anchorRef,\n    onMouseEnter: handleEnter,\n    onMouseLeave: handleLeave,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n  } as Partial<typeof children.props> & { ref: typeof anchorRef });\n\n  return (\n    <>\n      {trigger}\n      <Popover\n        open={open}\n        onOpenChange={setOpen}\n        anchor={anchorRef}\n        placement={placement === 'bottom' ? 'bottom-start' : 'top-start'}\n        closeOnEscape={false}\n        closeOnOutsideClick={false}\n        restoreFocus={false}\n        role=\"presentation\"\n        className=\"uxm-hover-tooltip\"\n      >\n        <Tooltip placement={placement} showArrow={showArrow}>\n          {content}\n        </Tooltip>\n      </Popover>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwHI;AAxHJ,mBAUO;AAEP,qBAAwB;AACxB,qBAAwB;AAmBjB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,gBAAY,qBAA2B,IAAI;AACjD,QAAM,YAAQ,qBAA6C,IAAI;AAC/D,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,QAAM,iBAAa,0BAAY,MAAM;AACnC,QAAI,MAAM,SAAS;AACjB,mBAAa,MAAM,OAAO;AAC1B,YAAM,UAAU;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,8BAAU,MAAM,YAAY,CAAC,UAAU,CAAC;AAExC,QAAM,aAAa,SAAS;AAU5B,QAAM,mBAAe,0BAAY,MAAM;AACrC,QAAI,YAAY,WAAW,QAAQ,YAAY,GAAI;AACnD,UAAM,KAAK,UAAU;AACrB,QAAI,iBAAiB,MAAM,GAAG,eAAe,GAAG,YAAa;AAC7D,eAAW;AACX,UAAM,UAAU,WAAW,MAAM,QAAQ,IAAI,GAAG,SAAS;AAAA,EAC3D,GAAG,CAAC,UAAU,SAAS,eAAe,WAAW,UAAU,CAAC;AAE5D,QAAM,eAAW,0BAAY,MAAM;AACjC,eAAW;AACX,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,kBAAc;AAAA,IAClB,CAAC,MAA+B;AAC9B,iBAAW,eAAe,CAAC;AAC3B,mBAAa;AAAA,IACf;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAC3B;AAEA,QAAM,kBAAc;AAAA,IAClB,CAAC,MAA+B;AAC9B,iBAAW,eAAe,CAAC;AAC3B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAEA,QAAM,kBAAc;AAAA,IAClB,CAAC,MAA+B;AAC9B,iBAAW,UAAU,CAAC;AACtB,mBAAa;AAAA,IACf;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAC3B;AAEA,QAAM,iBAAa;AAAA,IACjB,CAAC,MAA+B;AAC9B,iBAAW,SAAS,CAAC;AACrB,eAAS;AAAA,IACX;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAGA,QAAM,cAAU,2BAAa,UAAU;AAAA,IACrC,KAAK;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAA+D;AAE/D,SACE,4EACG;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,WAAW,cAAc,WAAW,iBAAiB;AAAA,QACrD,eAAe;AAAA,QACf,qBAAqB;AAAA,QACrB,cAAc;AAAA,QACd,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,sDAAC,0BAAQ,WAAsB,WAC5B,mBACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/hover-tooltip/hover-tooltip.css

@@ -0,0 +1,7 @@
+.uxm-hover-tooltip {
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+}

package/dist/ui/hover-tooltip/hover-tooltip.d.ts

@@ -0,0 +1,19 @@
+import { type ReactElement, type ReactNode } from 'react';
+export interface HoverTooltipProps {
+    /** What the tooltip shows — typically the full (un-truncated) value. */
+    content: ReactNode;
+    placement?: 'top' | 'bottom';
+    truncatedOnly?: boolean;
+    openDelay?: number;
+    disabled?: boolean;
+    children: ReactElement;
+    showArrow?: boolean;
+}
+/**
+ * Hover tooltip — behavior layer the `Tooltip` atom lacks. Pairs a hover
+ * trigger (with an owned open-delay) and an optional truncation gate with
+ * `Popover` for positioning + portal, then renders the existing `Tooltip`
+ * inside. Non-interactive by design: closes when the pointer leaves the anchor.
+ */
+export declare function HoverTooltip({ content, placement, truncatedOnly, openDelay, disabled, children, showArrow, }: HoverTooltipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=hover-tooltip.d.ts.map

package/dist/ui/hover-tooltip/hover-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/hover-tooltip/hover-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,aAAoB,EACpB,SAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CAmGnB"}

package/dist/ui/hover-tooltip/hover-tooltip.js

@@ -0,0 +1,99 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  cloneElement,
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { Popover } from "../popover/index.js";
+import { Tooltip } from "../tooltip/index.js";
+function HoverTooltip({
+  content,
+  placement = "top",
+  truncatedOnly = true,
+  openDelay = 300,
+  disabled,
+  children,
+  showArrow
+}) {
+  const anchorRef = useRef(null);
+  const timer = useRef(null);
+  const [open, setOpen] = useState(false);
+  const clearTimer = useCallback(() => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  }, []);
+  useEffect(() => clearTimer, [clearTimer]);
+  const childProps = children.props;
+  const scheduleOpen = useCallback(() => {
+    if (disabled || content == null || content === "") return;
+    const el = anchorRef.current;
+    if (truncatedOnly && el && el.scrollWidth <= el.clientWidth) return;
+    clearTimer();
+    timer.current = setTimeout(() => setOpen(true), openDelay);
+  }, [disabled, content, truncatedOnly, openDelay, clearTimer]);
+  const closeNow = useCallback(() => {
+    clearTimer();
+    setOpen(false);
+  }, [clearTimer]);
+  const handleEnter = useCallback(
+    (e) => {
+      childProps.onMouseEnter?.(e);
+      scheduleOpen();
+    },
+    [childProps, scheduleOpen]
+  );
+  const handleLeave = useCallback(
+    (e) => {
+      childProps.onMouseLeave?.(e);
+      closeNow();
+    },
+    [childProps, closeNow]
+  );
+  const handleFocus = useCallback(
+    (e) => {
+      childProps.onFocus?.(e);
+      scheduleOpen();
+    },
+    [childProps, scheduleOpen]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      childProps.onBlur?.(e);
+      closeNow();
+    },
+    [childProps, closeNow]
+  );
+  const trigger = cloneElement(children, {
+    ref: anchorRef,
+    onMouseEnter: handleEnter,
+    onMouseLeave: handleLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    trigger,
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        open,
+        onOpenChange: setOpen,
+        anchor: anchorRef,
+        placement: placement === "bottom" ? "bottom-start" : "top-start",
+        closeOnEscape: false,
+        closeOnOutsideClick: false,
+        restoreFocus: false,
+        role: "presentation",
+        className: "uxm-hover-tooltip",
+        children: /* @__PURE__ */ jsx(Tooltip, { placement, showArrow, children: content })
+      }
+    )
+  ] });
+}
+export {
+  HoverTooltip
+};
+//# sourceMappingURL=hover-tooltip.js.map

package/dist/ui/hover-tooltip/hover-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/hover-tooltip/hover-tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type FocusEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { Popover } from '../popover';\nimport { Tooltip } from '../tooltip';\n\nexport interface HoverTooltipProps {\n  /** What the tooltip shows — typically the full (un-truncated) value. */\n  content: ReactNode;\n  placement?: 'top' | 'bottom';\n  truncatedOnly?: boolean;\n  openDelay?: number;\n  disabled?: boolean;\n  children: ReactElement;\n  showArrow?: boolean;\n}\n\n/**\n * Hover tooltip — behavior layer the `Tooltip` atom lacks. Pairs a hover\n * trigger (with an owned open-delay) and an optional truncation gate with\n * `Popover` for positioning + portal, then renders the existing `Tooltip`\n * inside. Non-interactive by design: closes when the pointer leaves the anchor.\n */\nexport function HoverTooltip({\n  content,\n  placement = 'top',\n  truncatedOnly = true,\n  openDelay = 300,\n  disabled,\n  children,\n  showArrow,\n}: HoverTooltipProps) {\n  const anchorRef = useRef<HTMLElement | null>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [open, setOpen] = useState(false);\n\n  const clearTimer = useCallback(() => {\n    if (timer.current) {\n      clearTimeout(timer.current);\n      timer.current = null;\n    }\n  }, []);\n\n  // Clean up a pending timer if we unmount mid-delay.\n  useEffect(() => clearTimer, [clearTimer]);\n\n  const childProps = children.props as {\n    onMouseEnter?: (e: MouseEvent<HTMLElement>) => void;\n    onMouseLeave?: (e: MouseEvent<HTMLElement>) => void;\n    onFocus?: (e: FocusEvent<HTMLElement>) => void;\n    onBlur?: (e: FocusEvent<HTMLElement>) => void;\n  };\n\n  // Shared open/close timer logic — reused by both the pointer (hover) and\n  // keyboard (focus) triggers so a keyboard-only user gets the exact same\n  // reveal behavior a mouse user gets (WCAG 1.4.13).\n  const scheduleOpen = useCallback(() => {\n    if (disabled || content == null || content === '') return;\n    const el = anchorRef.current;\n    if (truncatedOnly && el && el.scrollWidth <= el.clientWidth) return;\n    clearTimer();\n    timer.current = setTimeout(() => setOpen(true), openDelay);\n  }, [disabled, content, truncatedOnly, openDelay, clearTimer]);\n\n  const closeNow = useCallback(() => {\n    clearTimer();\n    setOpen(false);\n  }, [clearTimer]);\n\n  const handleEnter = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      childProps.onMouseEnter?.(e);\n      scheduleOpen();\n    },\n    [childProps, scheduleOpen],\n  );\n\n  const handleLeave = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      childProps.onMouseLeave?.(e);\n      closeNow();\n    },\n    [childProps, closeNow],\n  );\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      childProps.onFocus?.(e);\n      scheduleOpen();\n    },\n    [childProps, scheduleOpen],\n  );\n\n  const handleBlur = useCallback(\n    (e: FocusEvent<HTMLElement>) => {\n      childProps.onBlur?.(e);\n      closeNow();\n    },\n    [childProps, closeNow],\n  );\n\n  // eslint-disable-next-line react-hooks/refs -- cloneElement ref pattern is the React-blessed way to wire a ref onto a consumer-provided element; the ref is not read during render, only written at mount\n  const trigger = cloneElement(children, {\n    ref: anchorRef,\n    onMouseEnter: handleEnter,\n    onMouseLeave: handleLeave,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n  } as Partial<typeof children.props> & { ref: typeof anchorRef });\n\n  return (\n    <>\n      {trigger}\n      <Popover\n        open={open}\n        onOpenChange={setOpen}\n        anchor={anchorRef}\n        placement={placement === 'bottom' ? 'bottom-start' : 'top-start'}\n        closeOnEscape={false}\n        closeOnOutsideClick={false}\n        restoreFocus={false}\n        role=\"presentation\"\n        className=\"uxm-hover-tooltip\"\n      >\n        <Tooltip placement={placement} showArrow={showArrow}>\n          {content}\n        </Tooltip>\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"AAwHI,mBAaI,KAbJ;AAxHJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AAEP,SAAS,eAAe;AACxB,SAAS,eAAe;AAmBjB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,YAAY,OAA2B,IAAI;AACjD,QAAM,QAAQ,OAA6C,IAAI;AAC/D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,YAAY,MAAM;AACnC,QAAI,MAAM,SAAS;AACjB,mBAAa,MAAM,OAAO;AAC1B,YAAM,UAAU;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM,YAAY,CAAC,UAAU,CAAC;AAExC,QAAM,aAAa,SAAS;AAU5B,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,YAAY,WAAW,QAAQ,YAAY,GAAI;AACnD,UAAM,KAAK,UAAU;AACrB,QAAI,iBAAiB,MAAM,GAAG,eAAe,GAAG,YAAa;AAC7D,eAAW;AACX,UAAM,UAAU,WAAW,MAAM,QAAQ,IAAI,GAAG,SAAS;AAAA,EAC3D,GAAG,CAAC,UAAU,SAAS,eAAe,WAAW,UAAU,CAAC;AAE5D,QAAM,WAAW,YAAY,MAAM;AACjC,eAAW;AACX,YAAQ,KAAK;AAAA,EACf,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,cAAc;AAAA,IAClB,CAAC,MAA+B;AAC9B,iBAAW,eAAe,CAAC;AAC3B,mBAAa;AAAA,IACf;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAC3B;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,MAA+B;AAC9B,iBAAW,eAAe,CAAC;AAC3B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,MAA+B;AAC9B,iBAAW,UAAU,CAAC;AACtB,mBAAa;AAAA,IACf;AAAA,IACA,CAAC,YAAY,YAAY;AAAA,EAC3B;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,MAA+B;AAC9B,iBAAW,SAAS,CAAC;AACrB,eAAS;AAAA,IACX;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAGA,QAAM,UAAU,aAAa,UAAU;AAAA,IACrC,KAAK;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,EACV,CAA+D;AAE/D,SACE,iCACG;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,WAAW,cAAc,WAAW,iBAAiB;AAAA,QACrD,eAAe;AAAA,QACf,qBAAqB;AAAA,QACrB,cAAc;AAAA,QACd,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,8BAAC,WAAQ,WAAsB,WAC5B,mBACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/hover-tooltip/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hover_tooltip_exports = {};
+module.exports = __toCommonJS(hover_tooltip_exports);
+__reExport(hover_tooltip_exports, require("./hover-tooltip.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./hover-tooltip.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/hover-tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/hover-tooltip/index.ts"],"sourcesContent":["export * from './hover-tooltip';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kCAAc,4BAAd;","names":[]}

package/dist/ui/hover-tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hover-tooltip.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/hover-tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/hover-tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}