@inkeep/agents-ui 0.0.0-dev-20260313222128

package/dist/primitives/atoms/combobox.js

@@ -0,0 +1,275 @@
+"use client";
+import { jsx as c, Fragment as O, jsxs as M } from "react/jsx-runtime";
+import * as f from "@zag-js/combobox";
+import { useMachine as j, normalizeProps as B } from "@zag-js/react";
+import * as r from "react";
+import { useId as q } from "react";
+import { BuiltInIconRenderer as I } from "./icons/built-in-icon-renderer.js";
+import { useShadow as z } from "./shadow/context.js";
+const A = r.forwardRef((o, a) => {
+  const {
+    children: t,
+    defaultValue: e = [],
+    items: n,
+    multiple: s = !1,
+    placeholder: l,
+    name: b,
+    disabled: P,
+    required: v,
+    id: w,
+    onValueChange: R
+  } = o, y = q(), N = w ?? y, T = z(), [p, h] = r.useState(n), L = r.useMemo(
+    () => f.collection({
+      items: p,
+      itemToValue: (i) => i.value,
+      itemToString: (i) => i.label
+    }),
+    [p]
+  ), V = j(f.machine, {
+    id: N,
+    collection: L,
+    defaultValue: e,
+    multiple: s,
+    placeholder: l,
+    name: b,
+    disabled: P,
+    required: v,
+    openOnClick: !0,
+    getRootNode: () => T?.shadowHost?.shadowRoot ?? document,
+    selectionBehavior: s ? "clear" : "replace",
+    onOpenChange(i) {
+      i.open || h(n);
+    },
+    onInputValueChange(i) {
+      const g = i.inputValue.trim() === "" ? n : n.filter(
+        (E) => E.label.toLowerCase().includes(i.inputValue.toLowerCase())
+      );
+      h(g.length > 0 ? g : []);
+    },
+    onValueChange(i) {
+      R?.(i);
+    }
+  }), u = f.connect(
+    V,
+    B
+  ), S = r.useMemo(() => ({ api: u, options: p }), [u, p]), k = u.getRootProps();
+  return /* @__PURE__ */ c("div", { "data-scope": "combobox", "data-part": "root", ...k, children: /* @__PURE__ */ c(C.Provider, { value: S, children: t }) });
+});
+A.displayName = "ComboboxRoot";
+const D = r.forwardRef((o, a) => {
+  const { children: t, ...e } = o, n = d(), s = n.getControlProps();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-scope": "combobox",
+      "data-part": "control",
+      "data-state": n.open ? "open" : "closed",
+      "data-disabled": n.disabled ? "" : void 0,
+      "data-focus": n.focused ? "" : void 0,
+      ...s,
+      ref: m(a, s.ref),
+      ...e,
+      children: t
+    }
+  );
+});
+D.displayName = "ComboboxControl";
+function m(...o) {
+  return (a) => {
+    o.forEach((t) => {
+      typeof t == "function" ? t(a) : t && (t.current = a);
+    });
+  };
+}
+const F = r.forwardRef((o, a) => {
+  const t = d(), e = t.getInputProps();
+  return /* @__PURE__ */ c(
+    "input",
+    {
+      "data-scope": "combobox",
+      "data-part": "input",
+      "data-state": t.open ? "open" : "closed",
+      ...e,
+      ...o,
+      ref: m(a, e.ref)
+    }
+  );
+});
+F.displayName = "ComboboxInput";
+const H = r.forwardRef((o, a) => {
+  const t = d(), e = t.getTriggerProps();
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      "data-scope": "combobox",
+      "data-part": "trigger",
+      "data-state": t.open ? "open" : "closed",
+      "data-disabled": t.disabled ? "" : void 0,
+      ...e,
+      ref: m(a, e.ref),
+      ...o,
+      children: o.children ?? "▼"
+    }
+  );
+});
+H.displayName = "ComboboxTrigger";
+const ao = r.forwardRef(
+  function(a, t) {
+    const e = d();
+    return /* @__PURE__ */ c("div", { ref: t, ...e.getPositionerProps(), ...a });
+  }
+), _ = r.forwardRef((o, a) => {
+  const t = d(), e = t.getContentProps();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-scope": "combobox",
+      "data-part": "content",
+      "data-state": t.open ? "open" : "closed",
+      ...e,
+      ref: m(a, e.ref),
+      ...o,
+      children: o.children
+    }
+  );
+});
+_.displayName = "ComboboxContent";
+const $ = r.forwardRef((o, a) => {
+  const e = d().getListProps();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: m(a, e.ref),
+      "data-scope": "combobox",
+      "data-part": "list",
+      ...e,
+      ...o,
+      children: o.children
+    }
+  );
+});
+$.displayName = "ComboboxList";
+const G = ({ children: o }) => {
+  const a = W();
+  return /* @__PURE__ */ c(O, { children: o(a) });
+};
+G.displayName = "ComboboxListItems";
+const J = r.forwardRef((o, a) => {
+  const { children: t = "No results found", ...e } = o;
+  return /* @__PURE__ */ c("div", { ref: a, "data-scope": "combobox", "data-part": "list-empty", ...e, children: t });
+});
+J.displayName = "ComboboxListEmpty";
+const x = r.createContext(null), K = r.forwardRef((o, a) => {
+  const { item: t, ...e } = o, n = d(), s = n.getItemState({ item: t }), l = n.getItemProps({ item: t });
+  return /* @__PURE__ */ c(x.Provider, { value: t, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ref: m(a, l.ref),
+      "data-scope": "combobox",
+      "data-part": "item",
+      "data-value": t.value,
+      "data-highlighted": s.highlighted ? "" : void 0,
+      "data-state": s.selected ? "checked" : "unchecked",
+      "data-disabled": s.disabled ? "" : void 0,
+      ...l,
+      ...e,
+      children: o.children
+    }
+  ) });
+});
+K.displayName = "ComboboxItem";
+const Q = r.forwardRef((o, a) => {
+  const t = r.useContext(x), e = d(), n = t ? e.getItemTextProps({ item: t }) : {};
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      ref: m(a, n.ref),
+      "data-scope": "combobox",
+      "data-part": "item-text",
+      ...n,
+      ...o
+    }
+  );
+});
+Q.displayName = "ComboboxItemText";
+const U = r.forwardRef(
+  (o, a) => {
+    const { children: t, ...e } = o, n = r.useContext(x), s = d(), l = n ? s.getItemState({ item: n }) : { selected: !1 }, b = n ? s.getItemIndicatorProps({ item: n }) : {};
+    return l.selected ? /* @__PURE__ */ c(
+      "span",
+      {
+        ref: m(a, b.ref),
+        "data-scope": "combobox",
+        "data-part": "item-indicator",
+        "data-state": "checked",
+        "aria-hidden": !0,
+        ...b,
+        ...e,
+        children: t ?? /* @__PURE__ */ c(I, { iconSettings: { builtIn: "LuCheck" } })
+      }
+    ) : null;
+  }
+);
+U.displayName = "ComboboxItemIndicator";
+const C = r.createContext(
+  null
+);
+function d() {
+  const o = r.useContext(C);
+  if (!o) throw new Error("Combobox components must be used within ComboboxRoot");
+  return o.api;
+}
+function W() {
+  const o = r.useContext(C);
+  if (!o) throw new Error("Combobox components must be used within ComboboxRoot");
+  return o.options;
+}
+const X = r.forwardRef(
+  (o, a) => {
+    const t = d(), e = t.selectedItems ?? [], n = t.clearValue;
+    return e.length === 0 ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: a,
+        "data-scope": "combobox",
+        "data-part": "selected-tags",
+        className: o.className,
+        style: o.style,
+        children: e.map((s) => /* @__PURE__ */ M("span", { "data-scope": "combobox", "data-part": "tag", children: [
+          o.renderTag ? o.renderTag(s) : s.label,
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              "data-part": "tag-clear",
+              "aria-label": `Remove ${s.label}`,
+              onClick: (l) => {
+                l.preventDefault(), l.stopPropagation(), n?.(s.value);
+              },
+              children: /* @__PURE__ */ c(I, { iconSettings: { builtIn: "IoCloseOutline" } })
+            }
+          )
+        ] }, s.value))
+      }
+    );
+  }
+);
+X.displayName = "ComboboxSelectedTags";
+export {
+  _ as ComboboxContent,
+  D as ComboboxControl,
+  F as ComboboxInput,
+  K as ComboboxItem,
+  U as ComboboxItemIndicator,
+  Q as ComboboxItemText,
+  $ as ComboboxList,
+  J as ComboboxListEmpty,
+  G as ComboboxListItems,
+  ao as ComboboxPositioner,
+  A as ComboboxRoot,
+  X as ComboboxSelectedTags,
+  H as ComboboxTrigger,
+  d as useComboboxApi,
+  W as useComboboxOptions
+};

