@intlayer/design-system 9.3.2 → 9.4.0-canary.0

package/dist/esm/utils/scheduleFrameTask.mjs

@@ -0,0 +1,44 @@
+//#region src/utils/scheduleFrameTask.ts
+const pendingTasks = /* @__PURE__ */ new Set();
+let frameRequestId = null;
+const runPendingTasks = () => {
+	frameRequestId = null;
+	const tasks = [...pendingTasks];
+	pendingTasks.clear();
+	for (const task of tasks) task();
+};
+/**
+* Queues a layout-reading task, and runs every queued task inside a single
+* animation frame callback.
+*
+* A component reading `offsetTop` or `getBoundingClientRect()` from its own
+* `requestAnimationFrame` makes the browser recompute layout once per
+* component: React flushes the state updates of one callback before the next
+* callback runs, so every read after the first one is a forced reflow. Sharing
+* one callback keeps all the reads in the same batch, and React commits once,
+* after the last measurement.
+*
+* @param task - The measurement to run on the next frame. Queuing the same
+* function twice before the frame runs schedules it once.
+* @returns A function cancelling the task, and the frame itself once nothing
+* else is queued.
+*
+* @example
+* const cancelMeasurement = scheduleFrameTask(() => setWidth(el.offsetWidth));
+*/
+const scheduleFrameTask = (task) => {
+	if (typeof requestAnimationFrame === "undefined") return () => {};
+	pendingTasks.add(task);
+	frameRequestId ??= requestAnimationFrame(runPendingTasks);
+	return () => {
+		pendingTasks.delete(task);
+		if (pendingTasks.size === 0 && frameRequestId !== null) {
+			cancelAnimationFrame(frameRequestId);
+			frameRequestId = null;
+		}
+	};
+};
+
+//#endregion
+export { scheduleFrameTask };
+//# sourceMappingURL=scheduleFrameTask.mjs.map

package/dist/esm/utils/scheduleFrameTask.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduleFrameTask.mjs","names":[],"sources":["../../../src/utils/scheduleFrameTask.ts"],"sourcesContent":["type FrameTask = () => void;\n\nconst pendingTasks = new Set<FrameTask>();\nlet frameRequestId: number | null = null;\n\nconst runPendingTasks = () => {\n  frameRequestId = null;\n\n  // Snapshot first: a task may queue another one, which belongs to the next\n  // frame rather than to this loop.\n  const tasks = [...pendingTasks];\n  pendingTasks.clear();\n\n  for (const task of tasks) task();\n};\n\n/**\n * Queues a layout-reading task, and runs every queued task inside a single\n * animation frame callback.\n *\n * A component reading `offsetTop` or `getBoundingClientRect()` from its own\n * `requestAnimationFrame` makes the browser recompute layout once per\n * component: React flushes the state updates of one callback before the next\n * callback runs, so every read after the first one is a forced reflow. Sharing\n * one callback keeps all the reads in the same batch, and React commits once,\n * after the last measurement.\n *\n * @param task - The measurement to run on the next frame. Queuing the same\n * function twice before the frame runs schedules it once.\n * @returns A function cancelling the task, and the frame itself once nothing\n * else is queued.\n *\n * @example\n * const cancelMeasurement = scheduleFrameTask(() => setWidth(el.offsetWidth));\n */\nexport const scheduleFrameTask = (task: FrameTask): (() => void) => {\n  if (typeof requestAnimationFrame === 'undefined') return () => {};\n\n  pendingTasks.add(task);\n\n  frameRequestId ??= requestAnimationFrame(runPendingTasks);\n\n  return () => {\n    pendingTasks.delete(task);\n\n    if (pendingTasks.size === 0 && frameRequestId !== null) {\n      cancelAnimationFrame(frameRequestId);\n      frameRequestId = null;\n    }\n  };\n};\n"],"mappings":";AAEA,MAAM,+BAAe,IAAI,IAAe;AACxC,IAAI,iBAAgC;AAEpC,MAAM,wBAAwB;CAC5B,iBAAiB;CAIjB,MAAM,QAAQ,CAAC,GAAG,YAAY;CAC9B,aAAa,MAAM;CAEnB,KAAK,MAAM,QAAQ,OAAO,KAAK;AACjC;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,qBAAqB,SAAkC;CAClE,IAAI,OAAO,0BAA0B,aAAa,aAAa,CAAC;CAEhE,aAAa,IAAI,IAAI;CAErB,mBAAmB,sBAAsB,eAAe;CAExD,aAAa;EACX,aAAa,OAAO,IAAI;EAExB,IAAI,aAAa,SAAS,KAAK,mBAAmB,MAAM;GACtD,qBAAqB,cAAc;GACnC,iBAAiB;EACnB;CACF;AACF"}

package/dist/types/api/hooks/analytics.d.ts

@@ -1,14 +1,16 @@
 import { UseQueryOptions } from "@tanstack/react-query";
+import { AudienceRange } from "@intlayer/backend";
 //#region src/api/hooks/analytics.d.ts
 /**
  * Fetches the audience report for the active project: distinct visitors
- * (today / 7d / window), page views, the daily evolution series, and locale +
+ * (today / 7d / window), page views, the evolution series, and locale +
  * country breakdowns.
  *
- * @param days - Rolling window size in days (default 30).
+ * @param range - Rolling window, either a named range (`1h`, `24h`, `7d`,
+ *   `30d`, `90d`, `6mo`, `1y`, `3y`) or a number of days (default 30).
  * @param options - Extra react-query options.
  */
-declare const useGetAnalyticsAudience: (days?: number, options?: Partial<UseQueryOptions>) => QueryObserverResult<TData, TError>;
+declare const useGetAnalyticsAudience: (range?: AudienceRange | number, options?: Partial<UseQueryOptions>) => QueryObserverResult<TData, TError>;
 /**
  * Fetches per-content exposure totals — "which content is actually shown".
  *

package/dist/types/api/hooks/analytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics.d.ts","names":[],"sources":["../../../../src/api/hooks/analytics.ts"],"mappings":";;;;;;;;;;cAca,0BAAuB,eAAA,UAExB,QAAQ,qBAAgB,oBAAA,OAAA;;;;;;cAmBvB,qBAAkB,UAAc,QAAQ,qBAAgB,oBAAA,OAAA;;;;;;;cAmBxD,0BAAuB,uBACb,UACX,QAAQ,qBAAgB,oBAAA,OAAA"}
+{"version":3,"file":"analytics.d.ts","names":[],"sources":["../../../../src/api/hooks/analytics.ts"],"mappings":";;;;;;;;;;;;cAgBa,0BAAuB,QAC3B,wBAAsB,UACnB,QAAQ,qBAAgB,oBAAA,OAAA;;;;;;cAmBvB,qBAAkB,UAAc,QAAQ,qBAAgB,oBAAA,OAAA;;;;;;;cAmBxD,0BAAuB,uBACb,UACX,QAAQ,qBAAgB,oBAAA,OAAA"}

package/dist/types/api/hooks/auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.d.ts","names":[],"sources":["../../../../src/api/hooks/auth.ts"],"mappings":";cAMa;cAmBA,uBAAe,oBAAA,OAAA;cAQf;cAaA;cAaA;cAUA;cAmBA;cAoBA;cAUA;cAUA;cAUA;cAUA;cAUA;cASA;cASA;cASA;cASA;cASA;cASA;cASA,uBAAe,oBAAA,OAAA;cAQf;cAQA;cAaA;cASA,2BAAmB,oBAAA,OAAA;cAQnB"}
+{"version":3,"file":"auth.d.ts","names":[],"sources":["../../../../src/api/hooks/auth.ts"],"mappings":";cAMa;cAqBA,uBAAe,oBAAA,OAAA;cAQf;cAaA;cAaA;cAUA;cAmBA;cAoBA;cAUA;cAUA;cAUA;cAUA;cAUA;cASA;cASA;cASA;cASA;cASA;cASA;cASA,uBAAe,oBAAA,OAAA;cAQf;cAQA;cAaA;cASA,2BAAmB,oBAAA,OAAA;cAQnB"}

package/dist/types/components/Browser/Browser.d.ts

@@ -7,7 +7,13 @@ type BrowserProps = {
   style?: CSSProperties;
   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
   'aria-label'?: string;
-  sandbox?: string;
+  /**
+   * Value of the iframe `sandbox` attribute. Pass `null` to omit the attribute
+   * entirely — required for same-origin embeds, where `allow-scripts` plus
+   * `allow-same-origin` sandboxes nothing (the frame can reach its parent and
+   * strip the attribute) and browsers warn about the combination.
+   */
+  sandbox?: string | null;
   ref?: RefObject<HTMLIFrameElement | null>;
   domainRestriction?: string;
 } & HTMLAttributes<HTMLIFrameElement>;

