impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/ui/chips.js

@@ -1,170 +0,0 @@
-import { jsxs as l, jsx as e, Fragment as v } from "react/jsx-runtime";
-import * as C from "react";
-import { Slot as w } from "@radix-ui/react-slot";
-import { cva as j } from "class-variance-authority";
-import { Checkmark as I, Cross as R } from "impact-nova-icons";
-import { cn as m } from "../../lib/utils.js";
-import { useImpactNovaI18n as V } from "../../i18n/ImpactNovaI18nContext.js";
-function _({
-  selected: n,
-  disabled: d
-}) {
-  return d ? /* @__PURE__ */ e(
-    "span",
-    {
-      className: "relative flex size-5 shrink-0 items-center justify-center",
-      "aria-hidden": !0,
-      children: n ? /* @__PURE__ */ l(v, { children: [
-        /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border-[1.25px] border-disabled-border" }),
-        /* @__PURE__ */ e("span", { className: "absolute size-[13px] rounded-full bg-disabled-foreground" })
-      ] }) : /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border border-disabled-border bg-transparent" })
-    }
-  ) : /* @__PURE__ */ e(
-    "span",
-    {
-      className: "relative flex size-5 shrink-0 items-center justify-center",
-      "aria-hidden": !0,
-      children: n ? /* @__PURE__ */ l(v, { children: [
-        /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border-[1.25px] border-brand" }),
-        /* @__PURE__ */ e("span", { className: "absolute size-[13px] rounded-full bg-brand" })
-      ] }) : /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border border-border bg-transparent" })
-    }
-  );
-}
-const S = j(
-  "inline-flex min-h-8 max-w-full min-w-0 items-center gap-1 border text-sm font-medium leading-5 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/25 focus-visible:ring-offset-1 focus-visible:ring-offset-canvas disabled:pointer-events-none disabled:opacity-100",
-  {
-    variants: {
-      variant: {
-        /** IA default chip — same as `neutral` (Figma “Default” type). */
-        default: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
-        /** Figma default / outline chip */
-        neutral: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
-        /** Alias for neutral (legacy docs) */
-        outline: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
-        /** Solid brand (legacy “default”) */
-        primary: "border-transparent bg-brand text-brand-foreground hover:bg-brand-strong",
-        secondary: "border-transparent bg-secondary text-secondary-foreground",
-        tertiary: "border border-stroke-field bg-canvas text-content-tertiary hover:bg-accent hover:text-secondary-hover-foreground hover:border-secondary-hover-foreground",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive-hover"
-      },
-      shape: {
-        rounded: "rounded-xl",
-        pill: "rounded-full"
-      },
-      size: {
-        sm: "min-h-7 gap-1 px-2 py-1 text-xs leading-4",
-        md: "px-3 py-1.5",
-        lg: "min-h-9 gap-1.5 px-4 py-2 text-sm leading-5"
-      },
-      selected: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "default",
-        selected: !0,
-        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
-      },
-      {
-        variant: "neutral",
-        selected: !0,
-        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
-      },
-      {
-        variant: "outline",
-        selected: !0,
-        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      shape: "rounded",
-      size: "md",
-      selected: !1
-    }
-  }
-), B = C.forwardRef(
-  ({
-    className: n,
-    variant: d,
-    size: b,
-    shape: c,
-    selected: r = !1,
-    selectionMode: a = "none",
-    trailing: s,
-    onRemove: f,
-    removable: h,
-    asChild: p = !1,
-    disabled: o,
-    children: i,
-    ...g
-  }, x) => {
-    const { t: y } = V(), N = p ? w : "div", t = d ?? "default", u = !!(r && (t === "default" || t === "neutral" || t === "outline")), k = t === "primary" ? r ? "text-brand-foreground" : "text-brand-foreground/75" : t === "destructive" ? r ? "text-destructive-foreground" : "text-destructive-foreground/75" : t === "secondary" ? r ? "text-secondary-foreground" : "text-secondary-foreground/80" : r ? "text-brand" : "text-[#60697d]";
-    return /* @__PURE__ */ l(
-      N,
-      {
-        ref: x,
-        className: m(
-          S({
-            variant: d,
-            size: b,
-            shape: c,
-            selected: u
-          }),
-          o && "!border-disabled-border !bg-disabled-surface !text-[#b4bac7] hover:!border-disabled-border hover:!bg-disabled-surface hover:!text-[#b4bac7] [&_.chip-trailing]:!text-[#b4bac7] hover:[&_.chip-trailing]:!text-[#b4bac7] [&_svg]:!text-[#b4bac7]",
-          o && u && "!border-disabled-border !text-disabled-foreground",
-          n
-        ),
-        "data-component": "chip",
-        "data-variant": t,
-        "data-size": b ?? "md",
-        "data-shape": c ?? "rounded",
-        "data-selected": r ? "true" : "false",
-        "data-selection-mode": a,
-        role: a !== "none" ? "button" : void 0,
-        tabIndex: a !== "none" && !o ? 0 : void 0,
-        "aria-disabled": o || void 0,
-        "aria-pressed": a === "single" ? r : void 0,
-        "aria-checked": a === "multi" ? r : void 0,
-        ...g,
-        children: [
-          a === "single" && /* @__PURE__ */ e("span", { className: "chip-leading flex shrink-0", children: /* @__PURE__ */ e(_, { selected: r, disabled: o }) }),
-          a === "multi" && /* @__PURE__ */ e(
-            I,
-            {
-              className: m(
-                "chip-leading size-5 shrink-0 stroke-[1.75]",
-                k
-              ),
-              "aria-hidden": !0,
-              stroke: "currentColor"
-            }
-          ),
-          i != null && i !== !1 && /* @__PURE__ */ e("span", { className: "flex min-w-0 items-center gap-1 truncate [&>*]:min-w-0", children: i }),
-          s != null && s !== !1 && /* @__PURE__ */ e("span", { className: "chip-trailing shrink-0 font-medium tabular-nums text-current", children: s }),
-          h && /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: (z) => {
-                z.stopPropagation(), f?.();
-              },
-              className: "-mr-0.5 ml-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-md text-current hover:bg-content/10 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/30",
-              "aria-label": y("aria.remove"),
-              "data-component": "chip-remove",
-              disabled: o,
-              children: /* @__PURE__ */ e(R, { size: 8 })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-B.displayName = "Chip";
-export {
-  B as Chip
-};

package/dist/components/ui/choice-card/choice-card.d.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-type ChoiceCardGroupBaseProps = {
-    disabled?: boolean;
-    orientation?: "horizontal" | "vertical";
-    /** Wrap cards to the next row (grid-like layout). Uses scoped CSS — safe in consumer apps. */
-    wrap?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-};
-export type ChoiceCardGroupSingleProps = ChoiceCardGroupBaseProps & {
-    type?: "single";
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-};
-export type ChoiceCardGroupMultipleProps = ChoiceCardGroupBaseProps & {
-    type: "multiple";
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
-};
-export type ChoiceCardGroupProps = ChoiceCardGroupSingleProps | ChoiceCardGroupMultipleProps;
-export declare function useChoiceCardGroup(): {
-    value: string | string[];
-    type: "multiple" | "single";
-    setValue: (value: string | string[]) => void;
-    isSelected: (itemValue: string) => boolean;
-};
-declare const ChoiceCardGroup: React.FC<ChoiceCardGroupProps>;
-export interface ChoiceCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    value: string;
-    disabled?: boolean;
-}
-declare const ChoiceCard: React.ForwardRefExoticComponent<ChoiceCardProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardIndicator: React.FC<{
-    className?: string;
-}>;
-export type ChoiceCardContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const ChoiceCardContent: React.ForwardRefExoticComponent<ChoiceCardContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-export interface ChoiceCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-declare const ChoiceCardHeader: React.ForwardRefExoticComponent<ChoiceCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { ChoiceCardGroup, ChoiceCard, ChoiceCardIndicator, ChoiceCardContent, ChoiceCardMedia, ChoiceCardTitle, ChoiceCardHeader, ChoiceCardDescription, };

package/dist/components/ui/choice-card/choice-card.js

@@ -1,278 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as c from "react";
-import * as v from "@radix-ui/react-radio-group";
-import { useControllableState as x } from "@radix-ui/react-use-controllable-state";
-import { Check as G } from "impact-nova-icons";
-import { cn as p } from "../../../lib/utils.js";
-const g = c.createContext(null), b = c.createContext({
-  selected: !1,
-  type: "single"
-}), y = () => {
-  const e = c.useContext(g);
-  if (!e)
-    throw new Error("ChoiceCard components must be used within ChoiceCardGroup");
-  return e;
-};
-function F() {
-  const { value: e, type: t, setValue: o, isSelected: r } = y();
-  return c.useMemo(
-    () => ({
-      value: e,
-      type: t,
-      setValue: o,
-      isSelected: r
-    }),
-    [e, t, o, r]
-  );
-}
-const w = (e, t, o) => p(
-  "relative flex flex-col items-start gap-3 p-3 rounded-xl",
-  "border-t border-r border-b-2 border-l-4",
-  "cursor-pointer select-none transition-[border-color,background-color] duration-150",
-  "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring",
-  e ? "border-brand bg-brand-tint hover:bg-brand-tint-hover" : "border-stroke-subtle bg-canvas-elevated hover:border-brand hover:bg-canvas-muted",
-  t && "cursor-not-allowed opacity-60",
-  o
-), M = ({
-  value: e,
-  defaultValue: t = "",
-  onValueChange: o,
-  disabled: r,
-  orientation: h = "horizontal",
-  wrap: u = !1,
-  className: s,
-  children: l
-}) => {
-  const [n, i] = x({
-    prop: e,
-    defaultProp: t,
-    onChange: o
-  }), d = c.useCallback(
-    (C) => n === C,
-    [n]
-  ), f = c.useMemo(
-    () => ({
-      type: "single",
-      disabled: r,
-      value: n,
-      setValue: (C) => i(C),
-      isSelected: d,
-      toggle: (C) => i(C)
-    }),
-    [r, n, i, d]
-  );
-  return /* @__PURE__ */ a(g.Provider, { value: f, children: /* @__PURE__ */ a(
-    v.Root,
-    {
-      value: n,
-      onValueChange: i,
-      disabled: r,
-      className: s,
-      "data-component": "choice-card-group",
-      "data-type": "single",
-      "data-layout": u ? "wrap" : h === "vertical" ? "column" : "row",
-      children: l
-    }
-  ) });
-}, S = ({
-  value: e,
-  defaultValue: t = [],
-  onValueChange: o,
-  disabled: r,
-  orientation: h = "horizontal",
-  wrap: u = !1,
-  className: s,
-  children: l
-}) => {
-  const [n, i] = x({
-    prop: e,
-    defaultProp: t,
-    onChange: o
-  }), d = c.useMemo(() => n ?? [], [n]), f = c.useCallback(
-    (m) => d.includes(m),
-    [d]
-  ), C = c.useCallback(
-    (m) => {
-      if (d.includes(m)) {
-        i(d.filter((R) => R !== m));
-        return;
-      }
-      i([...d, m]);
-    },
-    [d, i]
-  ), k = c.useMemo(
-    () => ({
-      type: "multiple",
-      disabled: r,
-      value: d,
-      setValue: (m) => i(m),
-      isSelected: f,
-      toggle: C
-    }),
-    [r, d, i, f, C]
-  );
-  return /* @__PURE__ */ a(g.Provider, { value: k, children: /* @__PURE__ */ a(
-    "div",
-    {
-      role: "group",
-      className: s,
-      "data-component": "choice-card-group",
-      "data-type": "multiple",
-      "data-layout": u ? "wrap" : h === "vertical" ? "column" : "row",
-      children: l
-    }
-  ) });
-}, P = (e) => e.type === "multiple" ? /* @__PURE__ */ a(S, { ...e }) : /* @__PURE__ */ a(M, { ...e });
-P.displayName = "ChoiceCardGroup";
-const N = c.forwardRef(({ className: e, selected: t, disabled: o, children: r, ...h }, u) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: u,
-    className: w(t, o, e),
-    "data-component": "choice-card",
-    "data-selected": t || void 0,
-    ...h,
-    children: r
-  }
-));
-N.displayName = "ChoiceCardSurface";
-const V = c.forwardRef(
-  ({ value: e, className: t, children: o, disabled: r, ...h }, u) => {
-    const s = y(), l = r || s.disabled, n = s.isSelected(e), i = c.useMemo(
-      () => ({
-        selected: n,
-        disabled: l,
-        type: s.type
-      }),
-      [n, l, s.type]
-    );
-    return s.type === "single" ? /* @__PURE__ */ a(b.Provider, { value: i, children: /* @__PURE__ */ a(v.Item, { value: e, asChild: !0, disabled: l, children: /* @__PURE__ */ a(
-      N,
-      {
-        ref: u,
-        selected: n,
-        disabled: l,
-        className: t,
-        ...h,
-        children: o
-      }
-    ) }) }) : /* @__PURE__ */ a(b.Provider, { value: i, children: /* @__PURE__ */ a(
-      "button",
-      {
-        ref: u,
-        type: "button",
-        role: "checkbox",
-        "aria-checked": n,
-        disabled: l,
-        className: w(n, l, t),
-        "data-component": "choice-card",
-        "data-selected": n || void 0,
-        onClick: () => s.toggle(e),
-        children: o
-      }
-    ) });
-  }
-);
-V.displayName = "ChoiceCard";
-const j = ({ className: e }) => {
-  const { selected: t, type: o } = c.useContext(b);
-  return o === "multiple" ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: p(
-        "w-5 h-5 rounded border-2 flex items-center justify-center shrink-0 transition-colors",
-        t ? "border-brand bg-brand text-brand-foreground" : "border-stroke-field bg-transparent",
-        e
-      ),
-      "aria-hidden": "true",
-      children: t && /* @__PURE__ */ a(G, { size: 12 })
-    }
-  ) : /* @__PURE__ */ a(
-    "div",
-    {
-      className: p(
-        "w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors",
-        t ? "border-brand" : "border-stroke-field",
-        e
-      ),
-      "aria-hidden": "true",
-      children: t && /* @__PURE__ */ a("div", { className: "w-2.5 h-2.5 rounded-full bg-brand" })
-    }
-  );
-};
-j.displayName = "ChoiceCardIndicator";
-const z = c.forwardRef(
-  ({ className: e, children: t, ...o }, r) => /* @__PURE__ */ a(
-    "div",
-    {
-      ref: r,
-      className: p("flex flex-col items-start gap-2 w-full", e),
-      "data-slot": "choice-card-content",
-      ...o,
-      children: t
-    }
-  )
-);
-z.displayName = "ChoiceCardContent";
-const I = c.forwardRef(
-  ({ className: e, children: t, ...o }, r) => /* @__PURE__ */ a(
-    "div",
-    {
-      ref: r,
-      className: p("flex items-center justify-center shrink-0", e),
-      "data-slot": "choice-card-media",
-      ...o,
-      children: t
-    }
-  )
-);
-I.displayName = "ChoiceCardMedia";
-const D = c.forwardRef(
-  ({ className: e, children: t, ...o }, r) => /* @__PURE__ */ a(
-    "h3",
-    {
-      ref: r,
-      className: p(
-        "text-base font-medium leading-tight text-content capitalize",
-        e
-      ),
-      ...o,
-      children: t
-    }
-  )
-);
-D.displayName = "ChoiceCardTitle";
-const H = c.forwardRef(
-  ({ className: e, children: t, ...o }, r) => /* @__PURE__ */ a(
-    "div",
-    {
-      ref: r,
-      className: p("flex items-center gap-1 w-full", e),
-      "data-slot": "choice-card-header",
-      ...o,
-      children: t
-    }
-  )
-);
-H.displayName = "ChoiceCardHeader";
-const T = c.forwardRef(({ className: e, children: t, ...o }, r) => /* @__PURE__ */ a(
-  "p",
-  {
-    ref: r,
-    className: p("text-xs font-medium leading-4 text-content-secondary", e),
-    ...o,
-    children: t
-  }
-));
-T.displayName = "ChoiceCardDescription";
-export {
-  V as ChoiceCard,
-  z as ChoiceCardContent,
-  T as ChoiceCardDescription,
-  P as ChoiceCardGroup,
-  H as ChoiceCardHeader,
-  j as ChoiceCardIndicator,
-  I as ChoiceCardMedia,
-  D as ChoiceCardTitle,
-  F as useChoiceCardGroup
-};