package/dist/primitives/atoms/custom-styles.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),i=require("../utils/generate-uid.cjs"),k=require("../providers/config-provider.cjs"),h=require("dequal");function p(){const{baseSettings:n}=k.useInkeepConfig(),[s,d]=o.useState([]),r=c(n.theme.styles),{customStyles:y,linksCount:a}=o.useMemo(()=>{if(!r||!Array.isArray(r))return{customStyles:null,loaded:!0};const{links:l,styleSheets:m}=r.reduce((e,t)=>(t.type==="link"?e.links.push(t):t.type==="style"&&e.styleSheets.push(t),e),{links:[],styleSheets:[]}),S=m.map(e=>u.jsx("style",{type:"text/css",dangerouslySetInnerHTML:{__html:e.value}},e.key??i.generatePrefixedUniqueId("link_"))),f=l.map(e=>{const t=e.key??i.generatePrefixedUniqueId("stylesheet_");return u.jsx("link",{id:t,rel:"stylesheet",type:"text/css",href:e.value,onLoad:()=>{d(g=>[...new Set([...g,e.value])])}},t)});return{customStyles:u.jsxs(u.Fragment,{children:[f,S]}),linksCount:l.length}},[r]);return{customStyles:y,loaded:s.length>=(a??0)}}function c(n){const s=o.useRef(void 0);return h.dequal(s.current,n)||(s.current=n),s.current}exports.useCompareMemoize=c;exports.useCustomStyles=p;