package/dist/types/components/Browser/Browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Browser.d.ts","names":[],"sources":["../../../../src/components/Browser/Browser.tsx"],"mappings":";;KAsBY;EACV;EACA;EACA;EACA,QAAQ;EACR;EACA;EACA;EACA,MAAM,UAAU;EAChB;IACE,eAAe;cA2BN,YAAO,YAAA,MAAA,WAAA,OAAA,oBAAA,WAAA,SAAA,KAAA,sBAAA,SAWjB,iCAAY,IAAA"}
+{"version":3,"file":"Browser.d.ts","names":[],"sources":["../../../../src/components/Browser/Browser.tsx"],"mappings":";;KAsBY;EACV;EACA;EACA;EACA,QAAQ;EACR;EACA;;;;;;;EAOA;EACA,MAAM,UAAU;EAChB;IACE,eAAe;cA2BN,YAAO,YAAA,MAAA,WAAA,OAAA,oBAAA,WAAA,SAAA,KAAA,sBAAA,SAWjB,iCAAY,IAAA"}

package/dist/types/components/CopyButton/index.d.ts

@@ -7,14 +7,20 @@ import { FC } from "react";
  */
 type CopyButtonProps = {
   /**
-   * The text content to copy to the clipboard
+   * The text content to copy to the clipboard, or a resolver invoked when the
+   * button is pressed.
+   *
+   * The resolver form exists for content that is not worth keeping in memory —
+   * or shipping to the browser — until someone actually asks for it.
+   *
    * @example
    * ```tsx
    * <CopyButton content="Hello World!" />
+   * <CopyButton content={() => fetch(url).then((response) => response.text())} />
    * ```
    */
-  content: string;
-} & Partial<ButtonProps>;
+  content: string | (() => string | Promise<string>);
+} & Omit<Partial<ButtonProps>, 'content'>;
 /**
  * CopyButton - A specialized button component for copying text to the clipboard
  *

package/dist/types/components/CopyButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/CopyButton/index.tsx"],"mappings":";;;;;;;KAUK;;;;;;;;EAQH;IACE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAuEC,YAAY,GAAG"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/CopyButton/index.tsx"],"mappings":";;;;;;;KAUK;;;;;;;;;;;;;;EAcH,kCAAkC;IAGhC,KAAK,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAuEJ,YAAY,GAAG"}

package/dist/types/components/DictionaryFieldEditor/ContentEditor.d.ts

@@ -3,7 +3,6 @@ import { Dictionary } from "@intlayer/types/dictionary";
 //#region src/components/DictionaryFieldEditor/ContentEditor.d.ts
 type NodeEditorProps = {
   dictionary: Dictionary;
-  isDarkMode?: boolean;
 };
 declare const ContentEditor: FC<NodeEditorProps>;
 //#endregion

package/dist/types/components/DictionaryFieldEditor/ContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditor.d.ts","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"mappings":";;;KA4BK;EACH,YAAY;EACZ;;cAWW,eAAe,GAAG"}
+{"version":3,"file":"ContentEditor.d.ts","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"mappings":";;;KA4BK;EACH,YAAY;;cAWD,eAAe,GAAG"}

package/dist/types/components/DictionaryFieldEditor/ContentEditorView/TextEditor.d.ts

@@ -7,7 +7,6 @@ type TextEditorProps = {
   dictionary: Dictionary;
   keyPath: KeyPath[];
   section: ContentNode;
-  isDarkMode?: boolean;
   /**
    * Custom renderer for string leaves. Receives the leaf content and its full
    * key path so the renderer can write edits back to the right location.

package/dist/types/components/DictionaryFieldEditor/ContentEditorView/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx"],"mappings":";;;;cA6Fa;KA2ID;EACV,YAAY;EACZ,SAAS;EACT,SAAS;EACT;;;;;EAKA,iBAAiB,iBAAiB,SAAS,cAAc;EACzD,mBAAmB;;cAk1BR,4BAAU,qBAAA;cAyNV,qCAAmB,qBAAA"}
+{"version":3,"file":"TextEditor.d.ts","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx"],"mappings":";;;;cA6Fa;KA2ID;EACV,YAAY;EACZ,SAAS;EACT,SAAS;;;;;EAKT,iBAAiB,iBAAiB,SAAS,cAAc;EACzD,mBAAmB;;cA+0BR,4BAAU,qBAAA;cAuNV,qCAAmB,qBAAA"}

package/dist/types/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.d.ts

@@ -5,7 +5,6 @@ type DictionaryDetailsProps = {
   dictionary: Dictionary;
   mode: ('local' | 'remote')[];
   onSelectSibling?: (dictionary: Dictionary) => void;
-  isDarkMode?: boolean;
 };
 declare const DictionaryDetailsForm: FC<DictionaryDetailsProps>;
 //#endregion

package/dist/types/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryDetailsForm.d.ts","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"mappings":";;;KAwCK;EACH,YAAY;EACZ;EACA,mBAAmB,YAAY;EAC/B;;cA2CW,uBAAuB,GAAG"}
+{"version":3,"file":"DictionaryDetailsForm.d.ts","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx"],"mappings":";;;KAwCK;EACH,YAAY;EACZ;EACA,mBAAmB,YAAY;;cA2CpB,uBAAuB,GAAG"}

package/dist/types/components/ExpandCollapse/ExpandCollapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandCollapse.d.ts","names":[],"sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"mappings":";;;;;KAgBY;;EAEV;;EAEA;;EAEA,UAAU;;EAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyDW,gBAAgB,GAAG"}
+{"version":3,"file":"ExpandCollapse.d.ts","names":[],"sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"mappings":";;;;;KAiBY;;EAEV;;EAEA;;EAEA,UAAU;;EAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyDW,gBAAgB,GAAG"}

package/dist/types/components/HTMLRender/HTMLRender.d.ts

@@ -4,11 +4,10 @@ import { HTMLRenderer as HTMLRenderer$1, RenderHTMLProps } from "react-intlayer/
 //#region src/components/HTMLRender/HTMLRender.d.ts
 type HTMLRendererProps = {
   children: string;
-  isDarkMode?: boolean;
   locale?: LocalesValues;
   components?: ComponentProps<typeof HTMLRenderer$1>['components'];
 };
-declare const getIntlayerHTMLOptions: (isDarkMode: boolean) => RenderHTMLProps;
+declare const getIntlayerHTMLOptions: () => RenderHTMLProps;
 /**
  * HTMLRenderer Component
  *

package/dist/types/components/HTMLRender/HTMLRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLRender.d.ts","names":[],"sources":["../../../../src/components/HTMLRender/HTMLRender.tsx"],"mappings":";;;;KAUK;EACH;EACA;EACA,SAAS;EACT,aAAa,sBAAsB;;cAGxB,yBAAyB,wBAAwB;;;;;;;cA2BjD,cAAc,GAAG"}
+{"version":3,"file":"HTMLRender.d.ts","names":[],"sources":["../../../../src/components/HTMLRender/HTMLRender.tsx"],"mappings":";;;;KAUK;EACH;EACA,SAAS;EACT,aAAa,sBAAsB;;cAGxB,8BAA8B;;;;;;;cA0B9B,cAAc,GAAG"}

package/dist/types/components/IDE/Code.d.ts

@@ -13,7 +13,12 @@ type CodeCompProps = {
   children: ReactNode;
   fileName?: string;
   language: CodeLanguage;
-  isDarkMode?: boolean;
+  /**
+   * Markup for `children`, highlighted by Shiki ahead of time. When present the
+   * block paints straight from it and the highlighter is never downloaded —
+   * except when the reader switches the block to a non-TypeScript format.
+   */
+  highlightedHtml?: string;
   showHeader?: boolean;
   showLineNumbers?: boolean;
   isRollable?: boolean;

