@inkeep/cxkit-styled 0.5.85 → 0.5.87

package/dist/components/sidebar-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@inkeep/cxkit-primitives"),o=require("../utils.cjs"),r=({className:t,...a})=>e.jsx(i.SidebarChatPrimitive.Root,{...a,className:o.cn("w-[--width] h-full relative bg-white dark:bg-gray-dark-950","data-[position=left]:pr-1 data-[position=left]:border-r data-[position=left]:mr-1","data-[position=right]:pl-1 data-[position=right]:border-l data-[position=right]:ml-1","data-[state=open]:data-[position=left]:animate-sidebar-in-left","data-[state=open]:data-[position=right]:animate-sidebar-in-right","data-[state=closed]:data-[position=left]:animate-sidebar-out-left","data-[state=closed]:data-[position=right]:animate-sidebar-out-right",t)}),s=({className:t,...a})=>e.jsx(i.SidebarChatPrimitive.Resizer,{className:o.cn("px-1 bg-transparent opacity-0 hover:opacity-100","cursor-ew-resize","absolute top-0 bottom-0 z-[1]",'[[data-position="left"]>&]:-right-1','[[data-position="right"]>&]:-left-1','after:content-[""] after:absolute after:top-0 after:bottom-0 after:w-0.5 after:bg-inkeep-primary-medium dark:after:bg-inkeep-primary-light [[data-position="right"]>&]:after:right-1 [[data-position="left"]>&]:after:left-1',"data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none","data-[state=open]:pointer-events-auto","transition-opacity duration-200",t),...a});exports.Resizer=s;exports.Root=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("@inkeep/cxkit-primitives"),r=require("../utils.cjs"),o=require("../ui/recipes/button.cjs"),s=require("../ui/recipes/scrollable.cjs"),n=({className:t,...e})=>a.jsx(i.SidebarChatPrimitive.Root,{...e,className:r.cn("w-[--width] h-full relative bg-white dark:bg-gray-dark-950","data-[position=left]:pr-1 data-[position=left]:border-r data-[position=left]:mr-1","data-[position=right]:pl-1 data-[position=right]:border-l data-[position=right]:ml-1","data-[state=open]:data-[position=left]:animate-sidebar-in-left","data-[state=open]:data-[position=right]:animate-sidebar-in-right","data-[state=closed]:data-[position=left]:animate-sidebar-out-left","data-[state=closed]:data-[position=right]:animate-sidebar-out-right",t)}),l=({className:t,...e})=>a.jsx(i.SidebarChatPrimitive.Resizer,{className:r.cn("px-1 bg-transparent opacity-0 hover:opacity-100","cursor-ew-resize","absolute top-0 bottom-0 z-[1]",'[[data-position="left"]>&]:-right-1','[[data-position="right"]>&]:-left-1','after:content-[""] after:absolute after:top-0 after:bottom-0 after:w-0.5 after:bg-inkeep-primary-medium dark:after:bg-inkeep-primary-light [[data-position="right"]>&]:after:right-1 [[data-position="left"]>&]:after:left-1',"data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none","data-[state=open]:pointer-events-auto","transition-opacity duration-200",t),...e}),d=({className:t,...e})=>a.jsx(i.SidebarChatPrimitive.Header,{className:r.cn(s.scrollable({section:"header"}),"w-full flex flex-row items-center px-3 py-1.5","bg-white dark:bg-gray-dark-950","after:absolute","after:left-0","after:top-full","after:h-3","after:w-full","after:text-white","after:dark:text-gray-dark-950","after:bg-[linear-gradient(currentColor,_transparent)]","after:z-start",t),...e}),p=({className:t,...e})=>a.jsx(i.SidebarChatPrimitive.CloseButton,{className:r.cn(o.button({variant:"ghost",size:"xs"}),"relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",t),...e});exports.CloseButton=p;exports.Header=d;exports.Resizer=l;exports.Root=n;

package/dist/components/sidebar-chat.js

@@ -1,12 +1,14 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { SidebarChatPrimitive as i } from "@inkeep/cxkit-primitives";
+import { SidebarChatPrimitive as r } from "@inkeep/cxkit-primitives";
 import { cn as o } from "../utils.js";
