impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/lib/date-bounds-matcher.d.ts

@@ -0,0 +1,3 @@
+import { Matcher } from 'react-day-picker';
+/** Build a react-day-picker `disabled` matcher from optional min/max dates. */
+export declare function buildDateBoundsMatcher(minDate?: Date, maxDate?: Date): Matcher | undefined;

package/dist/lib/date-bounds-matcher.js

@@ -0,0 +1,8 @@
+function e(r, f) {
+  if (r && f) return { before: r, after: f };
+  if (r) return { before: r };
+  if (f) return { after: f };
+}
+export {
+  e as buildDateBoundsMatcher
+};

package/dist/lib/fiscal-calendar.d.ts

@@ -1,4 +1,4 @@
-import { WeekSelection } from '../components/ui/calendar';
+import { WeekSelection } from '../components/data-display/calendar';
 export type CalendarType = "calendar" | "fiscal";
 export type FiscalMode = "basic" | "advanced" | "custom";
 export type SelectionMode = "week" | "fiscalMonth";

package/dist/lib/primitives/controllable.d.ts

@@ -0,0 +1,7 @@
+export { useControllableState, useControllableState as useRadixControllableState, } from '@radix-ui/react-use-controllable-state';
+export interface UseControllableStateParams<T> {
+    prop?: T;
+    defaultProp?: T;
+    onChange?: (state: T) => void;
+    caller?: string;
+}

package/dist/lib/primitives/create-component.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface CreateComponentOptions {
+    /** When false, caller must set data-component on the root element. */
+    dataComponent?: string;
+}
+/**
+ * Creates a forwardRef component with a stable displayName.
+ */
+export declare function createComponent<P extends object, R = HTMLElement>(displayName: string, render: React.ForwardRefRenderFunction<R, P>, _options?: CreateComponentOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;

package/dist/lib/primitives/create-component.js

@@ -0,0 +1,10 @@
+import * as n from "react";
+function a(t, e, r) {
+  const o = n.forwardRef(
+    e
+  );
+  return o.displayName = t, o;
+}
+export {
+  a as createComponent
+};

package/dist/lib/primitives/create-compound.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface CompoundPartOptions {
+    /** Suffix appended to base id: `dialog` + `trigger` → `dialog-trigger` */
+    part: string;
+    displayName: string;
+    forwardRef?: boolean;
+    /** Default layout classes merged with caller `className`. */
+    className?: string;
+}
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Creates a compound subcomponent with consistent displayName and data-component.
+ */
+export declare function createCompoundPart(baseId: string, options: CompoundPartOptions): React.ForwardRefExoticComponent<DivProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Wraps a Radix primitive part with data-component and displayName.
+ */
+export declare function wrapRadixPart<P extends object, R>(baseId: string, part: string, displayName: string, RadixComponent: React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>, defaultClassName?: string): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;
+export {};

package/dist/lib/primitives/create-compound.js

@@ -0,0 +1,36 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as p } from "../utils.js";
+function R(e, a) {
+  const o = `${e}-${a.part}`, t = c.forwardRef(
+    ({ className: n, ...m }, r) => /* @__PURE__ */ s(
+      "div",
+      {
+        ref: r,
+        "data-component": o,
+        className: p(a.className, n),
+        ...m
+      }
+    )
+  );
+  return t.displayName = a.displayName, t;
+}
+function $(e, a, o, t, n) {
+  const m = `${e}-${a}`, r = c.forwardRef((d, f) => {
+    const { className: i, ...l } = d;
+    return /* @__PURE__ */ s(
+      t,
+      {
+        ref: f,
+        "data-component": m,
+        className: p(n, i),
+        ...l
+      }
+    );
+  });
+  return r.displayName = o, r;
+}
+export {
+  R as createCompoundPart,
+  $ as wrapRadixPart
+};

package/dist/lib/primitives/field.d.ts

