impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/ui/empty-container.js

@@ -1,144 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as i from "react";
-import { Slot as f } from "@radix-ui/react-slot";
-import { cn as d } from "../../lib/utils.js";
-import { EMPTY_STATE_IMAGE_LOADERS as y } from "./empty-container/emptyStateIllustrations.js";
-const b = i.forwardRef(
-  ({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
-    e ? f : "div",
-    {
-      ref: n,
-      className: d(
-        "flex flex-col items-center justify-center py-16 px-5 text-center animate-in fade-in zoom-in duration-300 border border-stroke-subtle rounded-xl bg-canvas-elevated w-[884px] min-w-[884px] h-auto",
-        a
-      ),
-      "data-component": "empty-container",
-      ...o,
-      children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center max-w-[650px]", children: t })
-    }
-  )
-);
-b.displayName = "EmptyContainer";
-const S = i.forwardRef(
-  ({
-    className: a,
-    children: t,
-    src: e,
-    alt: o = "",
-    width: n,
-    height: m,
-    asChild: p = !1,
-    ...u
-  }, g) => {
-    const [h] = i.useState(() => t || e ? null : Math.floor(Math.random() * y.length)), [l, x] = i.useState(null), r = h !== null ? y[h] : null;
-    i.useEffect(() => {
-      if (t || e || !r)
-        return;
-      let c = !1;
-      return r.loadSrc().then((N) => {
-        c || x({
-          imageSource: N,
-          width: r.width,
-          height: r.height
-        });
-      }), () => {
-        c = !0;
-      };
-    }, [t, r, e]);
-    const C = n || (t ? "auto" : l?.width ?? r?.width ?? 225), E = m || (t ? "auto" : l?.height ?? r?.height ?? 150), w = () => {
-      if (t)
-        return t;
-      const c = e ?? l?.imageSource;
-      return c ? /* @__PURE__ */ s(
-        "img",
-        {
-          src: c,
-          alt: o,
-          className: "object-contain shrink-0 select-none",
-          style: {
-            width: n || l?.width || r?.width || "100%",
-            height: m || l?.height || r?.height || "100%"
-          }
-        }
-      ) : null;
-    };
-    return /* @__PURE__ */ s(
-      p ? f : "div",
-      {
-        ref: g,
-        className: d(
-          "mb-4 flex items-center justify-center relative",
-          "after:absolute after:inset-0 after:bg-brand/5 after:blur-3xl after:-z-10 after:rounded-full",
-          a
-        ),
-        style: {
-          width: C,
-          height: E,
-          ...u.style
-        },
-        "data-component": "empty-container-image",
-        ...u,
-        children: w()
-      }
-    );
-  }
-);
-S.displayName = "EmptyContainerImage";
-const I = {
-  2: "h2",
-  3: "h3",
-  4: "h4",
-  5: "h5",
-  6: "h6"
-}, A = i.forwardRef(({ className: a, children: t, asChild: e = !1, headingLevel: o = 2, ...n }, m) => {
-  const p = e ? f : I[o];
-  return /* @__PURE__ */ s(
-    p,
-    {
-      ref: m,
-      className: d(
-        "text-xl font-bold tracking-tight leading-[30px] text-content",
-        a
-      ),
-      "data-component": "empty-container-title",
-      ...n,
-      children: t
-    }
-  );
-});
-A.displayName = "EmptyContainerTitle";
-const R = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
-  e ? f : "p",
-  {
-    ref: n,
-    className: d(
-      "text-base leading-[21px] mt-1 font-medium text-secondary-foreground",
-      a
-    ),
-    "data-component": "empty-container-description",
-    ...o,
-    children: t
-  }
-));
-R.displayName = "EmptyContainerDescription";
-const T = i.forwardRef(({ className: a, children: t, asChild: e = !1, ...o }, n) => /* @__PURE__ */ s(
-  e ? f : "div",
-  {
-    ref: n,
-    className: d(
-      "mt-6 flex flex-wrap items-center justify-center gap-3",
-      a
-    ),
-    "data-component": "empty-container-action",
-    ...o,
-    children: t
-  }
-));
-T.displayName = "EmptyContainerAction";
-export {
-  b as EmptyContainer,
-  T as EmptyContainerAction,
-  R as EmptyContainerDescription,
-  S as EmptyContainerImage,
-  A as EmptyContainerTitle
-};

package/dist/components/ui/expandable-sku/expandable-sku.d.ts