package/dist/types/components/IDE/Code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","names":[],"sources":["../../../../src/components/IDE/Code.tsx"],"mappings":";;;;KAsBY;EACV;EACA,iBAAiB;;EAEjB,aAAa;EACb,2BAA2B;;KAGxB;EACH,UAAU;EACV;EACA,UAAU;EACV;EACA;EACA;EACA;IACE,qBACF,eAAe;cAwBJ,MAAM,GAAG"}
+{"version":3,"file":"Code.d.ts","names":[],"sources":["../../../../src/components/IDE/Code.tsx"],"mappings":";;;;KAsBY;EACV;EACA,iBAAiB;;EAEjB,aAAa;EACb,2BAA2B;;KAGxB;EACH,UAAU;EACV;EACA,UAAU;;;;;;EAMV;EACA;EACA;EACA;IACE,qBACF,eAAe;cAwBJ,MAAM,GAAG"}

package/dist/types/components/IDE/CodeBlockClient.d.ts

@@ -4,14 +4,30 @@ import { FC, HTMLAttributes, ReactNode } from "react";
 declare const CodeDefault: FC<{
   children: ReactNode;
 }>;
+/** Wrapper styles shared by the pre-highlighted and the runtime Shiki output. */
+declare const shikiWrapperClassName = "[&_pre.shiki]:!bg-transparent min-w-0 max-w-full overflow-auto bg-transparent [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&_pre.shiki]:max-w-full [&_pre.shiki]:overflow-x-auto [&_pre::-webkit-scrollbar]:hidden [&_pre]:[-ms-overflow-style:none] [&_pre]:[scrollbar-width:none]";
+/**
+ * Renders markup produced by Shiki ahead of time (at build/prerender).
+ *
+ * Both server and client render the exact same string, so hydration is a no-op
+ * and the Shiki engine — a ~600 KB WASM bundle plus one grammar per language —
+ * never reaches the browser.
+ */
+declare const CodeHighlighted: FC<{
+  html: string;
+}>;
 type CodeBlockProps = {
   children: React.ReactNode;
   lang: CodeLanguage;
-  isDarkMode?: boolean;
+  /**
+   * Markup produced by Shiki ahead of time. When present the block renders it
+   * as-is and no highlighting runs in the browser.
+   */
+  highlightedHtml?: string;
   isEditable?: boolean;
   onChange?: (content: string) => void;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
 declare const CodeBlock: FC<CodeBlockProps>;
 //#endregion
-export { CodeBlock, CodeBlockProps, CodeDefault, type CodeLanguage };
+export { CodeBlock, CodeBlockProps, CodeDefault, CodeHighlighted, type CodeLanguage, shikiWrapperClassName };
 //# sourceMappingURL=CodeBlockClient.d.ts.map

package/dist/types/components/IDE/CodeBlockClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockClient.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockClient.tsx"],"mappings":";;;cAYa,aAAa;EAAK,UAAU;;KA0B7B;EACV,UAAU,MAAM;EAChB,MAAM;EACN;EACA;EACA,YAAY;IACV,KAAK,eAAe;cAEX,WAAW,GAAG"}
+{"version":3,"file":"CodeBlockClient.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockClient.tsx"],"mappings":";;;cAYa,aAAa;EAAK,UAAU;;;cAoB5B;;;;;;;;cAUA,iBAAiB;EAAK;;KAgBvB;EACV,UAAU,MAAM;EAChB,MAAM;;;;;EAKN;EACA;EACA,YAAY;IACV,KAAK,eAAe;cAEX,WAAW,GAAG"}