@@ -0,0 +1,36 @@
+import { ControlSize, FieldChromeProps } from './field.types';
+import * as React from "react";
+export interface FieldContextValue {
+    size?: ControlSize;
+    disabled?: boolean;
+    hasError?: boolean;
+}
+export declare function useFieldContext(): FieldContextValue;
+export interface FieldProps extends FieldChromeProps {
+    /** @deprecated Use `helperText` */
+    description?: React.ReactNode;
+    htmlFor?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>> & {
+    Label: {
+        ({ className, ...props }: React.LabelHTMLAttributes<HTMLLabelElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Error: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Control: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+/** @deprecated Use `Field` */
+export declare const FormField: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLDivElement>>;
+export type { FieldProps as FormFieldProps };

package/dist/lib/primitives/field.js

@@ -0,0 +1,123 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import * as l from "react";
+import { createComponent as H } from "./create-component.js";
+import { cn as r } from "../utils.js";
+import { isFieldError as M, fieldErrorMessage as O } from "./field.types.js";
+const b = l.createContext(null);
+function A() {
+  return l.useContext(b) ?? {};
+}
+const v = H(
+  "Field",
+  (e, t) => {
+    const {
+      label: p,
+      description: I,
+      helperText: j,
+      helperTextPosition: R = "flow",
+      labelOrientation: w = "top",
+      error: m,
+      required: D,
+      disabled: n,
+      size: a,
+      htmlFor: L,
+      className: P,
+      children: x
+    } = e, s = j ?? I, T = l.useId(), f = l.useId(), u = l.useId(), F = M(m), d = O(m), i = l.Children.only(x), h = L ?? (l.isValidElement(i) && typeof i.props.id == "string" ? i.props.id : T), z = [
+      s ? f : null,
+      d ? u : null
+    ].filter(Boolean).join(" "), B = l.isValidElement(i) && (s || d) ? l.cloneElement(i, {
+      id: i.props.id ?? h,
+      "aria-describedby": z || void 0,
+      "aria-invalid": F || void 0,
+      ...a ? { size: a } : {},
+      ...n !== void 0 ? { disabled: n } : {}
+    }) : x, N = w === "left";
+    return /* @__PURE__ */ o(b.Provider, { value: { size: a, disabled: n, hasError: F }, children: /* @__PURE__ */ c(
+      "div",
+      {
+        ref: t,
+        className: r(
+          "flex w-full gap-1.5",
+          N ? "flex-row items-start gap-3" : "flex-col",
+          P
+        ),
+        "data-component": "field",
+        children: [
+          p ? /* @__PURE__ */ c(
+            "label",
+            {
+              htmlFor: h,
+              className: r(
+                "text-xs font-medium leading-[18px] text-content-tertiary",
+                n && "opacity-70",
+                N && "shrink-0 pt-2"
+              ),
+              children: [
+                p,
+                D ? /* @__PURE__ */ o("span", { className: "text-destructive", children: " *" }) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ c("div", { className: r("min-w-0 flex-1 flex flex-col gap-1.5"), children: [
+            B,
+            s ? /* @__PURE__ */ o("p", { id: f, className: "text-xs text-content-muted", children: s }) : null,
+            d ? /* @__PURE__ */ o("p", { id: u, className: "text-xs text-destructive", role: "alert", children: d }) : null
+          ] })
+        ]
+      }
+    ) });
+  }
+), y = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  "label",
+  {
+    className: r(
+      "text-xs font-medium leading-[18px] text-content-tertiary",
+      e
+    ),
+    "data-component": "field-label",
+    ...t
+  }
+);
+y.displayName = "FieldLabel";
+const g = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  "p",
+  {
+    className: r("text-xs text-content-muted", e),
+    "data-component": "field-description",
+    ...t
+  }
+);
+g.displayName = "FieldDescription";
+const C = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  "p",
+  {
+    className: r("text-xs text-destructive", e),
+    role: "alert",
+    "data-component": "field-error",
+    ...t
+  }
+);
+C.displayName = "FieldError";
+const E = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: r(e), "data-component": "field-control", ...t });
+E.displayName = "FieldControl";
+const G = Object.assign(v, {
+  Label: y,
+  Description: g,
+  Error: C,
+  Control: E
+}), J = v;
+export {
+  G as Field,
+  J as FormField,
+  A as useFieldContext
+};

package/dist/lib/primitives/field.types.d.ts

@@ -0,0 +1,28 @@
+import { HelperTextPosition } from '../../types/helper-text.types';
+import type * as React from "react";
+export type { HelperTextPosition };
+/** Shared control size axis for form controls. */
+export type ControlSize = "sm" | "md" | "lg" | "default";
+/** Label placement relative to the control. */
+export type LabelOrientation = "top" | "left";
+/** Field chrome shared by Field wrapper and inline form controls. */
+export interface FieldChromeProps {
+    label?: React.ReactNode;
+    /** Alias: `description` on Field */
+    helperText?: React.ReactNode;
+    helperTextPosition?: HelperTextPosition;
+    labelOrientation?: LabelOrientation;
+    /** Boolean drives aria-invalid; ReactNode renders error message. */
+    error?: boolean | React.ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    size?: ControlSize;
+}
+/** Form control props mixin — extend native/Radix props with field chrome. */
+export interface FieldControlProps extends FieldChromeProps {
+    id?: string;
+}
+/** Resolve boolean error flag from boolean or message node. */
+export declare function isFieldError(error: FieldChromeProps["error"]): boolean;
+/** Resolve error message node when error is renderable content. */
+export declare function fieldErrorMessage(error: FieldChromeProps["error"]): React.ReactNode | undefined;

package/dist/lib/primitives/field.types.js

@@ -0,0 +1,11 @@
+function u(n) {
+  return n == null || n === !1 ? !1 : n === !0 ? !0 : !!n;
+}
+function t(n) {
+  if (!(n === !0 || n === !1 || n == null))
+    return n;
+}
+export {
+  t as fieldErrorMessage,
+  u as isFieldError
+};

package/dist/lib/primitives/index.d.ts

@@ -0,0 +1,9 @@
+export { createComponent, type CreateComponentOptions, } from './create-component';
+export { createCompoundPart, wrapRadixPart, type CompoundPartOptions, } from './create-compound';
+export { useControllableState, useRadixControllableState, type UseControllableStateParams, } from './controllable';
+export { Slottable, Slot, type SlottableProps } from './slot';
+export { controlErrorVariants, controlDisabledVariants, controlSizeVariants, selectSizeVariants, } from './variants';
+export { type ControlSize, type LabelOrientation, type HelperTextPosition, type FieldChromeProps, type FieldControlProps, isFieldError, fieldErrorMessage, } from './field.types';
+export { useFieldChrome, type UseFieldChromeOptions, type FieldChromeResult } from './use-field-chrome';
+export type { InfoTooltipRender } from './info-slot.types';
+export { Field, FormField, useFieldContext, type FieldProps, type FormFieldProps, type FieldContextValue, } from './field';

package/dist/lib/primitives/info-slot.types.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+/** App-layer tooltip injection for primitives (avoids primitives → feedback imports). */
+export type InfoTooltipRender = (content: React.ReactNode, fullLabel: React.ReactNode, className?: string) => React.ReactNode;

package/dist/lib/primitives/slot.d.ts

@@ -0,0 +1,12 @@
+import { Slot } from '@radix-ui/react-slot';
+import * as React from "react";
+export interface SlottableProps {
+    asChild?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Renders `children` or merges props onto child when `asChild` is true.
+ */
+export declare function Slottable({ asChild, className, children, ...props }: SlottableProps & Record<string, unknown>): import("react/jsx-runtime").JSX.Element;
+export { Slot };

package/dist/lib/primitives/use-field-chrome.d.ts

@@ -0,0 +1,30 @@
+import { FieldChromeProps } from './field.types';
+import * as React from "react";
+export interface UseFieldChromeOptions extends FieldChromeProps {
+    /** Explicit control id; auto-generated when omitted. */
+    id?: string;
+    htmlFor?: string;
+    className?: string;
+    /** Gap class on root wrapper */
+    rootClassName?: string;
+    /** Optional footer row (character count, etc.) */
+    footer?: React.ReactNode;
+}
+export interface FieldChromeResult {
+    controlId: string;
+    hasError: boolean;
+    errorMessage: React.ReactNode | undefined;
+    describedBy: string | undefined;
+    /** Merge onto the control element */
+    controlAria: {
+        id?: string;
+        "aria-describedby"?: string;
+        "aria-invalid"?: boolean;
+    };
+    wrapControl: (control: React.ReactNode) => React.ReactNode;
+    renderLabel: () => React.ReactNode;
+}
+/**
+ * Shared label/helper/error layout for Field and inline form controls.
+ */
+export declare function useFieldChrome({ label, helperText, helperTextPosition, labelOrientation, error, required, disabled, id: idProp, htmlFor: htmlForProp, className, rootClassName, footer, }: UseFieldChromeOptions): FieldChromeResult;

package/dist/lib/primitives/use-field-chrome.js

@@ -0,0 +1,121 @@
+import { jsxs as n, jsx as t, Fragment as g } from "react/jsx-runtime";
+import * as x from "react";
+import { Info as E } from "impact-nova-icons";
+import { cn as r } from "../utils.js";
+import { isFieldError as R, fieldErrorMessage as k } from "./field.types.js";
+function A(e) {
+  return r(
+    "text-xs font-medium leading-[18px] text-content-tertiary",
+    e && "opacity-70"
+  );
+}
+function h(e, l) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: r(
+        "flex min-w-0 items-center gap-[6px]",
+        e && "text-destructive"
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          E,
+          {
+            size: "xs",
+            className: r(
+              "shrink-0",
+              e ? "text-destructive" : "text-content-muted"
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          "p",
+          {
+            className: r(
+              "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
+              e && "text-destructive"
+            ),
+            children: l
+          }
+        )
+      ]
+    }
+  );
+}
+function H(e) {
+  return e === "left" ? "flex w-full flex-row items-start gap-3" : "flex w-full flex-col gap-[6px]";
+}
+function K({
+  label: e,
+  helperText: l,
+  helperTextPosition: s = "absolute",
+  labelOrientation: p = "top",
+  error: v,
+  required: I,
+  disabled: y,
+  id: B,
+  htmlFor: C,
+  className: F,
+  rootClassName: j,
+  footer: w
+}) {
+  const z = x.useId(), d = B ?? C ?? z, o = x.useId(), m = x.useId(), c = R(v), i = k(v), a = !!l, u = !!i, N = [
+    a && s === "flow" ? o : null,
+    u ? m : null
+  ].filter(Boolean).join(" "), M = {
+    id: d,
+    "aria-describedby": N || void 0,
+    "aria-invalid": c || void 0
+  }, f = () => e ? /* @__PURE__ */ n("label", { htmlFor: d, className: A(y), children: [
+    e,
+    I ? /* @__PURE__ */ t("span", { className: "text-destructive", children: " *" }) : null
+  ] }) : null;
+  return {
+    controlId: d,
+    hasError: c,
+    errorMessage: i,
+    describedBy: N || void 0,
+    controlAria: M,
+    wrapControl: (b) => /* @__PURE__ */ t("div", { className: r(H(p), j, F), children: p === "left" ? /* @__PURE__ */ n(g, { children: [
+      f(),
+      /* @__PURE__ */ n("div", { className: "min-w-0 flex-1 flex flex-col gap-[6px]", children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: r(
+              a && s === "absolute" && "relative"
+            ),
+            children: [
+              b,
+              a && s === "absolute" && /* @__PURE__ */ t("div", { className: "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full", children: h(c, l) })
+            ]
+          }
+        ),
+        a && s === "flow" && /* @__PURE__ */ t("p", { id: o, className: "text-xs text-content-muted", children: l }),
+        u && /* @__PURE__ */ t("p", { id: m, className: "text-xs text-destructive", role: "alert", children: i }),
+        w
+      ] })
+    ] }) : /* @__PURE__ */ n(g, { children: [
+      f(),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: r(
+            a && s === "absolute" && "relative"
+          ),
+          children: [
+            b,
+            a && s === "absolute" && /* @__PURE__ */ t("div", { className: "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full", children: h(c, l) })
+          ]
+        }
+      ),
+      a && s === "flow" && /* @__PURE__ */ t("p", { id: o, className: "text-xs text-content-muted", children: l }),
+      u && /* @__PURE__ */ t("p", { id: m, className: "text-xs text-destructive", role: "alert", children: i }),
+      w
+    ] }) }),
+    renderLabel: f
+  };
+}
+export {
+  K as useFieldChrome
+};

package/dist/lib/primitives/variants.d.ts

@@ -0,0 +1,16 @@
+/** Canonical error axis for form control borders (charter: `error` not `isError`). */
+export declare const controlErrorVariants: (props?: ({
+    error?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Canonical disabled axis for form controls. */
+export declare const controlDisabledVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Shared height scale for text inputs (default matches Input h-8). */
+export declare const controlSizeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Select trigger height scale. */
+export declare const selectSizeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/virtualized/useVirtualizedList.d.ts

@@ -31,7 +31,6 @@ export interface UseVirtualizedListResult<TData, TScrollElement extends Element
         measure?: boolean;
     }) => {
         key: VirtualListKey;
-        role: "row";
         "data-index": number;
         ref: Virtualizer<TScrollElement, TItemElement>["measureElement"] | undefined;
         style: CSSProperties;