@inkeep/cxkit-primitives 0.0.0-dev-20250221234142

package/dist/components/intelligent-form.js

@@ -0,0 +1,568 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { ikp as t } from "./factory.js";
+import { forwardRef as I, useRef as C, useEffect as h } from "react";
+import w from "react-textarea-autosize";
+import * as u from "@radix-ui/react-select";
+import * as R from "@radix-ui/react-checkbox";
+import { useIntelligentForm as s } from "./intelligent-form/intelligent-form-provider.js";
+import { IntelligentFormProvider as ki } from "./intelligent-form/intelligent-form-provider.js";
+import * as v from "@radix-ui/react-scroll-area";
+import { BuiltInIconRenderer as S } from "../atoms/icons/built-in-icon-renderer.js";
+import { maybeRender as b, dataAttr as a } from "../utils/misc.js";
+import { Controller as L } from "react-hook-form";
+import { IntelligentFormFieldProvider as E, useIntelligentFormField as _ } from "../providers/intelligent-form-field-provider.js";
+import { CheckboxIcon as V } from "../atoms/icons/checkbox-icon.js";
+import { useInkeepConfig as T } from "../providers/config-provider.js";
+import { SourceItemProvider as H, useSourceItem as x } from "../providers/source-item-provider.js";
+import { LinkWithQueryParams as D } from "../atoms/link.js";
+import { Markdown as N } from "../atoms/markdown/index.js";
+import { useComposedRefs as P } from "../utils/compose-refs.js";
+import { composeEventHandlers as F } from "../utils/compose-event-handlers.js";
+const q = t("form", {
+  _id: "intelligentForm__Root"
+}), Be = (i) => {
+  const { onSubmit: e, ...n } = i, { handleSubmit: r } = s();
+  return /* @__PURE__ */ o(q, { onSubmit: F(e, r), ...n });
+}, ke = t("h2", {
+  _id: "intelligentForm__Heading",
+  children: "Contact Support"
+}), Le = t("div", {
+  _id: "intelligentForm__Content"
+}), Ee = t(v.Root, {
+  _id: "intelligentForm__Content__ScrollArea"
+}), M = t(v.Viewport, {
+  _id: "intelligentForm__Content__ScrollAreaViewport"
+}), Ve = (i) => {
+  const { children: e, ...n } = i;
+  return /* @__PURE__ */ o(
+    M,
+    {
+      children: (
+        /* added this to fix an overflow issue see https://github.com/radix-ui/primitives/issues/926 */
+        /* @__PURE__ */ o("div", { "data-part": "grid", style: { display: "grid" }, children: e })
+      ),
+      ...n
+    }
+  );
+}, He = t(
+  v.ScrollAreaScrollbar,
+  {
+    _id: "intelligentForm__Content__ScrollAreaScrollbar"
+  }
+), De = t(
+  v.ScrollAreaThumb,
+  {
+    _id: "intelligentForm__Content__ScrollAreaThumb"
+  }
+), Ne = t(v.Corner, {
+  _id: "intelligentForm__Content__ScrollAreaCorner"
+}), z = t("div", {
+  _id: "intelligentForm__Success"
+}), qe = (i) => {
+  const { children: e, ...n } = i, { isSubmitSuccessful: r } = s();
+  return r ? /* @__PURE__ */ o(z, { ...n, children: e }) : null;
+}, O = t(S, {
+  _id: "intelligentForm__SuccessIcon"
+}), Me = (i) => {
+  const {
+    formConfig: { successView: e }
+  } = s();
+  return /* @__PURE__ */ o(
+    O,
+    {
+      iconSettings: e.icon ?? { builtIn: "LuCircleCheck" },
+      ...i
+    }
+  );
+}, U = t("h2", {
+  _id: "intelligentForm__SuccessHeading"
+}), ze = (i) => {
+  const {
+    formConfig: { successView: e }
+  } = s();
+  return /* @__PURE__ */ o(U, { children: e.heading, ...i });
+}, X = t("p", {
+  _id: "intelligentForm__SuccessMessage"
+}), Oe = (i) => {
+  const {
+    formConfig: { successView: e }
+  } = s();
+  return /* @__PURE__ */ o(X, { children: e.message, ...i });
+}, Ue = t("div", {
+  _id: "intelligentForm__PrimaryForm"
+}), j = t("div", {
+  _id: "intelligentForm__PrimaryFormFields"
+}), Q = t("p", {
+  _id: "intelligentForm__PrimaryForm__Description"
+}), Xe = (i) => {
+  const {
+    formConfig: { primary: e }
+  } = s();
+  return e.description ? /* @__PURE__ */ o(Q, { children: e.description, ...i }) : null;
+}, je = (i) => {
+  const { children: e, ...n } = i, {
+    formConfig: { primary: r }
+  } = s();
+  return /* @__PURE__ */ o(j, { children: b(e, r.fields), ...n });
+}, W = t("button", {
+  _id: "intelligentForm__PrimaryFormSubmit",
+  type: "button",
+  children: "Next"
+}), Qe = (i) => {
+  const { onClick: e, ...n } = i, { submittedPrimaryForm: r, handleSubmitPrimaryForm: l } = s();
+  return /* @__PURE__ */ o(
+    W,
+    {
+      "data-submitted": a(r),
+      onClick: F(e, l),
+      ...n
+    }
+  );
+}, $ = t("div", {
+  _id: "intelligentForm__Field"
+}), We = (i) => {
+  const { field: e, autoFocus: n, ...r } = i, { control: l, errors: c } = s();
+  return /* @__PURE__ */ o(
+    L,
+    {
+      name: e.name,
+      control: l,
+      rules: {
+        required: e.required ? `${e.label} is required.` : void 0
+      },
+      render: ({ field: m }) => {
+        const d = m.value !== void 0 || e.inputType === "FILE";
+        return /* @__PURE__ */ o(
+          E,
+          {
+            "data-invalid": a(!!c[e.name]),
+            field: e,
+            fieldProps: m,
+            autoFocus: n,
+            children: d && /* @__PURE__ */ o(
+              $,
+              {
+                "data-input-type": e.inputType,
+                "data-hidden": a(e.isHidden),
+                ...r
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+}, G = t("label", {
+  _id: "intelligentForm__FieldLabel"
+}), $e = (i) => {
+  const { field: e } = _();
+  return /* @__PURE__ */ o(
+    G,
+    {
+      "data-required": a(e.required),
+      htmlFor: e.name,
+      children: e.label,
+      ...i
+    }
+  );
+}, J = t("input", {
+  _id: "intelligentForm__FieldText",
+  type: "text"
+}), A = I((i, e) => {
+  const {
+    field: n,
+    error: r,
+    fieldProps: {
+      onChange: l,
+      onBlur: c,
+      ref: m,
+      ...d
+    },
+    autoFocus: p
+  } = _(), g = P(
+    e,
+    m
+  );
+  return /* @__PURE__ */ o(
+    J,
+    {
+      asChild: n.inputType === "TEXTAREA",
+      ref: g,
+      id: n.name,
+      autoFocus: p,
+      placeholder: "placeholder" in n ? n.placeholder : void 0,
+      "data-invalid": a(!!r),
+      onChange: F(i.onChange, l),
+      onBlur: F(i.onBlur, c),
+      ...d,
+      ...i,
+      children: n.inputType === "TEXTAREA" ? /* @__PURE__ */ o(w, { minRows: 3, maxRows: 10 }) : null
+    }
+  );
+}), Ge = t(A, {
+  _id: "intelligentForm__FieldEmail",
+  type: "email"
+}), K = t("input", {
+  _id: "intelligentForm__FieldFile",
+  type: "file",
+  multiple: !0
+}), Je = (i) => {
+  const {
+    field: e,
+    error: n,
+    fieldProps: { value: r, onChange: l, onBlur: c, ...m },
+    autoFocus: d
+  } = _(), { onChange: p, onBlur: g, ...y } = i, f = (B) => {
+    const k = B.target.files;
+    l(k);
+  };
+  return /* @__PURE__ */ o(
+    K,
+    {
+      id: e.name,
+      autoFocus: d,
+      "data-value": r,
+      "data-invalid": a(!!n),
+      ...y,
+      ...m,
+      onChange: F(p, f),
+      onBlur: F(g, c)
+    }
+  );
+}, Ke = t(
+  A,
+  {
+    _id: "intelligentForm__FieldTextArea",
+    type: "textarea",
+    asChild: !0,
+    children: /* @__PURE__ */ o(w, { rows: 1, maxRows: 8 })
+  }
+), Y = t(R.Root, {
+  _id: "intelligentForm__FieldCheckbox"
+}), Ye = (i) => {
+  const { field: e, error: n, fieldProps: r, autoFocus: l } = _(), { onCheckedChange: c, ...m } = i;
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      id: e.name,
+      name: e.name,
+      autoFocus: l,
+      "data-invalid": a(!!n),
+      checked: r.value,
+      onCheckedChange: F(c, r.onChange),
+      ...m
+    }
+  );
+}, Ze = t(R.Indicator, {
+  _id: "intelligentForm__FieldCheckboxIndicator",
+  children: /* @__PURE__ */ o(V, {})
+}), Z = t(u.Root, {
+  _id: "intelligentForm__FieldSelect"
+}), ei = (i) => {
+  const { field: e, error: n, fieldProps: r } = _(), { onValueChange: l, ...c } = i;
+  return /* @__PURE__ */ o(
+    Z,
+    {
+      name: e.name,
+      "data-invalid": a(!!n),
+      value: r.value,
+      onValueChange: F(l, r.onChange),
+      ...c
+    }
+  );
+}, ii = t(u.Trigger, {
+  _id: "intelligentForm__FieldSelect__Trigger"
+}), ee = t(u.Value, {
+  _id: "intelligentForm__FieldSelect__Value"
+}), ti = (i) => {
+  const { field: e } = _();
+  return /* @__PURE__ */ o(
+    ee,
+    {
+      placeholder: "placeholder" in e ? e.placeholder : void 0,
+      ...i
+    }
+  );
+}, ni = t(u.Icon, {
+  _id: "intelligentForm__FieldSelect__Icon",
+  asChild: !0,
+  children: /* @__PURE__ */ o(S, { iconSettings: { builtIn: "LuChevronDown" } })
+}), ri = t(u.Content, {
+  _id: "intelligentForm__FieldSelect__Content",
+  position: "popper"
+}), oi = t(u.Viewport, {
+  _id: "intelligentForm__FieldSelect__Viewport"
+}), li = t(u.Item, {
+  _id: "intelligentForm__FieldSelect__Item"
+}), si = t(u.ItemText, {
+  _id: "intelligentForm__FieldSelect__ItemText"
+}), ci = t(
+  u.ItemIndicator,
+  {
+    _id: "intelligentForm__FieldSelect__ItemIndicator",
+    asChild: !0,
+    children: /* @__PURE__ */ o(S, { iconSettings: { builtIn: "LuCheck" } })
+  }
+), ie = t("span", {
+  _id: "intelligentForm__FieldError"
+}), mi = (i) => {
+  const { error: e } = _();
+  return e ? /* @__PURE__ */ o(ie, { children: e.message?.toString(), ...i }) : null;
+}, di = t("div", {
+  _id: "intelligentForm__BotHeading"
+}), ai = t(S, {
+  _id: "intelligentForm__BotHeading__Icon",
+  iconSettings: { builtIn: "LuSparkles" }
+}), te = t("div", {
+  _id: "intelligentForm__BotHeading__Name"
+}), Fi = (i) => {
+  const { baseSettings: e } = T(), { organizationDisplayName: n } = e ?? {}, {
+    formConfig: { botName: r }
+  } = s();
+  return /* @__PURE__ */ o(te, { children: r ?? n, ...i });
+}, ne = t("div", {
+  _id: "intelligentForm__Loading"
+}), ui = I(({ ...i }, e) => {
+  const { loading: n } = s(), r = C(null), l = P(e, r);
+  return h(() => {
+    n && r.current && r.current.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [n]), n ? /* @__PURE__ */ o(ne, { ref: l, ...i }) : null;
+}), re = t("div", {
+  _id: "intelligentForm__ConfidentResponse"
+}), _i = I(({ ...i }, e) => {
+  const { aiResponse: n, loading: r } = s(), l = C(null), c = P(e, l);
+  return h(() => {
+    !r && n.answerConfidence && l.current && l.current.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [r, n.answerConfidence]), n.answerConfidence ? /* @__PURE__ */ o(re, { ref: c, ...i }) : null;
+}), oe = t(N, {
+  _id: "intelligentForm__ConfidentAnswer"
+}), gi = (i) => {
+  const { aiResponse: e } = s();
+  return /* @__PURE__ */ o(oe, { shouldOpenLinksInNewTab: !0, children: e.answer, ...i });
+}, le = t("button", {
+  _id: "intelligentForm__ConfidentResponseButton",
+  type: "button"
+}), Si = (i) => {
+  const { onClick: e, ...n } = i, { showSecondaryFields: r, setShowSecondaryFields: l } = s(), c = () => {
+    l(!0);
+  };
+  return /* @__PURE__ */ o(
+    le,
+    {
+      "data-escalated": a(r),
+      onClick: F(e, c),
+      ...n
+    }
+  );
+}, pi = t(S, {
+  _id: "intelligentForm__ConfidentResponseButton__Icon",
+  iconSettings: { builtIn: "LuUser" }
+}), vi = t("span", {
+  _id: "intelligentForm__ConfidentResponseButton__Label",
+  children: "Escalate to human"
+}), se = t("div", {
+  _id: "intelligentForm__SecondaryForm"
+}), Ii = I(({ ...i }, e) => {
+  const { showSecondaryFields: n } = s(), r = C(null), l = P(e, r);
+  return h(() => {
+    n && r.current && r.current.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [n]), n ? /* @__PURE__ */ o(se, { ref: l, ...i }) : null;
+}), ce = t("p", {
+  _id: "intelligentForm__SecondaryForm__Description"
+}), Pi = (i) => {
+  const {
+    formConfig: { secondary: e },
+    aiResponse: { answerConfidence: n }
+  } = s();
+  if (!e.description) return null;
+  const r = typeof e.description == "string" ? e.description : (
+    // If description is an object, use the confident description if the answer is confident
+    n ? e.description.confident : e.description.default
+  );
+  return /* @__PURE__ */ o(ce, { children: r, ...i });
+}, me = t("div", {
+  _id: "intelligentForm__SecondaryFormFields"
+}), fi = (i) => {
+  const { children: e, ...n } = i, {
+    formConfig: { secondary: r }
+  } = s();
+  return /* @__PURE__ */ o(me, { children: b(e, r.fields), ...n });
+}, Ci = t("button", {
+  _id: "intelligentForm__SecondaryFormSubmit",
+  type: "submit",
+  children: "Submit"
+}), de = t("span", {
+  _id: "intelligentForm__Error"
+}), hi = (i) => {
+  const { formError: e } = s();
+  return e ? /* @__PURE__ */ o(de, { children: e.message, ...i }) : null;
+}, bi = t("div", {
+  _id: "intelligentForm__Sources"
+}), yi = t("p", {
+  _id: "intelligentForm__SourcesCaption",
+  children: "Here are the sources I considered:"
+}), ae = t("div", {
+  _id: "intelligentForm__SourcesList"
+}), wi = (i) => {
+  const { children: e, ...n } = i, {
+    baseSettings: { transformSource: r, organizationDisplayName: l }
+  } = T(), {
+    aiResponse: { recordsConsidered: c }
+  } = s();
+  if (!c) return null;
+  const m = c.reduce((d, p) => {
+    const g = r(p, "intelligentFormSource", {
+      organizationDisplayName: l
+    });
+    return d.some((f) => f.url === g.url) || d.push(g), d;
+  }, []);
+  return /* @__PURE__ */ o(ae, { children: b(e, m), ...n });
+}, Fe = t(D, {
+  _id: "intelligentForm__Source"
+}), Ri = (i) => {
+  const { source: e, ...n } = i;
+  return /* @__PURE__ */ o(H, { source: { ...e, isExternal: !!e.shouldOpenInNewTab }, children: /* @__PURE__ */ o(
+    Fe,
+    {
+      "data-type": e.type,
+      appendToUrl: e.appendToUrl,
+      href: e.url,
+      isExternal: e.shouldOpenInNewTab !== !1,
+      ...n
+    }
+  ) });
+}, ue = t(S, {
+  _id: "intelligentForm__SourceIcon"
+}), Ti = (i) => {
+  const { source: e } = x();
+  return /* @__PURE__ */ o(ue, { iconSettings: e.icon, "data-type": e.type, ...i });
+}, _e = t("span", {
+  _id: "intelligentForm__SourceTitle"
+}), xi = (i) => {
+  const { source: e } = x();
+  return /* @__PURE__ */ o(_e, { "data-type": e.type, children: e.title, ...i });
+};
+export {
+  di as BotHeading,
+  ai as BotHeadingIcon,
+  Fi as BotHeadingName,
+  gi as ConfidentAnswer,
+  _i as ConfidentResponse,
+  Si as ConfidentResponseButton,
+  pi as ConfidentResponseButtonIcon,
+  vi as ConfidentResponseButtonLabel,
+  Le as Content,
+  Ee as ContentScrollArea,
+  Ne as ContentScrollAreaCorner,
+  He as ContentScrollAreaScrollbar,
+  De as ContentScrollAreaThumb,
+  Ve as ContentScrollAreaViewport,
+  hi as Error,
+  We as FormField,
+  Ye as FormFieldCheckbox,
+  Ze as FormFieldCheckboxIndicator,
+  Ge as FormFieldEmail,
+  mi as FormFieldError,
+  Je as FormFieldFile,
+  $e as FormFieldLabel,
+  ei as FormFieldSelect,
+  ri as FormFieldSelectContent,
+  ni as FormFieldSelectIcon,
+  li as FormFieldSelectItem,
+  ci as FormFieldSelectItemIndicator,
+  si as FormFieldSelectItemText,
+  ii as FormFieldSelectTrigger,
+  ti as FormFieldSelectValue,
+  oi as FormFieldSelectViewport,
+  A as FormFieldText,
+  Ke as FormFieldTextArea,
+  ke as Heading,
+  di as IntelligentFormPrimitiveBotHeading,
+  ai as IntelligentFormPrimitiveBotHeadingIcon,
+  Fi as IntelligentFormPrimitiveBotHeadingName,
+  gi as IntelligentFormPrimitiveConfidentAnswer,
+  _i as IntelligentFormPrimitiveConfidentResponse,
+  Si as IntelligentFormPrimitiveConfidentResponseButton,
+  pi as IntelligentFormPrimitiveConfidentResponseButtonIcon,
+  vi as IntelligentFormPrimitiveConfidentResponseButtonLabel,
+  Le as IntelligentFormPrimitiveContent,
+  Ee as IntelligentFormPrimitiveContentScrollArea,
+  Ne as IntelligentFormPrimitiveContentScrollAreaCorner,
+  He as IntelligentFormPrimitiveContentScrollAreaScrollbar,
+  De as IntelligentFormPrimitiveContentScrollAreaThumb,
+  Ve as IntelligentFormPrimitiveContentScrollAreaViewport,
+  hi as IntelligentFormPrimitiveFormError,
+  We as IntelligentFormPrimitiveFormField,
+  Ye as IntelligentFormPrimitiveFormFieldCheckbox,
+  Ze as IntelligentFormPrimitiveFormFieldCheckboxIndicator,
+  Ge as IntelligentFormPrimitiveFormFieldEmail,
+  mi as IntelligentFormPrimitiveFormFieldError,
+  Je as IntelligentFormPrimitiveFormFieldFile,
+  $e as IntelligentFormPrimitiveFormFieldLabel,
+  ei as IntelligentFormPrimitiveFormFieldSelect,
+  ri as IntelligentFormPrimitiveFormFieldSelectContent,
+  ni as IntelligentFormPrimitiveFormFieldSelectIcon,
+  li as IntelligentFormPrimitiveFormFieldSelectItem,
+  ci as IntelligentFormPrimitiveFormFieldSelectItemIndicator,
+  si as IntelligentFormPrimitiveFormFieldSelectItemText,
+  ii as IntelligentFormPrimitiveFormFieldSelectTrigger,
+  ti as IntelligentFormPrimitiveFormFieldSelectValue,
+  oi as IntelligentFormPrimitiveFormFieldSelectViewport,
+  A as IntelligentFormPrimitiveFormFieldText,
+  Ke as IntelligentFormPrimitiveFormFieldTextArea,
+  ke as IntelligentFormPrimitiveHeading,
+  ui as IntelligentFormPrimitiveLoading,
+  Ue as IntelligentFormPrimitivePrimaryForm,
+  Xe as IntelligentFormPrimitivePrimaryFormDescription,
+  je as IntelligentFormPrimitivePrimaryFormFields,
+  Qe as IntelligentFormPrimitivePrimaryFormSubmit,
+  Be as IntelligentFormPrimitiveRoot,
+  Ii as IntelligentFormPrimitiveSecondaryForm,
+  Pi as IntelligentFormPrimitiveSecondaryFormDescription,
+  fi as IntelligentFormPrimitiveSecondaryFormFields,
+  Ci as IntelligentFormPrimitiveSecondaryFormSubmit,
+  Ri as IntelligentFormPrimitiveSource,
+  Ti as IntelligentFormPrimitiveSourceIcon,
+  xi as IntelligentFormPrimitiveSourceTitle,
+  bi as IntelligentFormPrimitiveSources,
+  yi as IntelligentFormPrimitiveSourcesCaption,
+  wi as IntelligentFormPrimitiveSourcesList,
+  qe as IntelligentFormPrimitiveSuccess,
+  ze as IntelligentFormPrimitiveSuccessHeading,
+  Me as IntelligentFormPrimitiveSuccessIcon,
+  Oe as IntelligentFormPrimitiveSuccessMessage,
+  ui as Loading,
+  Ue as PrimaryForm,
+  Xe as PrimaryFormDescription,
+  je as PrimaryFormFields,
+  Qe as PrimaryFormSubmit,
+  ki as Provider,
+  Be as Root,
+  Ii as SecondaryForm,
+  Pi as SecondaryFormDescription,
+  fi as SecondaryFormFields,
+  Ci as SecondaryFormSubmit,
+  Ri as Source,
+  Ti as SourceIcon,
+  xi as SourceTitle,
+  bi as Sources,
+  yi as SourcesCaption,
+  wi as SourcesList,
+  qe as Success,
+  ze as SuccessHeading,
+  Me as SuccessIcon,
+  Oe as SuccessMessage
+};

package/dist/components/modal/modal-provider.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),o=t.createContext(void 0),s=({children:e,modal:r})=>n.jsx(o.Provider,{value:r,children:e}),c=()=>t.useContext(o);exports.ModalProvider=s;exports.useModal=c;

package/dist/components/modal/modal-provider.d.cts

@@ -0,0 +1,13 @@
+import { useInkeepModal } from './use-inkeep-modal';
+export type ModalContextValue = ReturnType<typeof useInkeepModal>;
+export declare const ModalProvider: React.FC<{
+    children: React.ReactNode;
+    modal: ModalContextValue;
+}>;
+export declare const useModal: () => {
+    open: boolean | undefined;
+    openModal: () => void;
+    closeModal: () => void;
+    handleOpenChange: (newState: boolean) => void;
+    shortcutKey: string | null | undefined;
+} | undefined;

package/dist/components/modal/modal-provider.d.ts

@@ -0,0 +1,13 @@
+import { useInkeepModal } from './use-inkeep-modal';
+export type ModalContextValue = ReturnType<typeof useInkeepModal>;
+export declare const ModalProvider: React.FC<{
+    children: React.ReactNode;
+    modal: ModalContextValue;
+}>;
+export declare const useModal: () => {
+    open: boolean | undefined;
+    openModal: () => void;
+    closeModal: () => void;
+    handleOpenChange: (newState: boolean) => void;
+    shortcutKey: string | null | undefined;
+} | undefined;

package/dist/components/modal/modal-provider.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as n, useContext as c } from "react";
+const o = n(void 0), d = ({ children: t, modal: e }) => /* @__PURE__ */ r(o.Provider, { value: e, children: t }), i = () => c(o);
+export {
+  d as ModalProvider,
+  i as useModal
+};

package/dist/components/modal/use-inkeep-modal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),p=c=>{const{open:s,onOpenChange:l,shortcutKey:a}=c??{},e=n.useCallback(t=>{l?.(t)},[l]),r=n.useCallback(t=>{e(t)},[e]),u=n.useCallback(()=>e(!0),[e]),d=n.useCallback(()=>e(!1),[e]);return n.useEffect(()=>{const t=o=>{a&&(o.metaKey||o.ctrlKey)&&o.key.toLowerCase()===a.toLowerCase()&&(o.preventDefault(),o.stopPropagation(),e(!0)),o.key==="Escape"&&s&&(o.preventDefault(),e(!1))};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[a,e,s]),{open:s,openModal:u,closeModal:d,handleOpenChange:r,shortcutKey:a}};exports.useInkeepModal=p;

package/dist/components/modal/use-inkeep-modal.d.cts

@@ -0,0 +1,8 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+export declare const useInkeepModal: (props: InkeepModalSettings | undefined) => {
+    open: boolean | undefined;
+    openModal: () => void;
+    closeModal: () => void;
+    handleOpenChange: (newState: boolean) => void;
+    shortcutKey: string | null | undefined;
+};

package/dist/components/modal/use-inkeep-modal.d.ts

@@ -0,0 +1,8 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+export declare const useInkeepModal: (props: InkeepModalSettings | undefined) => {
+    open: boolean | undefined;
+    openModal: () => void;
+    closeModal: () => void;
+    handleOpenChange: (newState: boolean) => void;
+    shortcutKey: string | null | undefined;
+};

package/dist/components/modal/use-inkeep-modal.js

@@ -0,0 +1,30 @@
+"use client";
+import { useCallback as s, useEffect as d } from "react";
+const y = (c) => {
+  const { open: a, onOpenChange: r, shortcutKey: n } = c ?? {}, e = s(
+    (t) => {
+      r?.(t);
+    },
+    [r]
+  ), l = s(
+    (t) => {
+      e(t);
+    },
+    [e]
+  ), p = s(() => e(!0), [e]), u = s(() => e(!1), [e]);
+  return d(() => {
+    const t = (o) => {
+      n && (o.metaKey || o.ctrlKey) && o.key.toLowerCase() === n.toLowerCase() && (o.preventDefault(), o.stopPropagation(), e(!0)), o.key === "Escape" && a && (o.preventDefault(), e(!1));
+    };
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [n, e, a]), {
+    open: a,
+    openModal: p,
+    closeModal: u,
+    handleOpenChange: l,
+    shortcutKey: n
+  };
+};
+export {
+  y as useInkeepModal
+};

package/dist/components/modal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),r=require("./factory.cjs"),d=require("../atoms/icons/custom-icon.cjs"),c=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),u=require("../utils/compose-event-handlers.cjs"),m=require("../hooks/use-media-query.cjs"),M=require("../utils/misc.cjs"),p=r.ikp(t.Root,{_id:"modal"}),v=e=>{const{onOpenChange:n,config:l,...a}=e,i=c.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:i,children:o.jsx(p,{open:i.open,onOpenChange:u.composeEventHandlers(n,i.handleOpenChange),...a})})},C=r.ikp(t.Overlay,{_id:"modal__Overlay"}),y=r.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),_=e=>{const n=m.useMediaQuery("(max-width: 768px)");return o.jsx(y,{"data-mobile":M.dataAttr(n),...e})},q=r.ikp(t.Close,{_id:"modal__Close",children:o.jsx(d.CustomIcon,{iconKey:"close"})}),x=e=>s.useModal()?o.jsx(q,{...e}):null;exports.Close=x;exports.Content=_;exports.Modal=v;exports.Overlay=C;

package/dist/components/modal.d.cts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { PolymorphicProps } from './factory';
+import * as DialogPrimitive from '../atoms/dialog';
+declare const Modal: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogProps, "_id"> & Partial<Pick<DialogPrimitive.DialogProps, "_id">>>;
+export interface PrimitiveModalProps extends ComponentPropsWithRef<typeof Modal> {
+    /**
+     * Configuration for the modal.
+     */
+    config?: InkeepModalSettings;
+}
+declare const PrimitiveModal: (props: PrimitiveModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const PrimitiveModalOverlay: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogOverlayProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<DialogPrimitive.DialogOverlayProps & RefAttributes<HTMLDivElement>, "_id">>>;
+declare const ModalContent: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogContentProps & RefAttributes<HTMLDivElement>, "aria-describedby" | "_id"> & Partial<Pick<DialogPrimitive.DialogContentProps & RefAttributes<HTMLDivElement>, "aria-describedby" | "_id">>>;
+declare const PrimitiveModalContent: (props: ComponentPropsWithRef<typeof ModalContent>) => import("react/jsx-runtime").JSX.Element;
+declare const ModalClose: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>, "children" | "_id"> & Partial<Pick<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>, "children" | "_id">>>;
+declare const PrimitiveModalClose: (props: ComponentPropsWithRef<typeof ModalClose>) => import("react/jsx-runtime").JSX.Element | null;
+export { PrimitiveModal as Modal, PrimitiveModalOverlay as Overlay, PrimitiveModalContent as Content, PrimitiveModalClose as Close, };