@stridge/noctis 1.0.0-beta.0

package/dist/core/primitive/primitive.js

@@ -0,0 +1,27 @@
+"use client";
+import { useRender } from "../render.js";
+import clsx$1 from "clsx";
+//#region src/core/primitive/primitive.tsx
+/**
+* The styled-element foundation every other primitive builds on: it renders any tag (`as`) or
+* composes with another component (`render`), carries a `data-slot`, and forwards `className`
+* verbatim so consumers can add their own classes. It is deliberately lean — only polymorphism and
+* class passthrough — so layout and spacing concerns live on the primitives that own them, not on
+* the base.
+*
+* @see {@link Primitive.Props}
+*/
+function Primitive({ as, render, ref, className, "data-slot": dataSlot = "noctis-primitive", ...props }) {
+	return useRender({
+		defaultTagName: as ?? "div",
+		render,
+		ref,
+		props: {
+			"data-slot": dataSlot,
+			className: clsx$1(className),
+			...props
+		}
+	});
+}
+//#endregion
+export { Primitive };

package/dist/core/radius-scope/index.d.ts

@@ -0,0 +1,2 @@
+import { RADIUS_PRESETS } from "./radius-scope.styles.js";
+import { RadiusScope } from "./radius-scope.js";

package/dist/core/radius-scope/radius-scope.d.ts

@@ -0,0 +1,43 @@
+import { RadiusPreset } from "./radius-scope.styles.js";
+import { ElementType, HTMLAttributes, ReactElement } from "react";
+
+//#region src/core/radius-scope/radius-scope.d.ts
+/**
+ * The escape hatch over the global radius default: scope a subtree to its own corner radius. It sets
+ * the `--noctis-seed-radius` knob (and the `data-radius-scope` attribute that re-derives the box scale from it),
+ * so **every** primitive inside — current or future — re-rounds through the cascade, with no
+ * per-component prop. Defaults to a `display: contents` wrapper so it adds no box; pass `as`/`className`
+ * to put the scope on a real layout element instead. Pure CSS, so it works in Server Components.
+ *
+ * @see {@link RadiusScope.Props}
+ *
+ * @example
+ * ```tsx
+ * <RadiusScope radius="rounded">
+ *   <Button>Get started</Button>   // rounded, regardless of the app-wide setting
+ * </RadiusScope>
+ * ```
+ */
+declare function RadiusScope({
+  radius,
+  as: Tag,
+  className,
+  style,
+  ...props
+}: RadiusScope.Props): ReactElement;
+/**
+ * Prop and preset types. Types-only — it emits no runtime code and merges with the `RadiusScope`
+ * function above, so `RadiusScope` is the component value while `RadiusScope.Props` is its prop type.
+ */
+declare namespace RadiusScope {
+  interface Props extends HTMLAttributes<HTMLElement> {
+    /** A named preset or a raw px value. The whole `rounded-*` scale inside re-derives from it. */
+    radius: RadiusPreset | number;
+    /** The element to render. Defaults to a `display: contents` wrapper that adds no layout box. */
+    as?: ElementType;
+  }
+  /** A named radius preset. */
+  type Preset = RadiusPreset;
+}
+//#endregion
+export { RadiusScope };

package/dist/core/radius-scope/radius-scope.js

@@ -0,0 +1,36 @@
+import { RADIUS_PRESETS } from "./radius-scope.styles.js";
+import clsx$1 from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/core/radius-scope/radius-scope.tsx
+/**
+* The escape hatch over the global radius default: scope a subtree to its own corner radius. It sets
+* the `--noctis-seed-radius` knob (and the `data-radius-scope` attribute that re-derives the box scale from it),
+* so **every** primitive inside — current or future — re-rounds through the cascade, with no
+* per-component prop. Defaults to a `display: contents` wrapper so it adds no box; pass `as`/`className`
+* to put the scope on a real layout element instead. Pure CSS, so it works in Server Components.
+*
+* @see {@link RadiusScope.Props}
+*
+* @example
+* ```tsx
+* <RadiusScope radius="rounded">
+*   <Button>Get started</Button>   // rounded, regardless of the app-wide setting
+* </RadiusScope>
+* ```
+*/
+function RadiusScope({ radius, as: Tag = "div", className, style, ...props }) {
+	const px = typeof radius === "number" ? radius : RADIUS_PRESETS[radius];
+	const scopeStyle = {
+		...style,
+		"--noctis-seed-radius": `${px}px`
+	};
+	return /* @__PURE__ */ jsx(Tag, {
+		"data-slot": "noctis-radius-scope",
+		"data-radius-scope": "",
+		className: clsx$1(className),
+		style: scopeStyle,
+		...props
+	});
+}
+//#endregion
+export { RadiusScope };