package/dist/types/components/IDE/CodeBlockHighlight.d.ts

@@ -9,9 +9,10 @@ type Props = {
   originalLang: CodeLanguage;
   /** Currently selected format: 'typescript' | 'esm' | 'commonjs'. */
   targetFormat: Exclude<CodeFormat, 'json'>;
-  isDarkMode?: boolean;
+  /** Markup for the TypeScript source, highlighted ahead of time. */
+  initialHtml?: string;
 };
-declare const CodeBlockHighlight: ({ children, originalLang, targetFormat, isDarkMode }: Props) => import("react").JSX.Element;
+declare const CodeBlockHighlight: ({ children, originalLang, targetFormat, initialHtml }: Props) => import("react").JSX.Element;
 //#endregion
 export { CodeBlockHighlight };
 //# sourceMappingURL=CodeBlockHighlight.d.ts.map

package/dist/types/components/IDE/CodeBlockHighlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockHighlight.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockHighlight.tsx"],"mappings":";;;;KAcK;;EAEH,UAAU;;EAEV,cAAc;;EAEd,cAAc,QAAQ;EACtB;;cAGW,uBAAkB,UAAA,cAAA,cAAA,cAK5B,0BAAK,IAAA"}
+{"version":3,"file":"CodeBlockHighlight.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockHighlight.tsx"],"mappings":";;;;KAiBK;;EAEH,UAAU;;EAEV,cAAc;;EAEd,cAAc,QAAQ;;EAEtB;;cAGW,uBAAkB,UAAA,cAAA,cAAA,eAK5B,0BAAK,IAAA"}

package/dist/types/components/IDE/CodeBlockServer.d.ts

@@ -5,7 +5,6 @@ declare const CodeBlockShiki: FC<CodeBlockProps>;
 type CodeBlockProps = {
   children: string;
   lang: BundledLanguage;
-  isDarkMode?: boolean;
   isEditable?: boolean;
   onChange?: (content: string) => void;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;

package/dist/types/components/IDE/CodeBlockServer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockServer.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockServer.tsx"],"mappings":";;;cAiBa,gBA6BI,GAAG;KAwBR;EACV;EACA,MAAM;EACN;EACA;EACA,YAAY;IACV,KAAK,eAAe;cAEX,WAAW,GAAG"}
+{"version":3,"file":"CodeBlockServer.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockServer.tsx"],"mappings":";;;cAkBa,gBA8BI,GAAG;KAuBR;EACV;EACA,MAAM;EACN;EACA,YAAY;IACV,KAAK,eAAe;cAEX,WAAW,GAAG"}

package/dist/types/components/IDE/CodeBlockShiki.d.ts

@@ -4,7 +4,6 @@ import { FC, ReactNode } from "react";
 type CodeBlockShikiProps = {
   children: ReactNode;
   lang: CodeLanguage;
-  isDarkMode?: boolean;
 };
 declare const CodeBlockShiki: FC<CodeBlockShikiProps>;
 //#endregion

package/dist/types/components/IDE/CodeBlockShiki.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockShiki.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockShiki.tsx"],"mappings":";;;KA4HY;EACV,UAAU;EACV,MAAM;EACN;;cAGW,gBAAgB,GAAG"}
+{"version":3,"file":"CodeBlockShiki.d.ts","names":[],"sources":["../../../../src/components/IDE/CodeBlockShiki.tsx"],"mappings":";;;KAuIY;EACV,UAAU;EACV,MAAM;;cAGK,gBAAgB,GAAG"}

package/dist/types/components/IDE/IDE.d.ts

@@ -6,7 +6,6 @@ type IDEProps = {
     content: string;
     isOpen?: boolean;
   }[];
-  isDarkMode?: boolean;
   activeTab?: number;
 } & HTMLAttributes<HTMLDivElement>;
 declare const IDE: FC<IDEProps>;