package/dist/components/ui/combobox.d.ts

@@ -1,67 +0,0 @@
-import { HelperTextPosition } from './types/helper-text.types';
-import * as React from "react";
-/**
- * Combobox supports two option sources:
- *  - **Static list**: provide `options` (string array).
- *  - **Numeric range**: provide `min`, `max`, and `step` to auto-generate values.
- *
- * At least one source must be provided; if both are given, `options` takes priority.
- */
-export interface ComboboxProps {
-    /** Static list of allowed string values */
-    options?: string[];
-    /** Numeric range start (used with max + step to generate options) */
-    min?: number;
-    /** Numeric range end */
-    max?: number;
-    /** Numeric range increment */
-    step?: number;
-    /** Initial value (uncontrolled mode) */
-    defaultValue?: string;
-    /** Current value (controlled mode — overrides internal state when provided) */
-    value?: string;
-    /** Fires when a value is committed (selection or free-text) */
-    onChange?: (value: string) => void;
-    /** Fires on input blur */
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /** Input placeholder */
-    placeholder?: string;
-    /** Label above the input */
-    label?: string;
-    /** Helper text below the input */
-    helperText?: React.ReactNode;
-    /** @default "absolute" */
-    helperTextPosition?: HelperTextPosition;
-    /** Error visual state */
-    isError?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Right-align input and dropdown values (for numeric data) */
-    isNumeric?: boolean;
-    /** Input size — matches the Input component variants */
-    size?: "default" | "sm" | "md" | "lg";
-    /** Additional class on the root wrapper */
-    className?: string;
-    /** Message shown when no options match the filter (default: "No options found") */
-    emptyMessage?: string;
-    /** If true, typed text is committed even when it doesn't match any option */
-    allowFreeText?: boolean;
-    /** Shows a red asterisk next to the label */
-    required?: boolean;
-}
-/**
- * Combobox — a standalone autocomplete input with a filtered dropdown of options.
- *
- * Works in **uncontrolled** mode by default (`defaultValue`), but also supports
- * **controlled** mode when `value` is provided.
- *
- * Keyboard: ArrowUp/Down to navigate, Enter to commit, Escape to close, Tab to commit/close.
- * Mouse: Click to select, hover to highlight.
- *
- * CSS selectors:
- * - `[data-component="combobox"]`
- * - `[data-numeric="true"]`
- * - `[data-combobox-item]` / `[data-combobox-value]`
- */
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
-export { Combobox };