package/dist/primitives/atoms/custom-styles.d.ts

@@ -0,0 +1,5 @@
+export declare function useCustomStyles(): {
+    customStyles: import("react/jsx-runtime").JSX.Element | null;
+    loaded: boolean;
+};
+export declare function useCompareMemoize<T>(value: T): T;

package/dist/primitives/atoms/custom-styles.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as l, jsxs as p, Fragment as k } from "react/jsx-runtime";
+import { useState as h, useMemo as S, useRef as g } from "react";
+import { generatePrefixedUniqueId as u } from "../utils/generate-uid.js";
+import { useInkeepConfig as x } from "../providers/config-provider.js";
+import { dequal as L } from "dequal";
+function A() {
+  const { baseSettings: n } = x(), [s, i] = h([]), r = C(n.theme.styles), { customStyles: y, linksCount: c } = S(() => {
+    if (!r || !Array.isArray(r)) return { customStyles: null, loaded: !0 };
+    const { links: o, styleSheets: d } = r.reduce(
+      (e, t) => (t.type === "link" ? e.links.push(t) : t.type === "style" && e.styleSheets.push(t), e),
+      { links: [], styleSheets: [] }
+    ), m = d.map((e) => /* @__PURE__ */ l(
+      "style",
+      {
+        type: "text/css",
+        dangerouslySetInnerHTML: { __html: e.value }
+      },
+      e.key ?? u("link_")
+    )), a = o.map((e) => {
+      const t = e.key ?? u("stylesheet_");
+      return /* @__PURE__ */ l(
+        "link",
+        {
+          id: t,
+          rel: "stylesheet",
+          type: "text/css",
+          href: e.value,
+          onLoad: () => {
+            i((f) => [.../* @__PURE__ */ new Set([...f, e.value])]);
+          }
+        },
+        t
+      );
+    });
+    return {
+      customStyles: /* @__PURE__ */ p(k, { children: [
+        a,
+        m
+      ] }),
+      linksCount: o.length
+    };
+  }, [r]);
+  return {
+    customStyles: y,
+    loaded: s.length >= (c ?? 0)
+    // >= in case a url is removed
+  };
+}
+function C(n) {
+  const s = g(void 0);
+  return L(s.current, n) || (s.current = n), s.current;
+}
+export {
+  C as useCompareMemoize,
+  A as useCustomStyles
+};

