impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/ui/breadcrumb.js

@@ -1,192 +0,0 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import * as s from "react";
-import { Slot as v } from "@radix-ui/react-slot";
-import { ThreeDots as H } from "impact-nova-icons";
-import { ClickMeArrow as L } from "./local-raster-icons/rasterIcons.js";
-import { Tooltip as b, TooltipTrigger as w, TooltipContent as g } from "./tooltip.js";
-import { cn as n } from "../../lib/utils.js";
-import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
-const x = s.createContext({}), B = (e, t) => {
-  const r = e.split(/\s+/);
-  return r.length <= t ? e : r.slice(0, t).join(" ") + "...";
-}, R = ({ className: e }) => /* @__PURE__ */ a(
-  "svg",
-  {
-    width: "13",
-    height: "16",
-    viewBox: "0 0 12 13",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false",
-    className: n("h-3.5 w-3.5", e),
-    children: /* @__PURE__ */ a(
-      "path",
-      {
-        d: "M2.0013 11.1654H4.0013V7.83203C4.0013 7.64314 4.06519 7.48481 4.19297 7.35703C4.32075 7.22925 4.47908 7.16536 4.66797 7.16536H7.33464C7.52352 7.16536 7.68186 7.22925 7.80964 7.35703C7.93741 7.48481 8.0013 7.64314 8.0013 7.83203V11.1654H10.0013V5.16536L6.0013 2.16536L2.0013 5.16536V11.1654ZM0.667969 11.1654V5.16536C0.667969 4.95425 0.715191 4.75425 0.809635 4.56536C0.90408 4.37648 1.03464 4.22092 1.2013 4.0987L5.2013 1.0987C5.43464 0.92092 5.7013 0.832031 6.0013 0.832031C6.3013 0.832031 6.56797 0.92092 6.8013 1.0987L10.8013 4.0987C10.968 4.22092 11.0985 4.37648 11.193 4.56536C11.2874 4.75425 11.3346 4.95425 11.3346 5.16536V11.1654C11.3346 11.532 11.2041 11.8459 10.943 12.107C10.6819 12.3681 10.368 12.4987 10.0013 12.4987H7.33464C7.14575 12.4987 6.98741 12.4348 6.85964 12.307C6.73186 12.1793 6.66797 12.0209 6.66797 11.832V8.4987H5.33464V11.832C5.33464 12.0209 5.27075 12.1793 5.14297 12.307C5.01519 12.4348 4.85686 12.4987 4.66797 12.4987H2.0013C1.63464 12.4987 1.32075 12.3681 1.05964 12.107C0.798524 11.8459 0.667969 11.532 0.667969 11.1654Z",
-        fill: "currentColor"
-      }
-    )
-  }
-), W = s.forwardRef(({ ...e }, t) => {
-  const { t: r } = h();
-  return /* @__PURE__ */ a("nav", { ref: t, "aria-label": r("aria.breadcrumb"), ...e });
-});
-W.displayName = "Breadcrumb";
-const V = s.forwardRef(({ className: e, maxWords: t, ...r }, o) => /* @__PURE__ */ a(x.Provider, { value: { maxWords: t }, children: /* @__PURE__ */ a(
-  "ol",
-  {
-    ref: o,
-    className: n(
-      "flex flex-wrap items-center text-[14px] font-medium text-secondary-foreground",
-      e
-    ),
-    ...r
-  }
-) }));
-V.displayName = "BreadcrumbList";
-const S = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
-  "li",
-  {
-    ref: r,
-    className: n("inline-flex items-center gap-1.5", e),
-    ...t
-  }
-));
-S.displayName = "BreadcrumbItem";
-const N = s.forwardRef(
-  ({ asChild: e, className: t, maxWords: r, children: o, ...u }, p) => {
-    const i = e ? v : "a", { maxWords: d } = s.useContext(x), c = r ?? d, l = typeof o == "string", m = l && c ? B(o, c) : o, y = l && c && o.split(/\s+/).length > c, C = /* @__PURE__ */ a(
-      i,
-      {
-        ref: p,
-        className: n(
-          "transition-colors text-brand hover:text-brand-strong font-medium",
-          t
-        ),
-        ...u,
-        children: m
-      }
-    );
-    return y ? /* @__PURE__ */ f(b, { children: [
-      /* @__PURE__ */ a(w, { asChild: !0, children: C }),
-      /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: o })
-    ] }) : C;
-  }
-);
-N.displayName = "BreadcrumbLink";
-const T = s.forwardRef(({ ...e }, t) => {
-  const { t: r } = h();
-  return /* @__PURE__ */ a(N, { ref: t, "aria-label": r("aria.home"), ...e, children: /* @__PURE__ */ a(R, {}) });
-});
-T.displayName = "BreadcrumbHomeLink";
-const k = s.forwardRef(({ className: e, maxWords: t, children: r, ...o }, u) => {
-  const { maxWords: p } = s.useContext(x), i = t ?? p, d = typeof r == "string", c = d && i ? B(r, i) : r, l = d && i && r.split(/\s+/).length > i, m = /* @__PURE__ */ a(
-    "span",
-    {
-      ref: u,
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      "data-current": "page",
-      className: n("font-extrabold text-content", e),
-      ...o,
-      children: c
-    }
-  );
-  return l ? /* @__PURE__ */ f(b, { children: [
-    /* @__PURE__ */ a(w, { asChild: !0, children: m }),
-    /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: r })
-  ] }) : m;
-});
-k.displayName = "BreadcrumbPage";
-const M = ({
-  children: e,
-  className: t,
-  ...r
-}) => /* @__PURE__ */ a(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: n(
-      "[&>svg]:w-3.5 [&>svg]:h-3.5 text-secondary-foreground",
-      t
-    ),
-    ...r,
-    children: e ?? /* @__PURE__ */ a(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-4 w-4",
-        children: /* @__PURE__ */ a(
-          "path",
-          {
-            d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",
-            fill: "currentColor"
-          }
-        )
-      }
-    )
-  }
-);
-M.displayName = "BreadcrumbSeparator";
-const j = ({
-  className: e,
-  ...t
-}) => {
-  const { t: r } = h(), o = r("aria.more");
-  return /* @__PURE__ */ f(
-    "span",
-    {
-      role: "presentation",
-      "aria-hidden": "true",
-      className: n("flex h-9 w-9 items-center justify-center", e),
-      ...t,
-      children: [
-        /* @__PURE__ */ a(H, { className: "h-4 w-4" }),
-        /* @__PURE__ */ a("span", { className: "sr-only", children: o })
-      ]
-    }
-  );
-};
-j.displayName = "BreadcrumbElipssis";
-const I = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: r,
-    className: n("flex h-14 items-center justify-between px-6", e),
-    ...t
-  }
-));
-I.displayName = "BreadcrumbHeader";
-const A = s.forwardRef(({ className: e, style: t, ...r }, o) => /* @__PURE__ */ a(
-  "li",
-  {
-    ref: o,
-    role: "presentation",
-    "aria-hidden": "true",
-    className: n("inline-flex items-center", e),
-    style: t,
-    ...r,
-    children: /* @__PURE__ */ a(L, { size: 12 })
-  }
-));
-A.displayName = "BreadcrumbArrowSeparator";
-export {
-  W as Breadcrumb,
-  A as BreadcrumbArrowSeparator,
-  j as BreadcrumbEllipsis,
-  I as BreadcrumbHeader,
-  T as BreadcrumbHomeLink,
-  S as BreadcrumbItem,
-  N as BreadcrumbLink,
-  V as BreadcrumbList,
-  k as BreadcrumbPage,
-  M as BreadcrumbSeparator,
-  R as HomeIcon
-};

