@tradalab/lyra 3.5.0 → 3.6.1

package/dist/blocks/index.d.ts

@@ -4,6 +4,10 @@ import * as React from 'react';
 import { ReactNode, HTMLAttributes } from 'react';
 import { Slot, Label } from 'radix-ui';
 import { LucideIcon } from 'lucide-react';
+export { B as BEARING_PLATES, a as BearingPlate, P as PLATES, b as Plate, d as derivePlate, i as isPlate } from '../plate-BJ19iaVV.js';
+export { u as useCompact, a as usePlate } from '../use-compact-BvI4sJf9.js';
+export { P as PlatePicker, a as PlatePickerProps } from '../plate-picker-CXxUGyNz.js';
+export { P as PreferenceScript } from '../preference-script-Dm-LEoYX.js';
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
@@ -428,71 +432,4 @@ declare function LlmSettings({ api, labels, className, }: {
     className?: string;
 }): React.JSX.Element;
 
-/**
- * Plates: the palette a reader picks, applied by putting `data-plate` on any element.
- *
- * This module holds NAMES and nothing else. The colours live once, in `styles/globals.css`, and a
- * swatch reads them the same way the rest of the UI does - by sitting inside a `data-plate` scope
- * and using `bg-primary`. Copying the values here would be the second table that drifts.
- *
- * Absent `data-plate`, `--primary` is lyra's neutral. That is the default every app ships with, so
- * adopting plates costs an app nothing until a reader chooses.
- */
-declare const PLATES: readonly ["pink", "rose", "crimson", "rust", "orange", "ochre", "amber", "honey", "gold", "olive", "lime", "green", "teal", "cyan", "azure", "blue", "indigo", "violet", "magenta"];
-type Plate = (typeof PLATES)[number];
-/**
- * The plates certified to be told apart from each other, not merely from the status tokens.
- *
- * Only these may carry MEANING. The distinction is not decorative: a plate a reader picks for
- * pleasure needs no relation to anyone else's, but a plate that says "which space you are typing
- * into" stops working the moment two of them look alike - so that use gets the subset measured at
- * dE76 >= 29.7 pairwise, in both themes.
- */
-declare const BEARING_PLATES: readonly ["pink", "rust", "amber", "olive", "green", "teal", "azure", "blue", "violet"];
-type BearingPlate = (typeof BEARING_PLATES)[number];
-declare function isPlate(s: string): s is Plate;
-/**
- * The plate for an id, from the certified subset.
- *
- * Derived, never chosen, and that is the point when the colour is a fence rather than a preference:
- * if two organisations could both pick blue the signal stops working for both of them. Deriving on
- * the CLIENT is deliberate too - the alternative is every server that shows a coloured surface
- * keeping its own copy of the name list, which is the shape chat ended up in (a Go slice, a CSS
- * block and a TS union, with nothing holding them together).
- *
- * FNV-1a rather than a cryptographic hash: this picks a colour, so spreading matters and secrecy
- * does not, and it stays synchronous - SubtleCrypto would make every call site async for nothing.
- */
-declare function derivePlate(id: string): BearingPlate;
-
-interface PlatePickerProps {
-    value: Plate | null;
-    onChange: (plate: Plate | null) => void;
-    /** Accessible name for the group, e.g. "Accent colour". */
-    label: string;
-    /** Accessible name for the neutral option, e.g. "Default". */
-    resetLabel: string;
-    /**
-     * Translated name per plate. Falls back to the plate's own key, which is English - fine for a
-     * developer tool, wrong for a product, and the reason this is a prop rather than a table in here.
-     */
-    plateLabels?: Partial<Record<Plate, string>>;
-    className?: string;
-}
-declare function PlatePicker({ value, onChange, label, resetLabel, plateLabels, className }: PlatePickerProps): React.JSX.Element;
-
-/**
- * The plate this device is set to, and a way to change it.
- *
- * A stored name that is no longer a plate - a rename, a downgrade to an older lyra - reads as no
- * plate. The alternative is an attribute no rule matches, which looks identical to the neutral
- * default on screen while the picker shows nothing selected at all, so the reader cannot tell that
- * their choice was dropped or get back to a known state.
- */
-declare function usePlate(): [Plate | null, (plate: Plate | null) => void];
-
-declare function useCompact(): [boolean, (compact: boolean) => void];
-
-declare function PreferenceScript(): React.JSX.Element;
-
-export { BEARING_PLATES, type BearingPlate, ConfirmContext, ConfirmDialog, type ConfirmFn, type ConfirmOptions, ConfirmProvider, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type LlmCapability, type LlmDriver, type LlmField, type LlmFound, type LlmModel, type LlmProvider, type LlmProviderInput, type LlmPullProgress, LlmSettings, type LlmSettingsApi, type LlmSettingsLabels, type LlmSlot, type LlmState, type McpCall, type McpClient, McpSettings, type McpSettingsApi, type McpSettingsLabels, type McpStatus, type McpTool, OptionPicker, type OptionPickerLabels, PLATES, Panel, PanelCard, type PanelCardProps, type PanelItemProps, type PickOption, type Plate, PlatePicker, type PlatePickerProps, PreferenceScript, TreeExpander, type TreeExpanderProps, TreeIcon, type TreeIconProps, TreeLabel, type TreeLabelProps, TreeLines, TreeNode, TreeNodeContent, type TreeNodeContentProps, type TreeNodeProps, TreeNodeTrigger, type TreeNodeTriggerProps, TreeProvider, type TreeProviderProps, TreeView, type TreeViewProps, TzPicker, type TzPickerLabels, type TzPickerProps, derivePlate, isPlate, useCompact, useConfirm, useFormField, usePlate };
+export { ConfirmContext, ConfirmDialog, type ConfirmFn, type ConfirmOptions, ConfirmProvider, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type LlmCapability, type LlmDriver, type LlmField, type LlmFound, type LlmModel, type LlmProvider, type LlmProviderInput, type LlmPullProgress, LlmSettings, type LlmSettingsApi, type LlmSettingsLabels, type LlmSlot, type LlmState, type McpCall, type McpClient, McpSettings, type McpSettingsApi, type McpSettingsLabels, type McpStatus, type McpTool, OptionPicker, type OptionPickerLabels, Panel, PanelCard, type PanelCardProps, type PanelItemProps, type PickOption, TreeExpander, type TreeExpanderProps, TreeIcon, type TreeIconProps, TreeLabel, type TreeLabelProps, TreeLines, TreeNode, TreeNodeContent, type TreeNodeContentProps, type TreeNodeProps, TreeNodeTrigger, type TreeNodeTriggerProps, TreeProvider, type TreeProviderProps, TreeView, type TreeViewProps, TzPicker, type TzPickerLabels, type TzPickerProps, useConfirm, useFormField };

