@btst/stack 1.11.0 → 1.12.0

package/dist/packages/ui/src/components/popover.cjs

@@ -19,21 +19,26 @@ function PopoverContent({
   className,
   align = "center",
   sideOffset = 4,
+  usePortal = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  const content = /* @__PURE__ */ jsxRuntime.jsx(
     index.Content,
     {
       "data-slot": "popover-content",
       align,
       sideOffset,
       className: utils.cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        "bg-popover text-popover-foreground pointer-events-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         className
       ),
       ...props
     }
-  ) });
+  );
+  if (!usePortal) {
+    return content;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { children: content });
 }
 
 exports.Popover = Popover;

package/dist/packages/ui/src/components/popover.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Root as Root2, Trigger, Portal, Content as Content2 } from '../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_reac_5c5a3ca63b34dfe7d9d23f1e8cee675c/node_modules/@radix-ui/react-popover/dist/index.mjs';
+import { Root as Root2, Trigger, Content as Content2, Portal } from '../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_reac_5c5a3ca63b34dfe7d9d23f1e8cee675c/node_modules/@radix-ui/react-popover/dist/index.mjs';
 import { cn } from '../lib/utils.mjs';
 
 function Popover({
@@ -17,21 +17,26 @@ function PopoverContent({
   className,
   align = "center",
   sideOffset = 4,
+  usePortal = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+  const content = /* @__PURE__ */ jsx(
     Content2,
     {
       "data-slot": "popover-content",
       align,
       sideOffset,
       className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        "bg-popover text-popover-foreground pointer-events-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         className
       ),
       ...props
     }
-  ) });
+  );
+  if (!usePortal) {
+    return content;
+  }
+  return /* @__PURE__ */ jsx(Portal, { children: content });
 }
 
 export { Popover, PopoverContent, PopoverTrigger };

package/dist/packages/ui/src/components/search-select.cjs