package/dist/types/components/IDE/IDE.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IDE.d.ts","names":[],"sources":["../../../../src/components/IDE/IDE.tsx"],"mappings":";;KASY;EACV;IACE;IACA;IACA;;EAEF;EACA;IACE,eAAe;cAEN,KAAK,GAAG"}
+{"version":3,"file":"IDE.d.ts","names":[],"sources":["../../../../src/components/IDE/IDE.tsx"],"mappings":";;KASY;EACV;IACE;IACA;IACA;;EAEF;IACE,eAAe;cAEN,KAAK,GAAG"}

package/dist/types/components/IDE/MarkDownRender.d.ts

@@ -1,7 +1,6 @@
 import { FC } from "react";
 //#region src/components/IDE/MarkDownRender.d.ts
 type MarkdownRendererProps = {
-  isDarkMode?: boolean;
   children: string;
 };
 declare const MarkdownRenderer: FC<MarkdownRendererProps>;

package/dist/types/components/IDE/MarkDownRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/IDE/MarkDownRender.tsx"],"mappings":";;KAKK;EACH;EACA;;cAGW,kBAAkB,GAAG"}
+{"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/IDE/MarkDownRender.tsx"],"mappings":";;KAKK;EACH;;cAGW,kBAAkB,GAAG"}

package/dist/types/components/IDE/index.d.ts

@@ -1,6 +1,6 @@
 import { CodeLanguage } from "./shikiLanguages.js";
 import { Code, CodeCompAttributes } from "./Code.js";
-import { CodeBlock, CodeBlockProps, CodeDefault } from "./CodeBlockClient.js";
+import { CodeBlock, CodeBlockProps, CodeDefault, CodeHighlighted, shikiWrapperClassName } from "./CodeBlockClient.js";
 import { FileList, FileListProps } from "./FileList.js";
 import { IDE, IDEProps } from "./IDE.js";
-export { Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, type CodeLanguage, FileList, FileListProps, IDE, IDEProps };
+export { Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeHighlighted, type CodeLanguage, FileList, FileListProps, IDE, IDEProps, shikiWrapperClassName };

package/dist/types/components/IDE/shikiThemes.d.ts

@@ -0,0 +1,18 @@
+//#region src/components/IDE/shikiThemes.d.ts
+/**
+ * Themes every code block is highlighted with.
+ *
+ * Shiki is always asked for both, with `defaultColor: false`, so each token
+ * carries its light and dark colour as the `--shiki-light` / `--shiki-dark`
+ * custom properties rather than a resolved `color`. The markup is therefore
+ * theme-agnostic: it can be produced once — at build time — and never has to be
+ * recomputed in the browser when the resolved theme changes.
+ */
+declare const SHIKI_THEMES: {
+  readonly light: 'github-light';
+  readonly dark: 'github-dark';
+};
+type ShikiThemes = typeof SHIKI_THEMES;
+//#endregion
+export { SHIKI_THEMES, ShikiThemes };
+//# sourceMappingURL=shikiThemes.d.ts.map

package/dist/types/components/IDE/shikiThemes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shikiThemes.d.ts","names":[],"sources":["../../../../src/components/IDE/shikiThemes.ts"],"mappings":";;;;;;;;;;cASa;WACX;WACA;;KAGU,qBAAqB"}

package/dist/types/components/MarkDownRender/MarkDownIframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownIframe.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownIframe.tsx"],"mappings":";;cA0Ba,gBAAgB,GAAG"}
+{"version":3,"file":"MarkDownIframe.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownIframe.tsx"],"mappings":";;cAkLa,gBAAgB,GAAG"}

package/dist/types/components/MarkDownRender/MarkDownRender.d.ts