package/dist/primitives/atoms/dialog.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),P=require("react"),m=require("@radix-ui/primitive"),O=require("@radix-ui/react-compose-refs"),H=require("@radix-ui/react-context"),R=require("@radix-ui/react-id"),W=require("@radix-ui/react-use-controllable-state"),z=require("@radix-ui/react-dismissable-layer"),B=require("@zag-js/focus-trap"),K=require("@radix-ui/react-portal"),_=require("@radix-ui/react-presence"),g=require("@radix-ui/react-primitive"),U=require("@radix-ui/react-focus-guards"),V=require("aria-hidden"),Y=require("@zag-js/remove-scroll"),$=require("./shadow/context.cjs");function J(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const c=J(P),x="Dialog",[w,Q]=H.createContextScope(x),[X,l]=w(x),y=e=>{const{__scopeDialog:n,children:o,open:s,defaultOpen:r,onOpenChange:t,modal:a=!0}=e,u=c.useRef(null),f=c.useRef(null),[D=!1,d]=W.useControllableState({prop:s,defaultProp:r??!1,onChange:t});return i.jsx(X,{scope:n,triggerRef:u,contentRef:f,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:D,onOpenChange:d,onOpenToggle:c.useCallback(()=>d(N=>!N),[d]),modal:a,children:o})};y.displayName=x;const M="DialogTrigger",q=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(M,o),t=O.useComposedRefs(n,r.triggerRef);return i.jsx(g.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":T(r.open),...s,ref:t,onClick:m.composeEventHandlers(e.onClick,r.onOpenToggle)})});q.displayName=M;const v="DialogPortal",[Z,S]=w(v,{forceMount:void 0}),E=e=>{const{__scopeDialog:n,forceMount:o,children:s,container:r}=e,t=l(v,n);return i.jsx(Z,{scope:n,forceMount:o,children:c.Children.map(s,a=>i.jsx(_.Presence,{present:o||t.open,children:i.jsx(K.Portal,{asChild:!0,container:r,children:a})}))})};E.displayName=v;const C="DialogOverlay",I=c.forwardRef((e,n)=>{const o=S(C,e.__scopeDialog),{forceMount:s=o.forceMount,...r}=e,t=l(C,e.__scopeDialog);return t.modal?i.jsx(_.Presence,{present:s||t.open,children:i.jsx(ee,{...r,ref:n})}):null});I.displayName=C;const ee=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(C,o),t=$.useShadow();return P.useEffect(()=>{t&&Y.preventBodyScroll(t?.rootElement?.ownerDocument)},[t]),i.jsx(g.Primitive.div,{"data-state":T(r.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})}),p="DialogContent",h=c.forwardRef((e,n)=>{const o=S(p,e.__scopeDialog),{forceMount:s=o.forceMount,...r}=e,t=l(p,e.__scopeDialog);return i.jsx(_.Presence,{present:s||t.open,children:t.modal?i.jsx(te,{...r,ref:n}):i.jsx(oe,{...r,ref:n})})});h.displayName=p;const te=c.forwardRef((e,n)=>{const o=l(p,e.__scopeDialog),s=c.useRef(null),r=O.useComposedRefs(n,o.contentRef,s);return c.useEffect(()=>{const t=s.current;if(t){const a=document.querySelectorAll("[data-ikp-component]");return V.hideOthers([t,...Array.from(a)])}},[]),i.jsx(k,{...e,ref:r,trapFocus:o.open,disableOutsidePointerEvents:!0,onPointerDownOutside:m.composeEventHandlers(e.onPointerDownOutside,t=>{const a=t.detail.originalEvent,u=a.button===0&&a.ctrlKey===!0;(a.button===2||u)&&t.preventDefault(),t.target.closest("[data-ikp-component]")&&t.preventDefault()}),onFocusOutside:m.composeEventHandlers(e.onFocusOutside,t=>t.preventDefault())})}),oe=c.forwardRef((e,n)=>{const o=l(p,e.__scopeDialog),s=c.useRef(!1),r=c.useRef(!1);return i.jsx(k,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(s.current=!0,t.detail.originalEvent.type==="pointerdown"&&(r.current=!0));const a=t.target;o.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type==="focusin"&&r.current&&t.preventDefault()}})}),k=c.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:s,onOpenAutoFocus:r,onCloseAutoFocus:t,...a}=e,u=l(p,o),f=c.useRef(null),D=O.useComposedRefs(n,f);return U.useFocusGuards(),P.useEffect(()=>{if(s)return B.trapFocus(f.current,{preventScroll:!0,onActivate:r,onDeactivate:t,initialFocus:!1,allowOutsideClick:d=>!!d.target.closest("[data-ikp-component]")})},[]),i.jsx(z.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":T(u.open),...a,ref:D,onDismiss:()=>u.onOpenChange(!1)})}),A="DialogTitle",b=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(A,o);return i.jsx(g.Primitive.h2,{id:r.titleId,...s,ref:n})});b.displayName=A;const F="DialogDescription",L=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(F,o);return i.jsx(g.Primitive.p,{id:r.descriptionId,...s,ref:n})});L.displayName=F;const G="DialogClose",j=c.forwardRef((e,n)=>{const{__scopeDialog:o,...s}=e,r=l(G,o);return i.jsx(g.Primitive.button,{type:"button",...s,ref:n,onClick:m.composeEventHandlers(e.onClick,()=>r.onOpenChange(!1))})});j.displayName=G;function T(e){return e?"open":"closed"}const ne=y,re=E,se=I,ce=h,ie=b,ae=j;exports.Close=ae;exports.Content=ce;exports.Dialog=y;exports.DialogClose=j;exports.DialogContent=h;exports.DialogDescription=L;exports.DialogOverlay=I;exports.DialogPortal=E;exports.DialogTitle=b;exports.DialogTrigger=q;exports.Overlay=se;exports.Portal=re;exports.Root=ne;exports.Title=ie;exports.createDialogScope=Q;

