impact-nova 0.1.13 → 1.1.0

package/dist/components/ui/badge.js

@@ -46,7 +46,14 @@ const i = n(
   }
 );
 function d({ className: r, variant: t, color: a, ...e }) {
-  return /* @__PURE__ */ s("div", { className: o(i({ variant: t, color: a }), r), ...e });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: o(i({ variant: t, color: a }), r),
+      "data-component": "badge",
+      ...e
+    }
+  );
 }
 export {
   d as Badge,

package/dist/components/ui/breadcrumb.js

@@ -60,6 +60,7 @@ const w = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
     role: "link",
     "aria-disabled": "true",
     "aria-current": "page",
+    "data-current": "page",
     className: s("font-extrabold text-[#1f2b4d]", e),
     ...r
   }

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonGroupVariants: (props?: {
     orientation?: "horizontal" | "vertical";
-    spacing?: "none" | "sm" | "md" | "lg";
+    spacing?: "sm" | "md" | "lg" | "none";
 } & import('class-variance-authority/types').ClassProp) => string;
 export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
     value?: string;

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

@@ -1,5 +1,5 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import * as a from "react";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import * as o from "react";
 import { cva as k } from "class-variance-authority";
 import { cn as t } from "../../lib/utils.js";
 import { Info as G } from "../../icons/index.js";
@@ -23,55 +23,50 @@ const V = k(
       spacing: "none"
     }
   }
