@revolist/ui 4.0.5-rc → 4.0.5

package/rich-text/style.scss

@@ -11,7 +11,9 @@
     align-items: center;
     gap: 8px;
     margin-block: 10px;
-    .rv-icon-toolbar { flex: 0 0 auto; }
+    .rv-icon-toolbar {
+      flex: 0 0 auto;
+    }
   }
   .rv-editor-actions {
     display: flex;
@@ -25,7 +27,10 @@
     flex-wrap: wrap;
     gap: 8px;
     margin-block-end: 8px;
-    input { flex: 1; min-width: 0; }
+    input {
+      flex: 1;
+      min-width: 0;
+    }
   }
   &__visual,
   &__source {
@@ -44,7 +49,10 @@
     line-height: 1.6;
     text-align: start;
     overflow-wrap: anywhere;
-    &:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: 2px; }
+    &:focus-visible {
+      outline: 2px solid var(--rv-ui-accent);
+      outline-offset: 2px;
+    }
   }
   &__source {
     margin-block-start: 12px;
@@ -52,11 +60,19 @@
     max-height: none;
     padding: 0;
     overflow: hidden;
-    &:focus-within { outline: 2px solid var(--rv-ui-accent); outline-offset: 2px; box-shadow: none; }
+    &:focus-within {
+      outline: 2px solid var(--rv-ui-accent);
+      outline-offset: 2px;
+      box-shadow: none;
+    }
     .rv-highlighted-input__highlight,
     textarea.rv-highlighted-input__input {
       padding: 16px;
-      font: 14px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace;
+      font:
+        14px/1.6 ui-monospace,
+        SFMono-Regular,
+        Consolas,
+        monospace;
       letter-spacing: normal;
       white-space: pre;
       overflow-wrap: normal;
@@ -84,16 +100,39 @@
       caret-color: var(--rv-ui-text);
     }
   }