@@ -54,7 +54,6 @@ declare const baseMarkdownComponents: {
 };
 type MarkdownRendererProps = {
   children: string | ParsedMarkdown;
-  isDarkMode?: boolean;
   locale?: LocalesValues;
   forceBlock?: boolean;
   preserveFrontmatter?: boolean;
@@ -62,7 +61,7 @@ type MarkdownRendererProps = {
   components?: ComponentProps<typeof MarkdownRenderer$1>['components'];
   wrapper?: ComponentProps<typeof MarkdownRenderer$1>['wrapper'];
 };
-declare const getIntlayerMarkdownOptions: (_isDarkMode?: boolean) => {
+declare const getIntlayerMarkdownOptions: () => {
   components: {
     h1: typeof H1Renderer;
     h2: typeof H2Renderer;

package/dist/types/components/MarkDownRender/MarkDownRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"mappings":";;;;;;;;;;cAsBM,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,iBAAc,OAAW,6CAAwB,IAAA;cAgDjD,uBAAkB,cAAA,SAGrB,iDAA4B,IAAA;cAUzB,eAAU,cAAA,SAA6B,yCAAoB,IAAA;cAU3D,eAAU,cAAA,SAA6B,yCAAoB,IAAA;cAU3D,gBAAW,WAAA,KAAA,QAAA,SAKd,0CAAqB,IAAA;cA6BlB,cAAW,OAAW,0CAAqB,IAAA;cAC3C,gBAAa,OAAW,sBAAsB,gCAAW,IAAA;cAIzD,eAAY,OAAW,sBAAsB,yBAAI,IAAA;cAOjD,oBAAe,cAAA,SAGlB,oDAA+B,IAAA;cAG5B,mBAAc,cAAA,SAGjB,oDAA+B,IAAA;cAI5B,SAAM,OAAW,6CAAwB,IAAA;cAyClC;;;;;;;;;;;;;;;;;;;;;;;;;;;KAER;EACH,mBAAmB;EACnB;EACA,SAAS;EACT;EACA;EACA;EACA,aAAa,sBAAsB;EACnC,UAAU,sBAAsB;;cAGrB,6BAA0B;EACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAGW,kBAAkB,GAAG"}
+{"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"mappings":";;;;;;;;;;cAsBM,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,aAAU,OAAW,yCAAoB,IAAA;cAGzC,iBAAc,OAAW,6CAAwB,IAAA;cA0DjD,uBAAkB,cAAA,SAGrB,iDAA4B,IAAA;cAUzB,eAAU,cAAA,SAA6B,yCAAoB,IAAA;cAU3D,eAAU,cAAA,SAA6B,yCAAoB,IAAA;cAU3D,gBAAW,WAAA,KAAA,QAAA,SAKd,0CAAqB,IAAA;cA6BlB,cAAW,OAAW,0CAAqB,IAAA;cAC3C,gBAAa,OAAW,sBAAsB,gCAAW,IAAA;cAIzD,eAAY,OAAW,sBAAsB,yBAAI,IAAA;cAOjD,oBAAe,cAAA,SAGlB,oDAA+B,IAAA;cAG5B,mBAAc,cAAA,SAGjB,oDAA+B,IAAA;cAI5B,SAAM,OAAW,6CAAwB,IAAA;cAsClC;;;;;;;;;;;;;;;;;;;;;;;;;;;KAER;EACH,mBAAmB;EACnB,SAAS;EACT;EACA;EACA;EACA,aAAa,sBAAsB;EACnC,UAAU,sBAAsB;;cAGrB;EACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAGW,kBAAkB,GAAG"}

package/dist/types/components/Pattern/GridDistortionPattern.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridDistortionPattern.d.ts","names":[],"sources":["../../../../src/components/Pattern/GridDistortionPattern.tsx"],"mappings":";;KA+MK;EACH;EACA;EACA;EACA;EACA;EACA;IACE,SAAS;cAEA,uBAAuB,GAAG"}
+{"version":3,"file":"GridDistortionPattern.d.ts","names":[],"sources":["../../../../src/components/Pattern/GridDistortionPattern.tsx"],"mappings":";;KA8OK;EACH;EACA;EACA;EACA;EACA;EACA;IACE,SAAS;cAEA,uBAAuB,GAAG"}

package/dist/types/components/Popover/dynamic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic.d.ts","names":[],"sources":["../../../../src/components/Popover/dynamic.tsx"],"mappings":";;cA0La,SAAS"}
+{"version":3,"file":"dynamic.d.ts","names":[],"sources":["../../../../src/components/Popover/dynamic.tsx"],"mappings":";;cA2Pa,SAAS"}

package/dist/types/components/Popover/index.d.ts

@@ -1,3 +1,3 @@
-import { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign } from "./static.js";
+import { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, usePopoverIds } from "./static.js";
 import { Popover } from "./dynamic.js";
-export { Detail, DetailProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign };
+export { Detail, DetailProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, usePopoverIds };

package/dist/types/components/Popover/static.d.ts

@@ -1,6 +1,11 @@
 import { Container } from "../Container/index.js";
 import { ComponentProps, DetailedHTMLProps, FC, HTMLAttributes } from "react";
 //#region src/components/Popover/static.d.ts
+/** Ids of a popover pair, unique to the instance that rendered it. */
+declare const usePopoverIds: (identifier: string) => {
+  triggerId: string;
+  panelId: string;
+};
 /**
  * Props for the main Popover component
  * Extends HTMLDivElement attributes for full DOM compatibility
@@ -191,5 +196,5 @@ type DetailProps = ComponentProps<typeof Container> & {
  */
 declare const Detail: FC<DetailProps>;
 //#endregion
-export { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign };
+export { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, usePopoverIds };
 //# sourceMappingURL=static.d.ts.map

package/dist/types/components/Popover/static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"static.d.ts","names":[],"sources":["../../../../src/components/Popover/static.tsx"],"mappings":";;;;;;;KAaY,eAAe,kBACzB,eAAe,iBACf;;EAGA;;;;;;KAOU,cAAc,GAAG;EAC3B,QAAQ,GAAG;;;;;KAMD;;;;KAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmFC,eAAe;;;;;KAoBhB,cAAc,sBAAsB;;EAE9C;;EAEA;;EAEA;;EAEA;;EAEA,SAAS,mBAAmB;;EAE5B,SAAS,mBAAmB;;EAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkEI,QAAQ,GAAG"}
+{"version":3,"file":"static.d.ts","names":[],"sources":["../../../../src/components/Popover/static.tsx"],"mappings":";;;;cAwBa,gBAAa;EAItB;EACA;;;;;;KAQQ,eAAe,kBACzB,eAAe,iBACf;;EAGA;;;;;;KAOU,cAAc,GAAG;EAC3B,QAAQ,GAAG;;;;;KAMD;;;;KAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmFC,eAAe;;;;;KA2BhB,cAAc,sBAAsB;;EAE9C;;EAEA;;EAEA;;EAEA;;EAEA,SAAS,mBAAmB;;EAE5B,SAAS,mBAAmB;;EAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkEI,QAAQ,GAAG"}

package/dist/types/components/Tab/Tab.d.ts

@@ -13,8 +13,8 @@ type TabProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabContaine
   fullHeight?: boolean;
 };
 type TabItemProps = HTMLAttributes<HTMLDivElement> & {
-  label: string;
-  value: string;
+  label?: string;
+  value?: string;
   disabled?: boolean;
   children: ReactNode;
 };

package/dist/types/components/Tab/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","names":[],"sources":["../../../../src/components/Tab/Tab.tsx"],"mappings":";;;cA0BM,sBAAmB;;;6CAevB;KAEU,WAAW,eAAe,kBACpC,oBAAoB;EAClB;EACA;EACA,UAAU;EACV;EACA;;KAGQ,eAAe,eAAe;EACxC;EACA;EACA;EACA,UAAU;;;;;;cAON;KAAmC,aAAA,SAAA,+BAAY,IAAA;;;;;;;;;;;;;;;;;;cAwB/C,iBAAY,YAAA,OAAA,SAAA,UAAA,WAAA,iBAAA,eAAA,SASf,6BAAQ,IAAA;cAwJE,YAAG;eAAA"}
+{"version":3,"file":"Tab.d.ts","names":[],"sources":["../../../../src/components/Tab/Tab.tsx"],"mappings":";;;cAuCM,sBAAmB;;;6CAevB;KAEU,WAAW,eAAe,kBACpC,oBAAoB;EAClB;EACA;EACA,UAAU;EACV;EACA;;KAGQ,eAAe,eAAe;EACxC;EACA;EACA;EACA,UAAU;;;;;;cA2BN;KAAmC,aAAA,SAAA,+BAAY,IAAA;;;;;;;;;;;;;;;;;;cAwB/C,iBAAY,YAAA,OAAA,SAAA,UAAA,WAAA,iBAAA,eAAA,SASf,6BAAQ,IAAA;cAmKE,YAAG;eAAA"}

package/dist/types/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.d.ts

@@ -2,9 +2,9 @@ import { Modes } from "./types.js";
 import { FC } from "react";
 //#region src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.d.ts
 type DesktopThemeSwitcherProps = {
+  /** Preference currently persisted — `system` while following the OS. */
   theme: Modes;
   setTheme: (theme: Modes) => void;
-  systemTheme: Modes;
 };
 declare const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps>;
 //#endregion

package/dist/types/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopThemeSwitcher.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"mappings":";;;KAwBK;EACH,OAAO;EACP,WAAW,OAAO;EAClB,aAAa;;cAGF,sBAAsB,GAAG"}
+{"version":3,"file":"DesktopThemeSwitcher.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"mappings":";;;KAuBK;;EAEH,OAAO;EACP,WAAW,OAAO;;cAGP,sBAAsB,GAAG"}

package/dist/types/components/ThemeSwitcherDropDown/MobileThemeSwitcher.d.ts

@@ -2,8 +2,8 @@ import { Modes } from "./types.js";
 import { FC } from "react";
 //#region src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.d.ts
 type MobileThemeSwitcherProps = {
+  /** Preference currently persisted — `system` while following the OS. */
   theme: Modes;
-  systemTheme: Modes;
   setTheme: (theme: Modes) => void;
 };
 declare const MobileThemeSwitcher: FC<MobileThemeSwitcherProps>;

package/dist/types/components/ThemeSwitcherDropDown/MobileThemeSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileThemeSwitcher.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"mappings":";;;KAOK;EACH,OAAO;EACP,aAAa;EACb,WAAW,OAAO;;cAiBP,qBAAqB,GAAG"}
+{"version":3,"file":"MobileThemeSwitcher.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"mappings":";;;KAOK;;EAEH,OAAO;EACP,WAAW,OAAO;;cAuBP,qBAAqB,GAAG"}

package/dist/types/components/ThemeSwitcherDropDown/types.d.ts

@@ -1,5 +1,7 @@
+import { Theme } from "../../providers/ThemeProvider.js";
 //#region src/components/ThemeSwitcherDropDown/types.d.ts
-type Modes = 'dark' | 'light' | 'system';
+/** Theme a switcher can select — kept as an alias for the provider's type. */
+type Modes = Theme;
 //#endregion
 export { Modes };
 //# sourceMappingURL=types.d.ts.map

package/dist/types/components/ThemeSwitcherDropDown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/types.ts"],"mappings":";KAAY"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/ThemeSwitcherDropDown/types.ts"],"mappings":";;;KAGY,QAAQ"}