package/dist/core/radius-scope/radius-scope.styles.d.ts

@@ -0,0 +1,13 @@
+//#region src/core/radius-scope/radius-scope.styles.d.ts
+/** Named radius presets, in px, matching the System Controls steps (`pill` pills controls, caps surfaces).
+ *  Pass a raw px value for anything else. */
+declare const RADIUS_PRESETS: {
+  readonly sharp: 0;
+  readonly subtle: 4;
+  readonly rounded: 8;
+  readonly pill: 9999;
+};
+/** A named radius preset. */
+type RadiusPreset = keyof typeof RADIUS_PRESETS;
+//#endregion
+export { RADIUS_PRESETS, RadiusPreset };

package/dist/core/radius-scope/radius-scope.styles.js

@@ -0,0 +1,11 @@
+//#region src/core/radius-scope/radius-scope.styles.ts
+/** Named radius presets, in px, matching the System Controls steps (`pill` pills controls, caps surfaces).
+*  Pass a raw px value for anything else. */
+const RADIUS_PRESETS = {
+	sharp: 0,
+	subtle: 4,
+	rounded: 8,
+	pill: 9999
+};
+//#endregion
+export { RADIUS_PRESETS };

package/dist/core/render.d.ts

@@ -0,0 +1,24 @@
+import { ElementType } from "react";
+import { HTMLProps, useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
+
+//#region src/core/render.d.ts
+/** Drives the `render`/polymorphism mechanism — swaps the rendered element or composes another component. Re-exported from Base UI. */
+declare const useRender$1: typeof useRender;
+/**
+ * Types-only namespace for {@link useRender}. Mirrors Base UI's `useRender.*` members (so `useRender.RenderProp`,
+ * `useRender.ComponentProps`, … keep resolving through the re-export) and adds `useRender.HTMLProps` — the
+ * element-props type for a `render` callback — alongside them.
+ */
+declare namespace useRender$1 {
+  /** The element props the render prop receives — the source for a `render={(props: useRender.HTMLProps) => …}` callback. */
+  type HTMLProps = HTMLProps;
+  type State = useRender.State;
+  type RenderProp<TState = Record<string, unknown>> = useRender.RenderProp<TState>;
+  type ElementProps<El extends ElementType> = useRender.ElementProps<El>;
+  type ComponentProps<El extends ElementType, TState = Record<never, never>, RenderFunctionProps = HTMLProps> = useRender.ComponentProps<El, TState, RenderFunctionProps>;
+  type Parameters<TState extends Record<string, unknown>, RenderedElementType extends Element, Enabled extends boolean | undefined = undefined> = useRender.Parameters<TState, RenderedElementType, Enabled>;
+  type ReturnValue<Enabled extends boolean | undefined = undefined> = useRender.ReturnValue<Enabled>;
+}
+//#endregion
+export { mergeProps, useRender$1 as useRender };

package/dist/core/render.js

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
+//#region src/core/render.ts
+/**
+* Base UI's render primitives, surfaced from the package so every primitive composes the same way:
+* `useRender` drives the `render`/polymorphism mechanism (an element or tag swap) and `mergeProps`
+* merges internal defaults with consumer props — joining `className`/`style` and chaining handlers.
+*/
+/** Drives the `render`/polymorphism mechanism — swaps the rendered element or composes another component. Re-exported from Base UI. */
+const useRender$1 = useRender;
+//#endregion
+export { mergeProps, useRender$1 as useRender };

package/dist/core/use-copy.d.ts

@@ -0,0 +1,13 @@
+//#region src/core/use-copy.d.ts
+/**
+ * Copy-to-clipboard with a self-resetting "copied" flag. The text is resolved lazily at click time
+ * via `getText` so a caller can read live DOM (e.g. the active code panel's `textContent`) rather than
+ * snapshotting it up front. The flag flips back after `resetMs`; the pending timer is cleared on
+ * unmount so a copy just before navigation can't set state on a gone component.
+ */
+declare function useCopy(getText: () => string, resetMs?: number): {
+  copied: boolean;
+  copy: () => void;
+};
+//#endregion
+export { useCopy };

package/dist/core/use-copy.js

@@ -0,0 +1,30 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/core/use-copy.ts
+/**
+* Copy-to-clipboard with a self-resetting "copied" flag. The text is resolved lazily at click time
+* via `getText` so a caller can read live DOM (e.g. the active code panel's `textContent`) rather than
+* snapshotting it up front. The flag flips back after `resetMs`; the pending timer is cleared on
+* unmount so a copy just before navigation can't set state on a gone component.
+*/
+function useCopy(getText, resetMs = 1600) {
+	const [copied, setCopied] = useState(false);
+	const timer = useRef(null);
+	useEffect(() => () => {
+		if (timer.current) clearTimeout(timer.current);
+	}, []);
+	return {
+		copied,
+		copy: useCallback(() => {
+			const text = getText();
+			if (!text || !navigator.clipboard) return;
+			navigator.clipboard.writeText(text).then(() => {
+				setCopied(true);
+				if (timer.current) clearTimeout(timer.current);
+				timer.current = setTimeout(() => setCopied(false), resetMs);
+			}).catch(() => {});
+		}, [getText, resetMs])
+	};
+}
+//#endregion
+export { useCopy };

package/dist/core/use-injected-labels.js

@@ -0,0 +1,55 @@
+"use client";
+import { useMemo } from "react";
+import en from "@stridge/noctis-intl/messages/en";
+import fa from "@stridge/noctis-intl/messages/fa";
+import { useLocale, useLocalizedStringFormatter } from "@stridge/noctis-intl/react";
+//#region src/core/use-injected-labels.ts
+/** The bundled message catalogs, keyed by language so the formatter resolves against the active locale. */
+const MESSAGES = {
+	en,
+	fa
+};
+/**
+* Resolves a primitive's assistive labels with the precedence the whole system uses: English
+* `defaults` (the last-resort fallback const) → the locale-resolved dictionary value → per-instance
+* `overrides` (always wins). `keys` maps each label field to its message key in the bundled catalog.
+*
+* This is the single source of the labels-merge precedence — every locale-aware wrapper uses it
+* instead of re-implementing the merge.
+*/
+function useInjectedLabels(defaults, keys, overrides) {
+	const formatter = useLocalizedStringFormatter(MESSAGES);
+	return useMemo(() => {
+		const resolved = { ...defaults };
+		for (const field in keys) {
+			const key = keys[field];
+			try {
+				resolved[field] = formatter.format(key);
+			} catch {}
+		}
+		return {
+			...resolved,
+			...overrides
+		};
+	}, [
+		formatter,
+		defaults,
+		keys,
+		overrides
+	]);
+}
+/**
+* The bundled-catalog string formatter for the active locale, for wrappers that compose a localized
+* string with runtime arguments (an ICU `select`/`plural`/interpolation) rather than resolving a flat
+* label — e.g. Meter's `aria-valuetext` ("{value} — {status}"). Resolves against the same `MESSAGES`
+* catalog `useInjectedLabels` uses, so the precedence and locale wiring stay identical.
+*/
+function useNoctisStringFormatter() {
+	return useLocalizedStringFormatter(MESSAGES);
+}
+/** The active locale to spread onto Base UI roots that accept `Intl.LocalesArgument`. */
+function useInjectedLocale() {
+	return useLocale().locale;
+}
+//#endregion
+export { useInjectedLabels, useInjectedLocale, useNoctisStringFormatter };

package/dist/core/use-reduced-motion.d.ts

@@ -0,0 +1,9 @@
+//#region src/core/use-reduced-motion.d.ts
+/**
+ * Whether the user asks for reduced motion (`prefers-reduced-motion: reduce`). Gate non-essential
+ * animation on it. For purely declarative transitions, the Tailwind `motion-reduce:` variant is
+ * usually enough; reach for this hook when motion is driven in JS.
+ */
+declare function useReducedMotion(): boolean;
+//#endregion
+export { useReducedMotion };

package/dist/core/use-reduced-motion.js

@@ -0,0 +1,26 @@
+"use client";
+import { useSyncExternalStore } from "react";
+//#region src/core/use-reduced-motion.ts
+const QUERY = "(prefers-reduced-motion: reduce)";
+function subscribe(onChange) {
+	const list = window.matchMedia(QUERY);
+	list.addEventListener("change", onChange);
+	return () => list.removeEventListener("change", onChange);
+}
+function getSnapshot() {
+	return window.matchMedia(QUERY).matches;
+}
+/** The server can't know the preference, so animations start enabled and correct after hydration. */
+function getServerSnapshot() {
+	return false;
+}
+/**
+* Whether the user asks for reduced motion (`prefers-reduced-motion: reduce`). Gate non-essential
+* animation on it. For purely declarative transitions, the Tailwind `motion-reduce:` variant is
+* usually enough; reach for this hook when motion is driven in JS.
+*/
+function useReducedMotion() {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+//#endregion
+export { useReducedMotion };

package/dist/core/visually-hidden/index.d.ts

@@ -0,0 +1 @@
+import { VisuallyHidden } from "./visually-hidden.js";

package/dist/core/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef, ReactElement } from "react";
+
+//#region src/core/visually-hidden/visually-hidden.d.ts
+/**
+ * Hides content visually while keeping it in the accessibility tree — for screen-reader-only labels
+ * and live-region text that should not take up space. Renders a `span` by default; the hiding is owned
+ * by `visually-hidden.css` keyed off `data-slot`, and `className` adds to (does not replace) it.
+ *
+ * @see {@link VisuallyHidden.Props}
+ */
+declare function VisuallyHidden({
+  className,
+  ...props
+}: VisuallyHidden.Props): ReactElement;
+/**
+ * Prop types. Types-only — it emits no runtime code and merges with the `VisuallyHidden` function
+ * above, so `VisuallyHidden` is the component value while `VisuallyHidden.Props` is its prop type.
+ */
+declare namespace VisuallyHidden {
+  /** Props for `VisuallyHidden` — every `span` attribute, plus a `className` merged onto the hiding styles. */
+  type Props = ComponentPropsWithoutRef<"span">;
+}
+//#endregion
+export { VisuallyHidden };

package/dist/core/visually-hidden/visually-hidden.js

@@ -0,0 +1,19 @@
+import clsx$1 from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/core/visually-hidden/visually-hidden.tsx
+/**
+* Hides content visually while keeping it in the accessibility tree — for screen-reader-only labels
+* and live-region text that should not take up space. Renders a `span` by default; the hiding is owned
+* by `visually-hidden.css` keyed off `data-slot`, and `className` adds to (does not replace) it.
+*
+* @see {@link VisuallyHidden.Props}
+*/
+function VisuallyHidden({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "noctis-visually-hidden",
+		className: clsx$1(className),
+		...props
+	});
+}
+//#endregion
+export { VisuallyHidden };

