@timeax/form-palette 0.0.14 → 0.0.15

package/dist/index.d.mts

@@ -3252,20 +3252,56 @@ interface CoreRootProps extends React.FormHTMLAttributes<HTMLFormElement> {
 declare function CoreRoot(props: CoreRootProps): react_jsx_runtime.JSX.Element;
 
 /**
- * Combined provider + form-root wrapper.
- *
- * Usage:
- *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
- *     {...fields + buttons...}
- *   </CoreShell>
+ * Shared base props for CoreShell, independent of wrapping behaviour.
  */
-type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
+type CoreShellBaseProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
     /**
      * Props passed directly to the underlying <form> element via CoreRoot.
      */
     formProps?: CoreRootProps;
     children?: React.ReactNode;
 };
+/**
+ * When `wrapped` is true, you can provide gap/contentClassName.
+ */
+type CoreShellWrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped: true;
+    /**
+     * Gap for the inner wrapper. You can still control layout
+     * (flex/grid/etc.) via `contentClassName`.
+     */
+    gap?: React.CSSProperties["gap"];
+    /**
+     * Class applied to the wrapper around children.
+     */
+    contentClassName?: string;
+};
+/**
+ * When `wrapped` is not true (false/undefined), gap/contentClassName
+ * are not allowed.
+ */
+type CoreShellUnwrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped?: false | undefined;
+};
+type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellWrappedProps<V, S, K> | CoreShellUnwrappedProps<V, S, K>;
+/**
+ * Combined provider + form-root wrapper.
+ *
+ * Usage:
+ *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ *
+ *   <CoreShell
+ *     adapter="local"
+ *     schema={schema}
+ *     wrapped
+ *     gap="1rem"
+ *     contentClassName="flex flex-col"
+ *   >
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ */
 declare function CoreShell<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local">(props: CoreShellProps<V, S, K>): react_jsx_runtime.JSX.Element;
 
 interface UseButtonOptions {

package/dist/index.d.ts

@@ -3252,20 +3252,56 @@ interface CoreRootProps extends React.FormHTMLAttributes<HTMLFormElement> {
 declare function CoreRoot(props: CoreRootProps): react_jsx_runtime.JSX.Element;
 
 /**
- * Combined provider + form-root wrapper.
- *
- * Usage:
- *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
- *     {...fields + buttons...}
- *   </CoreShell>
+ * Shared base props for CoreShell, independent of wrapping behaviour.
  */
-type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
+type CoreShellBaseProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
     /**
      * Props passed directly to the underlying <form> element via CoreRoot.
      */
     formProps?: CoreRootProps;
     children?: React.ReactNode;
 };
+/**
+ * When `wrapped` is true, you can provide gap/contentClassName.
+ */
+type CoreShellWrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped: true;
+    /**
+     * Gap for the inner wrapper. You can still control layout
+     * (flex/grid/etc.) via `contentClassName`.
+     */
+    gap?: React.CSSProperties["gap"];
+    /**
+     * Class applied to the wrapper around children.
+     */
+    contentClassName?: string;
+};
+/**
+ * When `wrapped` is not true (false/undefined), gap/contentClassName
+ * are not allowed.
+ */
+type CoreShellUnwrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped?: false | undefined;
+};
+type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellWrappedProps<V, S, K> | CoreShellUnwrappedProps<V, S, K>;
+/**
+ * Combined provider + form-root wrapper.
+ *
+ * Usage:
+ *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ *
+ *   <CoreShell
+ *     adapter="local"
+ *     schema={schema}
+ *     wrapped
+ *     gap="1rem"
+ *     contentClassName="flex flex-col"
+ *   >
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ */
 declare function CoreShell<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local">(props: CoreShellProps<V, S, K>): react_jsx_runtime.JSX.Element;
 
 interface UseButtonOptions {

package/dist/index.js

@@ -14090,6 +14090,26 @@ function CoreRoot(props) {
   ] });
 }
 function CoreShell(props) {
+  if (props.wrapped) {
+    const {
+      formProps: formProps2,
+      children: children2,
+      wrapped,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      gap,
+      contentClassName,
+      ...coreProps2
+    } = props;
+    const content = /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: contentClassName,
+        style: gap !== void 0 ? { gap } : void 0,
+        children: children2
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(CoreProvider, { ...coreProps2, children: /* @__PURE__ */ jsxRuntime.jsx(CoreRoot, { ...formProps2 != null ? formProps2 : {}, children: content }) });
+  }
   const { formProps, children, ...coreProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(CoreProvider, { ...coreProps, children: /* @__PURE__ */ jsxRuntime.jsx(CoreRoot, { ...formProps != null ? formProps : {}, children }) });
 }