@neo-ui-kit/react 1.2.3 → 1.3.2

package/dist/components/artwork/QuantumField/QuantumFieldExperience.d.ts

@@ -10,6 +10,12 @@ export interface QuantumBackgroundSettings {
     density: number;
     /** Share of the scene the field spans: 1 reaches the edges, above 1 runs past them. */
     fieldSize: number;
+    /** 0 keeps the original plane; 1 separates near and far particles in space and speed. */
+    particleDepth: number;
+    /** Multiplies particle size without changing the field's footprint, 0.5–3. */
+    particleScale: number;
+    /** 0 keeps the original glow; 1 uses a crisp light core and a compact halo. */
+    particleSharpness: number;
     timeScale: number;
     nebulaEnabled: boolean;
     nebulaIntensity: number;

package/dist/components/controls/ThemePicker/ThemePicker.d.ts

@@ -8,6 +8,8 @@ export interface ThemePickerOption<V extends string = string> {
     description?: string;
     /** Picture of the theme (with transparency); the chosen one gets a moving shine. */
     image?: string;
+    /** Optional full-card backdrop, kept separate from the foreground picture. */
+    background?: string;
     /** The theme's own colour for the card's edge and glow. */
     color?: string;
 }

package/dist/components/controls/ThemePicker/styles.css

@@ -54,6 +54,7 @@
 /* Gallery: one picture card per theme, edged and lit in that theme's colour. */
 .ad-theme-picker[data-gallery] {
   display: grid;
+  width: 100%;
   grid-template-columns: repeat(auto-fill, minmax(min(100%, 10rem), 1fr));
   gap: var(--ad-space-3);
 }
@@ -63,17 +64,31 @@
   isolation: isolate;
   display: grid;
   grid-template-rows: minmax(0, 1fr) auto;
+  min-width: 0;
   aspect-ratio: 5 / 4;
   padding: 0;
   overflow: hidden;
   border: 0.0625rem solid rgb(from var(--ad-theme-card) r g b / 0.38);
   border-radius: 0.8rem;
   background: linear-gradient(135deg, var(--ad-neutral-900), var(--ad-neutral-950));
-  color: var(--ad-text);
+  color: #fff;
   font: inherit;
   cursor: pointer;
   transition: filter 0.18s, box-shadow 0.18s, border-color 0.18s;
 }
+.ad-theme-card-background {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  pointer-events: none;
+}
+.ad-theme-card:focus-visible {
+  outline: 0.125rem solid var(--ad-theme-card);
+  outline-offset: 0.2rem;
+}
 .ad-theme-card:hover {
   filter: brightness(1.13);
 }
@@ -88,28 +103,48 @@
     0 0 1rem rgb(from var(--ad-theme-card) r g b / 0.28);
 }
 .ad-theme-card-preview {
+  position: relative;
   display: grid;
   place-items: center;
   min-height: 0;
-  padding: var(--ad-space-2);
+  margin: 4% 12% 0.2rem;
   background: radial-gradient(ellipse at 50% 76%, rgb(from var(--ad-theme-card) r g b / 0.18), transparent 72%);
 }