-const d = ({
+import { button as i } from "../ui/recipes/button.js";
+import { scrollable as s } from "../ui/recipes/scrollable.js";
+const m = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
-  i.Root,
+  r.Root,
   {
     ...a,
     className: o(
@@ -22,11 +24,11 @@ const d = ({
       t
     )
   }
-), p = ({
+), h = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
-  i.Resizer,
+  r.Resizer,
   {
     className: o(
       "px-1 bg-transparent opacity-0 hover:opacity-100",
@@ -43,8 +45,46 @@ const d = ({
     ),
     ...a
   }
+), g = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e(
+  r.Header,
+  {
+    className: o(
+      s({ section: "header" }),
+      "w-full flex flex-row items-center px-3 py-1.5",
+      "bg-white dark:bg-gray-dark-950",
+      "after:absolute",
+      "after:left-0",
+      "after:top-full",
+      "after:h-3",
+      "after:w-full",
+      "after:text-white",
+      "after:dark:text-gray-dark-950",
+      "after:bg-[linear-gradient(currentColor,_transparent)]",
+      "after:z-start",
+      t
+    ),
+    ...a
+  }
+), b = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e(
+  r.CloseButton,
+  {
+    className: o(
+      i({ variant: "ghost", size: "xs" }),
+      "relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",
+      t
+    ),
+    ...a
+  }
 );
 export {
-  p as Resizer,
-  d as Root
+  b as CloseButton,
+  g as Header,
+  h as Resizer,
+  m as Root
 };

package/dist/index.d.cts

@@ -981,10 +981,16 @@ export declare type ShadowProps = React.ComponentPropsWithRef<typeof InkeepShado
 export declare namespace SidebarChat {
     export {
         SidebarChatRoot as Root,
-        SidebarChatResizer as Resizer
+        SidebarChatResizer as Resizer,
+        SidebarChatCloseButton as CloseButton,
+        SidebarChatHeader as Header
     }
 }
 
+declare const SidebarChatCloseButton: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.CloseButton>) => JSX.Element;
+
+declare const SidebarChatHeader: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Header>) => JSX.Element;
+
 declare const SidebarChatResizer: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Resizer>) => JSX.Element;
 
 declare const SidebarChatRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Root>) => JSX.Element;

package/dist/index.d.ts

@@ -981,10 +981,16 @@ export declare type ShadowProps = React.ComponentPropsWithRef<typeof InkeepShado
 export declare namespace SidebarChat {
     export {
         SidebarChatRoot as Root,
-        SidebarChatResizer as Resizer
+        SidebarChatResizer as Resizer,
+        SidebarChatCloseButton as CloseButton,
+        SidebarChatHeader as Header
     }
 }
 
+declare const SidebarChatCloseButton: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.CloseButton>) => JSX.Element;
+
+declare const SidebarChatHeader: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Header>) => JSX.Element;
+
 declare const SidebarChatResizer: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Resizer>) => JSX.Element;
 
 declare const SidebarChatRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Root>) => JSX.Element;

package/dist/inkeep.css.cjs

@@ -2177,6 +2177,11 @@ img[data-part='icon'][data-type='custom'] {
   bottom: 0px;
 }
 
