@inkeep/cxkit-styled 0.0.0-dev-20250221234142

package/dist/components/intelligent-form.js

@@ -0,0 +1,553 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { IntelligentFormPrimitive as o } from "@inkeep/cxkit-primitives";
+import { cn as n } from "../utils.js";
+import { button as a } from "../ui/recipes/button.js";
+import { checkbox as i } from "../ui/recipes/checkbox.js";
+import { input as s } from "../ui/recipes/input.js";
+import { select as r } from "../ui/recipes/select.js";
+import { merge as m } from "merge-anything";
+import { markdownStyles as d } from "../ui/markdown-styles.js";
+const h = (e) => /* @__PURE__ */ l(o.Provider, { ...e }), C = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Root,
+  {
+    className: n(
+      "max-w-full border divide-y",
+      "rounded-xl shadow h-full max-h-full",
+      "bg-white dark:bg-gray-dark-950",
+      "flex flex-col",
+      e
+    ),
+    ...t
+  }
+), N = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Heading,
+  {
+    className: n("px-5 py-4 font-medium shrink-0", e),
+    ...t
+  }
+), b = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Content,
+  {
+    className: n("flex-1 overflow-hidden", e),
+    ...t
+  }
+), w = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(o.ContentScrollArea, { className: n("h-full", e), ...t }), k = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.ContentScrollAreaViewport,
+  {
+    className: n(
+      "h-full w-full rounded-[inherit] px-5",
+      // We want to target the inner grid
+      "[&_[data-part=grid]]:px-1",
+      "[&_[data-part=grid]]:divide-y",
+      e
+    ),
+    ...t
+  }
+), A = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.ContentScrollAreaScrollbar,
+  {
+    className: n(
+      "flex select-none touch-none p-0.5",
+      "transition-colors duration-[160ms] ease-in-out",
+      "w-2.5 border-l border-l-transparent",
+      e
+    ),
+    ...t
+  }
+), B = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.ContentScrollAreaThumb,
+  {
+    className: n("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
+    ...t
+  }
+), T = o.ContentScrollAreaCorner, H = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Success,
+  {
+    className: n("flex flex-col items-center", "justify-center mx-1 pt-12 pb-6", e),
+    ...t
+  }
+), P = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SuccessIcon,
+  {
+    className: n("w-6 h-6 text-green-500 mb-5", e),
+    ...t
+  }
+), v = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SuccessHeading,
+  {
+    className: n("text-xl font-semibold", "mb-3 tracking-tight", e),
+    ...t
+  }
+), R = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SuccessMessage,
+  {
+    className: n("text-gray-800 dark:text-white-alpha-950", e),
+    ...t
+  }
+), L = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.PrimaryForm,
+  {
+    className: n("w-full flex flex-col py-6", e),
+    ...t
+  }
+), E = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.PrimaryFormDescription,
+  {
+    className: n("text-gray-700 dark:text-white-alpha-700 text-sm", e),
+    ...t
+  }
+), V = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.PrimaryFormFields,
+  {
+    className: n("w-full gap-8", e),
+    ...t
+  }
+), z = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.PrimaryFormSubmit,
+  {
+    className: n(
+      a({ preset: "neutralFilled", size: "sm" }),
+      "ml-auto data-[loading]:cursor-wait",
+      "data-[submitted]:hidden",
+      e
+    ),
+    ...t
+  }
+), q = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormField,
+  {
+    className: n(
+      "mb-8 flex flex-col gap-2 data-[hidden]:hidden",
+      "data-[input-type=CHECKBOX]:flex-row data-[input-type=CHECKBOX]:items-center",
+      e
+    ),
+    ...t
+  }
+), D = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldLabel,
+  {
+    className: n(
+      "font-medium text-sm text-gray-700",
+      "dark:text-white-alpha-700 ",
+      "font-medium relative",
+      "data-[required]:after:absolute",
+      'data-[required]:after:[content:"*"]',
+      "data-[required]:after:ml-1",
+      "data-[required]:after:mt-0",
+      "data-[required]:after:text-red-500",
+      "dark:data-[required]:after:text-red-300",
+      e
+    ),
+    ...t
+  }
+), M = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldText,
+  {
+    className: n(s({ size: "sm", variant: "outline" }), e),
+    ...t
+  }
+), j = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldEmail,
+  {
+    className: n(s({ size: "sm", variant: "outline" }), e),
+    ...t
+  }
+), K = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldFile,
+  {
+    className: n(
+      s({ size: "sm", variant: "outline" }),
+      "text-sm pl-2 file:h-full file:cursor-pointer py-0",
+      "file:bg-transparent file:border-none file:font-medium",
+      "file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",
+      e
+    ),
+    ...t
+  }
+), O = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldTextArea,
+  {
+    className: n(s({ size: "sm", variant: "outline" }), "min-h-20 px-4 py-2", e),
+    ...t
+  }
+), X = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldCheckbox,
+  {
+    className: n(i({ slot: "root" }), e),
+    ...t
+  }
+), _ = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldCheckboxIndicator,
+  {
+    className: n(i({ slot: "indicator" }), e),
+    ...t
+  }
+), G = o.FormFieldSelect, J = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldSelectTrigger,
+  {
+    className: n(r({ slot: "trigger" }), "text-sm", e),
+    ...t
+  }
+), Q = o.FormFieldSelectValue, U = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldSelectIcon,
+  {
+    className: n("h-4 w-4 opacity-45", e),
+    ...t
+  }
+), W = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldSelectContent,
+  {
+    className: n(r({ slot: "content" }), e),
+    ...t
+  }
+), Y = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldSelectViewport,
+  {
+    className: n(r({ slot: "viewport" }), e),
+    ...t
+  }
+), Z = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldSelectItem,
+  {
+    className: n(r({ slot: "item" }), "text-sm", e),
+    ...t
+  }
+), $ = o.FormFieldSelectItemText, ee = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldSelectItemIndicator,
+  {
+    className: n(r({ slot: "itemIndicator" }), e),
+    ...t
+  }
+), te = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.FormFieldError,
+  {
+    className: n("text-sm flex items-center text-red-500 dark:text-red-300", e),
+    ...t
+  }
+), oe = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.BotHeading,
+  {
+    className: n("flex items-center gap-2", e),
+    ...t
+  }
+), le = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.BotHeadingIcon,
+  {
+    className: n(
+      "border bg-gradient-to-t",
+      "from-gray-100 dark:from-gray-dark-600 p-1 rounded-md",
+      "w-6 h-6 text-gray-600 dark:text-white-alpha-700",
+      e
+    ),
+    ...t
+  }
+), ne = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.BotHeadingName,
+  {
+    className: n("text-gray-800 dark:text-white-alpha-950 text-sm font-semibold", e),
+    ...t
+  }
+), re = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Loading,
+  {
+    className: n(
+      "py-6 flex flex-wrap",
+      "gap-x-3 gap-y-6",
+      "[&>:first-child]:basis-full text-sm",
+      e
+    ),
+    ...t
+  }
+), ae = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.ConfidentResponse,
+  {
+    className: n("w-full flex flex-col py-6 gap-6 min-w-0 text-sm", e),
+    ...t
+  }
+), se = ({
+  className: e,
+  componentStyles: t,
+  ...c
+}) => /* @__PURE__ */ l(
+  o.ConfidentAnswer,
+  {
+    className: n("max-w-full ", e),
+    componentStyles: m(d, t ?? {}),
+    ...c
+  }
+), ie = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.ConfidentResponseButton,
+  {
+    className: n(
+      a({ preset: "neutralFilled", size: "sm" }),
+      "ml-auto gap-2 data-[escalated]:hidden",
+      e
+    ),
+    ...t
+  }
+), ce = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(o.ConfidentResponseButtonIcon, { className: n("", e), ...t }), me = o.ConfidentResponseButtonLabel, de = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SecondaryForm,
+  {
+    className: n("w-full flex flex-col py-6 gap-6", e),
+    ...t
+  }
+), Fe = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SecondaryFormDescription,
+  {
+    className: n("text-gray-700 dark:text-white-alpha-700 text-sm", e),
+    ...t
+  }
+), ge = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SecondaryFormFields,
+  {
+    className: n("w-full gap-8", e),
+    ...t
+  }
+), ue = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SecondaryFormSubmit,
+  {
+    className: n(
+      a({ preset: "neutralFilled", size: "sm" }),
+      "ml-auto data-[loading]:cursor-wait",
+      "data-[submitted]:hidden",
+      e
+    ),
+    ...t
+  }
+), Se = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Error,
+  {
+    className: n("text-red-500 dark:text-red-300", e),
+    ...t
+  }
+), pe = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Sources,
+  {
+    className: n("w-full flex flex-col gap-6", e),
+    ...t
+  }
+), xe = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SourcesCaption,
+  {
+    className: n("text-gray-700 dark:text-white-alpha-700 text-sm", e),
+    ...t
+  }
+), fe = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.SourcesList,
+  {
+    className: n("w-full flex flex-wrap gap-2 items-center", e),
+    ...t
+  }
+), Ie = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  o.Source,
+  {
+    className: n(
+      a({ size: "xs", variant: "outline" }),
+      "text-gray-600 dark:text-white-alpha-700 gap-1",
+      e
+    ),
+    ...t
+  }
+), ye = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(o.SourceIcon, { className: n("", e), ...t }), he = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(o.SourceTitle, { className: n("line-clamp-1", e), ...t });
+export {
+  oe as BotHeading,
+  le as BotHeadingIcon,
+  ne as BotHeadingName,
+  X as Checkbox,
+  _ as CheckboxIndicator,
+  se as ConfidentAnswer,
+  ae as ConfidentResponse,
+  ie as ConfidentResponseButton,
+  ce as ConfidentResponseButtonIcon,
+  me as ConfidentResponseButtonLabel,
+  b as Content,
+  w as ContentScrollArea,
+  T as ContentScrollAreaCorner,
+  A as ContentScrollAreaScrollbar,
+  B as ContentScrollAreaThumb,
+  k as ContentScrollAreaViewport,
+  j as Email,
+  Se as Error,
+  q as Field,
+  te as FieldError,
+  D as FieldLabel,
+  K as File,
+  N as Heading,
+  re as Loading,
+  L as PrimaryForm,
+  E as PrimaryFormDescription,
+  V as PrimaryFormFields,
+  z as PrimaryFormSubmit,
+  h as Provider,
+  C as Root,
+  de as SecondaryForm,
+  Fe as SecondaryFormDescription,
+  ge as SecondaryFormFields,
+  ue as SecondaryFormSubmit,
+  G as Select,
+  W as SelectContent,
+  U as SelectIcon,
+  Z as SelectItem,
+  ee as SelectItemIndicator,
+  $ as SelectItemText,
+  J as SelectTrigger,
+  Q as SelectValue,
+  Y as SelectViewport,
+  Ie as Source,
+  ye as SourceIcon,
+  he as SourceTitle,
+  pe as Sources,
+  xe as SourcesCaption,
+  fe as SourcesList,
+  H as Success,
+  v as SuccessHeading,
+  P as SuccessIcon,
+  R as SuccessMessage,
+  M as Text,
+  O as TextArea
+};