@@ -1,38 +0,0 @@
-import { SkuRowSelection, SkuRowSection } from './expandable-sku.types';
-import * as React from "react";
-export type { SkuRowAttributesSection, SkuRowCustomSection, SkuRowMetricColumn, SkuRowMetricsSection, SkuRowSelection, SkuRowSection, } from './expandable-sku.types';
-export interface ExpandableSkuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> {
-    /** Primary line (e.g. SKU code). */
-    sku: string;
-    /** Secondary line (e.g. product title). */
-    subtitle?: React.ReactNode;
-    /** Optional slot next to the SKU (e.g. Mapped badge). */
-    badge?: React.ReactNode;
-    /**
-     * When set, a checkbox is shown. Omit entirely to hide selection (read-only / detail rows).
-     */
-    selection?: SkuRowSelection;
-    /**
-     * Row highlight (lavender shell + white detail card). Also applied when `selection.checked` is true
-     * so checkbox-only usage picks up the same UI without passing `selected`.
-     */
-    selected?: boolean;
-    /** Controlled expanded state. */
-    expanded?: boolean;
-    /** Uncontrolled default. Ignored when `expanded` is passed. */
-    defaultExpanded?: boolean;
-    onExpandedChange?: (open: boolean) => void;
-    /** Disable expand/collapse interaction. */
-    disabled?: boolean;
-    /** Ordered blocks inside the expanded panel. */
-    sections?: ReadonlyArray<SkuRowSection>;
-    /** Extra content after preset `sections` (inside the panel card). */
-    panelFooter?: React.ReactNode;
-    expandAriaLabel?: string;
-    collapseAriaLabel?: string;
-}
-/**
- * Expandable SKU : optional checkbox, title stack, chevron when there is panel content,
- * and a collapsible body with metrics, attribute pills, or custom sections.
- */
-export declare const ExpandableSku: React.ForwardRefExoticComponent<ExpandableSkuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/expandable-sku/expandable-sku.js

