@btst/plugin-cms 1.0.0-beta.0 → 1.2.0-beta.0

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

@@ -5,9 +5,11 @@ const jsxRuntime = require('react/jsx-runtime');
 const form = require('../form.cjs');
 const React = require('react');
 const reactHookForm = require('react-hook-form');
+const schemaConverter = require('../../lib/schema-converter.cjs');
 require('../button.cjs');
 const utils = require('../../lib/utils.cjs');
 const zod = require('@hookform/resolvers/zod');
+const file = require('./fields/file.cjs');
 const object = require('./fields/object.cjs');
 const helpers = require('./helpers.cjs');
 
@@ -34,6 +36,23 @@ function AutoForm({
     defaultValues: defaultValues ?? void 0,
     values: valuesProp
   });
+  const [uploadStatuses, setUploadStatuses] = React.useState({});
+  const reportUploadStatus = React.useCallback((name, status) => {
+    setUploadStatuses((previous) => {
+      if (previous[name] === status || !status && !(name in previous)) return previous;
+      const next = { ...previous };
+      if (status) next[name] = status;
+      else Reflect.deleteProperty(next, name);
+      return next;
+    });
+  }, []);
+  const uploading = Object.values(uploadStatuses).includes("uploading");
+  const uploadBlocked = Object.keys(uploadStatuses).length > 0;
+  const watchedValues = reactHookForm.useWatch({ control: form$1.control });
+  const metadata = formSchema.meta();
+  const visibility = metadata?.properties ? schemaConverter.resolveVisibleSchema(metadata, watchedValues) : void 0;
+  const visibleKeys = visibility ? Object.keys(visibility.schema.properties ?? {}) : null;
+  const visibleObjectSchema = visibleKeys ? objectFormSchema.pick(Object.fromEntries(visibleKeys.map((key) => [key, true]))) : objectFormSchema;
   const [schemaSubmitError, setSchemaSubmitError] = React.useState(null);
   function onSubmit(values) {
     setSchemaSubmitError(null);
@@ -58,18 +77,24 @@ function AutoForm({
     return () => subscription.unsubscribe();
   }, [form$1, formSchema, onValuesChangeProp, onParsedValuesChange]);
   const renderChildren = typeof children === "function" ? children(form$1.formState) : children;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(form.Form, { ...form$1, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(form.Form, { ...form$1, children: /* @__PURE__ */ jsxRuntime.jsx(
     "form",
     {
       onSubmit: (e) => {
+        if (uploadBlocked) {
+          e.preventDefault();
+          setSchemaSubmitError(uploading ? "Wait for the upload to finish." : "Retry the failed file upload before submitting.");
+          return;
+        }
         form$1.handleSubmit(onSubmit, () => setSchemaSubmitError(null))(e);
       },
       className: utils.cn("space-y-5", className),
-      children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx(file.FileUploadStatusContext.Provider, { value: reportUploadStatus, children: /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { disabled: uploading, className: "contents", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           object,
           {
-            schema: objectFormSchema,
+            schema: visibleObjectSchema,
+            visibilityValues: visibility?.data,
             form: form$1,
             dependencies,
             fieldConfig
@@ -84,7 +109,7 @@ function AutoForm({
           }
         ) : null,
         renderChildren
-      ]
+      ] }) })
     }
   ) }) });
 }

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

@@ -1,11 +1,13 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Form } from '../form.mjs';
-import React__default, { useState } from 'react';
-import { useForm } from 'react-hook-form';
+import React__default, { useState, useCallback } from 'react';
+import { useForm, useWatch } from 'react-hook-form';
+import { resolveVisibleSchema } from '../../lib/schema-converter.mjs';
 import '../button.mjs';
 import { cn } from '../../lib/utils.mjs';
 import { zodResolver } from '@hookform/resolvers/zod';
+import { FileUploadStatusContext } from './fields/file.mjs';
 import AutoFormObject from './fields/object.mjs';
 import { getObjectFormSchema, getDefaultValues } from './helpers.mjs';
 
@@ -28,6 +30,23 @@ function AutoForm({
     defaultValues: defaultValues ?? void 0,
     values: valuesProp
   });