package/dist/types/components/index.d.ts

@@ -90,7 +90,7 @@ import { HeightResizer } from "./HeightResizer/index.js";
 import { HideShow, HideShowProps } from "./HideShow/index.js";
 import { CodeLanguage } from "./IDE/shikiLanguages.js";
 import { Code, CodeCompAttributes } from "./IDE/Code.js";
-import { CodeBlock, CodeBlockProps, CodeDefault } from "./IDE/CodeBlockClient.js";
+import { CodeBlock, CodeBlockProps, CodeDefault, CodeHighlighted, shikiWrapperClassName } from "./IDE/CodeBlockClient.js";
 import { FileList, FileListProps } from "./IDE/FileList.js";
 import { IDE, IDEProps } from "./IDE/IDE.js";
 import "./IDE/index.js";
@@ -136,7 +136,7 @@ import { GridDistortionPattern } from "./Pattern/GridDistortionPattern.js";
 import { GridPattern } from "./Pattern/GridPattern.js";
 import { Spotlight } from "./Pattern/SpotLight.js";
 import "./Pattern/index.js";
-import { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign } from "./Popover/static.js";
+import { Detail, DetailProps, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, usePopoverIds } from "./Popover/static.js";
 import { Popover } from "./Popover/dynamic.js";
 import "./Popover/index.js";
 import { PressableSpan } from "./PressableSpan/PressableSpan.js";
@@ -182,4 +182,4 @@ import { reducer, toast, useToast } from "./Toaster/useToast.js";
 import "./Toaster/index.js";
 import { WithResizer } from "./WithResizer/index.js";
 import { MarkdownRenderer, ParsedMarkdown, baseMarkdownComponents, getIntlayerMarkdownOptions } from "./MarkDownRender/MarkDownRender.js";