package/dist/components/ui/button-group.d.ts

@@ -1,31 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { HelperTextPosition } from './types/helper-text.types';
-import { ReactNode } from 'react';
-import * as React from "react";
-declare const buttonGroupVariants: (props?: {
-    orientation?: "horizontal" | "vertical";
-    spacing?: "none" | "sm" | "md" | "lg";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface ButtonOption {
-    label: string | ReactNode;
-    value: string;
-    icon?: string | ReactNode;
-    iconPosition?: 'left' | 'right';
-    iconSize?: number;
-    isDisabled?: boolean;
-}
-export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    isDisabled?: boolean;
-    label?: string;
-    helperText?: React.ReactNode;
-    /** @default "absolute" */
-    helperTextPosition?: HelperTextPosition;
-    isError?: boolean;
-    required?: boolean;
-    /** Accessible name when no visible `label` is passed */
-    "aria-label"?: string;
-}
-declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { ButtonGroup };

package/dist/components/ui/button-group.js

@@ -1,180 +0,0 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import * as r from "react";
-import { cva as A } from "class-variance-authority";
-import { cn as t } from "../../lib/utils.js";
-import { Info as N } from "impact-nova-icons";
-const H = A("inline-flex", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col"
-    },
-    spacing: {
-      none: "gap-0",
-      sm: "gap-1",
-      md: "gap-2",
-      lg: "gap-4"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    spacing: "none"
-  }
-}), M = r.forwardRef(
-  ({
-    className: w,
-    orientation: u = "horizontal",
-    spacing: p = "none",
-    value: v,
-    onValueChange: b,
-    isDisabled: h,
-    children: y,
-    label: o,
-    helperText: s,
-    helperTextPosition: x = "absolute",
-    isError: a,
-    required: S,
-    "aria-label": k,
-    ...B
-  }, I) => {
-    const l = p === "none", V = u === "horizontal", _ = r.useId(), z = o ? `${_}-label` : void 0;
-    return /* @__PURE__ */ i("div", { className: t("grid gap-1.5", w), children: [
-      o && /* @__PURE__ */ i(
-        "label",
-        {
-          id: z,
-          className: t(
-            "text-xs font-medium leading-[18px] text-content-tertiary",
-            h && "opacity-70",
-            a && "text-destructive"
-          ),
-          children: [
-            o,
-            " ",
-            S && /* @__PURE__ */ n("span", { className: "text-destructive", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: t(
-            s && x === "absolute" && "relative"
-          ),
-          children: [
-            /* @__PURE__ */ n(
-              "div",
-              {
-                ref: I,
-                className: t(H({ orientation: u, spacing: p })),
-                role: "group",
-                "data-component": "button-group",
-                "data-orientation": u,
-                "data-spacing": p,
-                "data-fused": l ? "true" : "false",
-                "aria-label": o ? void 0 : k,
-                "aria-labelledby": o ? z : void 0,
-                ...B,
-                children: r.Children.map(y, (f) => {
-                  if (!r.isValidElement(f)) return f;
-                  const e = f, g = e.props.value ?? e.props.children?.toString?.() ?? "", c = typeof g == "string" ? g : String(g), d = v !== void 0 && v === c, m = !!(e.props.disabled || h), G = e.props.size === "icon" || e.props.size === "iconMd" || e.props.size === "iconSm", j = t(
-                    "!shadow-none relative border transition-colors",
-                    l && !G && "min-w-14",
-                    l ? V ? "!rounded-none first:!rounded-l-md last:!rounded-r-md -ml-px first:ml-0" : "!rounded-none first:!rounded-t-md last:!rounded-b-md -mt-px first:mt-0" : "!rounded-md",
-                    l && (d ? "z-10" : "z-[1]")
-                  ), C = m ? "!bg-disabled-surface !border-disabled-border !text-disabled-foreground opacity-100 [&_svg]:!text-disabled-foreground" : d ? "!bg-accent !border-brand !text-brand [&_svg]:!text-brand" : t(
-                    "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d]",
-                    "[&_svg]:!text-[inherit]",
-                    "hover:!bg-canvas-elevated hover:!text-brand"
-                  ), O = a && !d && !m && "!border-destructive !text-destructive [&_svg]:!text-destructive";
-                  return r.cloneElement(e, {
-                    disabled: m,
-                    variant: "ghost",
-                    "aria-pressed": v !== void 0 && c !== "" ? d : void 0,
-                    "data-button-group": "item",
-                    "data-active": d ? "true" : "false",
-                    className: t(
-                      j,
-                      C,
-                      O,
-                      e.props.className
-                    ),
-                    onClick: (R) => {
-                      e.props.onClick?.(R), c && b && !m && b(c);
-                    }
-                  });
-                })
-              }
-            ),
-            s && x === "absolute" && /* @__PURE__ */ i(
-              "div",
-              {
-                className: t(
-                  "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-1",
-                  a && "text-destructive"
-                ),
-                children: [
-                  /* @__PURE__ */ n(
-                    N,
-                    {
-                      size: "xs",
-                      className: t(
-                        "shrink-0",
-                        a ? "text-destructive" : "text-content-muted"
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ n(
-                    "p",
-                    {
-                      className: t(
-                        "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                        a && "text-destructive"
-                      ),
-                      children: s
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      s && x === "flow" && /* @__PURE__ */ i(
-        "div",
-        {
-          className: t(
-            "flex items-center gap-1",
-            a && "text-destructive"
-          ),
-          children: [
-            /* @__PURE__ */ n(
-              N,
-              {
-                size: "xs",
-                className: t(
-                  "shrink-0",
-                  a ? "text-destructive" : "text-content-muted"
-                )
-              }
-            ),
-            /* @__PURE__ */ n(
-              "p",
-              {
-                className: t(
-                  "text-[12px] font-medium leading-[18px] text-navigation-muted",
-                  a && "text-destructive"
-                ),
-                children: s
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-M.displayName = "ButtonGroup";
-export {
-  M as ButtonGroup
-};

package/dist/components/ui/button-variants.d.ts

@@ -1,9 +0,0 @@
-/**
- * Buttons — IA Design System v3.1 (Figma: Buttons).
- * - Primary (`default`): filled #4259EE (`--color-primary` / `bg-brand`), hover `--color-primary-strong`, disabled `--color-button-primary-disabled`.
- * - Heights: Large `default` 32px, Medium `md` 28px, Small `sm` 24px; icon-only `icon` / `iconMd` / `iconSm` match those squares.
- */
-export declare const buttonVariants: (props?: {
-    variant?: "link" | "secondary" | "tertiary" | "default" | "destructive" | "destructive-outline" | "outline" | "ghost";
-    size?: "default" | "icon" | "sm" | "md" | "lg" | "iconMd" | "iconSm";
-} & import('class-variance-authority/types').ClassProp) => string;

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

@@ -1,28 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { buttonVariants } from './button-variants';
-import { KeyBinding } from './command-palette/utils';
-import * as React from "react";
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    /**
-     * Renders the button as a child element using Radix's Slot pattern.
-     * Use this when you want to pass a custom element (e.g. `<a>`) but
-     * keep button styling and behavior.
-     * @example <Button asChild><a href="/home">Home</a></Button>
-     */
-    asChild?: boolean;
-    /**
-     * Side of the tooltip for icon-only buttons.
-     * Only applies when `size` is `icon`, `iconMd`, or `iconSm` and `aria-label` is set.
-     * @default "top"
-     */
-    tooltipSide?: "top" | "bottom" | "left" | "right";
-    /**
-     * Optional keyboard shortcut keybinding to display in the tooltip
-     * alongside the aria-label text as a styled Kbd badge.
-     * Only applies when the tooltip is shown (icon-only size + aria-label).
-     */
-    tooltipKeybinding?: KeyBinding;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button };
-export type { ButtonProps };

package/dist/components/ui/button.js

@@ -1,34 +0,0 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import * as u from "react";
-import { Slot as b } from "@radix-ui/react-slot";
-import "class-variance-authority";
-import { cn as h } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as x, TooltipContent as T } from "./tooltip.js";
-import { buttonVariants as N } from "./button-variants.js";
-import { Kbd as C } from "./command-palette/kbd.js";
-const I = u.forwardRef(
-  ({ className: l, variant: i, size: a, asChild: m = !1, tooltipSide: c = "top", tooltipKeybinding: n, ...t }, s) => {
-    const d = m ? b : "button", f = (a === "icon" || a === "iconMd" || a === "iconSm") && t["aria-label"] || n && t["aria-label"], r = /* @__PURE__ */ o(
-      d,
-      {
-        className: h(N({ variant: i, size: a, className: l })),
-        "data-variant": i ?? "default",
-        "data-size": a ?? "default",
-        ref: s,
-        ...t
-      }
-    );
-    return f ? /* @__PURE__ */ e(p, { children: [
-      /* @__PURE__ */ o(x, { asChild: !0, children: t.disabled ? /* @__PURE__ */ o("span", { tabIndex: -1, className: "inline-block outline-none", children: r }) : r }),
-      /* @__PURE__ */ o(T, { variant: "tertiary", side: c, children: n ? /* @__PURE__ */ e("span", { className: "flex items-center gap-2", children: [
-        t["aria-label"],
-        " ",
-        /* @__PURE__ */ o(C, { keybinding: n, size: "sm" })
-      ] }) : t["aria-label"] })
-    ] }) : r;
-  }
-);
-I.displayName = "Button";
-export {
-  I as Button
-};

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

@@ -1,60 +0,0 @@
-import { DayButton, DayPicker, DateRange } from 'react-day-picker';
-import { Button } from './button';
-import { CalendarType, FiscalMode, SelectionMode, FiscalMonthPattern } from '../../lib/fiscal-calendar';
-import * as React from "react";
-export interface WeekSelection {
-    year: number;
-    month: number;
-    weekOfMonth: number;
-    startDate: Date;
-    endDate: Date;
-}
-export interface WeekRange {
-    from: WeekSelection;
-    to?: WeekSelection;
-}
-export interface MonthSelection {
-    year: number;
-    month: number;
-}
-export interface MonthRange {
-    from: MonthSelection;
-    to?: MonthSelection;
-}
-export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicker>, 'mode' | 'selected' | 'onSelect'> {
-    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-    showFooter?: boolean;
-    disableApply?: boolean;
-    onApply?: (date: Date | Date[] | DateRange | undefined) => void;
-    onCancel?: () => void;
-    onClear?: () => void;
-    startMonth?: Date;
-    endMonth?: Date;
-    mode?: "single" | "multiple" | "range";
-    selected?: Date | Date[] | DateRange;
-    onSelect?: (date: Date | Date[] | DateRange | undefined) => void;
-    pickerType?: "date" | "week" | "month";
-    weekMode?: "single" | "multiple" | "range";
-    selectedWeeks?: WeekSelection | WeekSelection[] | WeekRange;
-    onWeekSelect?: (weeks: WeekSelection | WeekSelection[] | WeekRange | undefined) => void;
-    /** Whether to use standard calendar weeks or fiscal weeks. Default: "calendar" */
-    calendarType?: CalendarType;
-    /** Only relevant when calendarType="fiscal". Default: "basic" */
-    fiscalMode?: FiscalMode;
-    /** What a click selects. "fiscalMonth" only applies with fiscalMode="advanced"|"custom". Default: "week" */
-    selectionMode?: SelectionMode;
-    /** Array of 12 week-counts per fiscal month. Required for fiscalMode="custom", optional for "advanced" (defaults to 4-4-5). */
-    fiscalMonthPattern?: FiscalMonthPattern;
-    /** 1-based month where the fiscal year starts. Default: 1 (January) */
-    fiscalYearStartMonth?: number;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    monthMode?: "single" | "multiple" | "range";
-    selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
-    onMonthSelect?: (months: MonthSelection | MonthSelection[] | MonthRange | undefined) => void;
-}
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, showFooter, disableApply, onApply, onCancel, onClear, mode, selected, onSelect, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, fiscalMonthPattern, fiscalYearStartMonth, weekStartsOn, // Default Monday
-monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, startMonth, endMonth, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, pickerType, ...props }: React.ComponentProps<typeof DayButton> & {
-    pickerType?: "date" | "week" | "month";
-}): import("react/jsx-runtime").JSX.Element;
-export { Calendar, CalendarDayButton };