package/dist/i18n/default-messages.d.ts

@@ -0,0 +1,12 @@
+import { LocalizedStrings } from "@stridge/noctis-intl";
+
+//#region src/i18n/default-messages.d.ts
+/**
+ * The fallback string dictionary `NoctisProvider` uses when an app passes no `messages`. An empty
+ * `en` map keeps primitives fully labelled via their own prop defaults; compiled per-component
+ * bundles plug in here later. Defined as a constant — not inline JSX — so `no-hardcoded-strings`
+ * stays satisfied.
+ */
+declare const DEFAULT_MESSAGES: LocalizedStrings<string, string>;
+//#endregion
+export { DEFAULT_MESSAGES };

package/dist/i18n/default-messages.js

@@ -0,0 +1,10 @@
+//#region src/i18n/default-messages.ts
+/**
+* The fallback string dictionary `NoctisProvider` uses when an app passes no `messages`. An empty
+* `en` map keeps primitives fully labelled via their own prop defaults; compiled per-component
+* bundles plug in here later. Defined as a constant — not inline JSX — so `no-hardcoded-strings`
+* stays satisfied.
+*/
+const DEFAULT_MESSAGES = { en: {} };
+//#endregion
+export { DEFAULT_MESSAGES };

package/dist/i18n/index.d.ts