-export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Burger, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, type CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditorInput, ContentEditorInputProps, ContentEditorProps, ContentEditorTextArea, ContentEditorTextAreaProps, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, type CreateEditorUploadFnOptions, DesktopNavbar, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, AutoSizedTextAreaElement as FormAutoSizedTextArea, Button as FormButton, CheckboxElement as FormCheckbox, FormControl, FormDescription, EditableFieldInputElement as FormEditableFieldInput, EditableFieldTextAreaElement as FormEditableFieldTextArea, FormElement, FormField, InputElement as FormInput, InputPasswordElement as FormInputPassword, FormItem, FormLabelLayout as FormLabel, FormMessage, MultiSelectElement as FormMultiSelect, OTPElement as FormOTP, SearchInputElement as FormSearchInput, SelectElement as FormSelect, SwitchSelectorElement as FormSwitchSelector, TextAreaElement as FormTextArea, GitHubLogo, GitLabLogo, GoogleLogo, GridDistortionPattern, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, Hr, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkDownIframe, MarkdownEditor, type MarkdownEditorProps, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileNavbar, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, type ParsedMarkdown, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, Radio, RadioColor, RadioProps, RadioSize, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SmartTable, SocialNetworks, Spotlight, Step, Steps, SwitchSelector, SwitchSelectorBaseProps, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, TableProps, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Td, TechLogo, type TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, Th, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tr, TriggerProps, type UploadImageFn, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, VerticalSwitchSelector, VerticalSwitchSelectorProps, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, choiceVariant, containerVariants, createEditorUploadFn, defaultChoices, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, indicatorVariant, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, radioVariants, reducer, switchSelectorVariant, toast, toastVariants, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };
+export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Burger, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeHighlighted, type CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditorInput, ContentEditorInputProps, ContentEditorProps, ContentEditorTextArea, ContentEditorTextAreaProps, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, type CreateEditorUploadFnOptions, DesktopNavbar, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, AutoSizedTextAreaElement as FormAutoSizedTextArea, Button as FormButton, CheckboxElement as FormCheckbox, FormControl, FormDescription, EditableFieldInputElement as FormEditableFieldInput, EditableFieldTextAreaElement as FormEditableFieldTextArea, FormElement, FormField, InputElement as FormInput, InputPasswordElement as FormInputPassword, FormItem, FormLabelLayout as FormLabel, FormMessage, MultiSelectElement as FormMultiSelect, OTPElement as FormOTP, SearchInputElement as FormSearchInput, SelectElement as FormSelect, SwitchSelectorElement as FormSwitchSelector, TextAreaElement as FormTextArea, GitHubLogo, GitLabLogo, GoogleLogo, GridDistortionPattern, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, Hr, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkDownIframe, MarkdownEditor, type MarkdownEditorProps, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileNavbar, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, type ParsedMarkdown, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, Radio, RadioColor, RadioProps, RadioSize, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SmartTable, SocialNetworks, Spotlight, Step, Steps, SwitchSelector, SwitchSelectorBaseProps, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, TableProps, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, Td, TechLogo, type TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, Th, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tr, TriggerProps, type UploadImageFn, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, VerticalSwitchSelector, VerticalSwitchSelectorProps, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, choiceVariant, containerVariants, createEditorUploadFn, defaultChoices, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, indicatorVariant, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, radioVariants, reducer, shikiWrapperClassName, switchSelectorVariant, toast, toastVariants, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePopoverIds, usePrevious, useRightDrawer, useToast, useVersionSwitcher };

package/dist/types/hooks/index.d.ts

@@ -3,7 +3,6 @@ import { SizeType, calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, c
 import { useGetElementById } from "./useGetElementById.js";
 import { useGetElementOrWindow } from "./useGetElementOrWindow.js";
 import { HorizontalSwipeConfig, HorizontalSwipeHook, useHorizontalSwipe } from "./useHorizontalSwipe.js";
-import { useIsDarkMode } from "./useIsDarkMode.js";
 import { useIsMounted } from "./useIsMounted.js";
 import { useKeyboardDetector } from "./useKeyboardDetector.js";
 import { usePersistedStore } from "./usePersistedStore.js";
@@ -12,4 +11,5 @@ import { useScrollBlockage } from "./useScrollBlockage/index.js";
 import { useScrollDetection } from "./useScrollDetection.js";
 import { useScrollY } from "./useScrollY.js";
 import { useSearch } from "./useSearch.js";
-export { HorizontalSwipeConfig, HorizontalSwipeHook, ItemSelectorOrientation, SizeType, calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice, useGetElementById, useGetElementOrWindow, useHorizontalSwipe, useIsDarkMode, useIsMounted, useItemSelector, useKeyboardDetector, usePersistedStore, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch };
+import { StickToBottomRefs, useStickToBottom } from "./useStickToBottom.js";
+export { HorizontalSwipeConfig, HorizontalSwipeHook, ItemSelectorOrientation, SizeType, StickToBottomRefs, calculateIsMobile, checkIsIOS, checkIsIphoneOrSafariDevice, checkIsMac, checkIsMobileScreen, checkIsMobileUserAgent, getBreakpointFromSize, useDevice, useGetElementById, useGetElementOrWindow, useHorizontalSwipe, useIsMounted, useItemSelector, useKeyboardDetector, usePersistedStore, useScreenWidth, useScrollBlockage, useScrollDetection, useScrollY, useSearch, useStickToBottom };

package/dist/types/hooks/useItemSelector.d.ts

@@ -19,7 +19,9 @@ type Options = {
 };
 declare const useItemSelector: (optionsRefs: RefObject<HTMLElement[]>, { selector, isHoverable, orientation }?: Options) => {
   choiceIndicatorPosition: StyleState;
+  /** Measures immediately. Prefer `scheduleMeasurement`, which does not force a reflow. */
   calculatePosition: () => void;
+  scheduleMeasurement: () => void;
   orientation: ItemSelectorOrientation;
 };
 //#endregion

package/dist/types/hooks/useItemSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useItemSelector.d.ts","names":[],"sources":["../../../src/hooks/useItemSelector.ts"],"mappings":";;KAIY;KAEP;EACH;EACA;EACA;;KAGG;EACH;EACA;EACA;;KAGG,aAAa,uBAAuB;KAKpC;EACH,YAAY,QAAQ,aAAa;EACjC;EACA,cAAc;;cAGH,kBAAe,aACb,UAAU,kBAAc,UAAA,aAAA,gBAKlC"}
+{"version":3,"file":"useItemSelector.d.ts","names":[],"sources":["../../../src/hooks/useItemSelector.ts"],"mappings":";;KAWY;KAEP;EACH;EACA;EACA;;KAGG;EACH;EACA;EACA;;KAGG,aAAa,uBAAuB;KAWpC;EACH,YAAY,QAAQ,aAAa;EACjC;EACA,cAAc;;cAGH,kBAAe,aACb,UAAU,kBAAc,UAAA,aAAA,gBAKlC"}