package/dist/components/loading-indicator.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),n=["Thinking","Looking for content","Analyzing"];function c(){const[s,i]=r.useState(0);return r.useEffect(()=>{const e=setInterval(()=>{i(a=>a+1<n.length?a+1:(clearInterval(e),a))},3500);return()=>clearInterval(e)},[]),t.jsxs("div",{className:"flex items-center space-x-2 font-medium text-sm text-gray-700 dark:text-gray-dark-300","aria-live":"polite",children:[t.jsx("span",{className:"animate-shimmer bg-gradient-to-br from-gray-700 to-gray-400 dark:from-gray-dark-300 dark:to-gray-dark-100 bg-clip-text text-transparent",children:n[s]}),t.jsx("div",{className:"flex space-x-1",children:[0,1,2].map(e=>t.jsx("span",{className:"animate-bounce-dot opacity-30",style:{animationDelay:`${e*.2}s`},children:"."},e))})]})}exports.LoadingIndicator=c;

package/dist/components/loading-indicator.d.cts

@@ -0,0 +1 @@
+export declare function LoadingIndicator(): import("react/jsx-runtime").JSX.Element;

package/dist/components/loading-indicator.d.ts

@@ -0,0 +1 @@
+export declare function LoadingIndicator(): import("react/jsx-runtime").JSX.Element;

