impact-nova 2.0.8 → 2.1.0-alpha.1

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

@@ -1,31 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const alertVariants: (props?: {
-    variant?: "default" | "error" | "info" | "warning" | "success";
-    emphasis?: "flat" | "elevated";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
-    asChild?: boolean;
-    removable?: boolean;
-    onClose?: () => void;
-}
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export interface AlertIconProps {
-    /** The alert variant — determines which icon to render */
-    variant?: "default" | "info" | "success" | "warning" | "error";
-    className?: string;
-}
-/**
- * Renders the appropriate icon for the given Alert variant.
- *
- * @example
- * <AlertIcon variant="success" />
- * <AlertIcon variant="error" className="mt-[2px]" />
- */
-declare const AlertIcon: {
-    ({ variant, className, }: AlertIconProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Alert, AlertTitle, AlertDescription, AlertIcon, alertVariants };

package/dist/components/ui/alert.js

@@ -1,223 +0,0 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import * as n from "react";
-import { Slot as m } from "@radix-ui/react-slot";
-import { cva as b } from "class-variance-authority";
-import { cn as s } from "../../lib/utils.js";
-import { Button as u } from "./button.js";
-import { Cross as x } from "impact-nova-icons";
-import { useImpactNovaI18n as g } from "../../i18n/ImpactNovaI18nContext.js";
-const w = b(
-  "relative w-full rounded-lg px-4 py-2 text-sm flex gap-3 items-start",
-  {
-    variants: {
-      variant: {
-        default: "bg-canvas text-content",
-        info: "bg-feedback-info-surface [&>svg]:text-brand",
-        warning: "bg-feedback-warning-surface [&>svg]:text-warning",
-        error: "bg-feedback-error-surface [&>svg]:text-destructive",
-        success: "bg-feedback-success-surface [&>svg]:text-success"
-      },
-      /** `elevated`: border + soft shadow. `flat`: no border, no shadow. */
-      emphasis: {
-        elevated: "",
-        flat: "border-0 shadow-none"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "default",
-        emphasis: "elevated",
-        class: "border border-stroke shadow-alert-elevated"
-      },
-      {
-        variant: "info",
-        emphasis: "elevated",
-        class: "border border-feedback-info-border shadow-alert-elevated"
-      },
-      {
-        variant: "warning",
-        emphasis: "elevated",
-        class: "border border-feedback-warning-border shadow-alert-elevated"
-      },
-      {
-        variant: "error",
-        emphasis: "elevated",
-        class: "border border-feedback-error-border shadow-alert-elevated"
-      },
-      {
-        variant: "success",
-        emphasis: "elevated",
-        class: "border border-feedback-success-border shadow-alert-elevated"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      emphasis: "elevated"
-    }
-  }
-), k = n.forwardRef(
-  ({
-    className: e,
-    variant: r,
-    emphasis: t,
-    asChild: i = !1,
-    removable: d,
-    onClose: c,
-    children: f,
-    ...h
-  }, p) => {
-    const { t: v } = g();
-    return /* @__PURE__ */ o(
-      i ? m : "div",
-      {
-        ref: p,
-        role: "alert",
-        "data-component": "alert",
-        "data-variant": r ?? "default",
-        "data-emphasis": t ?? "elevated",
-        className: s(w({ variant: r, emphasis: t }), e),
-        ...h,
-        children: [
-          f,
-          d && /* @__PURE__ */ a(
-            u,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "absolute right-4 top-2 h-4 w-4 p-0 text-secondary-foreground hover:text-content hover:bg-transparent",
-              onClick: c,
-              "aria-label": v("aria.close"),
-              children: /* @__PURE__ */ a(x, { className: "!h-3 !w-3" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-k.displayName = "Alert";
-const N = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
-  "h5",
-  {
-    ref: t,
-    "data-component": "alert-title",
-    className: s(
-      "font-semibold leading-[21px] tracking-tight text-content",
-      e
-    ),
-    ...r
-  }
-));
-N.displayName = "AlertTitle";
-const z = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: t,
-    "data-component": "alert-description",
-    className: s(
-      "text-[12px] leading-[18px] text-secondary-foreground",
-      e
-    ),
-    ...r
-  }
-));
-z.displayName = "AlertDescription";
-const l = ({ className: e }) => /* @__PURE__ */ o(
-  "svg",
-  {
-    className: s("h-[18px] w-[18px] shrink-0", e),
-    focusable: "false",
-    "aria-hidden": "true",
-    viewBox: "2 2 20 20",
-    children: [
-      /* @__PURE__ */ a(
-        "path",
-        {
-          d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z",
-          fill: "#4259ee"
-        }
-      ),
-      /* @__PURE__ */ a("path", { d: "M13 17h-2v-6h2v6zm0-8h-2V7h2v2z", fill: "white" })
-    ]
-  }
-), I = ({ className: e }) => /* @__PURE__ */ o(
-  "svg",
-  {
-    className: s("h-[18px] w-[18px] shrink-0", e),
-    focusable: "false",
-    "aria-hidden": "true",
-    viewBox: "2 2 20 20",
-    children: [
-      /* @__PURE__ */ a(
-        "path",
-        {
-          d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z",
-          fill: "#3bb273"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          d: "M10 14.17l-3.59-3.59L5 12l5 5 9-9-1.41-1.41L10 14.17z",
-          fill: "white"
-        }
-      )
-    ]
-  }
-), C = ({ className: e }) => /* @__PURE__ */ o(
-  "svg",
-  {
-    className: s("h-[18px] w-[18px] shrink-0", e),
-    focusable: "false",
-    "aria-hidden": "true",
-    viewBox: "1 2 22 19",
-    children: [
-      /* @__PURE__ */ a("path", { d: "M1 21h22L12 2 1 21z", fill: "#e1bc29" }),
-      /* @__PURE__ */ a("path", { d: "M13 18h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: "white" })
-    ]
-  }
-), M = ({ className: e }) => /* @__PURE__ */ o(
-  "svg",
-  {
-    className: s("h-[18px] w-[18px] shrink-0", e),
-    focusable: "false",
-    "aria-hidden": "true",
-    viewBox: "2 2 20 20",
-    children: [
-      /* @__PURE__ */ a(
-        "path",
-        {
-          d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z",
-          fill: "#e15554"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          d: "M17 15.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z",
-          fill: "white"
-        }
-      )
-    ]
-  }
-), A = {
-  default: l,
-  info: l,
-  success: I,
-  warning: C,
-  error: M
-}, y = ({
-  variant: e = "info",
-  className: r = "mt-[2px]"
-}) => {
-  const t = A[e] || l;
-  return /* @__PURE__ */ a(t, { className: r });
-};
-y.displayName = "AlertIcon";
-export {
-  k as Alert,
-  z as AlertDescription,
-  y as AlertIcon,
-  N as AlertTitle,
-  w as alertVariants
-};

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

@@ -1,14 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-declare const avatarVariants: (props?: {
-    size?: "sm" | "md" | "lg";
-    shape?: "circle" | "square";
-} & import('class-variance-authority/types').ClassProp) => string;
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: {
-    size?: "sm" | "md" | "lg";
-    shape?: "circle" | "square";
-} & import('class-variance-authority/types').ClassProp) => string> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar, AvatarImage, AvatarFallback, avatarVariants };

package/dist/components/ui/avatar.js

@@ -1,63 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as l from "react";
-import * as a from "@radix-ui/react-avatar";
-import { cva as i } from "class-variance-authority";
-import { cn as o } from "../../lib/utils.js";
-const f = i(
-  "relative flex shrink-0 overflow-hidden",
-  {
-    variants: {
-      size: {
-        sm: "h-9 w-9 text-xs",
-        md: "h-12 w-12 text-sm",
-        lg: "h-16 w-16 text-lg"
-      },
-      shape: {
-        circle: "rounded-full",
-        square: "rounded-lg"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      shape: "square"
-    }
-  }
-), d = l.forwardRef(({ className: e, size: t, shape: r, ...m }, c) => /* @__PURE__ */ s(
-  a.Root,
-  {
-    ref: c,
-    className: o(f({ size: t, shape: r, className: e })),
-    "data-component": "avatar",
-    ...m
-  }
-));
-d.displayName = a.Root.displayName;
-const n = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
-  a.Image,
-  {
-    ref: r,
-    className: o("aspect-square h-full w-full", e),
-    "data-component": "avatar-image",
-    ...t
-  }
-));
-n.displayName = a.Image.displayName;
-const p = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
-  a.Fallback,
-  {
-    ref: r,
-    className: o(
-      "flex h-full w-full items-center justify-center bg-success text-success-foreground font-bold",
-      e
-    ),
-    "data-component": "avatar-fallback",
-    ...t
-  }
-));
-p.displayName = a.Fallback.displayName;
-export {
-  d as Avatar,
-  p as AvatarFallback,
-  n as AvatarImage,
-  f as avatarVariants
-};

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

@@ -1,16 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const badgeVariants: (props?: {
-    variant?: "solid" | "outline" | "subtle";
-    color?: "primary" | "destructive" | "warning" | "success" | "neutral";
-    size?: "sm" | "md";
-    shape?: "circle" | "square";
-    layout?: "default" | "iconOnly";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, Omit<VariantProps<typeof badgeVariants>, "layout"> {
-    /** Optional leading icon (16px slot). Omit label children for icon-only badges. */
-    icon?: React.ReactNode;
-    disabled?: boolean;
-}
-declare function Badge({ className, variant, color, size, shape, icon, disabled, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };

package/dist/components/ui/badge.js

@@ -1,140 +0,0 @@
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import * as g from "react";
-import { cva as f } from "class-variance-authority";
-import { cn as v } from "../../lib/utils.js";
-const m = f(
-  "inline-flex min-w-0 max-w-[164px] shrink-0 items-center justify-center border font-sans font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 [&_[data-slot=badge-icon]_svg]:size-4 [&_[data-slot=badge-icon]_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        solid: "",
-        outline: "",
-        subtle: ""
-      },
-      color: {
-        primary: "",
-        success: "",
-        warning: "",
-        destructive: "",
-        neutral: ""
-      },
-      /** Figma Large (14px) vs Medium (12px, 20px tall). */
-      size: {
-        md: "",
-        sm: ""
-      },
-      shape: {
-        circle: "rounded-full",
-        square: "rounded-md"
-      },
-      layout: {
-        default: "gap-1.5 px-2 py-0.5",
-        iconOnly: "p-1"
-      }
-    },
-    compoundVariants: [
-      { size: "md", layout: "default", class: "h-6 text-sm leading-5" },
-      { size: "md", layout: "iconOnly", class: "h-6" },
-      { size: "sm", layout: "default", class: "h-5 text-xs leading-4" },
-      { size: "sm", layout: "iconOnly", class: "h-5" },
-      {
-        variant: "solid",
-        color: "primary",
-        class: "border-transparent bg-badge-info-filled text-brand-foreground"
-      },
-      { variant: "solid", color: "neutral", class: "border-transparent bg-content-badge text-brand-foreground" },
-      {
-        variant: "solid",
-        color: "success",
-        class: "border-transparent bg-badge-success-filled text-success-foreground"
-      },
-      { variant: "solid", color: "warning", class: "border-transparent bg-badge-warning-filled text-content" },
-      {
-        variant: "solid",
-        color: "destructive",
-        class: "border-transparent bg-badge-error-filled text-destructive-foreground"
-      },
-      {
-        variant: "outline",
-        color: "primary",
-        class: "border border-badge-info-filled bg-canvas-elevated text-badge-info-filled"
-      },
-      { variant: "outline", color: "neutral", class: "border border-content-badge bg-canvas-elevated text-content-badge" },
-      {
-        variant: "outline",
-        color: "success",
-        class: "border border-badge-success-filled bg-canvas-elevated text-badge-success-filled"
-      },
-      { variant: "outline", color: "warning", class: "border border-badge-warning-ink bg-canvas-elevated text-badge-warning-ink" },
-      {
-        variant: "outline",
-        color: "destructive",
-        class: "border border-badge-error-filled bg-canvas-elevated text-badge-error-filled"
-      },
-      {
-        variant: "subtle",
-        color: "primary",
-        class: "border-transparent bg-accent text-brand"
-      },
-      { variant: "subtle", color: "neutral", class: "border-transparent bg-badge-neutral-muted text-content-badge" },
-      {
-        variant: "subtle",
-        color: "success",
-        class: "border-transparent bg-badge-success-muted text-badge-success-ink"
-      },
-      {
-        variant: "subtle",
-        color: "warning",
-        class: "border-transparent bg-badge-warning-muted text-badge-warning-ink"
-      },
-      {
-        variant: "subtle",
-        color: "destructive",
-        class: "border-transparent bg-badge-error-muted text-badge-error-ink"
-      }
-    ],
-    defaultVariants: {
-      variant: "solid",
-      color: "primary",
-      size: "md",
-      shape: "circle",
-      layout: "default"
-    }
-  }
-);
-function h({
-  className: o,
-  variant: l,
-  color: i,
-  size: d,
-  shape: c,
-  icon: e,
-  disabled: a,
-  children: r,
-  ...b
-}) {
-  const t = g.Children.count(r) > 0, s = e != null && !t ? "iconOnly" : "default";
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      role: "status",
-      "data-component": "badge",
-      "data-layout": s,
-      "aria-disabled": a ? !0 : void 0,
-      className: v(
-        m({ variant: l, color: i, size: d, shape: c, layout: s }),
-        a && "pointer-events-none border border-disabled-border bg-disabled-surface text-disabled-foreground",
-        o
-      ),
-      ...b,
-      children: [
-        e != null ? /* @__PURE__ */ n("span", { "data-slot": "badge-icon", className: "inline-flex shrink-0 text-current", children: e }) : null,
-        t ? /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-center", children: r }) : null
-      ]
-    }
-  );
-}
-export {
-  h as Badge,
-  m as badgeVariants
-};

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

@@ -1,33 +0,0 @@
-import * as React from "react";
-declare const HomeIcon: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    separator?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
-    maxWords?: number;
-} & React.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean;
-    maxWords?: number;
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbHomeLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean;
-    maxWords?: number;
-} & React.RefAttributes<HTMLAnchorElement>, "ref">, "children"> & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    maxWords?: number;
-} & React.RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const BreadcrumbHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbHomeLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, BreadcrumbHeader, HomeIcon, BreadcrumbArrowSeparator, };
-declare const BreadcrumbArrowSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;