@godxjp/ui 31.31.8 → 32.0.0

package/dist/i18n/translate.js

@@ -1,7 +1,10 @@
+"use client";
 import en from "./messages/en.json" with { type: "json" };
 import ja from "./messages/ja.json" with { type: "json" };
 import vi from "./messages/vi.json" with { type: "json" };
 import { numberFormat, pluralRules } from "../lib/intl-cache.js";
+import { getAppSettingsState } from "../app/settings-scope.js";
+import { resolveDefaultLocale, warnUnknownLocale } from "./locale-tags.js";
 const MESSAGE_CATALOG = {
   vi,
   en,
@@ -11,6 +14,11 @@ const LIBRARY_NAMESPACES = new Set(
   Object.values(MESSAGE_CATALOG).flatMap((messages) => Object.keys(messages))
 );
 function registerMessages(locale, messages) {
+  if (!Object.hasOwn(MESSAGE_CATALOG, locale)) {
+    throw new Error(
+      `@godxjp/ui i18n: locale "${locale}" is not registered. Call registerLocale({ code: "${locale}", messages }) instead \u2014 it registers the locale and its strings together.`
+    );
+  }
   const reserved = [...LIBRARY_NAMESPACES].filter((key) => Object.hasOwn(messages, key));
   if (reserved.length > 0) {
     throw new Error(
@@ -19,6 +27,13 @@ function registerMessages(locale, messages) {
   }
   MESSAGE_CATALOG[locale] = mergeDeep(MESSAGE_CATALOG[locale] ?? {}, messages);
 }
+function registerLocaleMessages(locale, messages, allowLibraryNamespaces) {
+  if (!allowLibraryNamespaces) {
+    registerMessages(locale, messages);
+    return;
+  }
+  MESSAGE_CATALOG[locale] = mergeDeep(MESSAGE_CATALOG[locale] ?? {}, messages);
+}
 function mergeDeep(target, source) {
   const merged = { ...target };
   for (const [key, value] of Object.entries(source)) {
@@ -71,41 +86,37 @@ function interpolate(template, locale, params) {
   );
 }
 function translate(locale, fallbackLocale, key, params) {
-  const primary = getNested(MESSAGE_CATALOG[locale], key);
-  const fallback = getNested(MESSAGE_CATALOG[fallbackLocale], key);
+  const catalog = MESSAGE_CATALOG[locale];
+  if (!catalog) warnUnknownLocale(locale, fallbackLocale);
+  const primary = catalog ? getNested(catalog, key) : void 0;
+  const fallback = getNested(MESSAGE_CATALOG[fallbackLocale] ?? {}, key);
   const value = primary ?? fallback ?? key;
   return interpolate(selectPlural(value, locale, params), locale, params);
 }
 function translateCurrent(key, params) {
   return translate(getSyncedLocale(), getSyncedFallbackLocale(), key, params);
 }
-let syncedLocale = "vi";
-let syncedFallbackLocale = "en";
-let syncedByCaller = false;
 function syncI18nLocale(locale, fallbackLocale) {
-  syncedLocale = locale;
-  syncedFallbackLocale = fallbackLocale;
-  syncedByCaller = true;
+  getAppSettingsState().i18n = { locale, fallbackLocale };
 }
 function isI18nLocaleSynced() {
-  return syncedByCaller;
+  return getAppSettingsState().i18n?.locale !== void 0;
 }
 function getSyncedLocale() {
-  return syncedLocale;
+  return getAppSettingsState().i18n?.locale ?? resolveDefaultLocale();
 }
 function getSyncedFallbackLocale() {
-  return syncedFallbackLocale;
+  return getAppSettingsState().i18n?.fallbackLocale ?? "en";
 }
 function resetI18nLocale() {
-  syncedLocale = "vi";
-  syncedFallbackLocale = "en";
-  syncedByCaller = false;
+  getAppSettingsState().i18n = void 0;
 }
 export {
   MESSAGE_CATALOG,
   getSyncedFallbackLocale,
   getSyncedLocale,
   isI18nLocaleSynced,
+  registerLocaleMessages,
   registerMessages,
   resetI18nLocale,
   syncI18nLocale,

package/dist/i18n/use-translation.d.ts

@@ -4,13 +4,13 @@ import { type MessageKey, type TranslateParams } from "./translate.js";
 export declare function resetOutsideProviderWarningForTests(): void;
 type DayPickerLocale = NonNullable<DayPickerProps["locale"]>;
 export declare function useTranslation(): {
-    locale: import("../app/index.js").AppLocale;
-    fallbackLocale: import("../app/index.js").AppLocale;
+    locale: string;
+    fallbackLocale: string;
     t: (key: MessageKey, params?: TranslateParams) => string;
 };
 /** date-fns + react-day-picker locales + datetime prefs from AppProvider. */
 export declare function usePickerLocales(dayPickerOverride?: DayPickerLocale): {
-    locale: import("../app/index.js").AppLocale;
+    locale: string;
     timezone: string;
     timeFormat: import("../app/index.js").AppTimeFormat;
     dateFormat: import("../app/index.js").AppDateFormat;

package/dist/i18n/use-translation.js

@@ -3,6 +3,8 @@ import { useMemo } from "react";
 import { useOptionalAppContext } from "../app/app-provider.js";
 import { getDateFnsLocale, getDayPickerLocale } from "../app/locales.js";
 import { resolveHydrationSafeTimezone } from "../app/timezones.js";
+import { resolveDefaultDateFormat } from "../app/date-format-labels.js";
+import { resolveDefaultTimeFormat } from "../app/time-format-labels.js";
 import { isDevelopment } from "../lib/dev.js";
 import {
   getSyncedFallbackLocale,
@@ -45,8 +47,8 @@ function usePickerLocales(dayPickerOverride) {
       // AppProvider's own unconfigured answer (gh#968) — a zone that looks right when it is wrong
       // (Asia/Ho_Chi_Minh) is worse than one that is visibly not local.
       timezone: ctx?.timezone ?? resolveHydrationSafeTimezone("browser"),
-      timeFormat: ctx?.timeFormat ?? "24h",
-      dateFormat: ctx?.dateFormat ?? "dmy",
+      timeFormat: ctx?.timeFormat ?? resolveDefaultTimeFormat(locale),
+      dateFormat: ctx?.dateFormat ?? resolveDefaultDateFormat(locale),
       dateFnsLocale: ctx?.dateFnsLocale ?? getDateFnsLocale(locale),
       dayPickerLocale: dayPickerOverride ?? ctx?.dayPickerLocale ?? getDayPickerLocale(locale)
     }),

package/dist/{components/navigation → lab}/anchor.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { AnchorProp } from "../../props/components/navigation.prop.js";
-export type { AnchorContainerProp, AnchorDirectionProp, AnchorItemProp, AnchorProp, AnchorProp as AnchorProps, } from "../../props/components/navigation.prop.js";
+import type { AnchorProp } from "../props/components/navigation.prop.js";
+export type { AnchorContainerProp, AnchorDirectionProp, AnchorItemProp, AnchorProp, AnchorProp as AnchorProps, } from "../props/components/navigation.prop.js";
 /**
  * Anchor — Ant Design `Anchor` (6.6.5): the in-page section navigation, and — the part that makes
  * it a component rather than a composition — the thing that WORKS OUT which section is current.

package/dist/{components/navigation → lab}/anchor.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { isDevelopment } from "../../lib/dev.js";
-import { scrollBoxOf, useControlledLatch } from "../../lib/hooks.js";
-import { cn, prefersReducedMotion } from "../../lib/utils.js";
-import { Affix } from "../layout/affix.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { isDevelopment } from "../lib/dev.js";
+import { scrollBoxOf, useControlledLatch } from "../lib/hooks.js";
+import { cn, prefersReducedMotion } from "../lib/utils.js";
+import { Affix } from "../components/layout/affix.js";
 const SHARP_MATCHER = /#([^\t\r\n\f\v]+)$/;
 const DEFAULT_BOUNDS = 5;
 const SCROLL_SETTLE_MS = 120;

package/dist/{components/data-display → lab}/carousel.js

@@ -3,8 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { cn } from "../lib/utils.js";
 const CarouselContext = React.createContext(null);
 const useCarousel = () => {
   const context = React.useContext(CarouselContext);

package/dist/{components/layout → lab}/draggable-panel.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
-import type { DragAxisProp, DraggablePanelPositionProp } from "../../props/components/layout.prop.js";
-export type { DraggablePanelProp, DraggablePanelProp as DraggablePanelProps, DraggablePanelPlacementProp, DraggablePanelPositionProp, DraggablePanelLabels, DragAxisProp, DragBoundsProp, } from "../../props/components/layout.prop.js";
+import type { DragAxisProp, DraggablePanelPositionProp } from "../props/components/layout.prop.js";
+export type { DraggablePanelProp, DraggablePanelProp as DraggablePanelProps, DraggablePanelPlacementProp, DraggablePanelPositionProp, DraggablePanelLabels, DragAxisProp, DragBoundsProp, } from "../props/components/layout.prop.js";
 export declare const DraggablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "children" | "onDrag" | "title"> & {
-    title: import("../../props/index.js").TitleProp;
-    children?: import("../../props/index.js").ChildrenProp;
-    extra?: import("../../props/index.js").ExtraProp;
+    title: import("../props/index.js").TitleProp;
+    children?: import("../props/index.js").ChildrenProp;
+    extra?: import("../props/index.js").ExtraProp;
     placement?: import("./draggable-panel.js").DraggablePanelPlacementProp;
-    width?: Extract<import("../../props/index.js").SizeProp, "sm" | "md" | "lg"> | "xl";
+    width?: Extract<import("../props/index.js").SizeProp, "sm" | "md" | "lg"> | "xl";
     axis?: DragAxisProp;
     bounds?: import("./draggable-panel.js").DragBoundsProp;
     position?: DraggablePanelPositionProp;
@@ -14,6 +14,6 @@ export declare const DraggablePanel: React.ForwardRefExoticComponent<Omit<React.
     onPositionChange?: (position: DraggablePanelPositionProp) => void;
     onClose?: () => void;
     labels?: import("./draggable-panel.js").DraggablePanelLabels;
-    disabled?: import("../../props/index.js").DisabledProp;
-    className?: import("../../props/index.js").ClassNameProp;
+    disabled?: import("../props/index.js").DisabledProp;
+    className?: import("../props/index.js").ClassNameProp;
 } & React.RefAttributes<HTMLElement>>;

package/dist/{components/layout → lab}/draggable-panel.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { GripVertical, X } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../lib/utils.js";
+import { useTranslation } from "../i18n/use-translation.js";
 const AXIS_ALLOWS_X = {
   both: true,
   x: true,

package/dist/{components/data-entry → lab}/emoji-picker.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { EmojiPickerProp } from "../../props/components/data-entry.prop.js";
-export type { EmojiPickerProp, EmojiPickerProp as EmojiPickerProps, } from "../../props/components/data-entry.prop.js";
+import type { EmojiPickerProp } from "../props/components/data-entry.prop.js";
+export type { EmojiPickerProp, EmojiPickerProp as EmojiPickerProps, } from "../props/components/data-entry.prop.js";
 /**
  * EmojiPicker (gh#1164) — a page icon / reaction picker in a Popover: search by ja / en / vi
  * keywords (emojibase-data, the CLDR annotations, loaded for the active locale only when it first

package/dist/{components/data-entry → lab}/emoji-picker.js

@@ -14,13 +14,13 @@ import {
   User,
   UtensilsCrossed
 } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover.js";
-import { Button } from "../general/button.js";
-import { Text } from "../general/typography.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { cn } from "../lib/utils.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../components/data-display/popover.js";
+import { Button } from "../components/general/button.js";
+import { Text } from "../components/general/typography.js";
 import { EMOJI_GROUPS, loadEmoji, searchEmoji } from "./emoji-data.js";
-import { SearchInput } from "./search-input.js";
+import { SearchInput } from "../components/data-entry/search-input.js";
 const COLUMNS = 8;
 const ICON_SIZE = { xs: "icon-xs", sm: "icon-sm", md: "icon", lg: "icon-lg" };
 const RECENTS_LIMIT = 24;

package/dist/{components/general → lab}/float-button.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { FloatButtonBackTopProp, FloatButtonGroupProp, FloatButtonShapeProp, FloatButtonTooltipProp, FloatButtonTypeProp } from "../../props/components/general.prop.js";
-export type { FloatButtonBackTopProp, FloatButtonBackTopProp as FloatButtonBackTopProps, FloatButtonBadgeProp, FloatButtonGroupProp, FloatButtonGroupProp as FloatButtonGroupProps, FloatButtonPlacementProp, FloatButtonProp, FloatButtonProp as FloatButtonProps, FloatButtonShapeProp, FloatButtonTooltipProp, FloatButtonTriggerProp, FloatButtonTypeProp, } from "../../props/components/general.prop.js";
+import type { FloatButtonBackTopProp, FloatButtonGroupProp, FloatButtonShapeProp, FloatButtonTooltipProp, FloatButtonTypeProp } from "../props/components/general.prop.js";
+export type { FloatButtonBackTopProp, FloatButtonBackTopProp as FloatButtonBackTopProps, FloatButtonBadgeProp, FloatButtonGroupProp, FloatButtonGroupProp as FloatButtonGroupProps, FloatButtonPlacementProp, FloatButtonProp, FloatButtonProp as FloatButtonProps, FloatButtonShapeProp, FloatButtonTooltipProp, FloatButtonTriggerProp, FloatButtonTypeProp, } from "../props/components/general.prop.js";
 /**
  * FloatButton.Group — a stack of corner actions, optionally behind one trigger.
  *
@@ -23,18 +23,18 @@ declare function FloatButtonBackTop({ visibilityHeight, target, duration, showPr
  * screen writes `<FloatButton.Group>` / `<FloatButton.BackTop>` unchanged.
  */
 export declare const FloatButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "content" | "type"> & {
-    icon?: import("../../props/index.js").ChildrenProp;
-    description?: import("../../props/index.js").DescriptionProp;
-    content?: import("../../props/index.js").ChildrenProp;
+    icon?: import("../props/index.js").ChildrenProp;
+    description?: import("../props/index.js").DescriptionProp;
+    content?: import("../props/index.js").ChildrenProp;
     type?: FloatButtonTypeProp;
     shape?: FloatButtonShapeProp;
-    tooltip?: import("../../props/index.js").ChildrenProp | FloatButtonTooltipProp;
+    tooltip?: import("../props/index.js").ChildrenProp | FloatButtonTooltipProp;
     href?: string;
     target?: React.HTMLAttributeAnchorTarget;
     badge?: import("./float-button.js").FloatButtonBadgeProp;
-    disabled?: import("../../props/index.js").DisabledProp;
+    disabled?: import("../props/index.js").DisabledProp;
     htmlType?: "button" | "submit" | "reset";
-    className?: import("../../props/index.js").ClassNameProp;
+    className?: import("../props/index.js").ClassNameProp;
 } & React.RefAttributes<HTMLElement>> & {
     Group: typeof FloatButtonGroup;
     BackTop: typeof FloatButtonBackTop;

package/dist/{components/general → lab}/float-button.js

@@ -2,13 +2,13 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronUp, FileText, X } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { useMediaQuery } from "../../lib/hooks.js";
-import { numberFormat } from "../../lib/intl-cache.js";
-import { cn } from "../../lib/utils.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../feedback/tooltip.js";
-import { Button } from "./button.js";
-import { isDevelopment } from "../../lib/dev.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { useMediaQuery } from "../lib/hooks.js";
+import { numberFormat } from "../lib/intl-cache.js";
+import { cn } from "../lib/utils.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../components/feedback/tooltip.js";
+import { Button } from "../components/general/button.js";
+import { isDevelopment } from "../lib/dev.js";
 const GroupContext = React.createContext(null);
 const DEFAULT_ICON = /* @__PURE__ */ jsx(FileText, { "aria-hidden": "true" });
 const BUTTON_VARIANT = {

package/dist/lab/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * `@godxjp/ui/lab` — opt-in components (v32 #1223, decision B3).
+ *
+ * Real behaviour and a known pattern, but niche (a website or novelty surface): no consumer should
+ * pay their catalog and context cost by default. They ship with the SAME gates as core — tests,
+ * a11y, i18n, tokens — and the stylesheet is the core one. The MCP lists them only when asked.
+ *
+ * Promotion to core: once a component is imported by >= 2 repos. Demotion: never automatic.
+ */
+export { FloatButton } from "./float-button.js";
+export type { FloatButtonBackTopProp, FloatButtonBackTopProps, FloatButtonBadgeProp, FloatButtonGroupProp, FloatButtonGroupProps, FloatButtonPlacementProp, FloatButtonProp, FloatButtonProps, FloatButtonShapeProp, FloatButtonTooltipProp, FloatButtonTriggerProp, FloatButtonTypeProp, } from "./float-button.js";
+export { PageCover } from "./page-cover.js";
+export type { PageCoverProp, PageCoverProps } from "./page-cover.js";
+export { DraggablePanel } from "./draggable-panel.js";
+export type { DraggablePanelProp, DraggablePanelProps, DraggablePanelPlacementProp, DraggablePanelPositionProp, DraggablePanelLabels, DragAxisProp, DragBoundsProp, } from "./draggable-panel.js";
+export { LegalDocumentShell } from "./legal-document-shell.js";
+export type { LegalDocumentSectionProp, LegalDocumentShellProp, LegalDocumentShellProps, } from "./legal-document-shell.js";
+export { Masonry } from "./masonry.js";
+export type { MasonryColumnsProp, MasonryGapProp, MasonryItemProp, MasonryLayoutEntryProp, MasonryProp, MasonryProps, } from "./masonry.js";
+export { Marquee } from "./marquee.js";
+export type { MarqueeDirectionProp, MarqueeProp, MarqueeProps, MarqueeSpeedProp } from "./marquee.js";
+export { TextDiff, diffText, tokenizeText } from "./text-diff.js";
+export type { TextDiffGranularity, TextDiffProp, TextDiffProps, TextDiffSegment, } from "./text-diff.js";
+export { TimelineGrid } from "./timeline-grid.js";
+export type { TimelineGridColumnProp, TimelineGridEventProp, TimelineGridProp, TimelineGridProps, } from "./timeline-grid.js";
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CarouselDots, useCarousel, } from "./carousel.js";
+export type { CarouselApi } from "./carousel.js";
+export { RangeTimeline } from "./range-timeline.js";
+export type { RangeTimelineProps, RangeTimelineRow } from "./range-timeline.js";
+export { OrgChart } from "./org-chart.js";
+export type { OrgChartNodeProp, OrgChartNodeVariantProp, OrgChartProp, OrgChartProps, } from "./org-chart.js";
+export { EmojiPicker } from "./emoji-picker.js";
+export type { EmojiPickerProp, EmojiPickerProps } from "./emoji-picker.js";
+export { SortableList } from "./sortable-list.js";
+export type { SortableListItemProp, SortableListProp, SortableListProps } from "./sortable-list.js";
+export { MegaMenu } from "./mega-menu.js";
+export type { MegaMenuProp, MegaMenuProps, MegaMenuItemProp, MegaMenuItemProps, MegaMenuPanelProp, MegaMenuPanelProps, MegaMenuGroupProp, MegaMenuGroupProps, MegaMenuLinkProp, MegaMenuLinkProps, MegaMenuLinkComponentProp, MegaMenuLinkComponentProps, MegaMenuTriggerActionProp, MegaMenuTriggerActionProps, } from "./mega-menu.js";
+export { Anchor } from "./anchor.js";
+export type { AnchorContainerProp, AnchorDirectionProp, AnchorItemProp, AnchorProp, AnchorProps, } from "./anchor.js";

package/dist/lab/index.js

@@ -0,0 +1,48 @@
+import { FloatButton } from "./float-button.js";
+import { PageCover } from "./page-cover.js";
+import { DraggablePanel } from "./draggable-panel.js";
+import { LegalDocumentShell } from "./legal-document-shell.js";
+import { Masonry } from "./masonry.js";
+import { Marquee } from "./marquee.js";
+import { TextDiff, diffText, tokenizeText } from "./text-diff.js";
+import { TimelineGrid } from "./timeline-grid.js";
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  CarouselDots,
+  useCarousel
+} from "./carousel.js";
+import { RangeTimeline } from "./range-timeline.js";
+import { OrgChart } from "./org-chart.js";
+import { EmojiPicker } from "./emoji-picker.js";
+import { SortableList } from "./sortable-list.js";
+import { MegaMenu } from "./mega-menu.js";
+import { Anchor } from "./anchor.js";
+export {
+  Anchor,
+  Carousel,
+  CarouselContent,
+  CarouselDots,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  DraggablePanel,
+  EmojiPicker,
+  FloatButton,
+  LegalDocumentShell,
+  Marquee,
+  Masonry,
+  MegaMenu,
+  OrgChart,
+  PageCover,
+  RangeTimeline,
+  SortableList,
+  TextDiff,
+  TimelineGrid,
+  diffText,
+  tokenizeText,
+  useCarousel
+};

package/dist/{components/layout → lab}/legal-document-shell.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { LegalDocumentShellProp } from "../../props/components/layout.prop.js";
-export type { LegalDocumentSectionProp, LegalDocumentShellProp, LegalDocumentShellProp as LegalDocumentShellProps, } from "../../props/components/layout.prop.js";
+import type { LegalDocumentShellProp } from "../props/components/layout.prop.js";
+export type { LegalDocumentSectionProp, LegalDocumentShellProp, LegalDocumentShellProp as LegalDocumentShellProps, } from "../props/components/layout.prop.js";
 /**
  * LegalDocumentShell — the long-form **legal / policy document** surface: terms of service,
  * privacy policy, DPA, cookie policy, SLA, EULA, security policy. Semantics: `<article>` labelled

package/dist/{components/layout → lab}/legal-document-shell.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { useControlledLatch } from "../../lib/hooks.js";
-import { cn } from "../../lib/utils.js";
-import { Heading } from "../general/typography.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { useControlledLatch } from "../lib/hooks.js";
+import { cn } from "../lib/utils.js";
+import { Heading } from "../components/general/typography.js";
 const SPY_ROOT_MARGIN = "-10% 0px -75% 0px";
 const SECTION_ID_SEPARATOR = "\0";
 const ISO_CALENDAR_DATE = /^\d{4}-\d{2}-\d{2}$/;

package/dist/{components/data-display → lab}/marquee.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { GapProp } from "../../props/vocabulary/index.js";
-export type { MarqueeDirectionProp, MarqueeSpeedProp, MarqueeProp, MarqueeProp as MarqueeProps, } from "../../props/components/data-display.prop.js";
+import type { GapProp } from "../props/vocabulary/index.js";
+export type { MarqueeDirectionProp, MarqueeSpeedProp, MarqueeProp, MarqueeProp as MarqueeProps, } from "../props/components/data-display.prop.js";
 export declare const Marquee: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onPause" | "onPlay"> & {
-    children?: import("../../props/index.js").ChildrenProp;
+    children?: import("../props/index.js").ChildrenProp;
     play?: boolean;
     defaultPlay?: boolean;
     onPlayChange?: (play: boolean) => void;
@@ -11,6 +11,6 @@ export declare const Marquee: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
     gap?: GapProp;
     pauseOnHover?: boolean;
     fade?: boolean;
-    label?: import("../../props/index.js").LabelProp;
-    className?: import("../../props/index.js").ClassNameProp;
+    label?: import("../props/index.js").LabelProp;
+    className?: import("../props/index.js").ClassNameProp;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/{components/data-display → lab}/marquee.js

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Pause, Play } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { useMediaQuery } from "../../lib/hooks.js";
-import { cn } from "../../lib/utils.js";
-import { Button } from "../general/button.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { useMediaQuery } from "../lib/hooks.js";
+import { cn } from "../lib/utils.js";
+import { Button } from "../components/general/button.js";
 import { revealInMarquee } from "./marquee-reveal.js";
-import { ScrollArea } from "./scroll-area.js";
+import { ScrollArea } from "../components/data-display/scroll-area.js";
 function gapToken(step) {
   if (step === "none" || step === 0) return "0px";
   if (typeof step === "number") return `var(--space-${step})`;

package/dist/{components/layout → lab}/masonry.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { MasonryProp } from "../../props/components/layout.prop.js";
-export type { MasonryColumnsProp, MasonryGapProp, MasonryItemProp, MasonryLayoutEntryProp, MasonryProp, MasonryProp as MasonryProps, } from "../../props/components/layout.prop.js";
+import type { MasonryProp } from "../props/components/layout.prop.js";
+export type { MasonryColumnsProp, MasonryGapProp, MasonryItemProp, MasonryLayoutEntryProp, MasonryProp, MasonryProp as MasonryProps, } from "../props/components/layout.prop.js";
 /**
  * Masonry — Ant Design `Masonry` (6.0.0): tiles of unequal height packed into columns, each tile
  * dropped into whichever column is shortest when its turn comes.

package/dist/{components/layout → lab}/masonry.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { isDevelopment } from "../../lib/dev.js";
-import { useMediaQuery } from "../../lib/hooks.js";
-import { cn } from "../../lib/utils.js";
+import { isDevelopment } from "../lib/dev.js";
+import { useMediaQuery } from "../lib/hooks.js";
+import { cn } from "../lib/utils.js";
 const BREAKPOINT_QUERY = {
   sm: "(min-width: 40rem)",
   md: "(min-width: 48rem)",

package/dist/{components/navigation → lab}/mega-menu.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { MegaMenuItemProp, MegaMenuLinkComponentProp } from "../../props/components/navigation.prop.js";
-export type { MegaMenuGroupProp, MegaMenuGroupProp as MegaMenuGroupProps, MegaMenuItemProp, MegaMenuItemProp as MegaMenuItemProps, MegaMenuLinkComponentProp, MegaMenuLinkComponentProp as MegaMenuLinkComponentProps, MegaMenuLinkProp, MegaMenuLinkProp as MegaMenuLinkProps, MegaMenuPanelProp, MegaMenuPanelProp as MegaMenuPanelProps, MegaMenuProp, MegaMenuProp as MegaMenuProps, MegaMenuTriggerActionProp, MegaMenuTriggerActionProp as MegaMenuTriggerActionProps, } from "../../props/components/navigation.prop.js";
+import type { MegaMenuItemProp, MegaMenuLinkComponentProp } from "../props/components/navigation.prop.js";
+export type { MegaMenuGroupProp, MegaMenuGroupProp as MegaMenuGroupProps, MegaMenuItemProp, MegaMenuItemProp as MegaMenuItemProps, MegaMenuLinkComponentProp, MegaMenuLinkComponentProp as MegaMenuLinkComponentProps, MegaMenuLinkProp, MegaMenuLinkProp as MegaMenuLinkProps, MegaMenuPanelProp, MegaMenuPanelProp as MegaMenuPanelProps, MegaMenuProp, MegaMenuProp as MegaMenuProps, MegaMenuTriggerActionProp, MegaMenuTriggerActionProp as MegaMenuTriggerActionProps, } from "../props/components/navigation.prop.js";
 export declare const MegaMenu: React.ForwardRefExoticComponent<{
     items: readonly MegaMenuItemProp[];
     open?: string | null;
@@ -16,6 +16,6 @@ export declare const MegaMenu: React.ForwardRefExoticComponent<{
     label?: string;
     expandIcon?: React.ReactNode | false;
     linkComponent?: MegaMenuLinkComponentProp;
-    id?: import("../../props/index.js").IdProp;
-    className?: import("../../props/index.js").ClassNameProp;
+    id?: import("../props/index.js").IdProp;
+    className?: import("../props/index.js").ClassNameProp;
 } & Omit<React.HTMLAttributes<HTMLElement>, "children" | "defaultValue" | "onChange"> & React.RefAttributes<HTMLElement>>;

package/dist/{components/navigation → lab}/mega-menu.js

@@ -2,8 +2,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDown } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../lib/utils.js";
+import { useTranslation } from "../i18n/use-translation.js";
 const OPEN_DELAY_MS = 0;
 const CLOSE_DELAY_MS = 100;
 function nextEnabled(items, from, step) {

package/dist/{components/data-display → lab}/org-chart.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { OrgChartProp } from "../../props/components/data-display.prop.js";
-export type { OrgChartNodeProp, OrgChartNodeVariantProp, OrgChartProp, OrgChartProp as OrgChartProps, } from "../../props/components/data-display.prop.js";
+import type { OrgChartProp } from "../props/components/data-display.prop.js";
+export type { OrgChartNodeProp, OrgChartNodeVariantProp, OrgChartProp, OrgChartProp as OrgChartProps, } from "../props/components/data-display.prop.js";
 /** `ref` reaches the root `<div>` — the container the breakpoint is measured against. */
 export declare const OrgChart: React.ForwardRefExoticComponent<OrgChartProp & React.RefAttributes<HTMLDivElement>>;

package/dist/{components/data-display → lab}/org-chart.js

@@ -1,10 +1,10 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { useScrollsHorizontally } from "../../lib/hooks.js";
-import { cn } from "../../lib/utils.js";
-import { Tree } from "./tree.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { useScrollsHorizontally } from "../lib/hooks.js";
+import { cn } from "../lib/utils.js";
+import { Tree } from "../components/data-display/tree.js";
 function flatten(nodes) {
   const out = [];
   const walk = (list, depth, parent) => {

package/dist/{components/layout → lab}/page-cover.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { PageCoverProp } from "../../props/components/layout.prop.js";
-export type { PageCoverProp, PageCoverProp as PageCoverProps, } from "../../props/components/layout.prop.js";
+import type { PageCoverProp } from "../props/components/layout.prop.js";
+export type { PageCoverProp, PageCoverProp as PageCoverProps, } from "../props/components/layout.prop.js";
 /**
  * PageCover (gh#1160) — a page's cover image: Notion's banner across the top, or note.com's
  * eyecatch in the reading column (`variant="eyecatch"`, ~1.91:1, rounded). Put it in

package/dist/{components/layout → lab}/page-cover.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { cn } from "../lib/utils.js";
 const clamp = (value) => Math.min(100, Math.max(0, Math.round(value)));
 const PageCover = React.forwardRef(function PageCover2({
   src,

package/dist/{components/data-display → lab}/range-timeline.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { DensityProp } from "../../props/vocabulary/index.js";
+import type { DensityProp } from "../props/vocabulary/index.js";
 export type RangeTimelineRow = {
     id: string;
     label: React.ReactNode;

package/dist/{components/data-display → lab}/range-timeline.js

@@ -1,13 +1,13 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation.js";
+import { useTranslation } from "../i18n/use-translation.js";
 import { ChevronDown, ChevronLeft, ChevronRight, GripVertical } from "lucide-react";
-import { Button } from "../general/button.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../feedback/tooltip.js";
-import { CONTRAST_PIVOT, relativeLuminance } from "../../app/tenant-theme.js";
-import { Text } from "../general/typography.js";
-import { cn } from "../../lib/utils.js";
+import { Button } from "../components/general/button.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../components/feedback/tooltip.js";
+import { CONTRAST_PIVOT, relativeLuminance } from "../app/tenant-theme.js";
+import { Text } from "../components/general/typography.js";
+import { cn } from "../lib/utils.js";
 function inkOn(color) {
   if (!color) return void 0;
   const luminance = relativeLuminance(color);

package/dist/{components/data-entry → lab}/sortable-list.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { SortableListProp } from "../../props/components/data-entry.prop.js";
-export type { SortableListItemProp, SortableListProp, SortableListProp as SortableListProps, } from "../../props/components/data-entry.prop.js";
+import type { SortableListProp } from "../props/components/data-entry.prop.js";
+export type { SortableListItemProp, SortableListProp, SortableListProp as SortableListProps, } from "../props/components/data-entry.prop.js";
 /**
  * SortableList (gh#1173) — reorder a flat list or a grid of tiles by pointer drag or by keyboard
  * on each item's grip: Space/Enter lifts, the arrows (and Home/End) move, Space/Enter drops, Esc

package/dist/{components/data-entry → lab}/sortable-list.js

@@ -2,9 +2,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { GripVertical } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
-import { Button } from "../general/button.js";
+import { useTranslation } from "../i18n/use-translation.js";
+import { cn } from "../lib/utils.js";
+import { Button } from "../components/general/button.js";
 const DRAG_THRESHOLD = 4;
 function move(list, from, to) {
   const next = list.slice();