@inkeep/cxkit-primitives 0.0.0-dev-20250221234142

package/dist/components/modal.d.ts

@@ -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, };

package/dist/components/modal.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Overlay as l, Root as d, Content as m, Close as s } from "../atoms/dialog.js";
+import { ikp as n } from "./factory.js";
+import { CustomIcon as c } from "../atoms/icons/custom-icon.js";
+import { useInkeepModal as p } from "./modal/use-inkeep-modal.js";
+import { ModalProvider as C, useModal as M } from "./modal/modal-provider.js";
+import { composeEventHandlers as f } from "../utils/compose-event-handlers.js";
+import { useMediaQuery as u } from "../hooks/use-media-query.js";
+import { dataAttr as v } from "../utils/misc.js";
+const _ = n(d, {
+  _id: "modal"
+}), A = (o) => {
+  const { onOpenChange: t, config: i, ...a } = o, r = p(i);
+  return /* @__PURE__ */ e(C, { modal: r, children: /* @__PURE__ */ e(
+    _,
+    {
+      open: r.open,
+      onOpenChange: f(t, r.handleOpenChange),
+      ...a
+    }
+  ) });
+}, E = n(l, {
+  _id: "modal__Overlay"
+}), h = n(m, {
+  _id: "modal__Content",
+  "aria-describedby": void 0
+}), H = (o) => {
+  const t = u("(max-width: 768px)");
+  return /* @__PURE__ */ e(h, { "data-mobile": v(t), ...o });
+}, y = n(s, {
+  _id: "modal__Close",
+  children: /* @__PURE__ */ e(c, { iconKey: "close" })
+}), K = (o) => M() ? /* @__PURE__ */ e(y, { ...o }) : null;
+export {
+  K as Close,
+  H as Content,
+  A as Modal,
+  E as Overlay
+};

package/dist/components/searchbar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("./factory.cjs"),a=require("../atoms/icons/custom-icon.cjs"),n=require("../providers/config-provider.cjs"),o=r.ikp("div",{_id:"searchBar__Container"}),s=r.ikp("button",{_id:"searchBar__Button",type:"button"}),d=r.ikp("div",{_id:"searchBar__ContentWrapper"}),h=r.ikp("div",{_id:"searchBar__Text"}),u=e=>{const{searchSettings:{placeholder:i}}=n.useInkeepConfig();return t.jsx(h,{...e,children:i})},B=r.ikp(a.CustomIcon,{_id:"searchBar__Icon",iconKey:"search"}),p=r.ikp("kbd",{_id:"searchBar__KbdWrapper"}),_=r.ikp("kbd",{_id:"searchBar__KbdShortcutKey"}),S=e=>{const{shortcutKey:i,...c}=e;return t.jsx(_,{...c,children:i?.toUpperCase()})},m=()=>{if(typeof window>"u")return!1;const e=window.navigator?.userAgent?.toLowerCase();return e.includes("macintosh")||e.includes("mac os x")},l=r.ikp("kbd",{_id:"searchBar__Ctrl",children:"Ctrl"}),v=r.ikp(a.CustomIcon,{_id:"searchBar__CmdIcon",iconKey:"command"}),K=e=>{const{shortcutKey:i,...c}=e;return t.jsx(t.Fragment,{children:i?m()?t.jsx(v,{...c}):t.jsx(l,{...c}):null})};exports.SearchBarButton=s;exports.SearchBarContainer=o;exports.SearchBarContentWrapper=d;exports.SearchBarIcon=B;exports.SearchBarKbdModifier=K;exports.SearchBarKbdShortcutKey=S;exports.SearchBarKbdWrapper=p;exports.SearchBarText=u;