@@ -0,0 +1,75 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const LucideIcons = require('lucide-react');
+const utils = require('../lib/utils.cjs');
+const button = require('./button.cjs');
+const command = require('./command.cjs');
+const popover = require('./popover.cjs');
+
+function SearchSelect({
+  options,
+  value,
+  onChange,
+  placeholder = "Select option",
+  emptyMessage = "No option found."
+}) {
+  const id = React.useId();
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        id,
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        className: "bg-background hover:bg-background border-input w-full justify-between px-3 font-normal outline-offset-0 outline-none focus-visible:outline-[3px]",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("truncate", !value && "text-muted-foreground"), children: value ? options.find((option) => option.value === value)?.label : placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            LucideIcons.ChevronDownIcon,
+            {
+              size: 16,
+              className: "text-muted-foreground/80 shrink-0",
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      popover.PopoverContent,
+      {
+        className: "border-input w-full min-w-[var(--radix-popper-anchor-width)] p-0 z-[9999]",
+        align: "start",
+        usePortal: false,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(command.Command, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(command.CommandInput, { placeholder: "Search options..." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(command.CommandList, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(command.CommandEmpty, { children: emptyMessage }),
+            /* @__PURE__ */ jsxRuntime.jsx(command.CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+              command.CommandItem,
+              {
+                value: option.value,
+                onSelect: (currentValue) => {
+                  onChange(currentValue === value ? "" : currentValue);
+                  setOpen(false);
+                },
+                children: [
+                  option.label,
+                  value === option.value && /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckIcon, { size: 16, className: "ml-auto" })
+                ]
+              },
+              option.value
+            )) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+module.exports = SearchSelect;

package/dist/packages/ui/src/components/search-select.mjs

@@ -0,0 +1,73 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId, useState } from 'react';
+import { ChevronDownIcon, CheckIcon } from 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+import { Button } from './button.mjs';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from './command.mjs';
+import { Popover, PopoverTrigger, PopoverContent } from './popover.mjs';
+
+function SearchSelect({
+  options,
+  value,
+  onChange,
+  placeholder = "Select option",
+  emptyMessage = "No option found."
+}) {
+  const id = useId();
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        id,
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        className: "bg-background hover:bg-background border-input w-full justify-between px-3 font-normal outline-offset-0 outline-none focus-visible:outline-[3px]",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: cn("truncate", !value && "text-muted-foreground"), children: value ? options.find((option) => option.value === value)?.label : placeholder }),
+          /* @__PURE__ */ jsx(
+            ChevronDownIcon,
+            {
+              size: 16,
+              className: "text-muted-foreground/80 shrink-0",
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "border-input w-full min-w-[var(--radix-popper-anchor-width)] p-0 z-[9999]",
+        align: "start",
+        usePortal: false,
+        children: /* @__PURE__ */ jsxs(Command, { children: [
+          /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search options..." }),
+          /* @__PURE__ */ jsxs(CommandList, { children: [
+            /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
+            /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+              CommandItem,
+              {
+                value: option.value,
+                onSelect: (currentValue) => {
+                  onChange(currentValue === value ? "" : currentValue);
+                  setOpen(false);
+                },
+                children: [
+                  option.label,
+                  value === option.value && /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "ml-auto" })
+                ]
+              },
+              option.value
+            )) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+export { SearchSelect as default };

package/dist/packages/ui/src/lib/compose-refs.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+const React = require('react');
+
+function _interopNamespaceCompat(e) {
+	if (e && typeof e === 'object' && 'default' in e) return e;
+	const n = Object.create(null);
+	if (e) {
+		for (const k in e) {
+			n[k] = e[k];
+		}
+	}
+	n.default = e;
+	return n;
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React__namespace.useCallback(composeRefs(...refs), refs);
+}
+
+exports.composeRefs = composeRefs;
+exports.useComposedRefs = useComposedRefs;

package/dist/packages/ui/src/lib/compose-refs.mjs

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React.useCallback(composeRefs(...refs), refs);
+}
+
+export { composeRefs, useComposedRefs };

package/dist/plugins/blog/api/index.d.cts

@@ -2,6 +2,6 @@ export { B as BlogApiContext, c as BlogApiRouter, a as BlogBackendHooks, N as Ne
 import '@btst/stack/plugins/api';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.DLhzx1-D.cjs';
+import '../../../shared/stack.CcI4sYJP.cjs';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';

package/dist/plugins/blog/api/index.d.mts

@@ -2,6 +2,6 @@ export { B as BlogApiContext, c as BlogApiRouter, a as BlogBackendHooks, N as Ne
 import '@btst/stack/plugins/api';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.DLhzx1-D.mjs';
+import '../../../shared/stack.CcI4sYJP.mjs';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';

package/dist/plugins/blog/api/index.d.ts

@@ -2,6 +2,6 @@ export { B as BlogApiContext, c as BlogApiRouter, a as BlogBackendHooks, N as Ne
 import '@btst/stack/plugins/api';
 import 'better-call';
 import 'zod';
-import '../../../shared/stack.DLhzx1-D.js';
+import '../../../shared/stack.CcI4sYJP.js';
 import '@tanstack/react-query';
 import '@btst/stack/plugins/client';

package/dist/plugins/blog/client/hooks/index.d.cts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.DLhzx1-D.cjs';
+import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.CcI4sYJP.cjs';
 import { z } from 'zod';
 
 /**
@@ -128,8 +128,8 @@ declare function useSuspenseTags(): {
 };
 /** Create a new post */
 declare function useCreatePost(): _tanstack_react_query.UseMutationResult<SerializedPost | null, Error, {
-    title: string;
     published: boolean;
+    title: string;
     content: string;
     excerpt: string;
     tags: ({

package/dist/plugins/blog/client/hooks/index.d.mts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.DLhzx1-D.mjs';
+import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.CcI4sYJP.mjs';
 import { z } from 'zod';
 
 /**
@@ -128,8 +128,8 @@ declare function useSuspenseTags(): {
 };
 /** Create a new post */
 declare function useCreatePost(): _tanstack_react_query.UseMutationResult<SerializedPost | null, Error, {
-    title: string;
     published: boolean;
+    title: string;
     content: string;
     excerpt: string;
     tags: ({

package/dist/plugins/blog/client/hooks/index.d.ts

@@ -1,5 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.DLhzx1-D.js';
+import { S as SerializedPost, c as createPostSchema, u as updatePostSchema, a as SerializedTag } from '../../../../shared/stack.CcI4sYJP.js';
 import { z } from 'zod';
 
 /**
@@ -128,8 +128,8 @@ declare function useSuspenseTags(): {
 };
 /** Create a new post */
 declare function useCreatePost(): _tanstack_react_query.UseMutationResult<SerializedPost | null, Error, {
-    title: string;
     published: boolean;
+    title: string;
     content: string;
     excerpt: string;
     tags: ({

package/dist/plugins/blog/client/index.d.cts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { P as Post, S as SerializedPost } from '../../../shared/stack.DLhzx1-D.cjs';
+import { P as Post, S as SerializedPost } from '../../../shared/stack.CcI4sYJP.cjs';
 export { UsePostsOptions, UsePostsResult } from './hooks/index.cjs';
 import 'zod';
 

package/dist/plugins/blog/client/index.d.mts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { P as Post, S as SerializedPost } from '../../../shared/stack.DLhzx1-D.mjs';
+import { P as Post, S as SerializedPost } from '../../../shared/stack.CcI4sYJP.mjs';
 export { UsePostsOptions, UsePostsResult } from './hooks/index.mjs';
 import 'zod';
 

package/dist/plugins/blog/client/index.d.ts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { P as Post, S as SerializedPost } from '../../../shared/stack.DLhzx1-D.js';
+import { P as Post, S as SerializedPost } from '../../../shared/stack.CcI4sYJP.js';
 export { UsePostsOptions, UsePostsResult } from './hooks/index.js';
 import 'zod';
 

package/dist/plugins/blog/query-keys.d.cts

@@ -1,7 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.DLhzx1-D.cjs';
+import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.CcI4sYJP.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { createApiClient } from '@btst/stack/plugins/client';
 
@@ -144,10 +144,10 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
     readonly createPost: better_call.StrictEndpoint<"/posts", {
         method: "POST";
         body: z.ZodObject<{
-            title: z.ZodString;
             slug: z.ZodOptional<z.ZodString>;
             published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
             createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+            title: z.ZodString;
             content: z.ZodString;
             excerpt: z.ZodString;
             image: z.ZodOptional<z.ZodString>;

package/dist/plugins/blog/query-keys.d.mts

@@ -1,7 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.DLhzx1-D.mjs';
+import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.CcI4sYJP.mjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { createApiClient } from '@btst/stack/plugins/client';
 
@@ -144,10 +144,10 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
     readonly createPost: better_call.StrictEndpoint<"/posts", {
         method: "POST";
         body: z.ZodObject<{
-            title: z.ZodString;
             slug: z.ZodOptional<z.ZodString>;
             published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
             createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+            title: z.ZodString;
             content: z.ZodString;
             excerpt: z.ZodString;
             image: z.ZodOptional<z.ZodString>;

package/dist/plugins/blog/query-keys.d.ts

@@ -1,7 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.DLhzx1-D.js';
+import { c as createPostSchema, u as updatePostSchema, P as Post, T as Tag, S as SerializedPost, a as SerializedTag } from '../../shared/stack.CcI4sYJP.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { createApiClient } from '@btst/stack/plugins/client';
 
@@ -144,10 +144,10 @@ declare const blogBackendPlugin: (hooks?: BlogBackendHooks) => _btst_stack_plugi
     readonly createPost: better_call.StrictEndpoint<"/posts", {
         method: "POST";
         body: z.ZodObject<{
-            title: z.ZodString;
             slug: z.ZodOptional<z.ZodString>;
             published: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
             createdAt: z.ZodOptional<z.ZodCoercedDate<unknown>>;
+            title: z.ZodString;
             content: z.ZodString;
             excerpt: z.ZodString;
             image: z.ZodOptional<z.ZodString>;

package/dist/plugins/kanban/api/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+const plugin = require('../../../packages/better-stack/src/plugins/kanban/api/plugin.cjs');
+
+
+
+exports.kanbanBackendPlugin = plugin.kanbanBackendPlugin;