package/dist/primitives/atoms/dialog.d.ts

@@ -0,0 +1,94 @@
+import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
+import { TrapFocusOptions } from '@zag-js/focus-trap';
+import { Portal as PortalPrimitive } from '@radix-ui/react-portal';
+import { Primitive } from '@radix-ui/react-primitive';
+import { CreateScope } from '@radix-ui/react-context';
+import * as React from 'react';
+declare const createDialogScope: CreateScope;
+interface DialogProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    modal?: boolean;
+}
+declare const Dialog: React.FC<DialogProps>;
+type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface DialogTriggerProps extends PrimitiveButtonProps {
+}
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;
+interface DialogPortalProps {
+    children?: React.ReactNode;
+    /**
+     * Specify a container element to portal the content into.
+     */
+    container?: PortalProps['container'];
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const DialogPortal: React.FC<DialogPortalProps>;
+interface DialogOverlayProps extends DialogOverlayImplProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface DialogOverlayImplProps extends PrimitiveDivProps {
+}
+interface DialogContentProps extends DialogContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentTypeProps extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {
+}
+type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;
+interface DialogContentImplProps extends Omit<DismissableLayerProps, 'onDismiss'> {
+    /**
+     * When `true`, focus cannot escape the `Content` via keyboard,
+     * pointer, or a programmatic focus.
+     * @defaultValue false
+     */
+    trapFocus?: boolean;
+    /**
+     * Event handler called when auto-focusing on open.
+     * Can be prevented.
+     */
+    onOpenAutoFocus?: TrapFocusOptions['onActivate'];
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: TrapFocusOptions['onDeactivate'];
+}
+type PrimitiveHeading2Props = React.ComponentPropsWithoutRef<typeof Primitive.h2>;
+interface DialogTitleProps extends PrimitiveHeading2Props {
+}
+declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+type PrimitiveParagraphProps = React.ComponentPropsWithoutRef<typeof Primitive.p>;
+interface DialogDescriptionProps extends PrimitiveParagraphProps {
+}
+declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface DialogCloseProps extends PrimitiveButtonProps {
+}
+declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Root: React.FC<DialogProps>;
+declare const Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Portal: React.FC<DialogPortalProps>;
+declare const Overlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+declare const Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Title: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Description: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const Close: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export { createDialogScope, Dialog, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose, Root, Trigger, Portal, Overlay, Content, Title, Description, Close, };
+export type { DialogProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, };

package/dist/primitives/atoms/dialog.js

@@ -0,0 +1,227 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import * as i from "react";
+import { useEffect as I } from "react";
+import { composeEventHandlers as D } from "@radix-ui/primitive";
+import { useComposedRefs as _ } from "@radix-ui/react-compose-refs";
+import { createContextScope as W } from "@radix-ui/react-context";
+import { useId as R } from "@radix-ui/react-id";
+import { useControllableState as $ } from "@radix-ui/react-use-controllable-state";
+import { DismissableLayer as j } from "@radix-ui/react-dismissable-layer";
+import { trapFocus as q } from "@zag-js/focus-trap";
+import { Portal as B } from "@radix-ui/react-portal";
+import { Presence as O } from "@radix-ui/react-presence";
+import { Primitive as g } from "@radix-ui/react-primitive";
+import { useFocusGuards as H } from "@radix-ui/react-focus-guards";
+import { hideOthers as K } from "aria-hidden";
+import { preventBodyScroll as V } from "@zag-js/remove-scroll";
+import { useShadow as Y } from "./shadow/context.js";
+const P = "Dialog", [v, Ct] = W(P), [z, l] = v(P), x = (t) => {
+  const { __scopeDialog: n, children: r, open: s, defaultOpen: e, onOpenChange: o, modal: a = !0 } = t, p = i.useRef(null), d = i.useRef(null), [m = !1, f] = $({
+    prop: s,
+    defaultProp: e ?? !1,
+    onChange: o
+  });
+  return /* @__PURE__ */ c(
+    z,
+    {
+      scope: n,
+      triggerRef: p,
+      contentRef: d,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: m,
+      onOpenChange: f,
+      onOpenToggle: i.useCallback(() => f((E) => !E), [f]),
+      modal: a,
+      children: r
+    }
+  );
+};
+x.displayName = P;
+const N = "DialogTrigger", J = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(N, r), o = _(n, e.triggerRef);
+    return /* @__PURE__ */ c(
+      g.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": e.open,
+        "aria-controls": e.contentId,
+        "data-state": h(e.open),
+        ...s,
+        ref: o,
+        onClick: D(t.onClick, e.onOpenToggle)
+      }
+    );
+  }
+);
+J.displayName = N;
+const y = "DialogPortal", [Q, w] = v(y, {
+  forceMount: void 0
+}), T = (t) => {
+  const { __scopeDialog: n, forceMount: r, children: s, container: e } = t, o = l(y, n);
+  return /* @__PURE__ */ c(Q, { scope: n, forceMount: r, children: i.Children.map(s, (a) => /* @__PURE__ */ c(O, { present: r || o.open, children: /* @__PURE__ */ c(B, { asChild: !0, container: e, children: a }) })) });
+};
+T.displayName = y;
+const C = "DialogOverlay", A = i.forwardRef(
+  (t, n) => {
+    const r = w(C, t.__scopeDialog), { forceMount: s = r.forceMount, ...e } = t, o = l(C, t.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ c(O, { present: s || o.open, children: /* @__PURE__ */ c(U, { ...e, ref: n }) }) : null;
+  }
+);
+A.displayName = C;
+const U = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(C, r), o = Y();
+    return I(() => {
+      o && V(o?.rootElement?.ownerDocument);
+    }, [o]), // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    // <RemoveScroll
+    //   as={Slot}
+    //   allowPinchZoom
+    // shards={[context.contentRef]}
+    //   gapMode="padding"
+    //   removeScrollBar={true}
+    // >
+    /* @__PURE__ */ c(
+      g.div,
+      {
+        "data-state": h(e.open),
+        ...s,
+        ref: n,
+        style: { pointerEvents: "auto", ...s.style }
+      }
+    );
+  }
+), u = "DialogContent", M = i.forwardRef(
+  (t, n) => {
+    const r = w(u, t.__scopeDialog), { forceMount: s = r.forceMount, ...e } = t, o = l(u, t.__scopeDialog);
+    return /* @__PURE__ */ c(O, { present: s || o.open, children: o.modal ? /* @__PURE__ */ c(X, { ...e, ref: n }) : /* @__PURE__ */ c(Z, { ...e, ref: n }) });
+  }
+);
+M.displayName = u;
+const X = i.forwardRef(
+  (t, n) => {
+    const r = l(u, t.__scopeDialog), s = i.useRef(null), e = _(n, r.contentRef, s);
+    return i.useEffect(() => {
+      const o = s.current;
+      if (o) {
+        const a = document.querySelectorAll("[data-ikp-component]");
+        return K([o, ...Array.from(a)]);
+      }
+    }, []), /* @__PURE__ */ c(
+      b,
+      {
+        ...t,
+        ref: e,
+        trapFocus: r.open,
+        disableOutsidePointerEvents: !0,
+        onPointerDownOutside: D(t.onPointerDownOutside, (o) => {
+          const a = o.detail.originalEvent, p = a.button === 0 && a.ctrlKey === !0;
+          (a.button === 2 || p) && o.preventDefault(), o.target.closest("[data-ikp-component]") && o.preventDefault();
+        }),
+        onFocusOutside: D(
+          t.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), Z = i.forwardRef(
+  (t, n) => {
+    const r = l(u, t.__scopeDialog), s = i.useRef(!1), e = i.useRef(!1);
+    return /* @__PURE__ */ c(
+      b,
+      {
+        ...t,
+        ref: n,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onInteractOutside: (o) => {
+          t.onInteractOutside?.(o), o.defaultPrevented || (s.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const a = o.target;
+          r.triggerRef.current?.contains(a) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && e.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), b = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, trapFocus: s, onOpenAutoFocus: e, onCloseAutoFocus: o, ...a } = t, p = l(u, r), d = i.useRef(null), m = _(n, d);
+    return H(), I(() => {
+      if (s)
+        return q(d.current, {
+          preventScroll: !0,
+          onActivate: e,
+          onDeactivate: o,
+          initialFocus: !1,
+          allowOutsideClick: (f) => !!f.target.closest("[data-ikp-component]")
+        });
+    }, []), /* @__PURE__ */ c(
+      j,
+      {
+        role: "dialog",
+        id: p.contentId,
+        "aria-describedby": p.descriptionId,
+        "aria-labelledby": p.titleId,
+        "data-state": h(p.open),
+        ...a,
+        ref: m,
+        onDismiss: () => p.onOpenChange(!1)
+      }
+    );
+  }
+), k = "DialogTitle", F = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(k, r);
+    return /* @__PURE__ */ c(g.h2, { id: e.titleId, ...s, ref: n });
+  }
+);
+F.displayName = k;
+const S = "DialogDescription", tt = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(S, r);
+    return /* @__PURE__ */ c(g.p, { id: e.descriptionId, ...s, ref: n });
+  }
+);
+tt.displayName = S;
+const L = "DialogClose", G = i.forwardRef(
+  (t, n) => {
+    const { __scopeDialog: r, ...s } = t, e = l(L, r);
+    return /* @__PURE__ */ c(
+      g.button,
+      {
+        type: "button",
+        ...s,
+        ref: n,
+        onClick: D(t.onClick, () => e.onOpenChange(!1))
+      }
+    );
+  }
+);
+G.displayName = L;
+function h(t) {
+  return t ? "open" : "closed";
+}
+const Rt = x, _t = T, Ot = A, Pt = M, yt = F, ht = G;
+export {
+  ht as Close,
+  Pt as Content,
+  x as Dialog,
+  G as DialogClose,
+  M as DialogContent,
+  tt as DialogDescription,
+  A as DialogOverlay,
+  T as DialogPortal,
+  F as DialogTitle,
+  J as DialogTrigger,
+  Ot as Overlay,
+  _t as Portal,
+  Rt as Root,
+  yt as Title,
+  Ct as createDialogScope
+};

package/dist/primitives/atoms/error-boundary.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react-error-boundary"),a=()=>null,c=({children:r})=>{const o=(n,e)=>{console.warn(n),console.warn(e)};return t.jsx(u.ErrorBoundary,{FallbackComponent:a,onError:o,children:r})};exports.ErrorBoundary=c;

package/dist/primitives/atoms/error-boundary.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode, FC } from 'react';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+}
+export declare const ErrorBoundary: FC<ErrorBoundaryProps>;
+export {};