@@ -1,245 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import * as B from "react";
-import { ChevronRight as E } from "impact-nova-icons";
-import { Accordion as P, AccordionItem as R, AccordionTrigger as V, AccordionContent as I } from "../accordion.js";
-import { Badge as _ } from "../badge.js";
-import { Checkbox as z } from "../checkbox.js";
-import { FilterPopoverContent as M } from "../filter-strip/filter-tag-list.js";
-import { Popover as j, PopoverTrigger as D } from "../popover.js";
-import { Tag as K } from "../tag.js";
-import { Tooltip as L, TooltipTrigger as O, TooltipContent as U } from "../tooltip.js";
-import { cn as p } from "../../../lib/utils.js";
-function W({ section: a }) {
-  return a.columns.length === 0 ? null : /* @__PURE__ */ e("div", { className: "min-w-0 bg-transparent", children: /* @__PURE__ */ e("div", { className: "scrollbar-hide overflow-x-auto overscroll-x-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-nowrap divide-x divide-stroke-hairline px-4 py-4 sm:px-5", children: a.columns.map((l, s) => /* @__PURE__ */ t(
-    "div",
-    {
-      className: "flex min-w-[7.5rem] flex-1 basis-0 flex-col gap-1 overflow-hidden px-3 first:pl-0 last:pr-0 sm:min-w-[8rem] sm:px-4",
-      children: [
-        /* @__PURE__ */ e("p", { className: "truncate text-xs font-semibold leading-5 text-content-heading", title: l.label, children: l.label }),
-        /* @__PURE__ */ e("p", { className: "truncate text-sm font-semibold leading-5 text-content", title: String(l.value), children: l.value })
-      ]
-    },
-    `${a.id}-metric-${s}`
-  )) }) }) });
-}
-function X({ section: a }) {
-  const i = a.maxVisibleTags ?? 4, l = a.tags, s = l.slice(0, i), n = l.slice(i), o = n.length, d = a.formatOverflow?.(o) ?? (o > 0 ? `+${o}` : null);
-  return /* @__PURE__ */ t("div", { className: "px-4 py-4 pt-0 sm:px-5", children: [
-    /* @__PURE__ */ e("p", { className: "text-xs font-semibold leading-5 text-content-heading", children: a.title ?? "Attributes" }),
-    /* @__PURE__ */ t("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [
-      s.map((c, u) => /* @__PURE__ */ e(
-        _,
-        {
-          variant: "subtle",
-          color: "neutral",
-          size: "sm",
-          shape: "circle",
-          className: "max-w-full",
-          children: c
-        },
-        `${u}-${c}`
-      )),
-      n.length > 0 ? /* @__PURE__ */ t(j, { children: [
-        /* @__PURE__ */ t(L, { children: [
-          /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(
-            K,
-            {
-              variant: "secondary",
-              size: "md",
-              shape: "rounded",
-              className: "whitespace-nowrap border-0 bg-[#eceefd] px-2 font-['Manrope'] text-xs font-medium text-[#4259ee] hover:bg-[#dce1fc] h-6 cursor-pointer",
-              tabIndex: 0,
-              role: "button",
-              "aria-label": `${n.length} more attributes for ${a.title ?? "Attributes"}`,
-              children: d
-            }
-          ) }) }),
-          /* @__PURE__ */ t(U, { variant: "tertiary", side: "top", children: [
-            n.length,
-            " more"
-          ] })
-        ] }),
-        /* @__PURE__ */ e(
-          M,
-          {
-            remainingValues: n,
-            onItemRemove: () => {
-            },
-            isRemovable: !1,
-            isCopyable: !0
-          }
-        )
-      ] }) : null
-    ] })
-  ] });
-}
-function q({ section: a }) {
-  return /* @__PURE__ */ e("div", { className: "px-4 py-4 sm:px-5", children: a.content });
-}
-const h = "expandable-sku-row-item";
-function G(a) {
-  switch (a.type) {
-    case "metrics":
-      return /* @__PURE__ */ e(W, { section: a }, a.id);
-    case "attributes":
-      return /* @__PURE__ */ e(X, { section: a }, a.id);
-    case "custom":
-      return /* @__PURE__ */ e(q, { section: a }, a.id);
-    default:
-      return null;
-  }
-}
-const H = B.forwardRef(
-  ({
-    className: a,
-    sku: i,
-    subtitle: l,
-    badge: s,
-    selection: n,
-    selected: o,
-    expanded: d,
-    defaultExpanded: c = !1,
-    onExpandedChange: u,
-    disabled: x,
-    sections: f,
-    panelFooter: v,
-    expandAriaLabel: A = "Expand details",
-    collapseAriaLabel: T = "Collapse details",
-    ...g
-  }, b) => {
-    const N = d !== void 0, S = N ? d ? h : "" : void 0, m = !!(o || n?.checked), $ = f != null && f.length > 0 || v != null, w = (r) => /* @__PURE__ */ t(
-      "div",
-      {
-        className: p(
-          "min-w-0 flex-1",
-          r && "pointer-events-none opacity-50"
-        ),
-        children: [
-          /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: p(
-                  "text-sm font-semibold leading-6 text-content",
-                  m && "tracking-tight"
-                ),
-                children: i
-              }
-            ),
-            s
-          ] }),
-          l ? /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs font-medium leading-4 text-[#60697d]", children: l }) : null
-        ]
-      }
-    ), k = p(
-      "rounded-xl transition-[background-color,border-color,box-shadow] duration-200",
-      m ? "border-stroke-accent/40 bg-canvas-accent shadow-sm" : "border-stroke bg-canvas-elevated",
-      a
-    ), C = n ? /* @__PURE__ */ e(
-      "div",
-      {
-        className: "pt-0.5",
-        onClick: (r) => r.stopPropagation(),
-        onKeyDown: (r) => r.stopPropagation(),
-        children: /* @__PURE__ */ e(
-          z,
-          {
-            checked: n.checked,
-            disabled: n.disabled,
-            onCheckedChange: (r) => {
-              const y = r === !0;
-              y !== n.checked && n.onCheckedChange(y);
-            },
-            "aria-label": n["aria-label"] ?? `Select ${i}`
-          }
-        )
-      }
-    ) : null;
-    return $ ? /* @__PURE__ */ e(
-      "div",
-      {
-        ref: b,
-        "data-component": "expandable-sku-row",
-        "data-expandable": "true",
-        "data-expanded": d ?? void 0,
-        "data-selected": o ? "" : void 0,
-        "data-selection-chrome": m ? "" : void 0,
-        className: k,
-        ...g,
-        children: /* @__PURE__ */ e(
-          P,
-          {
-            type: "single",
-            collapsible: !0,
-            disabled: x,
-            ...N ? { value: S } : {
-              defaultValue: c ? h : void 0
-            },
-            onValueChange: (r) => u?.(r === h),
-            children: /* @__PURE__ */ t(
-              R,
-              {
-                value: h,
-                className: "border-0 bg-transparent p-0 shadow-none rounded-none overflow-visible",
-                children: [
-                  /* @__PURE__ */ t("div", { className: "flex items-start gap-3 px-3 py-3", children: [
-                    C,
-                    /* @__PURE__ */ t(
-                      V,
-                      {
-                        variant: "plain",
-                        className: p(
-                          "min-w-0 gap-2 text-left items-center ",
-                          x && "pointer-events-none opacity-50"
-                        ),
-                        children: [
-                          w(!1),
-                          /* @__PURE__ */ e(
-                            "span",
-                            {
-                              className: "mt-0.5 inline-flex shrink-0 text-content-muted transition-transform duration-200 group-data-[state=open]:rotate-180",
-                              "aria-hidden": !0,
-                              children: /* @__PURE__ */ e(E, { className: "size-4 rotate-90" })
-                            }
-                          ),
-                          /* @__PURE__ */ t("span", { className: "sr-only", children: [
-                            A,
-                            " / ",
-                            T
-                          ] })
-                        ]
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ e(I, { className: "border-0 bg-transparent p-0 pb-[0.01rem]", children: /* @__PURE__ */ t("div", { className: "mx-2 mb-2 overflow-hidden  bg-[#f8f9fb] pt-2 rounded-lg", children: [
-                    f?.map((r) => G(r)),
-                    v ? /* @__PURE__ */ e("div", { className: "px-4 py-3 sm:px-5", children: v }) : null
-                  ] }) })
-                ]
-              }
-            )
-          }
-        )
-      }
-    ) : /* @__PURE__ */ e(
-      "div",
-      {
-        ref: b,
-        "data-component": "expandable-sku-row",
-        "data-expandable": "false",
-        "data-selected": o ? "" : void 0,
-        "data-selection-chrome": m ? "" : void 0,
-        className: k,
-        ...g,
-        children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3 px-3 py-3", children: [
-          C,
-          w(!!x)
-        ] })
-      }
-    );
-  }
-);
-H.displayName = "ExpandableSku";
-export {
-  H as ExpandableSku
-};