package/dist/blocks/index.js

@@ -1,14 +1,19 @@
 "use client";
-import { Label, Combobox, ComboboxInput, ComboboxContent, ComboboxEmpty, ComboboxList, ComboboxItem, Spinner, Alert, AlertDescription, FieldGroup, FieldSet, FieldLegend, FieldDescription, Field, FieldContent, FieldLabel, Badge, Switch, FieldSeparator, Progress, RadioGroup } from '../chunk-EJP7F42V.js';
-import { NativeSelect, NativeSelectOption } from '../chunk-FHM6VOPQ.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '../chunk-XJJQAQWJ.js';
-import { Dialog, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from '../chunk-XWGYXLIA.js';
-import '../chunk-2HDU26FC.js';
+import { Label, Combobox, ComboboxInput, ComboboxContent, ComboboxEmpty, ComboboxList, ComboboxItem, Spinner, Alert, AlertDescription, FieldGroup, FieldSet, FieldLegend, FieldDescription, Field, FieldContent, FieldLabel, Badge, FieldSeparator, Progress } from '../chunk-7MZ73OVI.js';
+export { PreferenceScript } from '../chunk-7MZ73OVI.js';
+import { NativeSelect, NativeSelectOption } from '../chunk-AM6UJ666.js';
+export { useCompact, usePlate } from '../chunk-AIULLZYM.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Switch } from '../chunk-RNKXFELK.js';
+export { PlatePicker } from '../chunk-RNKXFELK.js';
+export { BEARING_PLATES, PLATES, derivePlate, isPlate } from '../chunk-D7DMRCDY.js';
+import '../chunk-VEWKPOMS.js';
+import { Dialog, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from '../chunk-L4LQCVOF.js';
+import '../chunk-VXW3K5O5.js';
 import { Button, Input } from '../chunk-VGOGWZCF.js';
 import { cn } from '../chunk-XH55BHUU.js';
 import * as React5 from 'react';
-import { createContext, useState, useContext, useCallback, useId, useSyncExternalStore, useEffect } from 'react';
-import { Slot, RadioGroup as RadioGroup$1 } from 'radix-ui';
+import { createContext, useState, useContext, useCallback, useId } from 'react';
+import { Slot } from 'radix-ui';
 import { FormProvider, Controller, useFormContext } from 'react-hook-form';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronRight, CheckIcon, CopyIcon, PlusIcon, FolderOpen, Folder, File } from 'lucide-react';
@@ -1284,154 +1289,6 @@ function LlmSettings({
   );
 }
 
-// src/blocks/plate.ts
-var PLATES = [
-  "pink",
-  "rose",
-  "crimson",
-  "rust",
-  "orange",
-  "ochre",
-  "amber",
-  "honey",
-  "gold",
-  "olive",
-  "lime",
-  "green",
-  "teal",
-  "cyan",
-  "azure",
-  "blue",
-  "indigo",
-  "violet",
-  "magenta"
-];
-var BEARING_PLATES = [
-  "pink",
-  "rust",
-  "amber",
-  "olive",
-  "green",
-  "teal",
-  "azure",
-  "blue",
-  "violet"
-];
-function isPlate(s) {
-  return PLATES.includes(s);
-}
-function derivePlate(id) {
-  let h = 2166136261;
-  for (let i = 0; i < id.length; i++) {
-    h ^= id.charCodeAt(i);
-    h = Math.imul(h, 16777619) >>> 0;
-  }
-  return BEARING_PLATES[h % BEARING_PLATES.length];
-}
-var NONE = "none";
-function PlatePicker({ value, onChange, label, resetLabel, plateLabels, className }) {
-  const swatch = "size-7 shrink-0 rounded-none border outline-2 -outline-offset-[3px] outline-transparent focus-visible:ring-2 focus-visible:ring-ring";
-  return /* @__PURE__ */ jsxs(
-    RadioGroup,
-    {
-      "aria-label": label,
-      value: value ?? NONE,
-      onValueChange: (v) => onChange(isPlate(v) ? v : null),
-      className: cn("flex w-auto flex-wrap gap-2", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          RadioGroup$1.Item,
-          {
-            value: NONE,
-            "aria-label": resetLabel,
-            title: resetLabel,
-            className: cn(swatch, "bg-muted border-border data-checked:outline-foreground")
-          }
-        ),
-        PLATES.map((p) => /* @__PURE__ */ jsx(
-          RadioGroup$1.Item,
-          {
-            value: p,
-            "aria-label": plateLabels?.[p] ?? p,
-            title: plateLabels?.[p] ?? p,
-            "data-plate": p,
-            className: cn(swatch, "bg-primary border-transparent data-checked:outline-primary-foreground")
-          },
-          p
-        ))
-      ]
-    }
-  );
-}
-var PLATE_KEY = "lyra.plate";
-var COMPACT_KEY = "lyra.compact";
-var listeners = /* @__PURE__ */ new Map();
-function read(key) {
-  try {
-    return localStorage.getItem(key);
-  } catch {
-    return null;
-  }
-}
-function useStoredSetting(key) {
-  const subscribe = useCallback(
-    (onChange) => {
-      const set = listeners.get(key) ?? /* @__PURE__ */ new Set();
-      listeners.set(key, set);
-      set.add(onChange);
-      const onStorage = (e) => {
-        if (e.key === key) onChange();
-      };
-      window.addEventListener("storage", onStorage);
-      return () => {
-        set.delete(onChange);
-        window.removeEventListener("storage", onStorage);
-      };
-    },
-    [key]
-  );
-  const value = useSyncExternalStore(
-    subscribe,
-    () => read(key),
-    () => null
-  );
-  const store = useCallback((next) => {
-    try {
-      if (next === null) localStorage.removeItem(key);
-      else localStorage.setItem(key, next);
-    } catch {
-    }
-    listeners.get(key)?.forEach((l) => l());
-  }, [key]);
-  return [value, store];
-}
-function useRootAttribute(name, value) {
-  useEffect(() => {
-    const root = document.documentElement;
-    if (value === null) root.removeAttribute(name);
-    else root.setAttribute(name, value);
-  }, [name, value]);
-}
-
-// src/blocks/use-plate.ts
-function usePlate() {
-  const [stored, store] = useStoredSetting(PLATE_KEY);
-  const plate = stored !== null && isPlate(stored) ? stored : null;
-  useRootAttribute("data-plate", plate);
-  return [plate, store];
-}
-function useCompact() {
-  const [stored, store] = useStoredSetting(COMPACT_KEY);
-  const compact = stored === "true";
-  const setCompact = useCallback((next) => store(next ? "true" : null), [store]);
-  useRootAttribute("data-compact", compact ? "true" : null);
-  return [compact, setCompact];
-}
-var SCRIPT = `try{var d=document.documentElement,p=localStorage.getItem("${PLATE_KEY}");if(p)d.setAttribute("data-plate",p);if(localStorage.getItem("${COMPACT_KEY}")==="true")d.setAttribute("data-compact","true")}catch(e){}`;
-function PreferenceScript() {
-  return /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: SCRIPT } });
-}
-
-export { BEARING_PLATES, ConfirmContext, ConfirmDialog, ConfirmProvider, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, LlmSettings, McpSettings, OptionPicker, PLATES, Panel, PanelCard, PlatePicker, PreferenceScript, TreeExpander, TreeIcon, TreeLabel, TreeLines, TreeNode, TreeNodeContent, TreeNodeTrigger, TreeProvider, TreeView, TzPicker, derivePlate, isPlate, useCompact, useConfirm, useFormField, usePlate };
+export { ConfirmContext, ConfirmDialog, ConfirmProvider, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, LlmSettings, McpSettings, OptionPicker, Panel, PanelCard, TreeExpander, TreeIcon, TreeLabel, TreeLines, TreeNode, TreeNodeContent, TreeNodeTrigger, TreeProvider, TreeView, TzPicker, useConfirm, useFormField };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map