@timeax/form-palette 0.0.14 → 0.0.16

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 {