+.after\\:left-0::after {
+  content: var(--tw-content);
+  left: 0px;
+}
+
 .after\\:left-\\[1px\\]::after {
   content: var(--tw-content);
   left: 1px;
@@ -2192,11 +2197,26 @@ img[data-part='icon'][data-type='custom'] {
   top: 1px;
 }
 
+.after\\:top-full::after {
+  content: var(--tw-content);
+  top: 100%;
+}
+
 .after\\:z-base::after {
   content: var(--tw-content);
   z-index: var(--ikp-z-index-base);
 }
 
+.after\\:z-start::after {
+  content: var(--tw-content);
+  z-index: var(--ikp-z-index-start);
+}
+
+.after\\:h-3::after {
+  content: var(--tw-content);
+  height: 0.75rem;
+}
+
 .after\\:h-\\[calc\\(100\\%-2px\\)\\]::after {
   content: var(--tw-content);
   height: calc(100% - 2px);
@@ -2212,6 +2232,11 @@ img[data-part='icon'][data-type='custom'] {
   width: calc(100% - 2px);
 }
 
+.after\\:w-full::after {
+  content: var(--tw-content);
+  width: 100%;
+}
+
 .after\\:rounded-\\[5px\\]::after {
   content: var(--tw-content);
   border-radius: 5px;
@@ -2228,11 +2253,22 @@ img[data-part='icon'][data-type='custom'] {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.after\\:bg-\\[linear-gradient\\(currentColor\\2c _transparent\\)\\]::after {
+  content: var(--tw-content);
+  background-image: linear-gradient(currentColor, transparent);
+}
+
 .after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
   content: var(--tw-content);
   background-image: linear-gradient(transparent, white);
 }
 
+.after\\:text-white::after {
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 .after\\:content-\\[\\"\\"\\]::after {
   --tw-content: "";
   content: var(--tw-content);
@@ -3347,6 +3383,11 @@ img[data-part='icon'][data-type='custom'] {
   background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
 }
 
+.after\\:dark\\:text-gray-dark-950:is([data-theme="dark"] *)::after {
+  content: var(--tw-content);
+  color: var(--ikp-color-gray-dark-950);
+}
+
 .dark\\:focus\\:bg-gray-dark-800:focus:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-gray-dark-800);
 }

package/dist/inkeep.css.js

@@ -2178,6 +2178,11 @@ img[data-part='icon'][data-type='custom'] {
   bottom: 0px;
 }
 
+.after\\:left-0::after {
+  content: var(--tw-content);
+  left: 0px;
+}
+
 .after\\:left-\\[1px\\]::after {
   content: var(--tw-content);
   left: 1px;
@@ -2193,11 +2198,26 @@ img[data-part='icon'][data-type='custom'] {
   top: 1px;
 }
 
+.after\\:top-full::after {
+  content: var(--tw-content);
+  top: 100%;
+}
+
 .after\\:z-base::after {
   content: var(--tw-content);
   z-index: var(--ikp-z-index-base);
 }
 
+.after\\:z-start::after {
+  content: var(--tw-content);
+  z-index: var(--ikp-z-index-start);
+}
+
+.after\\:h-3::after {
+  content: var(--tw-content);
+  height: 0.75rem;
+}
+
 .after\\:h-\\[calc\\(100\\%-2px\\)\\]::after {
   content: var(--tw-content);
   height: calc(100% - 2px);
@@ -2213,6 +2233,11 @@ img[data-part='icon'][data-type='custom'] {
   width: calc(100% - 2px);
 }
 
+.after\\:w-full::after {
+  content: var(--tw-content);
+  width: 100%;
+}
+
 .after\\:rounded-\\[5px\\]::after {
   content: var(--tw-content);
   border-radius: 5px;
@@ -2229,11 +2254,22 @@ img[data-part='icon'][data-type='custom'] {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.after\\:bg-\\[linear-gradient\\(currentColor\\2c _transparent\\)\\]::after {
+  content: var(--tw-content);
+  background-image: linear-gradient(currentColor, transparent);
+}
+
 .after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
   content: var(--tw-content);
   background-image: linear-gradient(transparent, white);
 }
 
+.after\\:text-white::after {
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 .after\\:content-\\[\\"\\"\\]::after {
   --tw-content: "";
   content: var(--tw-content);
@@ -3348,6 +3384,11 @@ img[data-part='icon'][data-type='custom'] {
   background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
 }
 
+.after\\:dark\\:text-gray-dark-950:is([data-theme="dark"] *)::after {
+  content: var(--tw-content);
+  color: var(--ikp-color-gray-dark-950);
+}
+
 .dark\\:focus\\:bg-gray-dark-800:focus:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-gray-dark-800);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-styled",
-  "version": "0.5.85",
+  "version": "0.5.87",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -39,7 +39,7 @@
     "clsx": "2.1.1",
     "merge-anything": "5.1.7",
     "tailwind-merge": "2.6.0",
-    "@inkeep/cxkit-primitives": "0.5.85"
+    "@inkeep/cxkit-primitives": "0.5.87"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -59,8 +59,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-theme": "0.5.85",
-    "@inkeep/cxkit-types": "0.5.85"
+    "@inkeep/cxkit-theme": "0.5.87",
+    "@inkeep/cxkit-types": "0.5.87"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",