impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/components/feedback/sheet/sheet.js

@@ -0,0 +1,170 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as p from "react";
+import * as t from "@radix-ui/react-dialog";
+import { ChevronRight as y, Cross as k } from "impact-nova-icons";
+import { createCompoundPart as S, wrapRadixPart as h } from "../../../lib/primitives/create-compound.js";
+import { cn as x } from "../../../lib/utils.js";
+import { useImpactNovaI18n as w } from "../../../i18n/use-impact-nova-i18n.js";
+import { Tooltip as b, TooltipTrigger as N, TooltipContent as v } from "../tooltip/tooltip.js";
+import { SheetContext as C } from "./sheet-context.js";
+import { sheetVariants as P } from "./sheet.variants.js";
+const V = (o) => /* @__PURE__ */ e(t.Root, { "data-component": "sheet", ...o }), q = h(
+  "sheet",
+  "trigger",
+  "SheetTrigger",
+  t.Trigger
+), R = h(
+  "sheet",
+  "close",
+  "SheetClose",
+  t.Close
+), D = t.Portal, T = p.forwardRef(({ className: o, ...r }, i) => /* @__PURE__ */ e(
+  t.Overlay,
+  {
+    className: x(
+      "fixed inset-0 z-50 bg-black/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 motion-reduce:animate-none motion-reduce:transition-none",
+      o
+    ),
+    ...r,
+    ref: i
+  }
+));
+T.displayName = t.Overlay.displayName;
+const E = p.forwardRef(
+  ({
+    side: o = "right",
+    className: r,
+    children: i,
+    expandable: l = !1,
+    defaultExpanded: n = !1,
+    onOpenAutoFocus: f,
+    ...u
+  }, g) => {
+    const [s, c] = p.useState(n), d = p.useCallback(() => {
+      c((m) => !m);
+    }, []);
+    return /* @__PURE__ */ e(
+      C.Provider,
+      {
+        value: {
+          isExpanded: s,
+          onExpandToggle: d,
+          expandable: l,
+          side: o || void 0
+        },
+        children: /* @__PURE__ */ a(D, { children: [
+          /* @__PURE__ */ e(T, {}),
+          /* @__PURE__ */ e(
+            t.Content,
+            {
+              ref: g,
+              "data-component": "sheet-content",
+              onOpenAutoFocus: (m) => {
+                m.preventDefault(), f?.(m);
+              },
+              className: x(
+                P({ side: o }),
+                "flex flex-col p-0 transition-all duration-300 motion-reduce:transition-none",
+                o === "bottom" && (s ? "h-[96vh]" : "h-[40vh]"),
+                r
+              ),
+              ...u,
+              children: i
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+E.displayName = t.Content.displayName;
+const L = ({
+  className: o,
+  children: r,
+  ...i
+}) => {
+  const { t: l } = w(), { isExpanded: n, onExpandToggle: f, expandable: u, side: g } = p.useContext(C), s = l("aria.close"), c = l("nestedList.expand"), d = l("nestedList.collapse");
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: x(
+        "flex px-4 py-4 shrink-0 items-center justify-between bg-brand-tint border-b",
+        g === "bottom" && "rounded-t-lg",
+        o
+      ),
+      ...i,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex flex-col space-y-1 text-center sm:text-start", children: r }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          u && /* @__PURE__ */ a(b, { children: [
+            /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                "data-component": "sheet-expand-toggle",
+                onClick: f,
+                className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none",
+                "aria-label": n ? d : c,
+                children: [
+                  n ? /* @__PURE__ */ e(y, { size: 19, className: " -rotate-90" }) : /* @__PURE__ */ e(y, { size: 19, className: "rotate-90" }),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: n ? d : c })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e(v, { variant: "tertiary", side: "top", children: n ? d : c })
+          ] }),
+          /* @__PURE__ */ a(b, { children: [
+            /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ a(
+              R,
+              {
+                "data-component": "sheet-close",
+                className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+                "aria-label": s,
+                children: [
+                  /* @__PURE__ */ e(k, { className: "!h-3 !w-3" }),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: s })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e(v, { variant: "tertiary", side: "top", children: s })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+L.displayName = "SheetHeader";
+const G = S("sheet", {
+  part: "body",
+  displayName: "SheetBody",
+  className: "flex-1 overflow-y-auto p-4"
+}), J = S("sheet", {
+  part: "footer",
+  displayName: "SheetFooter",
+  className: "mt-auto flex px-4 py-3 shrink-0 items-center justify-end gap-2 border-t bg-white"
+}), K = h(
+  "sheet",
+  "title",
+  "SheetTitle",
+  t.Title,
+  "text-sm font-bold leading-none tracking-tight"
+), M = h(
+  "sheet",
+  "description",
+  "SheetDescription",
+  t.Description,
+  "text-sm text-muted-foreground"
+);
+export {
+  V as Sheet,
+  G as SheetBody,
+  R as SheetClose,
+  E as SheetContent,
+  M as SheetDescription,
+  J as SheetFooter,
+  L as SheetHeader,
+  T as SheetOverlay,
+  D as SheetPortal,
+  K as SheetTitle,
+  q as SheetTrigger
+};

package/dist/components/feedback/sheet/sheet.types.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { sheetVariants } from './sheet.variants';
+import type * as React from "react";
+import type * as SheetPrimitive from "@radix-ui/react-dialog";
+export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    expandable?: boolean;
+    defaultExpanded?: boolean;
+}
+export type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;
+export type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;

package/dist/components/feedback/sheet/sheet.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const sheetVariants: (props?: ({
+    side?: "top" | "left" | "right" | "bottom" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SheetSide = NonNullable<Parameters<typeof sheetVariants>[0]>["side"];

package/dist/components/feedback/sheet/sheet.variants.js

@@ -0,0 +1,20 @@
+import { cva as t } from "class-variance-authority";
+const a = t(
+  "fixed z-50 gap-4 bg-white p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out motion-reduce:animate-none motion-reduce:transition-none",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom rounded-t-lg",
+        left: "inset-y-0 start-0 h-full w-3/4 border-e data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 end-0 h-full w-3/4 border-s data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+export {
+  a as sheetVariants
+};

package/dist/components/feedback/toast/index.d.ts

@@ -0,0 +1,3 @@
+export { type ToastActionElement, type ToastProps, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from './toast';
+export { toastVariants } from './toast.variants';
+export { Toaster } from './toaster';

package/dist/components/feedback/toast/index.js

@@ -0,0 +1,14 @@
+import { Toast as r, ToastAction as s, ToastClose as a, ToastDescription as e, ToastProvider as T, ToastTitle as i, ToastViewport as p } from "./toast.js";
+import { toastVariants as m } from "./toast.variants.js";
+import { Toaster as x } from "./toaster.js";
+export {
+  r as Toast,
+  s as ToastAction,
+  a as ToastClose,
+  e as ToastDescription,
+  T as ToastProvider,
+  i as ToastTitle,
+  p as ToastViewport,
+  x as Toaster,
+  m as toastVariants
+};

package/dist/components/feedback/toast/toast.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+export type { ToastProps, ToastActionElement, ToastProviderProps, ToastViewportProps, ToastActionProps, ToastCloseProps, ToastTitleProps, ToastDescriptionProps, } from './toast.types';
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & {
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+} & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & import('class-variance-authority').VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "basic" | "unstyled" | "basic-success" | "basic-info" | "basic-warning" | "basic-error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/components/feedback/toast/toast.js

@@ -0,0 +1,98 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import * as o from "@radix-ui/react-toast";
+import { Cross as p } from "impact-nova-icons";
+import { cn as a } from "../../../lib/utils.js";
+import { useImpactNovaI18n as l } from "../../../i18n/use-impact-nova-i18n.js";
+import { Tooltip as m, TooltipTrigger as u, TooltipContent as f } from "../tooltip/tooltip.js";
+import { toastVariants as g } from "./toast.variants.js";
+const A = o.Provider, v = i.forwardRef(({ className: t, position: e = "top-right", ...r }, c) => /* @__PURE__ */ s(
+  o.Viewport,
+  {
+    ref: c,
+    className: a(
+      "z-[60] flex max-h-screen w-full p-4 md:max-w-[420px] gap-2",
+      !t?.includes("static") && !t?.includes("absolute") && "fixed",
+      e.startsWith("top") ? "top-0 sm:top-8 flex-col" : "bottom-0 sm:bottom-8 flex-col-reverse",
+      e.endsWith("left") ? "left-0 sm:left-8" : "right-0 sm:right-8",
+      t
+    ),
+    ...r
+  }
+));
+v.displayName = o.Viewport.displayName;
+const x = i.forwardRef(({ className: t, variant: e, ...r }, c) => /* @__PURE__ */ s(
+  o.Root,
+  {
+    ref: c,
+    "data-component": "toast",
+    "data-variant": e ?? "default",
+    className: a(g({ variant: e }), t),
+    ...r
+  }
+));
+x.displayName = o.Root.displayName;
+const h = i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ s(
+  o.Action,
+  {
+    ref: r,
+    "data-component": "toast-action",
+    className: a(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-focus-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive-hover group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      t
+    ),
+    ...e
+  }
+));
+h.displayName = o.Action.displayName;
+const y = i.forwardRef(({ className: t, ...e }, r) => {
+  const { t: c } = l(), n = c("aria.close");
+  return /* @__PURE__ */ d(m, { children: [
+    /* @__PURE__ */ s(u, { asChild: !0, children: /* @__PURE__ */ s(
+      o.Close,
+      {
+        ref: r,
+        "data-component": "toast-close",
+        className: a(
+          "absolute right-1 top-1 rounded-md p-1 text-content/50 opacity-0 transition-opacity hover:text-content focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive group-[.destructive]:focus:ring-offset-destructive",
+          t
+        ),
+        "toast-close": "",
+        "aria-label": n,
+        ...e,
+        children: /* @__PURE__ */ s(p, { className: "!h-3 !w-3" })
+      }
+    ) }),
+    /* @__PURE__ */ s(f, { variant: "tertiary", side: "top", children: n })
+  ] });
+});
+y.displayName = o.Close.displayName;
+const b = i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ s(
+  o.Title,
+  {
+    ref: r,
+    "data-component": "toast-title",
+    className: a("text-sm font-semibold [&+div]:text-xs group-[.basic]:text-center group-[.basic]:font-normal", t),
+    ...e
+  }
+));
+b.displayName = o.Title.displayName;
+const N = i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ s(
+  o.Description,
+  {
+    ref: r,
+    "data-component": "toast-description",
+    className: a("text-sm opacity-90 group-[.basic]:text-center", t),
+    ...e
+  }
+));
+N.displayName = o.Description.displayName;
+export {
+  x as Toast,
+  h as ToastAction,
+  y as ToastClose,
+  N as ToastDescription,
+  A as ToastProvider,
+  b as ToastTitle,
+  v as ToastViewport
+};

package/dist/components/feedback/toast/toast.types.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { toastVariants } from './toast.variants';
+import type * as React from "react";
+import type * as ToastPrimitives from "@radix-ui/react-toast";
+export type ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>;
+export type ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Provider>;
+export type ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> & {
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+};
+export type ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>;
+export type ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>;
+export type ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>;
+export type ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>;
+export type ToastActionElement = React.ReactElement<ToastActionProps>;

package/dist/components/feedback/toast/toast.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const toastVariants: (props?: ({
+    variant?: "default" | "destructive" | "basic" | "unstyled" | "basic-success" | "basic-info" | "basic-warning" | "basic-error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/feedback/toast/toast.variants.js

@@ -0,0 +1,24 @@
+import { cva as e } from "class-variance-authority";
+const a = e(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full motion-reduce:animate-none motion-reduce:transition-none",
+  {
+    variants: {
+      variant: {
+        default: "border bg-canvas text-content",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
+        unstyled: "border-none bg-transparent p-0 shadow-none",
+        basic: "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-['']",
+        "basic-success": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-success after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15",
+        "basic-info": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-brand after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15",
+        "basic-warning": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-content bg-warning after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15",
+        "basic-error": "basic min-h-[51px] border-none shadow-elevation-toast rounded-[4px] px-6 py-2 relative overflow-hidden justify-center text-brand-foreground bg-destructive after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[4px] after:content-[''] after:bg-brand-foreground/15"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  a as toastVariants
+};

package/dist/components/feedback/toast/toaster.d.ts

@@ -0,0 +1,3 @@
+import { ToasterProps } from './toaster.types';
+export type { ToasterProps } from './toaster.types';
+export declare function Toaster({ stacked, position, }: ToasterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/toast/toaster.js

@@ -0,0 +1,136 @@
+import { jsx as f, jsxs as d, Fragment as _ } from "react/jsx-runtime";
+import * as m from "react";
+import { useToast as j } from "../../../hooks/use-toast.js";
+import { ToastProvider as z, Toast as A, ToastTitle as B, ToastDescription as C, ToastClose as D, ToastViewport as F } from "./toast.js";
+import { cn as h } from "../../../lib/utils.js";
+function Y({
+  stacked: t = !1,
+  position: x = "top-right"
+}) {
+  const { toasts: p } = j(), [g, b] = m.useState(!1), [u, I] = m.useState({}), E = m.useRef({});
+  m.useEffect(() => {
+    const e = [], s = setTimeout(() => {
+      p.forEach((r) => {
+        const c = E.current[r.id];
+        if (c) {
+          const a = new ResizeObserver(() => {
+            const i = c.offsetHeight;
+            i > 0 && I((l) => l[r.id] === i ? l : { ...l, [r.id]: i });
+          });
+          a.observe(c), e.push(a);
+        }
+      });
+    }, 32);
+    return () => {
+      clearTimeout(s), e.forEach((r) => r.disconnect());
+    };
+  }, [p]);
+  const o = p.filter((e) => e.open !== !1), T = x.startsWith("bottom"), N = x.endsWith("left"), w = T ? -1 : 1, y = 10, S = 12, H = 3, M = m.useMemo(() => {
+    const e = [];
+    let n = 0;
+    for (const s of o)
+      e.push(n), n += (u[s.id] || 70) + S;
+    return e;
+  }, [o, u]), O = (M[o.length - 1] || 0) + (u[o[o.length - 1]?.id] || 70), R = m.useMemo(() => {
+    if (!t || o.length === 0) return 0;
+    const e = Math.min(H, o.length);
+    let n = 0;
+    for (let s = 0; s < e; s++) {
+      const r = o[s], c = u[r.id] || 70, a = s * y;
+      n = Math.max(n, a + c);
+    }
+    return Math.ceil(n);
+  }, [t, o, u]);
+  return /* @__PURE__ */ f(z, { children: /* @__PURE__ */ d(
+    "div",
+    {
+      "data-component": "toaster",
+      className: h(
+        "fixed z-[60] md:max-w-[420px] w-full sm:max-w-[420px] pointer-events-none transition-all duration-300 motion-reduce:transition-none",
+        T ? "bottom-4 sm:bottom-8" : "top-4 sm:top-8",
+        N ? "left-4 sm:left-8" : "right-4 sm:right-8"
+      ),
+      style: {
+        height: t && o.length > 0 ? g ? `${O + 100}px` : `${R}px` : t ? "0px" : "auto"
+      },
+      children: [
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: h(
+              "relative w-full h-full",
+              t && o.length > 0 && "pointer-events-auto"
+            ),
+            onMouseEnter: () => t && b(!0),
+            onMouseLeave: () => t && b(!1),
+            children: p.map(function({
+              id: e,
+              title: n,
+              description: s,
+              action: r,
+              children: c,
+              ...a
+            }) {
+              const i = o.findIndex((v) => v.id === e), l = i !== -1, $ = l && (!t || g || i < H), P = t ? g ? `translateY(${(l ? M[i] : 0) * w}px) scale(1)` : `translateY(${(l ? i : 0) * w * y}px) scale(${1 - (l ? i : 0) * 0.02})` : void 0;
+              return /* @__PURE__ */ f(
+                A,
+                {
+                  ...a,
+                  ref: (v) => {
+                    v && (E.current[e] = v);
+                  },
+                  className: h(
+                    a.className,
+                    "transition-all duration-500 ease-in-out motion-reduce:transition-none",
+                    t && "absolute w-full pointer-events-auto",
+                    t && (N ? "left-0" : "right-0"),
+                    t && (T ? "bottom-0" : "top-0"),
+                    $ ? "opacity-100" : "opacity-0 pointer-events-none"
+                  ),
+                  style: {
+                    zIndex: 100 - (l ? i : 0),
+                    transform: P,
+                    ...a.style
+                  },
+                  children: c || /* @__PURE__ */ d(_, { children: [
+                    /* @__PURE__ */ d(
+                      "div",
+                      {
+                        className: h(
+                          "grid gap-1",
+                          a.variant?.toString().startsWith("basic") && "flex flex-col items-center justify-center w-full"
+                        ),
+                        children: [
+                          n && /* @__PURE__ */ f(B, { children: n }),
+                          s && /* @__PURE__ */ f(C, { children: s })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ d("div", { className: "flex items-center gap-2 shrink-0", children: [
+                      r,
+                      /* @__PURE__ */ f(D, { className: "static relative opacity-100 position-static" })
+                    ] })
+                  ] })
+                },
+                e
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ f(
+          F,
+          {
+            position: x,
+            className: h(
+              "relative w-full h-full p-0 m-0 pointer-events-none",
+              t && "static"
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  Y as Toaster
+};

package/dist/components/feedback/toast/toaster.types.d.ts

@@ -0,0 +1,4 @@
+export interface ToasterProps {
+    stacked?: boolean;
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+}

package/dist/components/feedback/tooltip/button-icon-tooltip.d.ts

@@ -0,0 +1,14 @@
+import { KeyBinding } from '../../primitives/kbd';
+import * as React from "react";
+export interface ButtonIconTooltipProps {
+    children: React.ReactElement;
+    label?: string;
+    side?: "top" | "bottom" | "left" | "right";
+    keybinding?: KeyBinding;
+    disabled?: boolean;
+}
+/**
+ * Wraps icon buttons with tooltip + optional Kbd badge.
+ * Use at app/feature layer — keeps Button free of feedback imports.
+ */
+export declare function ButtonIconTooltip({ children, label, side, keybinding, disabled, }: ButtonIconTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/tooltip/button-icon-tooltip.js

@@ -0,0 +1,23 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import "react";
+import { Kbd as s } from "../../primitives/kbd/kbd.js";
+import { Tooltip as m, TooltipTrigger as a, TooltipContent as l } from "./tooltip.js";
+function T({
+  children: o,
+  label: r,
+  side: e = "top",
+  keybinding: i,
+  disabled: p
+}) {
+  return r ? /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ t(a, { asChild: !0, children: p ? /* @__PURE__ */ t("span", { tabIndex: -1, className: "inline-block outline-none", children: o }) : o }),
+    /* @__PURE__ */ t(l, { variant: "tertiary", side: e, children: i ? /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
+      r,
+      " ",
+      /* @__PURE__ */ t(s, { keybinding: i, size: "sm" })
+    ] }) : r })
+  ] }) : o;
+}
+export {
+  T as ButtonIconTooltip
+};

package/dist/components/feedback/tooltip/index.d.ts

@@ -0,0 +1,7 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, } from './tooltip';
+export type { TooltipContentProps } from './tooltip.types';
+export { tooltipVariants } from './tooltip.variants';
+export { ButtonIconTooltip } from './button-icon-tooltip';
+export type { ButtonIconTooltipProps } from './button-icon-tooltip';
+export { defaultTabTooltipRender, defaultAccordionTooltipRender, } from './tab-tooltip-render';
+export type { InfoTooltipRender } from './tab-tooltip-render';

package/dist/components/feedback/tooltip/index.js

@@ -0,0 +1,14 @@
+import { Tooltip as r, TooltipContent as e, TooltipProvider as i, TooltipTrigger as p } from "./tooltip.js";
+import { tooltipVariants as T } from "./tooltip.variants.js";
+import { ButtonIconTooltip as d } from "./button-icon-tooltip.js";
+import { defaultAccordionTooltipRender as a, defaultTabTooltipRender as m } from "./tab-tooltip-render.js";
+export {
+  d as ButtonIconTooltip,
+  r as Tooltip,
+  e as TooltipContent,
+  i as TooltipProvider,
+  p as TooltipTrigger,
+  a as defaultAccordionTooltipRender,
+  m as defaultTabTooltipRender,
+  T as tooltipVariants
+};

package/dist/components/feedback/tooltip/tab-tooltip-render.d.ts

@@ -0,0 +1,5 @@
+import { InfoTooltipRender } from '../../../lib/primitives/info-slot.types';
+/** Default tab tooltip renderer — pass to Tabs `renderTabTooltip` at app layer. */
+export declare const defaultTabTooltipRender: InfoTooltipRender;
+export declare const defaultAccordionTooltipRender: InfoTooltipRender;
+export type { InfoTooltipRender };

package/dist/components/feedback/tooltip/tab-tooltip-render.js

@@ -0,0 +1,13 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
+const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+  /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center h-full w-full", children: i }) }),
+  /* @__PURE__ */ e(o, { variant: "tertiary", className: a, children: r })
+] }), h = (i, r) => /* @__PURE__ */ t(l, { children: [
+  /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: i }) }),
+  /* @__PURE__ */ e(o, { side: "top", variant: "tertiary", children: r })
+] });
+export {
+  h as defaultAccordionTooltipRender,
+  d as defaultTabTooltipRender
+};

package/dist/components/feedback/tooltip/tooltip.d.ts

@@ -0,0 +1,8 @@
+import { TooltipContentProps } from './tooltip.types';
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: (props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };