impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/feedback/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,225 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as c from "react";
+import * as t from "@radix-ui/react-dropdown-menu";
+import { Checkmark as f, ChevronRight as x } from "impact-nova-icons";
+import { wrapRadixPart as p } from "../../../lib/primitives/create-compound.js";
+import { cn as d } from "../../../lib/utils.js";
+const j = (n) => /* @__PURE__ */ e(t.Root, { "data-component": "dropdown-menu", ...n }), G = p(
+  "dropdown-menu",
+  "trigger",
+  "DropdownMenuTrigger",
+  t.Trigger
+), P = p(
+  "dropdown-menu",
+  "group",
+  "DropdownMenuGroup",
+  t.Group
+), T = t.Portal, L = t.Sub, g = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(
+  t.RadioGroup,
+  {
+    ref: o,
+    className: d("flex flex-col gap-0.5", n),
+    ...a
+  }
+));
+g.displayName = t.RadioGroup.displayName;
+const h = c.forwardRef(({ className: n, inset: a, icon: o, children: r, ...s }, i) => /* @__PURE__ */ l(
+  t.SubTrigger,
+  {
+    ref: i,
+    className: d(
+      "flex cursor-default select-none items-center gap-2 rounded-md px-3 h-[35px] text-[13px] outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 font-medium",
+      a && "pl-4",
+      n
+    ),
+    ...s,
+    children: [
+      o && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-content-secondary [&>svg]:size-4", children: o }),
+      r,
+      /* @__PURE__ */ e(x, { className: "ml-auto text-content-icon" })
+    ]
+  }
+));
+h.displayName = t.SubTrigger.displayName;
+const b = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
+  t.SubContent,
+  {
+    ref: o,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating text-[13px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
+      n
+    ),
+    ...a
+  }
+) }));
+b.displayName = t.SubContent.displayName;
+const w = c.forwardRef(({ className: n, sideOffset: a = 4, portalled: o = !0, ...r }, s) => {
+  const i = /* @__PURE__ */ e(
+    t.Content,
+    {
+      ref: s,
+      sideOffset: a,
+      "data-component": "dropdown-menu-content",
+      className: d(
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[12rem] overflow-y-auto overflow-x-hidden rounded-lg bg-canvas-overlay p-2 text-canvas-overlay-foreground shadow-elevation-floating flex flex-col gap-0.5",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
+        n
+      ),
+      ...r
+    }
+  );
+  return o ? /* @__PURE__ */ e(t.Portal, { children: i }) : i;
+});
+w.displayName = t.Content.displayName;
+const N = c.forwardRef(({ className: n, inset: a, description: o, icon: r, children: s, ...i }, m) => /* @__PURE__ */ l(
+  t.Item,
+  {
+    ref: m,
+    "data-component": "dropdown-menu-item",
+    className: d(
+      "relative flex cursor-default select-none items-center gap-2 rounded-md px-3 h-[35px] text-[13px] outline-none transition-colors focus:bg-accent focus:text-content data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      a && "pl-4",
+      n
+    ),
+    ...i,
+    children: [
+      r && /* @__PURE__ */ e("span", { className: "flex-shrink-0 [&>svg]:size-4", children: r }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 justify-center", children: [
+        /* @__PURE__ */ e("span", { className: "font-medium leading-none", children: s }),
+        o && /* @__PURE__ */ e("span", { className: "text-[10px] leading-tight text-content-secondary line-clamp-1", children: o })
+      ] })
+    ]
+  }
+));
+N.displayName = t.Item.displayName;
+const y = c.forwardRef(({ className: n, children: a, checked: o, description: r, icon: s, ...i }, m) => /* @__PURE__ */ l(
+  t.CheckboxItem,
+  {
+    ref: m,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-md h-[35px] pl-10 pr-3 text-[13px] outline-none transition-colors focus:bg-accent focus:text-content data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      n
+    ),
+    checked: o,
+    onSelect: (u) => u.preventDefault(),
+    ...i,
+    children: [
+      /* @__PURE__ */ e("span", { className: "absolute left-3 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: d(
+            "flex h-4 w-4 items-center justify-center rounded-[4px] border border-stroke transition-colors",
+            o && "bg-brand border-brand text-brand-foreground"
+          ),
+          children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(f, { className: "h-3.5 w-3.5" }) })
+        }
+      ) }),
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+        s && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-content-secondary [&>svg]:size-4", children: s }),
+        /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 justify-center", children: [
+          /* @__PURE__ */ e("span", { className: "font-medium leading-none", children: a }),
+          r && /* @__PURE__ */ e("span", { className: "text-[10px] leading-tight text-content-secondary line-clamp-1", children: r })
+        ] })
+      ] })
+    ]
+  }
+));
+y.displayName = t.CheckboxItem.displayName;
+const v = c.forwardRef(({ className: n, children: a, description: o, icon: r, ...s }, i) => /* @__PURE__ */ l(
+  t.RadioItem,
+  {
+    ref: i,
+    "data-component": "dropdown-menu-radio-item",
+    className: d(
+      "group relative flex cursor-default select-none items-center rounded-md min-h-[35px] py-1.5 pl-10 pr-3 text-[13px] outline-none transition-colors focus:bg-accent focus:text-content data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-accent",
+      n
+    ),
+    onSelect: (m) => m.preventDefault(),
+    ...s,
+    children: [
+      /* @__PURE__ */ e("span", { className: "absolute left-3 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: d(
+            "flex h-4 w-4 items-center justify-center rounded-full border border-stroke transition-colors",
+            "group-data-[state=checked]:border-brand"
+          ),
+          children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e("div", { className: "h-2 w-2 rounded-full bg-brand" }) })
+        }
+      ) }),
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+        r && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-content-secondary [&>svg]:size-4", children: r }),
+        /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 justify-center", children: [
+          /* @__PURE__ */ e("span", { className: "font-medium leading-none", children: a }),
+          o && /* @__PURE__ */ e("span", { className: "text-[10px] leading-tight text-content-secondary line-clamp-1", children: o })
+        ] })
+      ] })
+    ]
+  }
+));
+v.displayName = t.RadioItem.displayName;
+const D = c.forwardRef(({ className: n, inset: a, ...o }, r) => /* @__PURE__ */ e(
+  t.Label,
+  {
+    ref: r,
+    className: d(
+      "px-3 py-2 text-xs font-bold tracking-wider text-content-icon",
+      a && "pl-4",
+      n
+    ),
+    ...o
+  }
+));
+D.displayName = t.Label.displayName;
+const M = c.forwardRef(({ className: n, ...a }, o) => /* @__PURE__ */ e(
+  t.Separator,
+  {
+    ref: o,
+    className: d("-mx-2 my-1 h-px bg-stroke-hairline", n),
+    ...a
+  }
+));
+M.displayName = t.Separator.displayName;
+const k = ({
+  className: n,
+  ...a
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: d(
+      "sticky bottom-0 z-10 -mx-2 -mb-2 mt-1 flex items-center justify-end gap-2 border-t bg-canvas-elevated p-2 shrink-0 rounded-b-xl",
+      n
+    ),
+    ...a
+  }
+);
+k.displayName = "DropdownMenuFooter";
+const R = ({
+  className: n,
+  ...a
+}) => /* @__PURE__ */ e(
+  "span",
+  {
+    className: d("ml-auto text-xs tracking-widest opacity-60", n),
+    ...a
+  }
+);
+R.displayName = "DropdownMenuShortcut";
+export {
+  j as DropdownMenu,
+  y as DropdownMenuCheckboxItem,
+  w as DropdownMenuContent,
+  k as DropdownMenuFooter,
+  P as DropdownMenuGroup,
+  N as DropdownMenuItem,
+  D as DropdownMenuLabel,
+  T as DropdownMenuPortal,
+  g as DropdownMenuRadioGroup,
+  v as DropdownMenuRadioItem,
+  M as DropdownMenuSeparator,
+  R as DropdownMenuShortcut,
+  L as DropdownMenuSub,
+  b as DropdownMenuSubContent,
+  h as DropdownMenuSubTrigger,
+  G as DropdownMenuTrigger
+};

package/dist/components/feedback/dropdown-menu/dropdown-menu.types.d.ts

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import type * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export type DropdownMenuProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>;
+export type DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>;
+export type DropdownMenuGroupProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>;
+export type DropdownMenuPortalProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>;
+export type DropdownMenuSubProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub>;
+export type DropdownMenuRadioGroupProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioGroup>;
+export type DropdownMenuSubTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+    icon?: React.ReactNode;
+};
+export type DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>;
+export type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+    portalled?: boolean;
+};
+export type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    description?: string;
+    icon?: React.ReactNode;
+};
+export type DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>;
+export type DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & {
+    description?: string;
+    icon?: React.ReactNode;
+};
+export type DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+};
+export type DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>;
+export type DropdownMenuFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type DropdownMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement>;

package/dist/components/feedback/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, DropdownMenuFooter, } from './dropdown-menu';

package/dist/components/feedback/dropdown-menu/index.js

@@ -0,0 +1,19 @@
+import { DropdownMenu as r, DropdownMenuCheckboxItem as e, DropdownMenuContent as u, DropdownMenuFooter as p, DropdownMenuGroup as d, DropdownMenuItem as w, DropdownMenuLabel as D, DropdownMenuPortal as M, DropdownMenuRadioGroup as t, DropdownMenuRadioItem as a, DropdownMenuSeparator as b, DropdownMenuShortcut as S, DropdownMenuSub as g, DropdownMenuSubContent as i, DropdownMenuSubTrigger as m, DropdownMenuTrigger as C } from "./dropdown-menu.js";
+export {
+  r as DropdownMenu,
+  e as DropdownMenuCheckboxItem,
+  u as DropdownMenuContent,
+  p as DropdownMenuFooter,
+  d as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  D as DropdownMenuLabel,
+  M as DropdownMenuPortal,
+  t as DropdownMenuRadioGroup,
+  a as DropdownMenuRadioItem,
+  b as DropdownMenuSeparator,
+  S as DropdownMenuShortcut,
+  g as DropdownMenuSub,
+  i as DropdownMenuSubContent,
+  m as DropdownMenuSubTrigger,
+  C as DropdownMenuTrigger
+};

package/dist/components/feedback/hover-card/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: ({ ...props }: React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/feedback/hover-card/hover-card.js

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import * as o from "@radix-ui/react-hover-card";
+import { wrapRadixPart as m } from "../../../lib/primitives/create-compound.js";
+import { cn as s } from "../../../lib/utils.js";
+const g = ({
+  ...t
+}) => /* @__PURE__ */ a(o.Root, { "data-component": "hover-card", ...t }), v = m(
+  "hover-card",
+  "trigger",
+  "HoverCardTrigger",
+  o.Trigger
+), c = i.forwardRef(({ className: t, align: e = "center", sideOffset: r = 4, ...n }, d) => /* @__PURE__ */ a(
+  o.Content,
+  {
+    ref: d,
+    align: e,
+    sideOffset: r,
+    "data-component": "hover-card-content",
+    className: s(
+      "z-50 w-64 rounded-md border bg-canvas-overlay p-4 text-canvas-overlay-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
+      t
+    ),
+    ...n
+  }
+));
+c.displayName = o.Content.displayName;
+export {
+  g as HoverCard,
+  c as HoverCardContent,
+  v as HoverCardTrigger
+};

package/dist/components/feedback/hover-card/hover-card.types.d.ts

@@ -0,0 +1 @@
+export type { HoverCardProps, HoverCardTriggerProps, HoverCardContentProps, } from '@radix-ui/react-hover-card';

package/dist/components/feedback/hover-card/index.d.ts

@@ -0,0 +1,2 @@
+export { HoverCard, HoverCardTrigger, HoverCardContent } from './hover-card';
+export type { HoverCardProps, HoverCardTriggerProps, HoverCardContentProps, } from './hover-card.types';

package/dist/components/feedback/hover-card/index.js

@@ -0,0 +1,6 @@
+import { HoverCard as o, HoverCardContent as C, HoverCardTrigger as a } from "./hover-card.js";
+export {
+  o as HoverCard,
+  C as HoverCardContent,
+  a as HoverCardTrigger
+};

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

@@ -0,0 +1,2 @@
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverClose, PopoverBody, PopoverFooter, } from './popover';
+export type { PopoverProps, PopoverTriggerProps, PopoverContentProps, } from './popover.types';

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

@@ -0,0 +1,12 @@
+import { Popover as r, PopoverAnchor as p, PopoverBody as v, PopoverClose as P, PopoverContent as t, PopoverFooter as n, PopoverHeader as d, PopoverTitle as g, PopoverTrigger as i } from "./popover.js";
+export {
+  r as Popover,
+  p as PopoverAnchor,
+  v as PopoverBody,
+  P as PopoverClose,
+  t as PopoverContent,
+  n as PopoverFooter,
+  d as PopoverHeader,
+  g as PopoverTitle,
+  i as PopoverTrigger
+};

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare const Popover: (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PopoverTitle: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PopoverBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverClose, PopoverBody, PopoverFooter, };

package/dist/components/feedback/popover/popover.js

@@ -0,0 +1,117 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import * as d from "react";
+import * as a from "@radix-ui/react-popover";
+import { Cross as f } from "impact-nova-icons";
+import { Tooltip as h, TooltipTrigger as g, TooltipContent as y } from "../tooltip/tooltip.js";
+import { wrapRadixPart as l, createCompoundPart as u } from "../../../lib/primitives/create-compound.js";
+import { cn as n } from "../../../lib/utils.js";
+import { useImpactNovaI18n as c } from "../../../i18n/use-impact-nova-i18n.js";
+const B = (o) => /* @__PURE__ */ e(
+  a.Root,
+  {
+    "data-component": "popover",
+    modal: !1,
+    ...o
+  }
+), F = l(
+  "popover",
+  "trigger",
+  "PopoverTrigger",
+  a.Trigger
+), H = l(
+  "popover",
+  "anchor",
+  "PopoverAnchor",
+  a.Anchor
+), P = d.forwardRef(({ className: o, align: t = "center", sideOffset: i = 4, "aria-label": s, ...r }, m) => {
+  const { t: v } = c();
+  return /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ e(
+    a.Content,
+    {
+      ref: m,
+      align: t,
+      sideOffset: i,
+      "aria-label": s ?? v("aria.popover"),
+      "data-component": "popover-content",
+      className: n(
+        "z-50 min-w-[240px] rounded-xl border bg-canvas-overlay p-3 text-canvas-overlay-foreground shadow-md outline-none overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin] pointer-events-auto motion-reduce:animate-none motion-reduce:transition-none",
+        o
+      ),
+      ...r
+    }
+  ) });
+});
+P.displayName = a.Content.displayName;
+const x = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: n("flex items-center justify-between gap-4 mb-3", o),
+    ...t
+  }
+);
+x.displayName = "PopoverHeader";
+const N = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  "h3",
+  {
+    "data-component": "popover-title",
+    className: n(
+      "text-[16px] font-extrabold leading-none text-content",
+      o
+    ),
+    ...t
+  }
+);
+N.displayName = "PopoverTitle";
+const I = u("popover", {
+  part: "body",
+  displayName: "PopoverBody",
+  className: "text-sm"
+}), b = d.forwardRef(({ className: o, ...t }, i) => {
+  const { t: s } = c(), r = s("aria.close");
+  return /* @__PURE__ */ p(h, { children: [
+    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ p(
+      a.Close,
+      {
+        ref: i,
+        "data-component": "popover-close",
+        className: n(
+          "rounded-sm opacity-70 transition-opacity hover:opacity-100 outline-none focus:ring-0 disabled:pointer-events-none",
+          o
+        ),
+        "aria-label": r,
+        ...t,
+        children: [
+          /* @__PURE__ */ e(f, { className: "!h-3 !w-3 text-content-tertiary" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: r })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(y, { variant: "tertiary", side: "top", children: r })
+  ] });
+});
+b.displayName = a.Close.displayName;
+const C = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ p("div", { className: n("mt-4 flex flex-col gap-3", o), ...t, children: [
+  /* @__PURE__ */ e("div", { className: "h-[1px] w-full bg-stroke-hairline" }),
+  /* @__PURE__ */ e("div", { className: "flex justify-end gap-2", children: t.children })
+] });
+C.displayName = "PopoverFooter";
+export {
+  B as Popover,
+  H as PopoverAnchor,
+  I as PopoverBody,
+  b as PopoverClose,
+  P as PopoverContent,
+  C as PopoverFooter,
+  x as PopoverHeader,
+  N as PopoverTitle,
+  F as PopoverTrigger
+};

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

@@ -0,0 +1 @@
+export type { PopoverProps, PopoverTriggerProps, PopoverContentProps, } from '@radix-ui/react-popover';

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

@@ -0,0 +1,4 @@
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetTitle, SheetDescription, } from './sheet';
+export type { SheetBodyProps, SheetContentProps, SheetFooterProps, SheetHeaderProps, } from './sheet.types';
+export { sheetVariants } from './sheet.variants';
+export type { SheetSide } from './sheet.variants';

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

@@ -0,0 +1,16 @@
+import { Sheet as h, SheetBody as r, SheetClose as o, SheetContent as S, SheetDescription as a, SheetFooter as i, SheetHeader as l, SheetOverlay as n, SheetPortal as s, SheetTitle as p, SheetTrigger as d } from "./sheet.js";
+import { sheetVariants as g } from "./sheet.variants.js";
+export {
+  h as Sheet,
+  r as SheetBody,
+  o as SheetClose,
+  S as SheetContent,
+  a as SheetDescription,
+  i as SheetFooter,
+  l as SheetHeader,
+  n as SheetOverlay,
+  s as SheetPortal,
+  p as SheetTitle,
+  d as SheetTrigger,
+  g as sheetVariants
+};

package/dist/components/feedback/sheet/sheet-context.d.ts

@@ -0,0 +1,9 @@
+import { SheetSide } from './sheet.variants';
+import * as React from "react";
+export type SheetContextValue = {
+    isExpanded?: boolean;
+    onExpandToggle?: () => void;
+    expandable?: boolean;
+    side?: SheetSide;
+};
+export declare const SheetContext: React.Context<SheetContextValue>;

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

@@ -0,0 +1,9 @@
+import * as e from "react";
+const t = e.createContext({
+  isExpanded: !1,
+  expandable: !1,
+  side: "right"
+});
+export {
+  t as SheetContext
+};

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

@@ -0,0 +1,18 @@
+import { SheetContentProps } from './sheet.types';
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+declare const Sheet: (props: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const SheetTrigger: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetTitle, SheetDescription, };