package/dist/components/loading-indicator.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as o, useEffect as c } from "react";
+const r = ["Thinking", "Looking for content", "Analyzing"];
+function d() {
+  const [n, s] = o(0);
+  return c(() => {
+    const e = setInterval(() => {
+      s((a) => a + 1 < r.length ? a + 1 : (clearInterval(e), a));
+    }, 3500);
+    return () => clearInterval(e);
+  }, []), /* @__PURE__ */ i(
+    "div",
+    {
+      className: "flex items-center space-x-2 font-medium text-sm text-gray-700 dark:text-gray-dark-300",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ t("span", { className: "animate-shimmer bg-gradient-to-br from-gray-700 to-gray-400 dark:from-gray-dark-300 dark:to-gray-dark-100 bg-clip-text text-transparent", children: r[n] }),
+        /* @__PURE__ */ t("div", { className: "flex space-x-1", children: [0, 1, 2].map((e) => /* @__PURE__ */ t(
+          "span",
+          {
+            className: "animate-bounce-dot opacity-30",
+            style: {
+              animationDelay: `${e * 0.2}s`
+            },
+            children: "."
+          },
+          e
+        )) })
+      ]
+    }
+  );
+}
+export {
+  d as LoadingIndicator
+};

package/dist/components/modal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("@inkeep/cxkit-primitives"),s=require("../utils.cjs"),a=require("../ui/recipes/button.cjs"),i=require("../ui/recipes/modal.cjs"),n=o.ModalPrimitive.Modal,r=({className:t,...e})=>l.jsx(o.ModalPrimitive.Overlay,{className:s.cn(i.modal({slot:"overlay"}),t),...e}),c=({className:t,...e})=>l.jsx(o.ModalPrimitive.Content,{className:s.cn(i.modal({slot:"content"}),"w-[min(90vw,720px)]",t),...e}),d=({className:t,...e})=>l.jsx(o.ModalPrimitive.Close,{className:s.cn(i.modal({slot:"close"}),a.button({variant:"ghost",size:"xs"}),"relative inset-[unset] ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0","md:hidden",t),...e});exports.Close=d;exports.Content=c;exports.Overlay=r;exports.Root=n;