+  const [uploadStatuses, setUploadStatuses] = useState({});
+  const reportUploadStatus = useCallback((name, status) => {
+    setUploadStatuses((previous) => {
+      if (previous[name] === status || !status && !(name in previous)) return previous;
+      const next = { ...previous };
+      if (status) next[name] = status;
+      else Reflect.deleteProperty(next, name);
+      return next;
+    });
+  }, []);
+  const uploading = Object.values(uploadStatuses).includes("uploading");
+  const uploadBlocked = Object.keys(uploadStatuses).length > 0;
+  const watchedValues = useWatch({ control: form.control });
+  const metadata = formSchema.meta();
+  const visibility = metadata?.properties ? resolveVisibleSchema(metadata, watchedValues) : void 0;
+  const visibleKeys = visibility ? Object.keys(visibility.schema.properties ?? {}) : null;
+  const visibleObjectSchema = visibleKeys ? objectFormSchema.pick(Object.fromEntries(visibleKeys.map((key) => [key, true]))) : objectFormSchema;
   const [schemaSubmitError, setSchemaSubmitError] = useState(null);
   function onSubmit(values) {
     setSchemaSubmitError(null);
@@ -52,18 +71,24 @@ function AutoForm({
     return () => subscription.unsubscribe();
   }, [form, formSchema, onValuesChangeProp, onParsedValuesChange]);
   const renderChildren = typeof children === "function" ? children(form.formState) : children;
-  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsx(
     "form",
     {
       onSubmit: (e) => {
+        if (uploadBlocked) {
+          e.preventDefault();
+          setSchemaSubmitError(uploading ? "Wait for the upload to finish." : "Retry the failed file upload before submitting.");
+          return;
+        }
         form.handleSubmit(onSubmit, () => setSchemaSubmitError(null))(e);
       },
       className: cn("space-y-5", className),
-      children: [
+      children: /* @__PURE__ */ jsx(FileUploadStatusContext.Provider, { value: reportUploadStatus, children: /* @__PURE__ */ jsxs("fieldset", { disabled: uploading, className: "contents", children: [
         /* @__PURE__ */ jsx(
           AutoFormObject,
           {
-            schema: objectFormSchema,
+            schema: visibleObjectSchema,
+            visibilityValues: visibility?.data,
             form,
             dependencies,
             fieldConfig
@@ -78,7 +103,7 @@ function AutoForm({
           }
         ) : null,
         renderChildren
-      ]
+      ] }) })
     }
   ) }) });
 }

package/dist/ui/src/components/auto-form/stepped-auto-form.cjs

@@ -5,6 +5,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const z = require('zod');
 const index = require('./index.cjs');
+const helpers = require('./helpers.cjs');
+const schemaConverter = require('../../lib/schema-converter.cjs');
+const formVisibility = require('../../lib/form-visibility.cjs');
 const button = require('../button.cjs');
 const separator = require('../separator.cjs');
 const utils = require('../../lib/utils.cjs');