@@ -0,0 +1,2 @@
+import { DateFormatter, DateFormatterOptions, Filter, Locale, LocalizedString, LocalizedStringDictionary, LocalizedStringFormatter, LocalizedStrings, NumberFormatOptions, NumberFormatter, NumberParser, TextDirection, Variables, isRTL, useCollator, useDateFormatter, useFilter, useIsSSR, useListFormatter, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useNumberFormatter } from "@stridge/noctis-intl/react";
+export { DateFormatter, type DateFormatterOptions, type Filter, type Locale, type LocalizedString, LocalizedStringDictionary, LocalizedStringFormatter, type LocalizedStrings, type NumberFormatOptions, NumberFormatter, NumberParser, type TextDirection, type Variables, isRTL, useCollator, useDateFormatter, useFilter, useIsSSR, useListFormatter, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useNumberFormatter };

package/dist/i18n/index.js

@@ -0,0 +1,2 @@
+import { DateFormatter, LocalizedStringDictionary, LocalizedStringFormatter, NumberFormatter, NumberParser, isRTL, useCollator, useDateFormatter, useFilter, useIsSSR, useListFormatter, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useNumberFormatter } from "@stridge/noctis-intl/react";
+export { DateFormatter, LocalizedStringDictionary, LocalizedStringFormatter, NumberFormatter, NumberParser, isRTL, useCollator, useDateFormatter, useFilter, useIsSSR, useListFormatter, useLocale, useLocalizedStringDictionary, useLocalizedStringFormatter, useNumberFormatter };