package/dist/components/modal.d.cts

@@ -0,0 +1,6 @@
+import { ModalPrimitive } from '@inkeep/cxkit-primitives';
+declare const Modal: (props: ModalPrimitive.PrimitiveModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ModalOverlay: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Overlay>) => import("react/jsx-runtime").JSX.Element;
+declare const ModalContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
+declare const ModalClose: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Close>) => import("react/jsx-runtime").JSX.Element;
+export { Modal as Root, ModalOverlay as Overlay, ModalContent as Content, ModalClose as Close };

package/dist/components/modal.d.ts

@@ -0,0 +1,6 @@
+import { ModalPrimitive } from '@inkeep/cxkit-primitives';
+declare const Modal: (props: ModalPrimitive.PrimitiveModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ModalOverlay: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Overlay>) => import("react/jsx-runtime").JSX.Element;
+declare const ModalContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
+declare const ModalClose: ({ className, ...props }: React.ComponentPropsWithRef<typeof ModalPrimitive.Close>) => import("react/jsx-runtime").JSX.Element;
+export { Modal as Root, ModalOverlay as Overlay, ModalContent as Content, ModalClose as Close };

package/dist/components/modal.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { ModalPrimitive as a } from "@inkeep/cxkit-primitives";
+import { cn as s } from "../utils.js";
+import { button as n } from "../ui/recipes/button.js";
+import { modal as l } from "../ui/recipes/modal.js";
+const p = a.Modal, v = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(a.Overlay, { className: s(l({ slot: "overlay" }), o), ...t }), x = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  a.Content,
+  {
+    className: s(l({ slot: "content" }), "w-[min(90vw,720px)]", o),
+    ...t
+  }
+), C = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  a.Close,
+  {
+    className: s(
+      l({ slot: "close" }),
+      n({ variant: "ghost", size: "xs" }),
+      "relative inset-[unset] ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",
+      "md:hidden",
+      o
+    ),
+    ...t
+  }
+);
+export {
+  C as Close,
+  x as Content,
+  v as Overlay,
+  p as Root
+};

