@adecore/ui 0.31.12 → 0.32.0

package/dist/Field.js

@@ -1,50 +1,368 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useId } from 'react';
 import clsx from 'clsx';
 import { useRender } from '@base-ui/react/use-render';
 import { FieldContext } from './field-context.js';
-import { SectionLabel } from './SectionLabel.js';
+import { SectionLabel } from "./SectionLabel.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const HINT = 'text-xs text-text-muted';
 const ERROR = 'text-xs text-status-error';
 // Beside the control the label reads at the size of what is typed, on the middle of the control's first line however tall it grows.
 const LABEL_BESIDE = 'flex h-8 items-center self-start text-sm text-text-muted';
-const isShown = (line) => line !== undefined && line !== null && line !== '';
+const isShown = line => line !== undefined && line !== null && line !== '';
 /* The line under a field that says what goes in it. */
-export function FieldHint({ render, className, ref, ...props }) {
-    return useRender({
-        render,
-        ref,
-        defaultTagName: 'p',
-        props: { ...props, className: clsx('mt-1', HINT, className) }
-    });
+export function FieldHint(t0) {
+  const $ = _c(14);
+  let className;
+  let props;
+  let ref;
+  let render;
+  if ($[0] !== t0) {
+    ({
+      render,
+      className,
+      ref,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = ref;
+    $[4] = render;
+  } else {
+    className = $[1];
+    props = $[2];
+    ref = $[3];
+    render = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = clsx("mt-1", HINT, className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = {
+      ...props,
+      className: t1
+    };
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== ref || $[11] !== render || $[12] !== t2) {
+    t3 = {
+      render,
+      ref,
+      defaultTagName: "p",
+      props: t2
+    };
+    $[10] = ref;
+    $[11] = render;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return useRender(t3);
 }
 /* What went wrong in a dialog or a form. An alert, so a screen reader hears it arrive. */
-export function FormError({ render, className, ref, ...props }) {
-    return useRender({
-        render,
-        ref,
-        defaultTagName: 'p',
-        props: { role: 'alert', ...props, className: clsx(ERROR, className) }
-    });
+export function FormError(t0) {
+  const $ = _c(14);
+  let className;
+  let props;
+  let ref;
+  let render;
+  if ($[0] !== t0) {
+    ({
+      render,
+      className,
+      ref,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = ref;
+    $[4] = render;
+  } else {
+    className = $[1];
+    props = $[2];
+    ref = $[3];
+    render = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = clsx(ERROR, className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== props || $[8] !== t1) {
+    t2 = {
+      role: "alert",
+      ...props,
+      className: t1
+    };
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== ref || $[11] !== render || $[12] !== t2) {
+    t3 = {
+      render,
+      ref,
+      defaultTagName: "p",
+      props: t2
+    };
+    $[10] = ref;
+    $[11] = render;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return useRender(t3);
 }
 /* A group's label names it through `aria-labelledby`; a control's points at the control. */
-function FieldLabel({ id, group, horizontal, children }) {
-    if (horizontal) {
-        return group ? (_jsx("span", { id: `${id}-label`, className: LABEL_BESIDE, children: children })) : (_jsx("label", { htmlFor: `${id}-control`, className: LABEL_BESIDE, children: children }));
+function FieldLabel(t0) {
+  const $ = _c(8);
+  const {
+    id,
+    group,
+    horizontal,
+    children
+  } = t0;
+  if (horizontal) {
+    let t1;
+    if ($[0] !== children || $[1] !== group || $[2] !== id) {
+      t1 = group ? /*#__PURE__*/_jsx("span", {
+        id: `${id}-label`,
+        className: LABEL_BESIDE,
+        children: children
+      }) : /*#__PURE__*/_jsx("label", {
+        htmlFor: `${id}-control`,
+        className: LABEL_BESIDE,
+        children: children
+      });
+      $[0] = children;
+      $[1] = group;
+      $[2] = id;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
     }
-    return group ? (_jsx(SectionLabel, { id: `${id}-label`, children: children })) : (_jsx(SectionLabel, { render: _jsx("label", { htmlFor: `${id}-control` }), children: children }));
+    return t1;
+  }
+  let t1;
+  if ($[4] !== children || $[5] !== group || $[6] !== id) {
+    t1 = group ? /*#__PURE__*/_jsx(SectionLabel, {
+      id: `${id}-label`,
+      children: children
+    }) : /*#__PURE__*/_jsx(SectionLabel, {
+      render: /*#__PURE__*/_jsx("label", {
+        htmlFor: `${id}-control`
+      }),
+      children: children
+    });
+    $[4] = children;
+    $[5] = group;
+    $[6] = id;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
 }
 /*
  * A labelled control, or a labelled group, with an optional hint and error under it, stacked 6px apart.
  * Beside each other the label column is 112px, so the controls of every field in a form line up.
  */
-export function Field({ label, hint, error, group = false, orientation = 'vertical', className, ref, children }) {
-    const horizontal = orientation === 'horizontal';
-    const id = useId();
-    const hasLabel = label !== undefined;
-    const hasHint = isShown(hint);
-    const hasError = isShown(error);
-    const describedBy = [hasHint ? `${id}-hint` : null, hasError ? `${id}-error` : null].filter((part) => part !== null).join(' ') || undefined;
-    const control = useMemo(() => (group ? null : { id: `${id}-control`, describedBy, invalid: hasError }), [group, id, describedBy, hasError]);
-    return (_jsxs("div", { ref: ref, role: group ? 'group' : undefined, "aria-labelledby": group && hasLabel ? `${id}-label` : undefined, "aria-describedby": group ? describedBy : undefined, className: clsx(horizontal ? 'grid grid-cols-[112px_minmax(0,1fr)] gap-x-3 gap-y-1.5' : 'flex flex-col gap-1.5', className), children: [hasLabel && (_jsx(FieldLabel, { id: id, group: group, horizontal: horizontal, children: label })), _jsx(FieldContext, { value: control, children: horizontal ? _jsx("div", { className: "col-start-2 min-w-0", children: children }) : children }), hasHint && (_jsx("p", { id: `${id}-hint`, className: clsx(HINT, horizontal && 'col-start-2'), children: hint })), hasError && (_jsx("p", { id: `${id}-error`, role: "alert", className: clsx(ERROR, 'break-words', horizontal && 'col-start-2'), children: error }))] }));
+export function Field(t0) {
+  const $ = _c(47);
+  const {
+    label,
+    hint,
+    error,
+    group: t1,
+    orientation: t2,
+    className,
+    ref,
+    children
+  } = t0;
+  const group = t1 === undefined ? false : t1;
+  const orientation = t2 === undefined ? "vertical" : t2;
+  const horizontal = orientation === "horizontal";
+  const id = useId();
+  const hasLabel = label !== undefined;
+  let t3;
+  if ($[0] !== hint) {
+    t3 = isShown(hint);
+    $[0] = hint;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const hasHint = t3;
+  let t4;
+  if ($[2] !== error) {
+    t4 = isShown(error);
+    $[2] = error;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const hasError = t4;
+  const t5 = hasHint ? `${id}-hint` : null;
+  const t6 = hasError ? `${id}-error` : null;
+  let t7;
+  if ($[4] !== t5 || $[5] !== t6) {
+    t7 = [t5, t6].filter(_temp);
+    $[4] = t5;
+    $[5] = t6;
+    $[6] = t7;
+  } else {
+    t7 = $[6];
+  }
+  const lines = t7;
+  const describedBy = lines.length > 0 ? lines.join(" ") : undefined;
+  let t8;
+  if ($[7] !== describedBy || $[8] !== group || $[9] !== hasError || $[10] !== id) {
+    t8 = group ? null : {
+      id: `${id}-control`,
+      describedBy,
+      invalid: hasError
+    };
+    $[7] = describedBy;
+    $[8] = group;
+    $[9] = hasError;
+    $[10] = id;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  const control = t8;
+  const t9 = group ? "group" : undefined;
+  const t10 = group && hasLabel ? `${id}-label` : undefined;
+  const t11 = group ? describedBy : undefined;
+  const t12 = horizontal ? "grid grid-cols-[112px_minmax(0,1fr)] gap-x-3 gap-y-1.5" : "flex flex-col gap-1.5";
+  let t13;
+  if ($[12] !== className || $[13] !== t12) {
+    t13 = clsx(t12, className);
+    $[12] = className;
+    $[13] = t12;
+    $[14] = t13;
+  } else {
+    t13 = $[14];
+  }
+  let t14;
+  if ($[15] !== group || $[16] !== hasLabel || $[17] !== horizontal || $[18] !== id || $[19] !== label) {
+    t14 = hasLabel && /*#__PURE__*/_jsx(FieldLabel, {
+      id: id,
+      group: group,
+      horizontal: horizontal,
+      children: label
+    });
+    $[15] = group;
+    $[16] = hasLabel;
+    $[17] = horizontal;
+    $[18] = id;
+    $[19] = label;
+    $[20] = t14;
+  } else {
+    t14 = $[20];
+  }
+  let t15;
+  if ($[21] !== children || $[22] !== horizontal) {
+    t15 = horizontal ? /*#__PURE__*/_jsx("div", {
+      className: "col-start-2 min-w-0",
+      children: children
+    }) : children;
+    $[21] = children;
+    $[22] = horizontal;
+    $[23] = t15;
+  } else {
+    t15 = $[23];
+  }
+  let t16;
+  if ($[24] !== control || $[25] !== t15) {
+    t16 = /*#__PURE__*/_jsx(FieldContext, {
+      value: control,
+      children: t15
+    });
+    $[24] = control;
+    $[25] = t15;
+    $[26] = t16;
+  } else {
+    t16 = $[26];
+  }
+  let t17;
+  if ($[27] !== hasHint || $[28] !== hint || $[29] !== horizontal || $[30] !== id) {
+    t17 = hasHint && /*#__PURE__*/_jsx("p", {
+      id: `${id}-hint`,
+      className: clsx(HINT, horizontal && "col-start-2"),
+      children: hint
+    });
+    $[27] = hasHint;
+    $[28] = hint;
+    $[29] = horizontal;
+    $[30] = id;
+    $[31] = t17;
+  } else {
+    t17 = $[31];
+  }
+  let t18;
+  if ($[32] !== error || $[33] !== hasError || $[34] !== horizontal || $[35] !== id) {
+    t18 = hasError && /*#__PURE__*/_jsx("p", {
+      id: `${id}-error`,
+      role: "alert",
+      className: clsx(ERROR, "break-words", horizontal && "col-start-2"),
+      children: error
+    });
+    $[32] = error;
+    $[33] = hasError;
+    $[34] = horizontal;
+    $[35] = id;
+    $[36] = t18;
+  } else {
+    t18 = $[36];
+  }
+  let t19;
+  if ($[37] !== ref || $[38] !== t10 || $[39] !== t11 || $[40] !== t13 || $[41] !== t14 || $[42] !== t16 || $[43] !== t17 || $[44] !== t18 || $[45] !== t9) {
+    t19 = /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      role: t9,
+      "aria-labelledby": t10,
+      "aria-describedby": t11,
+      className: t13,
+      children: [t14, t16, t17, t18]
+    });
+    $[37] = ref;
+    $[38] = t10;
+    $[39] = t11;
+    $[40] = t13;
+    $[41] = t14;
+    $[42] = t16;
+    $[43] = t17;
+    $[44] = t18;
+    $[45] = t9;
+    $[46] = t19;
+  } else {
+    t19 = $[46];
+  }
+  return t19;
 }
+function _temp(part) {
+  return part !== null;
+}

package/dist/FileIcon.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useInsertionEffect } from 'react';
 import clsx from 'clsx';
 import { fileIconFor, mountFileIconSprite } from './file-icon.js';
@@ -8,8 +8,69 @@ import { fileIconFor, mountFileIconSprite } from './file-icon.js';
  * a TypeScript blue or a Vue green is the mark of the file type, not a theme choice. Decorative like
  * every other icon here, so the name beside it does the reading.
  */
-export function FileIcon({ path, size = 16, className, ref }) {
-    // Before the browser paints, so a `<use>` never points at a symbol that is not in the document yet.
-    useInsertionEffect(mountFileIconSprite, []);
-    return (_jsx("svg", { ref: ref, className: clsx('file-icon', className), width: size, height: size, viewBox: "0 0 16 16", "aria-hidden": true, children: _jsx("use", { href: `#${fileIconFor(path)}` }) }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FileIcon(t0) {
+  const $ = _c(12);
+  const {
+    path,
+    size: t1,
+    className,
+    ref
+  } = t0;
+  const size = t1 === undefined ? 16 : t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  useInsertionEffect(mountFileIconSprite, t2);
+  let t3;
+  if ($[1] !== className) {
+    t3 = clsx("file-icon", className);
+    $[1] = className;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== path) {
+    t4 = fileIconFor(path);
+    $[3] = path;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const t5 = `#${t4}`;
+  let t6;
+  if ($[5] !== t5) {
+    t6 = /*#__PURE__*/_jsx("use", {
+      href: t5
+    });
+    $[5] = t5;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== ref || $[8] !== size || $[9] !== t3 || $[10] !== t6) {
+    t7 = /*#__PURE__*/_jsx("svg", {
+      ref: ref,
+      className: t3,
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      "aria-hidden": true,
+      children: t6
+    });
+    $[7] = ref;
+    $[8] = size;
+    $[9] = t3;
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  return t7;
+}

package/dist/Icon.js

@@ -1,12 +1,44 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 // The whole client draws at this weight. 2 is Lucide's default, but at 12 and 14 pixels next to
 // text of the same size a hair thinner keeps the glyph from outweighing the words beside it.
+import { jsx as _jsx } from "react/jsx-runtime";
 const STROKE_WIDTH = 1.75;
 /* One Lucide icon, sized in pixels. Icons here are decorative. The name a screen reader reads
    sits on the button or the label next to it, so the glyph stays hidden. */
-export function Icon({ icon: Glyph, size = 16, className, ref }) {
-    // An inline svg sits on the text baseline, which drops a square glyph below the words next to
-    // it; the middle of the box against the middle of the text is what reads as aligned.
-    return _jsx(Glyph, { ref: ref, size: size, strokeWidth: STROKE_WIDTH, className: clsx('align-middle', className), "aria-hidden": true });
-}
+export function Icon(t0) {
+  const $ = _c(7);
+  const {
+    icon: Glyph,
+    size: t1,
+    className,
+    ref
+  } = t0;
+  const size = t1 === undefined ? 16 : t1;
+  let t2;
+  if ($[0] !== className) {
+    t2 = clsx("align-middle", className);
+    $[0] = className;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== Glyph || $[3] !== ref || $[4] !== size || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Glyph, {
+      ref: ref,
+      size: size,
+      strokeWidth: STROKE_WIDTH,
+      className: t2,
+      "aria-hidden": true
+    });
+    $[2] = Glyph;
+    $[3] = ref;
+    $[4] = size;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}