package/dist/i18n/messages/index.d.ts

@@ -0,0 +1,2 @@
+import { DEFAULT_MESSAGES } from "../default-messages.js";
+export { DEFAULT_MESSAGES };

package/dist/i18n/messages/index.js

@@ -0,0 +1,2 @@
+import { DEFAULT_MESSAGES } from "../default-messages.js";
+export { DEFAULT_MESSAGES };

package/dist/icons/glyphs.d.ts

@@ -0,0 +1,2 @@
+import { LucideIcon as IconGlyph } from "lucide-react";
+export { type IconGlyph };

package/dist/icons/glyphs.js

@@ -0,0 +1,2 @@
+import { Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, ChevronsUpDown as ChevronsUpDownIcon, File as FileIcon, LoaderCircle as SpinnerIcon, Minus as MinusIcon, MoreHorizontal as MoreHorizontalIcon, Pipette as PipetteIcon, Plus as PlusIcon, Search as SearchIcon, Terminal as TerminalIcon, X as XIcon } from "lucide-react";
+export { CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, FileIcon, MinusIcon, MoreHorizontalIcon, PipetteIcon, PlusIcon, SearchIcon, SpinnerIcon, TerminalIcon, XIcon };

package/dist/icons/icon.d.ts

@@ -0,0 +1,40 @@
+import { IconGlyph } from "./glyphs.js";
+import { IconSize } from "./icon.styles.js";
+import { ComponentPropsWithoutRef, ReactElement } from "react";
+
+//#region src/icons/icon.d.ts
+/**
+ * The icon primitive: a lucide glyph sized from the token scale, RTL-aware, and accessible by
+ * default. With a `title` it is announced as an image with that name; without one it is hidden
+ * from assistive tech, so a labelled control's own text is not doubled up.
+ *
+ * @see {@link Icon.Props}
+ */
+declare function Icon({
+  icon: Glyph,
+  size,
+  directional,
+  title,
+  className,
+  ...props
+}: Icon.Props): ReactElement;
+/**
+ * Prop and size types. Types-only — it emits no runtime code and merges with the `Icon` function
+ * above, so `Icon` is the component value while `Icon.Props` is its prop type.
+ */
+declare namespace Icon {
+  interface Props extends Omit<ComponentPropsWithoutRef<IconGlyph>, "size"> {
+    /** The icon glyph component to render (from `./icons`). */
+    icon: IconGlyph;
+    /** Token-driven size. Defaults to `md`. */
+    size?: IconSize;
+    /** Mirror the glyph under RTL — set for chevrons, arrows, and back/forward affordances. */
+    directional?: boolean;
+    /** Accessible name. When set the icon is exposed as an image; when omitted it is decorative. */
+    title?: string;
+  }
+  /** Token-driven icon size. */
+  type Size = IconSize;
+}
+//#endregion
+export { Icon };

package/dist/icons/icon.js

@@ -0,0 +1,26 @@
+import clsx$1 from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/icon.tsx
+/**
+* The icon primitive: a lucide glyph sized from the token scale, RTL-aware, and accessible by
+* default. With a `title` it is announced as an image with that name; without one it is hidden
+* from assistive tech, so a labelled control's own text is not doubled up.
+*
+* @see {@link Icon.Props}
+*/
+function Icon({ icon: Glyph, size = "md", directional = false, title, className, ...props }) {
+	const labelled = title !== void 0 && title !== "";
+	return /* @__PURE__ */ jsx(Glyph, {
+		"data-slot": "noctis-icon",
+		"data-size": size,
+		"data-directional": directional ? "" : void 0,
+		"aria-hidden": labelled ? void 0 : true,
+		"aria-label": labelled ? title : void 0,
+		role: labelled ? "img" : void 0,
+		focusable: false,
+		className: clsx$1(className),
+		...props
+	});
+}
+//#endregion
+export { Icon };