-.ad-theme-card-preview > :is(img, svg, .ad-image-shine) {
-  width: auto;
-  max-width: 100%;
+.ad-theme-card-image {
+  position: absolute;
+  inset: 0;
+}
+.ad-theme-card-image > :is(img, .ad-image-shine) {
+  width: 100%;
   height: 100%;
-  aspect-ratio: 1;
+  aspect-ratio: auto;
   object-fit: contain;
 }
 .ad-theme-card-caption {
   display: grid;
   justify-items: center;
-  gap: 0.15rem;
-  padding: var(--ad-space-2);
-  background: linear-gradient(180deg, transparent, var(--ad-neutral-950));
+  gap: 0.1rem;
+  padding: 0 0.5rem 0.35rem;
+  text-align: center;
+  text-shadow: 0 0.125rem 0.4rem #000;
+  background: linear-gradient(180deg, transparent, #000b);
+}
+.ad-theme-card-caption > strong {
+  font-size: 1em;
+  line-height: 1.2;
+  overflow-wrap: anywhere;
+}
+.ad-theme-card-caption::after {
+  content: "";
+  width: 20%;
+  height: 0.125rem;
+  margin-top: 0.15rem;
+  border-radius: 1rem;
+  background: var(--ad-theme-card);
+  box-shadow: 0 0 0.7rem var(--ad-theme-card);
 }
 .ad-theme-card-caption > span {
-  color: var(--ad-muted);
+  color: #fffd;
   font-size: var(--ad-font-size-caption);
   text-align: center;
 }

package/dist/components/forms/FormFields/FormFields.d.ts

@@ -1,14 +1,20 @@
 import { type ComponentType, type ReactNode } from "react";
 import { type GridResponsive } from "../../layout/Grid/Grid";
-export type FieldKind = "text" | "number" | "textarea" | "select" | "autocomplete" | "checkbox" | "switch" | "color" | "date" | "file" | "people" | "slider" | "rotary" | "tags";
-export interface FormFieldDefinition<T extends Record<string, unknown> = Record<string, unknown>> {
+import { type FormApi } from "../Form/Form";
+export type FieldKind = "text" | "number" | "textarea" | "select" | "autocomplete" | "checkbox" | "switch" | "color" | "date" | "file" | "people" | "slider" | "rotary" | "tags" | "theme" | "toggle" | "segmented" | "tabs" | "custom";
+export type FormFieldDefinition<T extends Record<string, unknown> = Record<string, unknown>> = {
     name: string;
-    kind?: FieldKind;
     label?: ReactNode;
     span?: GridResponsive<number | "full">;
     showWhen?: (values: T) => boolean;
     props?: Record<string, unknown>;
-}
+} & ({
+    kind: "custom";
+    render: (field: ReturnType<FormApi<T>["field"]>, form: FormApi<T>) => ReactNode;
+} | {
+    kind?: Exclude<FieldKind, "custom">;
+    render?: never;
+});
 export type FieldRegistry = Record<string, ComponentType<any>>;
 export declare const defaultFieldRegistry: FieldRegistry;
 export interface FormFieldsProps<T extends Record<string, unknown>> {

package/dist/components/forms/FormFields/styles.css

@@ -12,6 +12,9 @@
     grid-row-end: span 4;
     grid-template-rows: subgrid;
   }
+  .ad-form-field[data-custom] {
+    display: block;
+  }
   .ad-form-field > * {
     grid-row: 2;
     align-self: center;
@@ -44,7 +47,8 @@
     align-self: start;
     margin-block-start: calc(var(--ad-space-1) * 1.5);
   }
-  .ad-form-field > :has(> .ad-field) > :not(.ad-field) {
+  .ad-form-field > * > .ad-field ~ :not(.ad-field),
+  .ad-form-field > * > :not(.ad-field):has(~ .ad-field) {
     grid-row: 4;
   }
 }

package/dist/components/foundation/LoaderGenerator/LoaderGenerator.d.ts

@@ -15,14 +15,14 @@ export interface LoaderGeneratorProps extends CommonProps {
     defaultValue?: Partial<LoaderSettings>;
     onValueChange?: (settings: LoaderSettings) => void;
 }
-export declare const loaderGeneratorAnimations: ("flip" | "fill" | "wave" | "palette" | "pulse" | "spin" | "breathe" | "bounce" | "glow" | "shine" | "wobble")[];
+export declare const loaderGeneratorAnimations: ("flip" | "fill" | "wave" | "palette" | "glow" | "pulse" | "spin" | "breathe" | "bounce" | "shine" | "wobble")[];
 export declare const loaderSizes: {
     readonly xs: 4.5;
     readonly sm: 6.5;
     readonly md: 9;
     readonly lg: 12;
 };
-export declare const loaderRenderKey: ({ animation }: Pick<LoaderSettings, "animation">) => "flip" | "fill" | "wave" | "palette" | "pulse" | "spin" | "breathe" | "bounce" | "orbit" | "glow" | "shine" | "wobble" | "radar";
+export declare const loaderRenderKey: ({ animation }: Pick<LoaderSettings, "animation">) => "flip" | "fill" | "wave" | "palette" | "glow" | "pulse" | "spin" | "breathe" | "bounce" | "orbit" | "shine" | "wobble" | "radar";
 /** Removes large, smoothly connected background regions while preserving enclosed logo details. */
 export declare function removeBackgroundPixels(pixels: Uint8ClampedArray, width: number, height: number, signal?: AbortSignal): Promise<Uint8ClampedArray<ArrayBufferLike>>;
 /** Finds a representative visible colour for rings, highlights and image glow. */

package/dist/core.d.ts

@@ -2,7 +2,7 @@ export { ThemeProvider, themes, } from "./components/foundation/ThemeProvider/Th
 export type { ThemeName, ThemeProviderProps, } from "./components/foundation/ThemeProvider/ThemeProvider";
 export { useReducedMotion, useMotion } from "./core/providers/context";
 export { useBorder, usePauseOffscreen, useTick, useDecoration, useSmoothWheel, useTabShape, } from "./core/motion/hooks";
-export { getMotionStats, setMotionFrameRate, subscribeTick } from "./core/motion-engine.js";
+export { getMotionStats, refreshMotion, setMotionFrameRate, subscribeTick } from "./core/motion-engine.js";
 export { LocaleProvider, addMessages, getLocale, plural, setLocale, tr, translate, useLocale, useTr } from "./core/i18n";
 export type { Locale, LocaleProviderProps, Messages } from "./core/i18n";
 export { messages as builtInMessages } from "./core/messages";

package/dist/core.js

@@ -1,18 +1,17 @@
 import {
   ThemeProvider,
-  themes
-} from "./chunks/chunk-JZ4GDTH5.js";
-import {
   getMotionStats,
+  refreshMotion,
   setMotionFrameRate,
   subscribeTick,
+  themes,
   useBorder,
   useDecoration,
   usePauseOffscreen,
   useSmoothWheel,
   useTabShape,
   useTick
-} from "./chunks/chunk-YKCUOZ7V.js";
+} from "./chunks/chunk-ICRXRGIW.js";
 import {
   LocaleProvider,
   addMessages,
@@ -37,6 +36,7 @@ export {
   getLocale,
   getMotionStats,
   plural,
+  refreshMotion,
   setLocale,
   setMotionFrameRate,
   subscribeTick,

package/dist/forms.js

@@ -4,8 +4,8 @@ import {
   defaultFieldRegistry,
   useForm,
   useFormContext
-} from "./chunks/chunk-RHMNSDIW.js";
-import "./chunks/chunk-YKCUOZ7V.js";
+} from "./chunks/chunk-TAQHE3C5.js";
+import "./chunks/chunk-ICRXRGIW.js";
 import "./chunks/chunk-BJSFN52W.js";
 import "./chunks/chunk-FCOU3ODR.js";
 export {

package/dist/index.d.ts

@@ -151,7 +151,7 @@ export { WaveDecoration } from "./components/media/WaveDecoration/WaveDecoration
 export { Waveform } from "./components/media/Waveform/Waveform";
 export { useWaveformPeaks } from "./components/media/Waveform/useWaveformPeaks";
 export * from "./components/media/shared";
-export { getMotionStats, setMotionFrameRate, subscribeTick } from "./core/motion-engine.js";
+export { getMotionStats, refreshMotion, setMotionFrameRate, subscribeTick } from "./core/motion-engine.js";
 export { Router, useRouter, matchRoute, } from "./components/navigation/Router/Router";
 export type { RouterProps, RouterValue, RouteDefinition, RouteMatch, RouteAccessContext, } from "./components/navigation/Router/Router";
 export { Form, useForm, useFormContext } from "./components/forms/Form/Form";