-), j = a.forwardRef(
-  ({ className: f, orientation: d = "horizontal", spacing: x = "none", value: v, onValueChange: l, isDisabled: c, children: b, label: p, helperText: m, isError: r, required: g, ...h }, N) => /* @__PURE__ */ s("div", { className: t("grid gap-1.5", f), children: [
-    p && /* @__PURE__ */ s(
+), j = o.forwardRef(
+  ({ className: x, orientation: n = "horizontal", spacing: l = "none", value: v, onValueChange: c, isDisabled: p, children: b, label: m, helperText: u, isError: r, required: g, ...h }, N) => /* @__PURE__ */ s("div", { className: t("grid gap-1.5", x), children: [
+    m && /* @__PURE__ */ s(
       "label",
       {
         className: t(
           "text-xs font-medium leading-[18px] text-[#60697d]",
           // Exact legacy color
-          c && "opacity-70",
+          p && "opacity-70",
           r && "text-destructive"
         ),
         children: [
-          p,
+          m,
           " ",
-          g && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
+          g && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       "div",
       {
         ref: N,
         className: t(
-          V({ orientation: d, spacing: x }),
+          V({ orientation: n, spacing: l }),
           ""
-          // Remove className from here to avoid double application if it was meant for the wrapper, 
-          // but usually className on the component means the outer container. 
-          // However, for backward compatibility, if className had width styles, they might break.
-          // But since we wrapped it, let's keep className on the wrapper? 
-          // Actually, usually standard in this library seems to be className on the root. 
-          // So I will apply className to the wrapper (done above) and NOT here.
-          // Wait, existing usage might expect className on the flex container.
-          // Let's inspect Input/RadioGroup. They apply className to the wrapper/grid.
-          // So applying className to the wrapper is consistent.
         ),
         role: "group",
+        "data-component": "button-group",
+        "data-orientation": n,
+        "data-spacing": l,
         ...h,
-        children: a.Children.map(b, (n) => {
-          if (a.isValidElement(n)) {
-            const e = n, i = e.props.value || e.props.children?.toString(), u = v === i, z = d === "horizontal";
-            return a.cloneElement(e, {
-              disabled: e.props.disabled || c,
+        children: o.Children.map(b, (i) => {
+          if (o.isValidElement(i)) {
+            const e = i, d = e.props.value || e.props.children?.toString(), f = v === d, z = n === "horizontal";
+            return o.cloneElement(e, {
+              disabled: e.props.disabled || p,
               variant: e.props.variant || "tertiary",
+              "data-button-group": "item",
               className: t(
                 "relative transition-all hover:bg-transparent hover:border-tertiary-border",
                 z ? "rounded-none first:rounded-l-md last:rounded-r-md -ml-[1px] first:ml-0" : "rounded-none first:rounded-t-md last:rounded-b-md -mt-[1px] first:mt-0",
-                u ? "z-10 bg-[#eceefd] border-[#4259ee] text-[#4259ee] hover:bg-[#eceefd] hover:border-[#4259ee] hover:text-[#4259ee]" : "text-[#0000008a]",
+                f ? "z-10 bg-[#eceefd] border-[#4259ee] text-[#4259ee] hover:bg-[#eceefd] hover:border-[#4259ee] hover:text-[#4259ee]" : "text-[#0000008a]",
                 "disabled:bg-[#f8f9fb] disabled:text-[#b4bac7] disabled:opacity-100",
-                r && !u && "border-destructive text-destructive z-10",
+                r && !f && "border-destructive text-destructive z-10",
                 // rudimentary error style for buttons
                 // If active and error? Maybe keep active color but allow border to be red? 
                 // For now let's just stick to the text label error. Button error styles are complex.
@@ -79,17 +74,17 @@ const V = k(
                 e.props.className
               ),
               onClick: (y) => {
-                e.props.onClick?.(y), i && l && l(i);
+                e.props.onClick?.(y), d && c && c(d);
               }
             });
           }
-          return n;
+          return i;
         })
       }
     ),
-    m && /* @__PURE__ */ s("div", { className: t("flex items-center gap-1", r && "text-destructive"), children: [
-      !r && /* @__PURE__ */ o(G, { size: 10, className: "shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ o(
+    u && /* @__PURE__ */ s("div", { className: t("flex items-center gap-1", r && "text-destructive"), children: [
+      !r && /* @__PURE__ */ a(G, { size: 10, className: "shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ a(
         "p",
         {
           className: t(
@@ -97,7 +92,7 @@ const V = k(
             // Exact legacy color
             r && "text-destructive"
           ),
-          children: m
+          children: u
         }
       )
     ] })

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

@@ -1,4 +1,4 @@
 export declare const buttonVariants: (props?: {
     variant?: "default" | "link" | "secondary" | "tertiary" | "destructive" | "outline" | "ghost";
-    size?: "default" | "icon" | "sm" | "md" | "lg";
+    size?: "sm" | "md" | "lg" | "default" | "icon";
 } & import('class-variance-authority/types').ClassProp) => string;

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

@@ -2,7 +2,18 @@ import { VariantProps } from 'class-variance-authority';
 import { buttonVariants } from './button-variants';
 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="icon"` and `aria-label` is set.
+     * @default "top"
+     */
     tooltipSide?: "top" | "bottom" | "left" | "right";
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/button.js

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

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

@@ -1,5 +1,6 @@
 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;
@@ -26,7 +27,6 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
     onApply?: (date: Date | Date[] | DateRange | undefined) => void;
     onCancel?: () => void;
     onClear?: () => void;
-    onPendingChange?: (date: Date | Date[] | DateRange | WeekSelection | WeekSelection[] | WeekRange | MonthSelection | MonthSelection[] | MonthRange | undefined) => void;
     fromYear?: number;
     toYear?: number;
     mode?: "single" | "multiple" | "range";
@@ -36,11 +36,23 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
     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, onApply, onCancel, onClear, onPendingChange, fromYear, toYear, mode, selected, onSelect, fromDate, toDate, fromMonth, toMonth, pickerType, weekMode, selectedWeeks, onWeekSelect, monthMode, selectedMonths, onMonthSelect, month, onMonthChange, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, showFooter, onApply, onCancel, onClear, fromYear, toYear, mode, selected, onSelect, fromDate, toDate, fromMonth, toMonth, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, fiscalMonthPattern, fiscalYearStartMonth, weekStartsOn, // Default Monday
+monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, ...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;