package/dist/icons/icon.styles.d.ts

@@ -0,0 +1,9 @@
+//#region src/icons/icon.styles.d.ts
+/**
+ * Named icon size. Defaults to `md`. The square sizing (`--_icon-size`, retuned per `data-size`) and
+ * the directional RTL mirror are owned by the hand-authored `icon.css`, keyed off `data-slot`/
+ * `data-directional` — so the icon styles itself with no Tailwind utility.
+ */
+type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+//#endregion
+export { IconSize };

package/dist/icons/index.d.ts

@@ -0,0 +1,3 @@
+import { IconGlyph } from "./glyphs.js";
+import { IconSize } from "./icon.styles.js";
+import { Icon } from "./icon.js";

package/dist/index.d.ts

@@ -0,0 +1,126 @@
+import { AccordionLevel, AccordionSize } from "./components/accordion/accordion.types.js";
+import { Accordion } from "./components/accordion/accordion.js";
+import { AccordionDataAttributes } from "./components/accordion/accordion.slots.js";
+import { IconGlyph } from "./icons/glyphs.js";
+import { Icon } from "./icons/icon.js";
+import { AutocompleteSize } from "./components/autocomplete/autocomplete.context.js";
+import { Autocomplete } from "./components/autocomplete/autocomplete.js";
+import { AutocompleteDataAttributes } from "./components/autocomplete/autocomplete.slots.js";
+import { AlertDialogActionTone } from "./components/alert-dialog/alert-dialog.types.js";
+import { AlertDialog } from "./components/alert-dialog/alert-dialog.js";
+import { AlertDialogDataAttributes } from "./components/alert-dialog/alert-dialog.slots.js";
+import { Avatar } from "./components/avatar/avatar.js";
+import { AvatarDataAttributes } from "./components/avatar/avatar.slots.js";
+import { Button } from "./components/button/button.js";
+import { ButtonDataAttributes } from "./components/button/button.slots.js";
+import { mergeProps, useRender } from "./core/render.js";
+import { Surface } from "./components/surface/surface.js";
+import { ColorFormat } from "./components/color-picker/color.js";
+import { ColorPickerLabels } from "./components/color-picker/context.js";
+import { ColorPicker } from "./components/color-picker/color-picker.js";
+import { ColorSwatch } from "./components/color-swatch/color-swatch.js";
+import { ColorSwatchPicker } from "./components/color-swatch/color-swatch-picker.js";
+import { CheckboxGroup } from "./components/checkbox/checkbox-group.js";
+import { Checkbox } from "./components/checkbox/checkbox.js";
+import { CheckboxDataAttributes } from "./components/checkbox/checkbox.slots.js";
+import { CodeBlock } from "./components/code-block/code-block.js";
+import { CodeBlockDataAttributes } from "./components/code-block/code-block.slots.js";
+import { BrandLogo, PackageManager } from "./components/code-block/brand-logo.js";
+import { Collapsible } from "./components/collapsible/collapsible.js";
+import { CollapsibleDataAttributes } from "./components/collapsible/collapsible.slots.js";
+import { Combobox } from "./components/combobox/combobox.js";
+import { ComboboxDataAttributes } from "./components/combobox/combobox.slots.js";
+import { Menu } from "./components/menu/menu.js";
+import { MenuDataAttributes } from "./components/menu/menu.slots.js";
+import { ContextMenu } from "./components/context-menu/context-menu.js";
+import { ContextMenuDataAttributes } from "./components/context-menu/context-menu.slots.js";
+import { CopyButton } from "./components/copy-button/copy-button.js";
+import { CopyButtonDataAttributes } from "./components/copy-button/copy-button.slots.js";
+import { Field, Fieldset, Form } from "./components/field/field.js";
+import { FieldDataAttributes } from "./components/field/field.slots.js";
+import { InlineCode } from "./components/inline-code/inline-code.js";
+import { InputAdornmentSide, InputAdornmentVariant, InputSize } from "./components/input/input.types.js";
+import { Input } from "./components/input/input.js";
+import { InputDataAttributes } from "./components/input/input.slots.js";
+import { Kbd } from "./components/kbd/kbd.js";
+import { SearchResult } from "./components/search-dialog/search-dialog.context.js";
+import { SearchDialog } from "./components/search-dialog/search-dialog.js";
+import { SearchDialogDataAttributes } from "./components/search-dialog/search-dialog.slots.js";
+import { Select } from "./components/select/select.js";
+import { SelectDataAttributes } from "./components/select/select.slots.js";
+import { SeparatorDataAttributes } from "./components/separator/separator.slots.js";
+import { Separator } from "./components/separator/separator.js";
+import { ClassNameProp, mergeClassName } from "./core/merge-class-name.js";
+import { Rail } from "./components/rail/rail.js";
+import { RailDataAttributes } from "./components/rail/rail.slots.js";
+import { Sheet } from "./components/sheet/sheet.js";
+import { EMPTY_SHEET_STACK, SheetStack, SheetStackEntry, SheetStackEntryInput, SheetStackManager, sheetStackReducer, useSheetStack, useSheetStackContext } from "./components/sheet/sheet-stack.js";
+import { SliderSize } from "./components/slider/slider.context.js";
+import { Slider } from "./components/slider/slider.js";
+import { SliderDataAttributes } from "./components/slider/slider.slots.js";
+import { ButtonGroup } from "./components/button-group/button-group.js";
+import { ButtonGroupDataAttributes } from "./components/button-group/button-group.slots.js";
+import { Dialog } from "./components/dialog/dialog.js";
+import { DialogDataAttributes } from "./components/dialog/dialog.slots.js";
+import { Menubar } from "./components/menubar/menubar.js";
+import { MenubarDataAttributes } from "./components/menubar/menubar.slots.js";
+import { Meter } from "./components/meter/meter.js";
+import { MeterDataAttributes } from "./components/meter/meter.slots.js";
+import { NumberField } from "./components/number-field/number-field.js";
+import { NumberFieldDataAttributes } from "./components/number-field/number-field.slots.js";
+import { OtpFieldSize } from "./components/otp-field/otp-field.props.js";
+import { OtpField } from "./components/otp-field/otp-field.js";
+import { OtpFieldDataAttributes } from "./components/otp-field/otp-field.slots.js";
+import { PreviewCard } from "./components/preview-card/preview-card.js";
+import { PreviewCardDataAttributes } from "./components/preview-card/preview-card.slots.js";
+import { Popover } from "./components/popover/popover.js";
+import { PopoverDataAttributes } from "./components/popover/popover.slots.js";
+import { ProgressSize } from "./components/progress/progress.context.js";
+import { Progress } from "./components/progress/progress.js";
+import { ProgressDataAttributes } from "./components/progress/progress.slots.js";
+import { Radio } from "./components/radio/radio.js";
+import { RadioDataAttributes } from "./components/radio/radio.slots.js";
+import { NavigationMenu } from "./components/navigation-menu/navigation-menu.js";
+import { NavigationMenuDataAttributes } from "./components/navigation-menu/navigation-menu.slots.js";
+import { Table } from "./components/table/table.js";
+import { Tabs } from "./components/tabs/tabs.js";
+import { TabsDataAttributes } from "./components/tabs/tabs.slots.js";
+import { Toggle, ToggleGroup } from "./components/toggle/toggle.js";
+import { ToggleDataAttributes } from "./components/toggle/toggle.slots.js";
+import { Toolbar } from "./components/toolbar/toolbar.js";
+import { ToolbarDataAttributes } from "./components/toolbar/toolbar.slots.js";
+import { TextareaSize } from "./components/textarea/textarea.types.js";
+import { Textarea } from "./components/textarea/textarea.js";
+import { TextareaDataAttributes } from "./components/textarea/textarea.slots.js";
+import { ToastPlacement, ToastType } from "./components/toast/toast.types.js";
+import { ToastManager, ToastObject, ToastOptions, ToastPromiseOptions, ToastStatusOptions, ToastUpdateOptions, useToast } from "./components/toast/toast.manager.js";
+import { Toast } from "./components/toast/toast.js";
+import { ToastDataAttributes } from "./components/toast/toast.slots.js";
+import { Tooltip } from "./components/tooltip/tooltip.js";
+import { TooltipDataAttributes } from "./components/tooltip/tooltip.slots.js";
+import { Primitive } from "./core/primitive/primitive.js";
+import { RADIUS_PRESETS } from "./core/radius-scope/radius-scope.styles.js";
+import { RadiusScope } from "./core/radius-scope/radius-scope.js";
+import { ScrollArea } from "./components/scroll-area/scroll-area.js";
+import { ScrollAreaDataAttributes } from "./components/scroll-area/scroll-area.slots.js";
+import { Switch } from "./components/switch/switch.js";
+import { SwitchDataAttributes } from "./components/switch/switch.slots.js";
+import { useCopy } from "./core/use-copy.js";
+import { useReducedMotion } from "./core/use-reduced-motion.js";
+import { VisuallyHidden } from "./core/visually-hidden/visually-hidden.js";
+import { NoctisProvider } from "./core/noctis-provider.js";
+
+//#region src/index.d.ts
+/**
+ * `@stridge/noctis` — the Noctis design system: Base UI behavior + hand-authored, framework-neutral
+ * CSS on the semantic token layer. This is the authoring substrate every primitive builds on — the
+ * lean polymorphic `Primitive` base, the `Surface` layer primitive (and its `Surface.props()` escape
+ * hatch) that owns elevation, the render utilities (`useRender`/`mergeProps`), `Icon`,
+ * `VisuallyHidden`, the unified `NoctisProvider` (CSP + theme + locale/direction), and the
+ * reduced-motion hook — plus the `Button` action, the `Sheet` overlay, and the docked `Rail`. The
+ * Tailwind class helpers (`cn`/`tv`) are an opt-in adapter at `@stridge/noctis/tailwind`.
+ */
+/** Package identifier — the workspace-resolution marker consumed by the app scaffold. */
+declare const UI_PACKAGE: "@stridge/noctis";
+//#endregion
+export { Accordion, AccordionDataAttributes, type AccordionLevel, type AccordionSize, AlertDialog, type AlertDialogActionTone, AlertDialogDataAttributes, Autocomplete, AutocompleteDataAttributes, type AutocompleteSize, Avatar, AvatarDataAttributes, BrandLogo, Button, ButtonDataAttributes, ButtonGroup, ButtonGroupDataAttributes, Checkbox, CheckboxDataAttributes, CheckboxGroup, type ClassNameProp, CodeBlock, CodeBlockDataAttributes, Collapsible, CollapsibleDataAttributes, type ColorFormat, ColorPicker, type ColorPickerLabels, ColorSwatch, ColorSwatchPicker, Combobox, ComboboxDataAttributes, ContextMenu, ContextMenuDataAttributes, CopyButton, CopyButtonDataAttributes, Dialog, DialogDataAttributes, EMPTY_SHEET_STACK, Field, FieldDataAttributes, Fieldset, Form, Icon, type IconGlyph, InlineCode, Input, type InputAdornmentSide, type InputAdornmentVariant, InputDataAttributes, type InputSize, Kbd, Menu, MenuDataAttributes, Menubar, MenubarDataAttributes, Meter, MeterDataAttributes, NavigationMenu, NavigationMenuDataAttributes, NoctisProvider, NumberField, NumberFieldDataAttributes, OtpField, OtpFieldDataAttributes, type OtpFieldSize, type PackageManager, Popover, PopoverDataAttributes, PreviewCard, PreviewCardDataAttributes, Primitive, Progress, ProgressDataAttributes, type ProgressSize, RADIUS_PRESETS, Radio, RadioDataAttributes, RadiusScope, Rail, RailDataAttributes, ScrollArea, ScrollAreaDataAttributes, SearchDialog, SearchDialogDataAttributes, type SearchResult, Select, SelectDataAttributes, Separator, SeparatorDataAttributes, Sheet, SheetStack, type SheetStackEntry, type SheetStackEntryInput, type SheetStackManager, Slider, SliderDataAttributes, type SliderSize, Surface, Switch, SwitchDataAttributes, Table, Tabs, TabsDataAttributes, Textarea, TextareaDataAttributes, type TextareaSize, Toast, ToastDataAttributes, type ToastManager, type ToastObject, type ToastOptions, type ToastPlacement, type ToastPromiseOptions, type ToastStatusOptions, type ToastType, type ToastUpdateOptions, Toggle, ToggleDataAttributes, ToggleGroup, Toolbar, ToolbarDataAttributes, Tooltip, TooltipDataAttributes, UI_PACKAGE, VisuallyHidden, mergeClassName, mergeProps, sheetStackReducer, useCopy, useReducedMotion, useRender, useSheetStack, useSheetStackContext, useToast };