package/dist/components/searchbar.d.cts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { PolymorphicProps } from './factory';
+import { CustomIconProps } from '..';
+declare const SearchBarContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const SearchBarPrimitiveButton: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id">>>;
+declare const SearchBarPrimitiveContentWrapper: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const PrimitiveSearchBarText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const SearchBarPrimitiveText: (props: ComponentPropsWithRef<typeof PrimitiveSearchBarText>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarPrimitiveIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
+declare const SearchBarPrimitiveKbdWrapper: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id">>>;
+declare const PrimitiveKbdShortcutKey: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id">>>;
+type SearchBarPrimitiveKbdShortcutKeyProps = ComponentPropsWithRef<typeof PrimitiveKbdShortcutKey> & {
+    shortcutKey?: InkeepModalSettings['shortcutKey'];
+};
+declare const SearchBarPrimitiveKbdShortcutKey: (props: SearchBarPrimitiveKbdShortcutKeyProps) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarPrimitiveCtrl: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "children" | "_id">>>;
+declare const SearchBarPrimitiveCmdIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
+type SearchBarPrimitiveKbdModifierProps = ComponentPropsWithRef<typeof SearchBarPrimitiveCtrl | typeof SearchBarPrimitiveCmdIcon> & {
+    shortcutKey?: InkeepModalSettings['shortcutKey'];
+};
+declare const SearchBarPrimitiveKbdModifier: (props: SearchBarPrimitiveKbdModifierProps) => import("react/jsx-runtime").JSX.Element;
+export { SearchBarContainer, SearchBarPrimitiveButton as SearchBarButton, SearchBarPrimitiveText as SearchBarText, SearchBarPrimitiveContentWrapper as SearchBarContentWrapper, SearchBarPrimitiveIcon as SearchBarIcon, SearchBarPrimitiveKbdWrapper as SearchBarKbdWrapper, SearchBarPrimitiveKbdModifier as SearchBarKbdModifier, SearchBarPrimitiveKbdShortcutKey as SearchBarKbdShortcutKey, };

package/dist/components/searchbar.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { PolymorphicProps } from './factory';
+import { CustomIconProps } from '..';
+declare const SearchBarContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const SearchBarPrimitiveButton: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id">>>;
+declare const SearchBarPrimitiveContentWrapper: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const PrimitiveSearchBarText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const SearchBarPrimitiveText: (props: ComponentPropsWithRef<typeof PrimitiveSearchBarText>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarPrimitiveIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
+declare const SearchBarPrimitiveKbdWrapper: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id">>>;
+declare const PrimitiveKbdShortcutKey: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id">>>;
+type SearchBarPrimitiveKbdShortcutKeyProps = ComponentPropsWithRef<typeof PrimitiveKbdShortcutKey> & {
+    shortcutKey?: InkeepModalSettings['shortcutKey'];
+};
+declare const SearchBarPrimitiveKbdShortcutKey: (props: SearchBarPrimitiveKbdShortcutKeyProps) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarPrimitiveCtrl: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "children" | "_id">>>;
+declare const SearchBarPrimitiveCmdIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
+type SearchBarPrimitiveKbdModifierProps = ComponentPropsWithRef<typeof SearchBarPrimitiveCtrl | typeof SearchBarPrimitiveCmdIcon> & {
+    shortcutKey?: InkeepModalSettings['shortcutKey'];
+};
+declare const SearchBarPrimitiveKbdModifier: (props: SearchBarPrimitiveKbdModifierProps) => import("react/jsx-runtime").JSX.Element;
+export { SearchBarContainer, SearchBarPrimitiveButton as SearchBarButton, SearchBarPrimitiveText as SearchBarText, SearchBarPrimitiveContentWrapper as SearchBarContentWrapper, SearchBarPrimitiveIcon as SearchBarIcon, SearchBarPrimitiveKbdWrapper as SearchBarKbdWrapper, SearchBarPrimitiveKbdModifier as SearchBarKbdModifier, SearchBarPrimitiveKbdShortcutKey as SearchBarKbdShortcutKey, };

package/dist/components/searchbar.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as a, Fragment as n } from "react/jsx-runtime";
+import { ikp as r } from "./factory.js";
+import { CustomIcon as c } from "../atoms/icons/custom-icon.js";
+import { useInkeepConfig as o } from "../providers/config-provider.js";
+const K = r("div", {
+  _id: "searchBar__Container"
+}), l = r("button", {
+  _id: "searchBar__Button",
+  type: "button"
+}), v = r("div", {
+  _id: "searchBar__ContentWrapper"
+}), s = r("div", {
+  _id: "searchBar__Text"
+}), b = (e) => {
+  const {
+    searchSettings: { placeholder: t }
+  } = o();
+  return /* @__PURE__ */ a(s, { ...e, children: t });
+}, C = r(c, {
+  _id: "searchBar__Icon",
+  iconKey: "search"
+}), f = r("kbd", {
+  _id: "searchBar__KbdWrapper"
+}), h = r("kbd", {
+  _id: "searchBar__KbdShortcutKey"
+}), P = (e) => {
+  const { shortcutKey: t, ...i } = e;
+  return /* @__PURE__ */ a(h, { ...i, children: t?.toUpperCase() });
+}, d = () => {
+  if (typeof window > "u")
+    return !1;
+  const e = window.navigator?.userAgent?.toLowerCase();
+  return e.includes("macintosh") || e.includes("mac os x");
+}, B = r("kbd", {
+  _id: "searchBar__Ctrl",
+  children: "Ctrl"
+}), m = r(c, {
+  _id: "searchBar__CmdIcon",
+  iconKey: "command"
+}), y = (e) => {
+  const { shortcutKey: t, ...i } = e;
+  return /* @__PURE__ */ a(n, { children: t ? d() ? /* @__PURE__ */ a(m, { ...i }) : /* @__PURE__ */ a(B, { ...i }) : null });
+};
+export {
+  l as SearchBarButton,
+  K as SearchBarContainer,
+  v as SearchBarContentWrapper,
+  C as SearchBarIcon,
+  y as SearchBarKbdModifier,
+  P as SearchBarKbdShortcutKey,
+  f as SearchBarKbdWrapper,
+  b as SearchBarText
+};

package/dist/components/tagline-logo-icon.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("@radix-ui/react-id");function s(o){const t=r.useId();return e.jsxs("svg",{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[e.jsx("title",{children:"Tag Line Logo Icon"}),e.jsx("path",{d:"M32 4.01845V25.1411C32 26.3154 30.9971 27.2462 29.8223 27.1531L16.9277 26.1507C15.409 26.0361 13.8903 26.3727 12.565 27.1173L8.11641 29.6234C7.72241 29.8454 7.29259 29.3943 7.54332 29.0148L9.77121 25.5922L11.8415 22.4131C12.0636 22.0694 12.4934 21.9119 12.8874 22.0336C16.1397 23.079 19.8075 21.8761 21.7631 18.8831C24.0913 15.2886 23.0741 10.4913 19.4851 8.15706C15.8961 5.82282 11.0965 6.83958 8.76114 10.4269C6.81263 13.427 7.19946 17.272 9.4775 19.8139C9.74972 20.1218 9.77837 20.5729 9.5563 20.9237L6.92724 24.9621C6.76964 25.1984 6.49743 25.3344 6.21804 25.313L1.4184 24.9406C0.616073 24.8834 0 24.2175 0 23.4155V5.7369C0 4.93496 0.616073 4.26905 1.4184 4.21177L29.8294 2.00642C31.0043 1.91334 32 2.84417 32 4.01845ZM15.2586 9.35282C12.3286 9.35282 9.95747 11.7229 9.95747 14.6514C9.95747 16.0763 10.5234 17.3723 11.4403 18.3246C11.9991 18.9046 12.6868 19.3557 13.4605 19.6349C14.0264 19.8354 14.6282 19.95 15.2657 19.95C18.1957 19.95 20.5668 17.5799 20.5668 14.6514C20.5597 11.73 18.1885 9.35282 15.2586 9.35282Z",fill:`url(#${t})`}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:t,x1:"1.5893",y1:"25.285",x2:"24.0784",y2:"10.1057",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"currentColor"}),e.jsx("stop",{offset:"1",stopColor:"currentColor"})]})})]})}exports.default=s;