package/dist/components/ui/expandable-sku/expandable-sku.types.d.ts

@@ -1,35 +0,0 @@
-import { ReactNode } from 'react';
-export type SkuRowMetricColumn = {
-    label: string;
-    value: string;
-};
-/** Horizontal metrics row (any column count). */
-export type SkuRowMetricsSection = {
-    id: string;
-    type: "metrics";
-    columns: ReadonlyArray<SkuRowMetricColumn>;
-};
-/** Tag pills with optional overflow summary (e.g. `+64`). */
-export type SkuRowAttributesSection = {
-    id: string;
-    type: "attributes";
-    title?: string;
-    tags: ReadonlyArray<string>;
-    /** Max tags before overflow pill (default 4). */
-    maxVisibleTags?: number;
-    /** Default: `(n) => \`+\${n}\``. */
-    formatOverflow?: (hiddenCount: number) => string;
-};
-/** Arbitrary block inside the expanded panel. */
-export type SkuRowCustomSection = {
-    id: string;
-    type: "custom";
-    content: ReactNode;
-};
-export type SkuRowSection = SkuRowMetricsSection | SkuRowAttributesSection | SkuRowCustomSection;
-export type SkuRowSelection = {
-    checked: boolean;
-    onCheckedChange: (checked: boolean) => void;
-    disabled?: boolean;
-    "aria-label"?: string;
-};

package/dist/components/ui/expandable-sku/index.d.ts

@@ -1,2 +0,0 @@
-export { ExpandableSku, type ExpandableSkuProps, } from './expandable-sku';
-export type { SkuRowAttributesSection, SkuRowCustomSection, SkuRowMetricColumn, SkuRowMetricsSection, SkuRowSelection, SkuRowSection, } from './expandable-sku.types';

package/dist/components/ui/expandable-sku/index.js

@@ -1,4 +0,0 @@
-import { ExpandableSku as o } from "./expandable-sku.js";
-export {
-  o as ExpandableSku
-};

package/dist/components/ui/file-upload.d.ts

@@ -1,13 +0,0 @@
-import { FileUploadProps, FileUploadDropZoneProps, FileUploadItemProps } from './types/file-upload.types';
-import * as React from "react";
-declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
-declare const FileUploadContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FileUploadHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FileUploadTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-declare const FileUploadDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FileUploadClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-declare const FileUploadDropZone: React.ForwardRefExoticComponent<FileUploadDropZoneProps & React.RefAttributes<HTMLDivElement>>;
-declare const FileUploadList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FileUploadItem: React.ForwardRefExoticComponent<FileUploadItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const FileUploadFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { FileUpload, FileUploadContent, FileUploadHeader, FileUploadTitle, FileUploadDescription, FileUploadClose, FileUploadDropZone, FileUploadList, FileUploadItem, FileUploadFooter, };