package/dist/components/searchbar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("../utils.cjs"),c=require("@inkeep/cxkit-primitives"),i=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarContainer,{className:t.cn("md:min-w-[min(320px,100%)] w-full h-full min-h-10",r),...e}),n=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarButton,{className:t.cn("rounded-md border px-4 min-w-0 flex items-center justify-between gap-2 h-full w-full hover:border-gray-300 dark:hover:border-white-alpha-300 transition-colors",r),...e}),h=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarContentWrapper,{className:t.cn("flex items-center gap-2 min-w-0",r),...e}),s=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarText,{className:t.cn("text-md text-gray-500 dark:text-white-alpha-600",r),...e}),o=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarIcon,{className:t.cn("text-gray-500 dark:text-white-alpha-600",r),...e}),S=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdWrapper,{className:t.cn("text-sm text-gray-400 dark:text-white-alpha-500 font-bold flex items-center gap-0.5",r),...e}),B=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdModifier,{className:t.cn("",r),...e}),m=({className:r,...e})=>a.jsx(c.SearchBarPrimitive.SearchBarKbdShortcutKey,{className:t.cn("",r),...e});exports.SearchBarButton=n;exports.SearchBarContainer=i;exports.SearchBarContentWrapper=h;exports.SearchBarIcon=o;exports.SearchBarKbdModifier=B;exports.SearchBarKbdShortcutKey=m;exports.SearchBarKbdWrapper=S;exports.SearchBarText=s;

package/dist/components/searchbar.d.cts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef } from 'react';
+import { SearchBarPrimitive } from '@inkeep/cxkit-primitives';
+declare const SearchBarContainer: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarContainer>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarButton: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarButton>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarContentWrapper: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarContentWrapper>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarText: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarText>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarIcon: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarIcon>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdWrapper: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdWrapper>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdModifier: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdModifier>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdShortcutKey: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdShortcutKey>) => import("react/jsx-runtime").JSX.Element;
+export { SearchBarContainer, SearchBarButton, SearchBarContentWrapper, SearchBarText, SearchBarIcon, SearchBarKbdWrapper, SearchBarKbdModifier, SearchBarKbdShortcutKey, };

package/dist/components/searchbar.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef } from 'react';
+import { SearchBarPrimitive } from '@inkeep/cxkit-primitives';
+declare const SearchBarContainer: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarContainer>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarButton: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarButton>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarContentWrapper: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarContentWrapper>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarText: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarText>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarIcon: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarIcon>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdWrapper: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdWrapper>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdModifier: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdModifier>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchBarKbdShortcutKey: ({ className, ...props }: ComponentPropsWithRef<typeof SearchBarPrimitive.SearchBarKbdShortcutKey>) => import("react/jsx-runtime").JSX.Element;
+export { SearchBarContainer, SearchBarButton, SearchBarContentWrapper, SearchBarText, SearchBarIcon, SearchBarKbdWrapper, SearchBarKbdModifier, SearchBarKbdShortcutKey, };