@@ -15,7 +18,7 @@ const React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function extractStepsFromSchema(schema) {
   try {
-    const jsonSchema = schema.toJSONSchema();
+    const jsonSchema = schema.meta()?.steps ? schema.meta() : schema.toJSONSchema();
     if (jsonSchema.steps && Array.isArray(jsonSchema.steps)) {
       return jsonSchema.steps;
     }
@@ -26,7 +29,7 @@ function extractStepsFromSchema(schema) {
 function getFieldStepAssignments(schema) {
   const assignments = /* @__PURE__ */ new Map();
   try {
-    const jsonSchema = schema.toJSONSchema();
+    const jsonSchema = schema.meta()?.steps ? schema.meta() : schema.toJSONSchema();
     const stepGroupMap = jsonSchema.stepGroupMap;
     if (stepGroupMap) {
       for (const [fieldName, stepGroup] of Object.entries(stepGroupMap)) {
@@ -60,21 +63,6 @@ function createStepSchema(fullSchema, stepIndex, fieldAssignments) {
   }
   return fullSchema.pick(pickObject);
 }
-function getObjectSchema(schema) {
-  if (schema instanceof z.z.ZodObject) {
-    return schema;
-  }
-  const schemaDef = schema._zod?.def ?? schema._def;
-  if (schemaDef) {
-    if (schemaDef.schema) {
-      return getObjectSchema(schemaDef.schema);
-    }
-    if (schemaDef.innerType) {
-      return getObjectSchema(schemaDef.innerType);
-    }
-  }
-  return null;
-}
 function DefaultStepper({
   steps,
   currentStepIndex,
@@ -122,16 +110,25 @@ function SteppedAutoForm({
   StepperComponent = DefaultStepper,
   isSubmitting = false
 }) {
-  const steps = React.useMemo(() => extractStepsFromSchema(formSchema), [formSchema]);
-  const hasMultipleSteps = steps.length > 1;
-  const fieldAssignments = React.useMemo(
+  const allSteps = React.useMemo(() => extractStepsFromSchema(formSchema), [formSchema]);
+  const hasMultipleSteps = allSteps.length > 1;
+  const originalFieldAssignments = React.useMemo(
     () => getFieldStepAssignments(formSchema),
     [formSchema]
   );
   const [currentStepIndex, setCurrentStepIndex] = React.useState(0);
   const [accumulatedValues, setAccumulatedValues] = React.useState(
-    initialValues ?? {}
+    () => ({ ...helpers.getDefaultValues(helpers.getObjectFormSchema(formSchema), fieldConfig) ?? {}, ...initialValues ?? {} })
   );
+  const steps = React.useMemo(() => {
+    const metadata = formSchema.meta();
+    const visibleValues = metadata?.properties ? schemaConverter.resolveVisibleSchema(metadata, accumulatedValues).data : accumulatedValues;
+    return allSteps.map((step, originalIndex) => ({ ...step, originalIndex })).filter((step) => formVisibility.matchesShowIf(step.showIf, visibleValues));
+  }, [allSteps, accumulatedValues, formSchema]);
+  const fieldAssignments = React.useMemo(() => new Map(Array.from(originalFieldAssignments).map(([key, originalIndex]) => [key, steps.findIndex((step) => step.originalIndex === originalIndex)])), [originalFieldAssignments, steps]);
+  React.useEffect(() => {
+    setCurrentStepIndex((index) => Math.min(index, Math.max(0, steps.length - 1)));
+  }, [steps.length]);
   const [completedSteps, setCompletedSteps] = React.useState(/* @__PURE__ */ new Set());
   const [schemaErrors, setSchemaErrors] = React.useState(null);
   const accumulatedValuesRef = React.useRef(accumulatedValues);
@@ -152,13 +149,19 @@ function SteppedAutoForm({
       setAccumulatedValues(newValues);
     }
   }, [initialValues]);
-  const objectSchema = React.useMemo(() => getObjectSchema(formSchema), [formSchema]);
+  const objectSchema = React.useMemo(() => helpers.getObjectFormSchema(formSchema), [formSchema]);
   const stepSchemas = React.useMemo(() => {
     if (!hasMultipleSteps || !objectSchema) return [];
-    return steps.map(
-      (_, index) => createStepSchema(objectSchema, index, fieldAssignments)
-    );
-  }, [hasMultipleSteps, objectSchema, steps, fieldAssignments]);
+    const metadata = formSchema.meta();
+    if (metadata?.properties) {
+      const visible = schemaConverter.resolveVisibleSchema(metadata, accumulatedValues).schema;
+      return steps.map((_, index) => {
+        const properties = Object.fromEntries(Object.entries(visible.properties ?? {}).filter(([key]) => fieldAssignments.get(key) === index));
+        return schemaConverter.formSchemaToZod({ ...visible, properties, required: visible.required?.filter((key) => key in properties), steps: void 0 });
+      });
+    }
+    return steps.map((_, index) => createStepSchema(objectSchema, index, fieldAssignments));
+  }, [hasMultipleSteps, objectSchema, steps, fieldAssignments, accumulatedValues, formSchema]);
   const currentStep = steps[currentStepIndex];
   const currentStepSchema = stepSchemas[currentStepIndex];
   const isFirst = currentStepIndex === 0;
@@ -166,14 +169,16 @@ function SteppedAutoForm({
   const currentStepFieldConfig = React.useMemo(() => {
     if (!fieldConfig) return void 0;
     const stepFields = Array.from(fieldAssignments.entries()).filter(([, step]) => step === currentStepIndex).map(([field]) => field);
+    const properties = formSchema.meta()?.properties;
     const filtered = {};
     for (const field of stepFields) {
       if (field in fieldConfig) {
-        filtered[field] = fieldConfig[field];
+        const config = fieldConfig[field];
+        filtered[field] = properties?.[field]?.showIf ? { ...config, showIf: void 0 } : config;
       }
     }
     return filtered;
-  }, [fieldConfig, fieldAssignments, currentStepIndex]);
+  }, [fieldConfig, fieldAssignments, currentStepIndex, formSchema]);
   const currentStepValues = React.useMemo(() => {
     const stepFields = Array.from(fieldAssignments.entries()).filter(([, step]) => step === currentStepIndex).map(([field]) => field);
     const values = {};
@@ -251,7 +256,7 @@ function SteppedAutoForm({
       setSchemaErrors(null);
     }
   }, [isFirst]);
-  if (!hasMultipleSteps) {
+  if (!hasMultipleSteps || steps.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       index,
       {

package/dist/ui/src/components/auto-form/stepped-auto-form.mjs

@@ -1,15 +1,18 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default, { useMemo, useState, useRef, useEffect, useCallback } from 'react';
+import React__default, { useMemo, useState, useEffect, useRef, useCallback } from 'react';
 import { z } from 'zod';
 import AutoForm from './index.mjs';
+import { getDefaultValues, getObjectFormSchema } from './helpers.mjs';
+import { resolveVisibleSchema, formSchemaToZod } from '../../lib/schema-converter.mjs';
+import { matchesShowIf } from '../../lib/form-visibility.mjs';
 import { Button } from '../button.mjs';
 import { Separator } from '../separator.mjs';
 import { cn } from '../../lib/utils.mjs';
 
 function extractStepsFromSchema(schema) {
   try {
-    const jsonSchema = schema.toJSONSchema();
+    const jsonSchema = schema.meta()?.steps ? schema.meta() : schema.toJSONSchema();
     if (jsonSchema.steps && Array.isArray(jsonSchema.steps)) {
       return jsonSchema.steps;
     }
@@ -20,7 +23,7 @@ function extractStepsFromSchema(schema) {
 function getFieldStepAssignments(schema) {
   const assignments = /* @__PURE__ */ new Map();
   try {
-    const jsonSchema = schema.toJSONSchema();
+    const jsonSchema = schema.meta()?.steps ? schema.meta() : schema.toJSONSchema();
     const stepGroupMap = jsonSchema.stepGroupMap;
     if (stepGroupMap) {
       for (const [fieldName, stepGroup] of Object.entries(stepGroupMap)) {
@@ -54,21 +57,6 @@ function createStepSchema(fullSchema, stepIndex, fieldAssignments) {
   }
   return fullSchema.pick(pickObject);
 }
-function getObjectSchema(schema) {
-  if (schema instanceof z.ZodObject) {
-    return schema;
-  }
-  const schemaDef = schema._zod?.def ?? schema._def;
-  if (schemaDef) {
-    if (schemaDef.schema) {
-      return getObjectSchema(schemaDef.schema);
-    }
-    if (schemaDef.innerType) {
-      return getObjectSchema(schemaDef.innerType);
-    }
-  }
-  return null;
-}
 function DefaultStepper({
   steps,
   currentStepIndex,
@@ -116,16 +104,25 @@ function SteppedAutoForm({
   StepperComponent = DefaultStepper,
   isSubmitting = false
 }) {
-  const steps = useMemo(() => extractStepsFromSchema(formSchema), [formSchema]);
-  const hasMultipleSteps = steps.length > 1;
-  const fieldAssignments = useMemo(
+  const allSteps = useMemo(() => extractStepsFromSchema(formSchema), [formSchema]);
+  const hasMultipleSteps = allSteps.length > 1;
+  const originalFieldAssignments = useMemo(
     () => getFieldStepAssignments(formSchema),
     [formSchema]
   );
   const [currentStepIndex, setCurrentStepIndex] = useState(0);
   const [accumulatedValues, setAccumulatedValues] = useState(
-    initialValues ?? {}
+    () => ({ ...getDefaultValues(getObjectFormSchema(formSchema), fieldConfig) ?? {}, ...initialValues ?? {} })
   );
+  const steps = useMemo(() => {
+    const metadata = formSchema.meta();
+    const visibleValues = metadata?.properties ? resolveVisibleSchema(metadata, accumulatedValues).data : accumulatedValues;
+    return allSteps.map((step, originalIndex) => ({ ...step, originalIndex })).filter((step) => matchesShowIf(step.showIf, visibleValues));
+  }, [allSteps, accumulatedValues, formSchema]);
+  const fieldAssignments = useMemo(() => new Map(Array.from(originalFieldAssignments).map(([key, originalIndex]) => [key, steps.findIndex((step) => step.originalIndex === originalIndex)])), [originalFieldAssignments, steps]);
+  useEffect(() => {
+    setCurrentStepIndex((index) => Math.min(index, Math.max(0, steps.length - 1)));
+  }, [steps.length]);
   const [completedSteps, setCompletedSteps] = useState(/* @__PURE__ */ new Set());
   const [schemaErrors, setSchemaErrors] = useState(null);
   const accumulatedValuesRef = useRef(accumulatedValues);
@@ -146,13 +143,19 @@ function SteppedAutoForm({
       setAccumulatedValues(newValues);
     }
   }, [initialValues]);
-  const objectSchema = useMemo(() => getObjectSchema(formSchema), [formSchema]);
+  const objectSchema = useMemo(() => getObjectFormSchema(formSchema), [formSchema]);
   const stepSchemas = useMemo(() => {
     if (!hasMultipleSteps || !objectSchema) return [];
-    return steps.map(
-      (_, index) => createStepSchema(objectSchema, index, fieldAssignments)
-    );
-  }, [hasMultipleSteps, objectSchema, steps, fieldAssignments]);
+    const metadata = formSchema.meta();
+    if (metadata?.properties) {
+      const visible = resolveVisibleSchema(metadata, accumulatedValues).schema;
+      return steps.map((_, index) => {
+        const properties = Object.fromEntries(Object.entries(visible.properties ?? {}).filter(([key]) => fieldAssignments.get(key) === index));
+        return formSchemaToZod({ ...visible, properties, required: visible.required?.filter((key) => key in properties), steps: void 0 });
+      });
+    }
+    return steps.map((_, index) => createStepSchema(objectSchema, index, fieldAssignments));
+  }, [hasMultipleSteps, objectSchema, steps, fieldAssignments, accumulatedValues, formSchema]);
   const currentStep = steps[currentStepIndex];
   const currentStepSchema = stepSchemas[currentStepIndex];
   const isFirst = currentStepIndex === 0;
@@ -160,14 +163,16 @@ function SteppedAutoForm({
   const currentStepFieldConfig = useMemo(() => {
     if (!fieldConfig) return void 0;
     const stepFields = Array.from(fieldAssignments.entries()).filter(([, step]) => step === currentStepIndex).map(([field]) => field);
+    const properties = formSchema.meta()?.properties;
     const filtered = {};
     for (const field of stepFields) {
       if (field in fieldConfig) {
-        filtered[field] = fieldConfig[field];
+        const config = fieldConfig[field];
+        filtered[field] = properties?.[field]?.showIf ? { ...config, showIf: void 0 } : config;
       }
     }
     return filtered;
-  }, [fieldConfig, fieldAssignments, currentStepIndex]);
+  }, [fieldConfig, fieldAssignments, currentStepIndex, formSchema]);
   const currentStepValues = useMemo(() => {
     const stepFields = Array.from(fieldAssignments.entries()).filter(([, step]) => step === currentStepIndex).map(([field]) => field);
     const values = {};
@@ -245,7 +250,7 @@ function SteppedAutoForm({
       setSchemaErrors(null);
     }
   }, [isFirst]);
-  if (!hasMultipleSteps) {
+  if (!hasMultipleSteps || steps.length === 0) {
     return /* @__PURE__ */ jsxs(
       AutoForm,
       {

package/dist/ui/src/components/sheet.cjs

@@ -0,0 +1,126 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const DialogPrimitive = require('@radix-ui/react-dialog');
+const lucideReact = require('lucide-react');
+const utils = require('../lib/utils.cjs');
+
+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 DialogPrimitive__namespace = /*#__PURE__*/_interopNamespaceCompat(DialogPrimitive);
+
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: utils.cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        "data-slot": "sheet-content",
+        className: utils.cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: utils.cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      "data-slot": "sheet-title",
+      className: utils.cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Description,
+    {
+      "data-slot": "sheet-description",
+      className: utils.cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+exports.Sheet = Sheet;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;

package/dist/ui/src/components/sheet.mjs

@@ -0,0 +1,105 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+export { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger };

package/dist/ui/src/lib/form-visibility.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+function matchesShowIf(condition, values) {
+  if (!condition) return true;
+  const value = Object.hasOwn(values, condition.field) ? values[condition.field] : void 0;
+  switch (condition.operator) {
+    case "equals":
+      return value === condition.value;
+    case "notEquals":
+      return value !== condition.value;
+    case "in":
+      return Array.isArray(condition.value) && condition.value.includes(value);
+    case "isTruthy":
+      return Boolean(value);
+    default:
+      return false;
+  }
+}
+
+exports.matchesShowIf = matchesShowIf;