-  &__visual[hidden] { display: none; }
+  &__visual[hidden] {
+    display: none;
+  }
   &__visual {
     white-space: pre-wrap;
-    p, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol {
+    p,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    pre,
+    blockquote,
+    ul,
+    ol {
       margin: 0 0 0.75em;
     }
-    > :first-child { margin-block-start: 0; }
-    > :last-child { margin-block-end: 0; }
-    p { font: inherit; }
-    h1, h2, h3, h4, h5, h6 {
+    > :first-child {
+      margin-block-start: 0;
+    }
+    > :last-child {
+      margin-block-end: 0;
+    }
+    p {
+      font: inherit;
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
       margin-block-start: 1em;
       font-family: inherit;
       font-weight: 650;
@@ -101,27 +140,68 @@
       letter-spacing: normal;
       color: inherit;
     }
-    h1 { font-size: 1.65em; }
-    h2 { font-size: 1.3em; }
-    h3, h4, h5, h6 { font-size: 1.1em; }
-    strong { font-weight: 700; }
-    em { font-style: italic; }
-    s { text-decoration: line-through; }
-    ul, ol { padding-inline-start: 1.75em; list-style-position: outside; }
-    ul { list-style-type: disc; }
-    ol { list-style-type: decimal; }
-    li { margin-block: 0.25em; padding-inline-start: 0.15em; }
-    li > p { margin-block: 0; }
-    li > ul, li > ol { margin-block: 0.25em 0; }
+    h1 {
+      font-size: 1.65em;
+    }
+    h2 {
+      font-size: 1.3em;
+    }
+    h3,
+    h4,
+    h5,
+    h6 {
+      font-size: 1.1em;
+    }
+    strong {
+      font-weight: 700;
+    }
+    em {
+      font-style: italic;
+    }
+    s {
+      text-decoration: line-through;
+    }
+    ul,
+    ol {
+      padding-inline-start: 1.75em;
+      list-style-position: outside;
+    }
+    ul {
+      list-style-type: disc;
+    }
+    ol {
+      list-style-type: decimal;
+    }
+    li {
+      margin-block: 0.25em;
+      padding-inline-start: 0.15em;
+    }
+    li > p {
+      margin-block: 0;
+    }
+    li > ul,
+    li > ol {
+      margin-block: 0.25em 0;
+    }
     blockquote {
       border-inline-start: 3px solid var(--rv-ui-border);
       padding-inline-start: 14px;
       margin-inline: 0;
       color: var(--rv-ui-text-muted, var(--rv-ui-text));
-      > :last-child { margin-block-end: 0; }
+      > :last-child {
+        margin-block-end: 0;
+      }
+    }
+    code,
+    pre {
+      font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+    }
+    code {
+      background: var(--rv-ui-surface-sunken);
+      padding: 0.12em 0.3em;
+      border-radius: 3px;
+      font-size: 0.92em;
     }
-    code, pre { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
-    code { background: var(--rv-ui-surface-sunken); padding: 0.12em 0.3em; border-radius: 3px; font-size: 0.92em; }
     pre {
       background: var(--rv-ui-surface-sunken);
       border: 1px solid var(--rv-ui-border);
@@ -132,9 +212,18 @@
       line-height: 1.6;
       white-space: pre-wrap;
       tab-size: 2;
-      code { padding: 0; background: none; border-radius: 0; font: inherit; }
+      code {
+        padding: 0;
+        background: none;
+        border-radius: 0;
+        font: inherit;
+      }
+    }
+    a {
+      color: var(--rv-ui-accent-text);
+      text-decoration: underline;
+      text-underline-offset: 2px;
     }
-    a { color: var(--rv-ui-accent-text); text-decoration: underline; text-underline-offset: 2px; }
   }
   &__help {
     margin: 8px 0 12px;
@@ -152,30 +241,71 @@
   // Core uses row height as line-height to center plain cells. Rich blocks need
   // text-sized lines so paragraphs, quotes and lists fit inside taller rows.
   line-height: 1.5;
-  padding-block: min(8px, max(0px, calc((var(--rg-theme-row-size, 27px) - 1.5em) / 2)));
+  padding-block: min(
+    8px,
+    max(0px, calc((var(--rg-theme-row-size, 27px) - 1.5em) / 2))
+  );
   white-space: pre-wrap;
   overflow-wrap: anywhere;
   overflow: hidden;
-  p, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol {
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  pre,
+  blockquote,
+  ul,
+  ol {
     margin: 0 0 0.35em;
-    &:last-child { margin-block-end: 0; }
+    &:last-child {
+      margin-block-end: 0;
+    }
   }
-  p { font: inherit; }
-  h1, h2, h3, h4, h5, h6 {
+  p {
+    font: inherit;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     font-family: inherit;
     font-size: inherit;
     font-weight: 600;
     line-height: inherit;
     color: inherit;
   }
-  strong { font-weight: 700; }
-  em { font-style: italic; }
-  s { text-decoration: line-through; }
-  ul, ol { padding-inline-start: 1.5em; list-style-position: outside; }
-  ul { list-style-type: disc; }
-  ol { list-style-type: decimal; }
-  li > p { margin-block: 0; }
-  li > ul, li > ol { margin-block: 0.15em 0; }
+  strong {
+    font-weight: 700;
+  }
+  em {
+    font-style: italic;
+  }
+  s {
+    text-decoration: line-through;
+  }
+  ul,
+  ol {
+    padding-inline-start: 1.5em;
+    list-style-position: outside;
+  }
+  ul {
+    list-style-type: disc;
+  }
+  ol {
+    list-style-type: decimal;
+  }
+  li > p {
+    margin-block: 0;
+  }
+  li > ul,
+  li > ol {
+    margin-block: 0.15em 0;
+  }
   blockquote {
     border-inline-start: 2px solid var(--rv-ui-border, GrayText);
     padding-inline-start: 10px;
@@ -187,10 +317,22 @@
     text-decoration: underline;
     text-underline-offset: 2px;
     text-decoration-thickness: 1px;
-    &:focus-visible { outline: 2px solid var(--rv-ui-accent, Highlight); outline-offset: 2px; border-radius: 2px; }
+    &:focus-visible {
+      outline: 2px solid var(--rv-ui-accent, Highlight);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
+  }
+  code,
+  pre {
+    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+    font-size: 0.9em;
+  }
+  code {
+    background: var(--rv-ui-surface-sunken);
+    padding-inline: 0.2em;
+    border-radius: 3px;
   }
-  code, pre { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 0.9em; }
-  code { background: var(--rv-ui-surface-sunken); padding-inline: 0.2em; border-radius: 3px; }
   pre {
     white-space: pre-wrap;
     background: var(--rv-ui-surface-sunken);
@@ -198,15 +340,27 @@
     border-radius: 3px;
     line-height: 1.5;
     tab-size: 2;
-    code { font: inherit; background: none; padding: 0; }
+    code {
+      font: inherit;
+      background: none;
+      padding: 0;
+    }
   }
 }
 
 .rv-html-syntax {
   font: inherit;
   color: var(--rv-ui-text);
-  &__tag { color: var(--rv-ui-accent-text); }
-  &__attribute { color: var(--rv-ui-warning, var(--rv-ui-accent-text)); }
-  &__string { color: var(--rv-ui-success); }
-  &__comment { color: var(--rv-ui-text-muted); }
+  &__tag {
+    color: var(--rv-ui-accent-text);
+  }
+  &__attribute {
+    color: var(--rv-ui-warning, var(--rv-ui-accent-text));
+  }
+  &__string {
+    color: var(--rv-ui-success);
+  }
+  &__comment {
+    color: var(--rv-ui-text-muted);
+  }
 }

package/rich-text/toolbar.d.ts

@@ -1,6 +1,6 @@
 import { HtmlEngine, HtmlSelection } from './engine';
 import { HtmlEditorText } from './translations';
-export declare function HtmlToolbar({ engine, selection, text, showLink, onLink }: {
+export declare function HtmlToolbar({ engine, selection, text, showLink, onLink, }: {
     engine: () => HtmlEngine | undefined;
     selection: HtmlSelection;
     text: Required<HtmlEditorText>;

package/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://ui.rv-grid.com/sitemap.xml

package/search-input/index.js

@@ -1,7 +1,7 @@
 import { c as e } from "../_chunks/preact.module-BBM36DnO.js";
 import { t } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { n } from "../_chunks/native.view-ByyZ1CT5.js";
-//#region src/search-input/index.tsx
+import { n } from "../_chunks/native-CJm3eq3-.js";
+//#region package/search-input/index.tsx
 function r() {
 	return /* @__PURE__ */ t("svg", {
 		width: "13",

package/search-input/native.d.ts

@@ -1,2 +1,21 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './native.view';
+export interface SearchPresentation {
+    rootClassName?: string;
+    inputClassName?: string;
+    iconClassName?: string;
+    shortcutClassName?: string;
+    hideIcon?: boolean;
+    icon?: any;
+    shortcut?: any;
+    leading?: any;
+    trailing?: any;
+    testId?: string;
+    inputAttributes?: Record<string, any>;
+}
+/** One search composition for native, grid and Preact rendering. */
+export declare function renderSearchInput<H extends (...args: any[]) => any>(h: H, options: SearchPresentation): ReturnType<H>;
+export declare function createSearchInput(document: Document, options: Omit<SearchPresentation, 'icon'> & {
+    iconSvg: string;
+}): {
+    root: HTMLElement;
+    input: HTMLInputElement;
+};

package/segmented-switch/index.js

@@ -1,5 +1,5 @@
 import { c as e } from "../_chunks/preact.module-BBM36DnO.js";
-//#region src/segmented-switch/index.tsx
+//#region package/segmented-switch/index.tsx
 function t(e) {
 	if (e === "tablist") return "tab";
 	if (e === "radiogroup") return "radio";

package/select.js

@@ -1 +1 @@
-export { s as Select, c as selectOptions } from "./_chunks/native-control-DO0d1kgx.js";
+export { s as Select, c as selectOptions } from "./_chunks/native-control-um1L1wgZ.js";

package/selection-list.d.ts

@@ -1,2 +1,3 @@
 /** General-purpose selection lists; formatting editors reuse the same owner. */
 export { EditorList as Listbox, EditorListItem as ListboxOption, EditorListGroup as ListboxGroup, EditorListItemContent as ListboxOptionContent, type EditorListProps as ListboxProps, type EditorListItemProps as ListboxOptionProps, type EditorListItemContentProps as ListboxOptionContentProps, } from './editor-layout';
+export { useSelectionListTooltips } from './core/selection-list-tooltips';

package/selection-list.js

@@ -1 +1,3 @@
-export { EditorList as Listbox, EditorListGroup as ListboxGroup, EditorListItem as ListboxOption, EditorListItemContent as ListboxOptionContent } from "./editor-layout/index.js";
+import { t as e } from "./_chunks/selection-list-tooltips-m00U3L6z.js";
+import { EditorList as t, EditorListGroup as n, EditorListItem as r, EditorListItemContent as i } from "./editor-layout/index.js";
+export { t as Listbox, n as ListboxGroup, r as ListboxOption, i as ListboxOptionContent, e as useSelectionListTooltips };

package/status-feedback/badge.js

@@ -1,5 +1,5 @@
-import { t as e } from "../_chunks/icons-Ci5mADVc.js";
-//#region src/status-feedback/badge.ts
+import { t as e } from "../_chunks/icons-B4qN13Yj.js";
+//#region package/status-feedback/badge.ts
 function t(t, { label: n, tone: r = "neutral", busy: i = !1, className: a }) {
 	return t("span", {
 		class: ["rv-status-badge", a].filter(Boolean).join(" "),

package/status-feedback/exit-snapshot.js

@@ -1,7 +1,7 @@
-import { r as e } from "../_chunks/top-layer-popup-CNSDdfJV.js";
+import { r as e } from "../_chunks/top-layer-popup-CKJ7VJOF.js";
 import { isUiMotionEnabled as t } from "../core/motion.js";
 import { animateStatusFeedback as n } from "./motion.js";
-//#region src/status-feedback/exit-snapshot.ts
+//#region package/status-feedback/exit-snapshot.ts
 function r(r) {
 	let i = r.ownerDocument.defaultView;
 	if (!i || typeof r.animate != "function" || !t(r)) return;

package/status-feedback/header.js

@@ -1,8 +1,8 @@
 import { t as e } from "../_chunks/chevron-down-GbplLa6s.js";
 import { t } from "../_chunks/xmark-DD_PBvZI.js";
 import { t as n } from "../_chunks/chevron-up-BLuNMPDn.js";
-import { t as r } from "../_chunks/icons-Ci5mADVc.js";
-//#region src/status-feedback/header.ts
+import { t as r } from "../_chunks/icons-B4qN13Yj.js";
+//#region package/status-feedback/header.ts
 function i(e) {
 	let t = e.some((e) => e.tone === "danger") ? "danger" : e.some((e) => e.tone === "warning") ? "warning" : "neutral";
 	return {

package/status-feedback/icons.js

@@ -1 +1 @@
-export { t as statusIcon } from "../_chunks/icons-Ci5mADVc.js";
+export { t as statusIcon } from "../_chunks/icons-B4qN13Yj.js";

package/status-feedback/index.js

@@ -1,4 +1,4 @@
 import { renderStatusBadge as e } from "./badge.js";
-import { n as t, r as n, t as r } from "../_chunks/render-m5eMMwFR.js";
+import { n as t, r as n, t as r } from "../_chunks/render-bTk3curw.js";
 import { StatusFeedbackPopoverController as i } from "./popover.js";
 export { r as StatusBadge, t as StatusFeedbackPanel, i as StatusFeedbackPopoverController, e as renderStatusBadge, n as renderStatusFeedbackPanel };

package/status-feedback/item.js

@@ -1,5 +1,5 @@
-import { t as e } from "../_chunks/icons-Ci5mADVc.js";
-//#region src/status-feedback/item.ts
+import { t as e } from "../_chunks/icons-B4qN13Yj.js";
+//#region package/status-feedback/item.ts
 function t(t, n) {
 	let r = n.tone ?? "neutral", i = n.actions ?? [];
 	return t("div", {

package/status-feedback/motion.js

@@ -1,5 +1,5 @@
 import { getUiMotionDuration as e, isUiMotionEnabled as t, watchUiMotionPolicy as n } from "../core/motion.js";
-//#region src/status-feedback/motion.ts
+//#region package/status-feedback/motion.ts
 function r(r, i, a, o = 180) {
 	if (typeof r.animate != "function" || !t(r)) return;
 	let s = a.includes("exit") ? "exit" : a.includes("resize") ? "normal" : "enter", c = e(r, s, o);

package/status-feedback/placement.js

@@ -1,4 +1,4 @@
-//#region src/status-feedback/placement.ts
+//#region package/status-feedback/placement.ts
 function e(e, t, n, r) {
 	return {
 		width: Math.max(0, Math.min(n ? r.collapsedWidth ?? 260 : r.width ?? 560, e.width - 16, t ? t.width - 16 : Infinity)),

package/status-feedback/popover.js

@@ -1,10 +1,10 @@
 import { calculateAnchoredPopoverPosition as e } from "../core/anchored-popover.js";
-import { r as t, t as n } from "../_chunks/top-layer-popup-CNSDdfJV.js";
+import { r as t, t as n } from "../_chunks/top-layer-popup-CKJ7VJOF.js";
 import { inheritUiMotion as r } from "../core/motion.js";
 import { statusFeedbackSize as i } from "./placement.js";
 import { animateStatusFeedback as a } from "./motion.js";
 import { statusFeedbackExit as o } from "./exit-snapshot.js";
-//#region src/status-feedback/popover.ts
+//#region package/status-feedback/popover.ts
 var s = 0, c = class {
 	options;
 	id = `rv-status-popover-${++s}`;

package/status-feedback/render.js

@@ -1,3 +1,3 @@
 import { renderStatusBadge as e } from "./badge.js";
-import { n as t, r as n, t as r } from "../_chunks/render-m5eMMwFR.js";
+import { n as t, r as n, t as r } from "../_chunks/render-bTk3curw.js";
 export { r as StatusBadge, t as StatusFeedbackPanel, e as renderStatusBadge, n as renderStatusFeedbackPanel };