@btst/stack 1.8.0 → 1.9.1

package/dist/packages/ui/src/components/auto-form/fields/object.cjs

@@ -6,7 +6,7 @@ const form = require('../../form.cjs');
 const reactHookForm = require('react-hook-form');
 const z = require('zod');
 const config = require('../config.cjs');
-const utils = require('../utils.cjs');
+const helpers = require('../helpers.cjs');
 const array = require('./array.cjs');
 const dependencies = require('../dependencies.cjs');
 
@@ -38,7 +38,7 @@ function AutoFormObject({
   if (!schema) {
     return null;
   }
-  const { shape } = utils.getBaseSchema(schema) || {};
+  const { shape } = helpers.getBaseSchema(schema) || {};
   if (!shape) {
     return null;
   }
@@ -55,12 +55,12 @@ function AutoFormObject({
     }
     return item;
   };
-  const sortedFieldKeys = utils.sortFieldsByOrder(fieldConfig, Object.keys(shape));
+  const sortedFieldKeys = helpers.sortFieldsByOrder(fieldConfig, Object.keys(shape));
   return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion, { type: "multiple", className: "space-y-5 border-none", children: sortedFieldKeys.map((name) => {
     let item = shape[name];
     item = handleIfZodNumber(item);
-    const zodBaseType = utils.getBaseType(item);
-    const itemName = utils.beautifyObjectName(name);
+    const zodBaseType = helpers.getBaseType(item);
+    const itemName = helpers.beautifyObjectName(name);
     const key = [...path, name].join(".");
     const {
       isHidden,
@@ -72,6 +72,46 @@ function AutoFormObject({
       return null;
     }
     if (zodBaseType === "ZodObject") {
+      const objectFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof objectFieldConfig.fieldType === "function") {
+        const zodInputProps2 = helpers.zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (objectFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = objectFieldConfig.inputProps.required;
+        }
+        const CustomComponent = objectFieldConfig.fieldType;
+        const ParentElement = objectFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          form.FormField,
+          {
+            control: form$1.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...objectFieldConfig.inputProps,
+                disabled: objectFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsxRuntime.jsx(ParentElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: objectFieldConfig,
+                  label: objectFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: name, className: "border-none", children: [
         /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { children: itemName }),
         /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionContent, { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -86,20 +126,60 @@ function AutoFormObject({
       ] }, key);
     }
     if (zodBaseType === "ZodArray") {
+      const arrayFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof arrayFieldConfig.fieldType === "function") {
+        const zodInputProps2 = helpers.zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (arrayFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = arrayFieldConfig.inputProps.required;
+        }
+        const CustomComponent = arrayFieldConfig.fieldType;
+        const ParentElement = arrayFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          form.FormField,
+          {
+            control: form$1.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...arrayFieldConfig.inputProps,
+                disabled: arrayFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsxRuntime.jsx(ParentElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: arrayFieldConfig,
+                  label: arrayFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsxRuntime.jsx(
         array,
         {
           name,
           item,
           form: form$1,
-          fieldConfig: fieldConfig?.[name] ?? {},
+          fieldConfig: arrayFieldConfig,
           path: [...path, name]
         },
         key
       );
     }
     const fieldConfigItem = fieldConfig?.[name] ?? {};
-    const zodInputProps = utils.zodToHtmlInputProps(item);
+    const zodInputProps = helpers.zodToHtmlInputProps(item);
     let isRequired = isRequiredByDependency || zodInputProps.required || false;
     if (fieldConfigItem.inputProps?.required !== void 0) {
       isRequired = fieldConfigItem.inputProps.required;
@@ -119,7 +199,7 @@ function AutoFormObject({
           const defaultValue = fieldConfigItem.inputProps?.defaultValue;
           const value = field.value ?? defaultValue ?? "";
           const fieldProps = {
-            ...utils.zodToHtmlInputProps(item),
+            ...helpers.zodToHtmlInputProps(item),
             ...field,
             ...fieldConfigItem.inputProps,
             disabled: fieldConfigItem.inputProps?.disabled || isDisabled,

package/dist/packages/ui/src/components/auto-form/fields/object.mjs

@@ -4,7 +4,7 @@ import { FormField } from '../../form.mjs';
 import { useFormContext } from 'react-hook-form';
 import * as z from 'zod';
 import { DEFAULT_ZOD_HANDLERS, INPUT_COMPONENTS } from '../config.mjs';
-import { getBaseSchema, sortFieldsByOrder, getBaseType, beautifyObjectName, zodToHtmlInputProps } from '../utils.mjs';
+import { getBaseSchema, sortFieldsByOrder, getBaseType, beautifyObjectName, zodToHtmlInputProps } from '../helpers.mjs';
 import AutoFormArray from './array.mjs';
 import resolveDependencies from '../dependencies.mjs';
 
@@ -56,6 +56,46 @@ function AutoFormObject({
       return null;
     }
     if (zodBaseType === "ZodObject") {
+      const objectFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof objectFieldConfig.fieldType === "function") {
+        const zodInputProps2 = zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (objectFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = objectFieldConfig.inputProps.required;
+        }
+        const CustomComponent = objectFieldConfig.fieldType;
+        const ParentElement = objectFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...objectFieldConfig.inputProps,
+                disabled: objectFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsx(ParentElement, { children: /* @__PURE__ */ jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: objectFieldConfig,
+                  label: objectFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsxs(AccordionItem, { value: name, className: "border-none", children: [
         /* @__PURE__ */ jsx(AccordionTrigger, { children: itemName }),
         /* @__PURE__ */ jsx(AccordionContent, { className: "p-2", children: /* @__PURE__ */ jsx(
@@ -70,13 +110,53 @@ function AutoFormObject({
       ] }, key);
     }
     if (zodBaseType === "ZodArray") {
+      const arrayFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof arrayFieldConfig.fieldType === "function") {
+        const zodInputProps2 = zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (arrayFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = arrayFieldConfig.inputProps.required;
+        }
+        const CustomComponent = arrayFieldConfig.fieldType;
+        const ParentElement = arrayFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...arrayFieldConfig.inputProps,
+                disabled: arrayFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsx(ParentElement, { children: /* @__PURE__ */ jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: arrayFieldConfig,
+                  label: arrayFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
       return /* @__PURE__ */ jsx(
         AutoFormArray,
         {
           name,
           item,
           form,
-          fieldConfig: fieldConfig?.[name] ?? {},
+          fieldConfig: arrayFieldConfig,
           path: [...path, name]
         },
         key

package/dist/packages/ui/src/components/auto-form/fields/radio-group.cjs

@@ -5,7 +5,7 @@ const form = require('../../form.cjs');
 const radioGroup = require('../../radio-group.cjs');
 const label = require('../common/label.cjs');
 const tooltip = require('../common/tooltip.cjs');
-const utils = require('../utils.cjs');
+const helpers = require('../helpers.cjs');
 
 function getEnumValues(schema) {
   if (Array.isArray(schema.options)) {
@@ -28,7 +28,7 @@ function AutoFormRadioGroup({
   fieldProps,
   fieldConfigItem
 }) {
-  const baseSchema = utils.getBaseSchema(zodItem);
+  const baseSchema = helpers.getBaseSchema(zodItem);
   const values = getEnumValues(baseSchema);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { children: [

package/dist/packages/ui/src/components/auto-form/fields/radio-group.mjs

@@ -3,7 +3,7 @@ import { FormItem, FormControl, FormLabel, FormMessage } from '../../form.mjs';
 import { RadioGroup, RadioGroupItem } from '../../radio-group.mjs';
 import AutoFormLabel from '../common/label.mjs';
 import AutoFormTooltip from '../common/tooltip.mjs';
-import { getBaseSchema } from '../utils.mjs';
+import { getBaseSchema } from '../helpers.mjs';
 
 function getEnumValues(schema) {
   if (Array.isArray(schema.options)) {

package/dist/packages/ui/src/components/auto-form/index.cjs

@@ -6,10 +6,10 @@ const form = require('../form.cjs');
 const React = require('react');
 const reactHookForm = require('react-hook-form');
 require('../button.cjs');
-const utils$1 = require('../../lib/utils.cjs');
+const utils = require('../../lib/utils.cjs');
 const zod = require('@hookform/resolvers/zod');
 const object = require('./fields/object.cjs');
-const utils = require('./utils.cjs');
+const helpers = require('./helpers.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
@@ -26,8 +26,8 @@ function AutoForm({
   className,
   dependencies
 }) {
-  const objectFormSchema = utils.getObjectFormSchema(formSchema);
-  const defaultValues = utils.getDefaultValues(objectFormSchema, fieldConfig);
+  const objectFormSchema = helpers.getObjectFormSchema(formSchema);
+  const defaultValues = helpers.getDefaultValues(objectFormSchema, fieldConfig);
   const form$1 = reactHookForm.useForm({
     // Cast to any to handle Zod v4 type compatibility with @hookform/resolvers
     resolver: zod.zodResolver(formSchema),
@@ -57,7 +57,7 @@ function AutoForm({
       onSubmit: (e) => {
         form$1.handleSubmit(onSubmit)(e);
       },
-      className: utils$1.cn("space-y-5", className),
+      className: utils.cn("space-y-5", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           object,

package/dist/packages/ui/src/components/auto-form/index.mjs

@@ -7,7 +7,7 @@ import '../button.mjs';
 import { cn } from '../../lib/utils.mjs';
 import { zodResolver } from '@hookform/resolvers/zod';
 import AutoFormObject from './fields/object.mjs';
-import { getObjectFormSchema, getDefaultValues } from './utils.mjs';
+import { getObjectFormSchema, getDefaultValues } from './helpers.mjs';
 
 function AutoForm({
   formSchema,

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

@@ -34,8 +34,8 @@ const buttonVariants = classVarianceAuthority.cva(
 );
 function Button({
   className,
-  variant,
-  size,
+  variant = "default",
+  size = "default",
   asChild = false,
   ...props
 }) {
@@ -44,6 +44,8 @@ function Button({
     Comp,
     {
       "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
       className: utils.cn(buttonVariants({ variant, size, className })),
       ...props
     }

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

@@ -32,8 +32,8 @@ const buttonVariants = cva(
 );
 function Button({
   className,
-  variant,
-  size,
+  variant = "default",
+  size = "default",
   asChild = false,
   ...props
 }) {
@@ -42,6 +42,8 @@ function Button({
     Comp,
     {
       "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
       className: cn(buttonVariants({ variant, size, className })),
       ...props
     }

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

@@ -25,6 +25,11 @@ function Dialog({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
 }
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
 function DialogPortal({
   ...props
 }) {
@@ -59,7 +64,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: utils.cn(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
           className
         ),
         ...props,
@@ -139,3 +144,4 @@ exports.DialogHeader = DialogHeader;
 exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;

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

@@ -9,6 +9,11 @@ function Dialog({
 }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
 function DialogPortal({
   ...props
 }) {
@@ -43,7 +48,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
           className
         ),
         ...props,
@@ -115,4 +120,4 @@ function DialogDescription({
   );
 }
 
-export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle };
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/packages/ui/src/components/form-builder/edit-field-dialog.cjs

@@ -4,7 +4,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const index = require('../auto-form/index.cjs');
-const utils = require('../auto-form/utils.cjs');
+const helpers = require('../auto-form/helpers.cjs');
 const input = require('../input.cjs');
 const label = require('../label.cjs');
 const button = require('../button.cjs');
@@ -68,7 +68,7 @@ function EditFieldDialog({
   }
   const Icon = component.icon;
   const jsonSchema = component.propertiesSchema.toJSONSchema();
-  const fieldConfig = utils.buildFieldConfigFromJsonSchema(jsonSchema);
+  const fieldConfig = helpers.buildFieldConfigFromJsonSchema(jsonSchema);
   return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-w-md max-h-[90vh] overflow-y-auto", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogTitle, { className: "flex items-center gap-2", children: [

package/dist/packages/ui/src/components/form-builder/edit-field-dialog.mjs

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo, useState, useCallback } from 'react';
 import AutoForm from '../auto-form/index.mjs';
-import { buildFieldConfigFromJsonSchema } from '../auto-form/utils.mjs';
+import { buildFieldConfigFromJsonSchema } from '../auto-form/helpers.mjs';
 import { Input } from '../input.mjs';
 import { Label } from '../label.mjs';
 import { Button } from '../button.mjs';

package/dist/packages/ui/src/components/form-builder/form-preview.cjs

@@ -4,9 +4,9 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const steppedAutoForm = require('../auto-form/stepped-auto-form.cjs');
-const utils = require('../auto-form/utils.cjs');
+const helpers = require('../auto-form/helpers.cjs');
 const button = require('../button.cjs');
-const utils$1 = require('../../lib/utils.cjs');
+const utils = require('../../lib/utils.cjs');
 const schemaConverter = require('../../lib/schema-converter.cjs');
 
 function FormPreview({ schema, className, fieldComponents, defaultValues }) {
@@ -25,7 +25,7 @@ function FormPreview({ schema, className, fieldComponents, defaultValues }) {
   const mergedFieldComponents = React.useMemo(() => fieldComponents ?? {}, [fieldComponents]);
   const fieldConfig = React.useMemo(() => {
     try {
-      return utils.buildFieldConfigFromJsonSchema(
+      return helpers.buildFieldConfigFromJsonSchema(
         schema,
         mergedFieldComponents
       );
@@ -41,12 +41,12 @@ function FormPreview({ schema, className, fieldComponents, defaultValues }) {
     setSubmittedValues(null);
   };
   if (!zodSchema) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils$1.cn("p-8 text-center text-muted-foreground", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("p-8 text-center text-muted-foreground", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium mb-2", children: "No fields to preview" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "Add some fields to your form to see a preview" })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils$1.cn("p-4 md:p-6", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-2xl mx-auto", children: submittedValues ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("p-4 md:p-6", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-2xl mx-auto", children: submittedValues ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: "Submitted Values" }),
       /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "outline", onClick: handleReset, children: "Try Again" })

package/dist/packages/ui/src/components/form-builder/form-preview.mjs

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
 import SteppedAutoForm from '../auto-form/stepped-auto-form.mjs';
-import { buildFieldConfigFromJsonSchema } from '../auto-form/utils.mjs';
+import { buildFieldConfigFromJsonSchema } from '../auto-form/helpers.mjs';
 import { Button } from '../button.mjs';
 import { cn } from '../../lib/utils.mjs';
 import { formSchemaToZod } from '../../lib/schema-converter.mjs';

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

@@ -42,7 +42,7 @@ function SelectTrigger({
 function SelectContent({
   className,
   children,
-  position = "popper",
+  position = "item-aligned",
   align = "center",
   ...props
 }) {
@@ -90,7 +90,14 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(index.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsxRuntime.jsx(index.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) })
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(index.ItemText, { children })
       ]
     }

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

@@ -40,7 +40,7 @@ function SelectTrigger({
 function SelectContent({
   className,
   children,
-  position = "popper",
+  position = "item-aligned",
   align = "center",
   ...props
 }) {
@@ -88,7 +88,14 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+          }
+        ),
         /* @__PURE__ */ jsx(ItemText, { children })
       ]
     }

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';