package/dist/components/tagline-logo-icon.d.cts

@@ -0,0 +1 @@
+export default function TagLineLogoIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tagline-logo-icon.d.ts

@@ -0,0 +1 @@
+export default function TagLineLogoIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tagline-logo-icon.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { useId as t } from "@radix-ui/react-id";
+function s(n) {
+  const e = t();
+  return /* @__PURE__ */ r("svg", { viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n, children: [
+    /* @__PURE__ */ o("title", { children: "Tag Line Logo Icon" }),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M32 4.01845V25.1411C32 26.3154 30.9971 27.2462 29.8223 27.1531L16.9277 26.1507C15.409 26.0361 13.8903 26.3727 12.565 27.1173L8.11641 29.6234C7.72241 29.8454 7.29259 29.3943 7.54332 29.0148L9.77121 25.5922L11.8415 22.4131C12.0636 22.0694 12.4934 21.9119 12.8874 22.0336C16.1397 23.079 19.8075 21.8761 21.7631 18.8831C24.0913 15.2886 23.0741 10.4913 19.4851 8.15706C15.8961 5.82282 11.0965 6.83958 8.76114 10.4269C6.81263 13.427 7.19946 17.272 9.4775 19.8139C9.74972 20.1218 9.77837 20.5729 9.5563 20.9237L6.92724 24.9621C6.76964 25.1984 6.49743 25.3344 6.21804 25.313L1.4184 24.9406C0.616073 24.8834 0 24.2175 0 23.4155V5.7369C0 4.93496 0.616073 4.26905 1.4184 4.21177L29.8294 2.00642C31.0043 1.91334 32 2.84417 32 4.01845ZM15.2586 9.35282C12.3286 9.35282 9.95747 11.7229 9.95747 14.6514C9.95747 16.0763 10.5234 17.3723 11.4403 18.3246C11.9991 18.9046 12.6868 19.3557 13.4605 19.6349C14.0264 19.8354 14.6282 19.95 15.2657 19.95C18.1957 19.95 20.5668 17.5799 20.5668 14.6514C20.5597 11.73 18.1885 9.35282 15.2586 9.35282Z",
+        fill: `url(#${e})`
+      }
+    ),
+    /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ r(
+      "linearGradient",
+      {
+        id: e,
+        x1: "1.5893",
+        y1: "25.285",
+        x2: "24.0784",
+        y2: "10.1057",
+        gradientUnits: "userSpaceOnUse",
+        children: [
+          /* @__PURE__ */ o("stop", { stopColor: "currentColor" }),
+          /* @__PURE__ */ o("stop", { offset: "1", stopColor: "currentColor" })
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  s as default
+};

package/dist/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./use-boolean.cjs"),e=require("./use-browser-storage.cjs"),o=require("./use-component-classnames.cjs"),r=require("./use-container-size.cjs"),u=require("./use-copy-to-clipboard.cjs"),t=require("./use-instant-update.cjs"),n=require("./use-is-mounted.cjs"),a=require("./use-media-query.cjs"),i=require("./use-resize-observer.cjs"),l=require("./use-scrolling-fades.cjs"),c=require("./use-settle-action.cjs"),S=require("./use-scroll-to-bottom.cjs");exports.useBoolean=s.useBoolean;exports.passesBrowserStorageChecks=e.passesBrowserStorageChecks;exports.useBrowserStorage=e.useBrowserStorage;exports.useComponentClassNames=o.useComponentClassNames;exports.useContainerSize=r.useContainerSize;exports.useCopyToClipboard=u.useCopyToClipboard;exports.useInstantUpdate=t.useInstantUpdate;exports.useIsMounted=n.useIsMounted;exports.useMediaQuery=a.useMediaQuery;exports.useResizeObserver=i.useResizeObserver;exports.useScrollingFades=l.useScrollingFades;exports.useSettleAction=c.useSettleAction;exports.useScrollToBottom=S.useScrollToBottom;

package/dist/hooks/index.d.cts

@@ -0,0 +1,12 @@
+export * from './use-boolean';
+export * from './use-browser-storage';
+export * from './use-component-classnames';
+export * from './use-container-size';
+export * from './use-copy-to-clipboard';
+export * from './use-instant-update';
+export * from './use-is-mounted';
+export * from './use-media-query';
+export * from './use-resize-observer';
+export * from './use-scrolling-fades';
+export * from './use-settle-action';
+export * from './use-scroll-to-bottom';

package/dist/hooks/index.d.ts

@@ -0,0 +1,12 @@
+export * from './use-boolean';
+export * from './use-browser-storage';
+export * from './use-component-classnames';
+export * from './use-container-size';
+export * from './use-copy-to-clipboard';
+export * from './use-instant-update';
+export * from './use-is-mounted';
+export * from './use-media-query';
+export * from './use-resize-observer';
+export * from './use-scrolling-fades';
+export * from './use-settle-action';
+export * from './use-scroll-to-bottom';

package/dist/hooks/index.js

@@ -0,0 +1,27 @@
+import { useBoolean as r } from "./use-boolean.js";
+import { passesBrowserStorageChecks as t, useBrowserStorage as p } from "./use-browser-storage.js";
+import { useComponentClassNames as u } from "./use-component-classnames.js";
+import { useContainerSize as f } from "./use-container-size.js";
+import { useCopyToClipboard as n } from "./use-copy-to-clipboard.js";
+import { useInstantUpdate as i } from "./use-instant-update.js";
+import { useIsMounted as S } from "./use-is-mounted.js";
+import { useMediaQuery as c } from "./use-media-query.js";
+import { useResizeObserver as g } from "./use-resize-observer.js";
+import { useScrollingFades as w } from "./use-scrolling-fades.js";
+import { useSettleAction as z } from "./use-settle-action.js";
+import { useScrollToBottom as M } from "./use-scroll-to-bottom.js";
+export {
+  t as passesBrowserStorageChecks,
+  r as useBoolean,
+  p as useBrowserStorage,
+  u as useComponentClassNames,
+  f as useContainerSize,
+  n as useCopyToClipboard,
+  i as useInstantUpdate,
+  S as useIsMounted,
+  c as useMediaQuery,
+  g as useResizeObserver,
+  M as useScrollToBottom,
+  w as useScrollingFades,
+  z as useSettleAction
+};

package/dist/hooks/use-boolean.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function n(s=!1){if(typeof s!="boolean")throw new Error("defaultValue must be `true` or `false`");const[o,e]=t.useState(s),l=t.useCallback(()=>{e(!0)},[]),a=t.useCallback(()=>{e(!1)},[]),u=t.useCallback(()=>{e(r=>!r)},[]);return{value:o,setValue:e,setTrue:l,setFalse:a,toggle:u}}exports.useBoolean=n;

package/dist/hooks/use-boolean.d.cts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+type UseBooleanReturn = {
+    value: boolean;
+    setValue: Dispatch<SetStateAction<boolean>>;
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+};
+export declare function useBoolean(defaultValue?: boolean): UseBooleanReturn;
+export {};

package/dist/hooks/use-boolean.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+type UseBooleanReturn = {
+    value: boolean;
+    setValue: Dispatch<SetStateAction<boolean>>;
+    setTrue: () => void;
+    setFalse: () => void;
+    toggle: () => void;
+};
+export declare function useBoolean(defaultValue?: boolean): UseBooleanReturn;
+export {};

package/dist/hooks/use-boolean.js

@@ -0,0 +1,17 @@
+"use client";
+import { useState as n, useCallback as t } from "react";
+function f(o = !1) {
+  if (typeof o != "boolean")
+    throw new Error("defaultValue must be `true` or `false`");
+  const [s, e] = n(o), r = t(() => {
+    e(!0);
+  }, []), l = t(() => {
+    e(!1);
+  }, []), u = t(() => {
+    e((a) => !a);
+  }, []);
+  return { value: s, setValue: e, setTrue: r, setFalse: l, toggle: u };
+}
+export {
+  f as useBoolean
+};

package/dist/hooks/use-browser-storage.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),w=require("../providers/config-provider.cjs"),a="inkeepUsagePreferences",_={hasSwitchModeButtonJiggled:!1,userId:null},k={defaultView:null,inkeepChatSessionId:null},d={..._,...k},f={set(e,o,t,n=365){try{if(e==="cookie"){const s=new Date;t===void 0?(s.setTime(s.getTime()-1),document.cookie=`${a}_${o}=; expires=${s.toUTCString()}; path=/`):(s.setTime(s.getTime()+n*24*60*60*1e3),document.cookie=`${a}_${o}=${t}; expires=${s.toUTCString()}; path=/`)}else typeof sessionStorage<"u"&&sessionStorage.setItem(`${a}_${o}`,t?JSON.stringify(t):"")}catch{return null}},get(e,o){if(e==="cookie"){const t=`${a}_${o}=`,n=document.cookie.split(";");for(const s of n){const i=s.trim();if(i.startsWith(t))return i.substring(t.length)}return null}try{if(typeof sessionStorage<"u"){const t=sessionStorage.getItem(`${a}_${o}`);return t?JSON.parse(t):null}}catch{return null}return null}},I=()=>{const{baseSettings:e,interactionType:o}=w.useInkeepConfig(),{optOutAllAnalytics:t,optOutFunctionalCookies:n}=e.analytics,i=!t&&!n&&p()?"cookie":"sessionStorage",m=`${e.apiKey}-${o}`,u=r=>r in k?`${r}-${m}`:r,y=Object.keys(d).reduce((r,c)=>{const l=u(c),g=f.get(i,l);return{...r,[c]:g}},{...d}),[$,h]=S.useState(y),C=(r,c,l=365)=>{const g=u(r);f.set(i,g,c,l),h(b=>({...b,[r]:c}))};return S.useEffect(()=>{if(n)for(const r of Object.keys(d)){const c=u(r);f.set("cookie",c,null,-1)}},[n]),{browserStorage:$,setBrowserStorage:C}},T=()=>{try{if(typeof localStorage>"u")return!1;const e="__df709c5b-6651-43dc-94e7-d8dc899bf4e8__";return localStorage.setItem(e,"test_value"),localStorage.removeItem(e),!0}catch{return!1}},B=()=>{if(typeof document>"u")return!1;document.cookie="testcookie=true; Path=/; Max-Age=1000";const e=document.cookie.includes("testcookie=true");return document.cookie="testcookie=; Path=/; Max-Age=-1000",e},p=()=>{const e=T(),o=B();return e&&o};exports.passesBrowserStorageChecks=p;exports.useBrowserStorage=I;

package/dist/hooks/use-browser-storage.d.cts

@@ -0,0 +1,17 @@
+import { ModalViewTypes } from '@inkeep/cxkit-types';
+interface GlobalCookieData {
+    hasSwitchModeButtonJiggled?: boolean | null;
+    userId?: string | null;
+}
+interface PerInstanceCookieData {
+    defaultView?: ModalViewTypes | null;
+    inkeepChatSessionId?: string | null;
+}
+type CookieData = GlobalCookieData & PerInstanceCookieData;
+type CookieKey = keyof CookieData;
+export declare const useBrowserStorage: () => {
+    browserStorage: CookieData;
+    setBrowserStorage: <K extends CookieKey>(name: K, value: CookieData[K] | undefined, days?: number) => void;
+};
+export declare const passesBrowserStorageChecks: () => boolean;
+export {};

package/dist/hooks/use-browser-storage.d.ts

@@ -0,0 +1,17 @@
+import { ModalViewTypes } from '@inkeep/cxkit-types';
+interface GlobalCookieData {
+    hasSwitchModeButtonJiggled?: boolean | null;
+    userId?: string | null;
+}
+interface PerInstanceCookieData {
+    defaultView?: ModalViewTypes | null;
+    inkeepChatSessionId?: string | null;
+}
+type CookieData = GlobalCookieData & PerInstanceCookieData;
+type CookieKey = keyof CookieData;
+export declare const useBrowserStorage: () => {
+    browserStorage: CookieData;
+    setBrowserStorage: <K extends CookieKey>(name: K, value: CookieData[K] | undefined, days?: number) => void;
+};
+export declare const passesBrowserStorageChecks: () => boolean;
+export {};

package/dist/hooks/use-browser-storage.js

@@ -0,0 +1,88 @@
+"use client";
+import { useState as C, useEffect as b } from "react";
+import { useInkeepConfig as _ } from "../providers/config-provider.js";
+const a = "inkeepUsagePreferences", w = {
+  hasSwitchModeButtonJiggled: !1,
+  userId: null
+}, k = {
+  defaultView: null,
+  inkeepChatSessionId: null
+}, f = {
+  ...w,
+  ...k
+}, d = {
+  set(e, o, t, r = 365) {
+    try {
+      if (e === "cookie") {
+        const s = /* @__PURE__ */ new Date();
+        t === void 0 ? (s.setTime(s.getTime() - 1), document.cookie = `${a}_${o}=; expires=${s.toUTCString()}; path=/`) : (s.setTime(s.getTime() + r * 24 * 60 * 60 * 1e3), document.cookie = `${a}_${o}=${t}; expires=${s.toUTCString()}; path=/`);
+      } else typeof sessionStorage < "u" && sessionStorage.setItem(`${a}_${o}`, t ? JSON.stringify(t) : "");
+    } catch {
+      return null;
+    }
+  },
+  get(e, o) {
+    if (e === "cookie") {
+      const t = `${a}_${o}=`, r = document.cookie.split(";");
+      for (const s of r) {
+        const i = s.trim();
+        if (i.startsWith(t))
+          return i.substring(t.length);
+      }
+      return null;
+    }
+    try {
+      if (typeof sessionStorage < "u") {
+        const t = sessionStorage.getItem(`${a}_${o}`);
+        return t ? JSON.parse(t) : null;
+      }
+    } catch {
+      return null;
+    }
+    return null;
+  }
+}, U = () => {
+  const { baseSettings: e, interactionType: o } = _(), { optOutAllAnalytics: t, optOutFunctionalCookies: r } = e.analytics, i = !t && !r && B() ? "cookie" : "sessionStorage", S = `${e.apiKey}-${o}`, l = (n) => n in k ? `${n}-${S}` : n, p = Object.keys(f).reduce(
+    (n, c) => {
+      const u = l(c), g = d.get(i, u);
+      return { ...n, [c]: g };
+    },
+    { ...f }
+  ), [m, y] = C(p), $ = (n, c, u = 365) => {
+    const g = l(n);
+    d.set(i, g, c, u), y((h) => ({
+      ...h,
+      [n]: c
+    }));
+  };
+  return b(() => {
+    if (r)
+      for (const n of Object.keys(f)) {
+        const c = l(n);
+        d.set("cookie", c, null, -1);
+      }
+  }, [r]), {
+    browserStorage: m,
+    setBrowserStorage: $
+  };
+}, I = () => {
+  try {
+    if (typeof localStorage > "u") return !1;
+    const e = "__df709c5b-6651-43dc-94e7-d8dc899bf4e8__";
+    return localStorage.setItem(e, "test_value"), localStorage.removeItem(e), !0;
+  } catch {
+    return !1;
+  }
+}, T = () => {
+  if (typeof document > "u") return !1;
+  document.cookie = "testcookie=true; Path=/; Max-Age=1000";
+  const e = document.cookie.includes("testcookie=true");
+  return document.cookie = "testcookie=; Path=/; Max-Age=-1000", e;
+}, B = () => {
+  const e = I(), o = T();
+  return e && o;
+};
+export {
+  B as passesBrowserStorageChecks,
+  U as useBrowserStorage
+};

package/dist/hooks/use-component-classnames.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../providers/config-provider.cjs"),a=require("../providers/markdown-provider.cjs"),c=require("../utils/misc.cjs");function m(e,n){const{prefix:s}=i.useInkeepConfig(),o=a.useChatMarkdown(),t=u(e,o)?o?.componentStyles?.[e]:void 0,r=`${s}-${c.toKebabCase(e)}`;return[n,t,r].filter(Boolean).join(" ")}function u(e,n){return!!n?.componentStyles&&e in n.componentStyles}exports.useComponentClassNames=m;

package/dist/hooks/use-component-classnames.d.cts

@@ -0,0 +1,6 @@
+import { ComponentID } from '../utils/component-ids';
+/**
+ * Hook to compute class names for a component based on its ID, user-provided classes,
+ * global configuration, and prefixing rules.
+ */
+export declare function useComponentClassNames(id: ComponentID, userClassName?: string): string;

package/dist/hooks/use-component-classnames.d.ts

@@ -0,0 +1,6 @@
+import { ComponentID } from '../utils/component-ids';
+/**
+ * Hook to compute class names for a component based on its ID, user-provided classes,
+ * global configuration, and prefixing rules.
+ */
+export declare function useComponentClassNames(id: ComponentID, userClassName?: string): string;

package/dist/hooks/use-component-classnames.js

@@ -0,0 +1,14 @@
+"use client";
+import { useInkeepConfig as m } from "../providers/config-provider.js";
+import { useChatMarkdown as a } from "../providers/markdown-provider.js";
+import { toKebabCase as i } from "../utils/misc.js";
+function u(o, n) {
+  const { prefix: t } = m(), e = a(), s = p(o, e) ? e?.componentStyles?.[o] : void 0, r = `${t}-${i(o)}`;
+  return [n, s, r].filter(Boolean).join(" ");
+}
+function p(o, n) {
+  return !!n?.componentStyles && o in n.componentStyles;
+}
+export {
+  u as useComponentClassNames
+};

package/dist/hooks/use-container-size.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function o(){const e=t.useRef(null),[r,s]=t.useState({width:0,height:0});return t.useEffect(()=>{if(!e.current)return;const n=new ResizeObserver(([i])=>{const{width:c,height:u}=i.contentRect;s({width:c,height:u})});return n.observe(e.current),()=>{n.disconnect()}},[e]),[e,r]}exports.useContainerSize=o;

package/dist/hooks/use-container-size.d.cts

@@ -0,0 +1,5 @@
+export interface ContainerSize {
+    width: number;
+    height: number;
+}
+export declare function useContainerSize(): [React.RefObject<HTMLDivElement | null>, ContainerSize];

package/dist/hooks/use-container-size.d.ts

@@ -0,0 +1,5 @@
+export interface ContainerSize {
+    width: number;
+    height: number;
+}
+export declare function useContainerSize(): [React.RefObject<HTMLDivElement | null>, ContainerSize];

package/dist/hooks/use-container-size.js

@@ -0,0 +1,18 @@
+"use client";
+import { useRef as o, useState as u, useEffect as f } from "react";
+function z() {
+  const e = o(null), [n, r] = u({ width: 0, height: 0 });
+  return f(() => {
+    if (!e.current) return;
+    const t = new ResizeObserver(([s]) => {
+      const { width: i, height: c } = s.contentRect;
+      r({ width: i, height: c });
+    });
+    return t.observe(e.current), () => {
+      t.disconnect();
+    };
+  }, [e]), [e, n];
+}
+export {
+  z as useContainerSize
+};

package/dist/hooks/use-copy-to-clipboard.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function i(){const[o,e]=t.useState(!1),r=t.useCallback(async a=>{if(!navigator?.clipboard)return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(a),e(!0),setTimeout(()=>{e(!1)},1e3),!0}catch(s){return console.warn("Copy failed",s),e(!1),!1}},[]);return[o,r]}exports.useCopyToClipboard=i;

package/dist/hooks/use-copy-to-clipboard.d.cts

@@ -0,0 +1,3 @@
+type CopyFn = (text: string) => void;
+export declare function useCopyToClipboard(): [boolean, CopyFn];
+export {};

package/dist/hooks/use-copy-to-clipboard.d.ts

@@ -0,0 +1,3 @@
+type CopyFn = (text: string) => void;
+export declare function useCopyToClipboard(): [boolean, CopyFn];
+export {};

package/dist/hooks/use-copy-to-clipboard.js

@@ -0,0 +1,19 @@
+"use client";
+import { useState as n, useCallback as s } from "react";
+function l() {
+  const [r, e] = n(!1), o = s(async (t) => {
+    if (!navigator?.clipboard)
+      return console.warn("Clipboard not supported"), !1;
+    try {
+      return await navigator.clipboard.writeText(t), e(!0), setTimeout(() => {
+        e(!1);
+      }, 1e3), !0;
+    } catch (a) {
+      return console.warn("Copy failed", a), e(!1), !1;
+    }
+  }, []);
+  return [r, o];
+}
+export {
+  l as useCopyToClipboard
+};

package/dist/hooks/use-instant-update.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(){const[e,s]=t.useState(!1);t.useEffect(()=>{if(e){const n=setTimeout(()=>s(!1),0);return()=>clearTimeout(n)}},[e]);const a=t.useCallback(()=>s(!0),[]);return{disabled:e,disableTransition:a}}exports.useInstantUpdate=u;

package/dist/hooks/use-instant-update.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Hook for temporarily disabling transitions/animations.
+ * Useful when you need to prevent unwanted transition effects during state changes.
+ *
+ * @example
+ * const { disabled, disableTransition } = useInstantUpdate();
+ *
+ * // Disable transitions before a state change
+ * const handleClick = () => {
+ *   disableTransition();
+ *   // State change here...
+ * };
+ */
+export declare function useInstantUpdate(): {
+    disabled: boolean;
+    disableTransition: () => void;
+};

package/dist/hooks/use-instant-update.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Hook for temporarily disabling transitions/animations.
+ * Useful when you need to prevent unwanted transition effects during state changes.
+ *
+ * @example
+ * const { disabled, disableTransition } = useInstantUpdate();
+ *
+ * // Disable transitions before a state change
+ * const handleClick = () => {
+ *   disableTransition();
+ *   // State change here...
+ * };
+ */
+export declare function useInstantUpdate(): {
+    disabled: boolean;
+    disableTransition: () => void;
+};

package/dist/hooks/use-instant-update.js

@@ -0,0 +1,16 @@
+"use client";
+import { useState as i, useEffect as n, useCallback as r } from "react";
+function o() {
+  const [e, t] = i(!1);
+  n(() => {
+    if (e) {
+      const a = setTimeout(() => t(!1), 0);
+      return () => clearTimeout(a);
+    }
+  }, [e]);
+  const s = r(() => t(!0), []);
+  return { disabled: e, disableTransition: s };
+}
+export {
+  o as useInstantUpdate
+};

package/dist/hooks/use-is-mounted.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(){const e=t.useRef(!1);return t.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),t.useCallback(()=>e.current,[])}exports.useIsMounted=u;