@motor-hero/ui-kit 0.25.1 → 0.26.0

package/dist/components/base-dialog.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import type { ReactNode } from "react";
+declare const sizeClasses: {
+    readonly sm: "sm:max-w-sm";
+    readonly md: "sm:max-w-md";
+    readonly lg: "sm:max-w-lg";
+    readonly xl: "sm:max-w-xl";
+    readonly "2xl": "sm:max-w-2xl";
+};
+export type BaseDialogSize = keyof typeof sizeClasses;
+export interface BaseDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    size?: BaseDialogSize;
+    className?: string;
+    /**
+     * Advanced: wraps the dialog's inner content (header + body + footer) inside
+     * Content. Used by FormDialog to inject a <form>. Defaults to identity.
+     */
+    contentWrapper?: (content: ReactNode) => ReactNode;
+}
+/**
+ * Standardized, responsive dialog shell:
+ * - mobile: bottom sheet (full width, up to 92vh tall)
+ * - desktop: centered dialog (up to 90vh tall)
+ * Header and footer stay fixed; only the body scrolls.
+ *
+ * Also fixes the known Radix bug where `body { pointer-events: none }`
+ * can persist after closing a dialog that contained a Select/Popover,
+ * which would otherwise make the rest of the page unclickable.
+ */
+export declare function BaseDialog({ open, onOpenChange, title, description, children, footer, size, className, contentWrapper, }: BaseDialogProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=base-dialog.d.ts.map

package/dist/components/base-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-dialog.d.ts","sourceRoot":"","sources":["../../src/components/base-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,QAAA,MAAM,WAAW;;;;;;CAMP,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAA;AAErD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAA;CACnD;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,IAAW,EACX,SAAS,EACT,cAAqC,GACtC,EAAE,eAAe,qBA8DjB"}

package/dist/components/form-dialog.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { ReactNode } from "react";
+import { type BaseDialogProps, type BaseDialogSize } from "./base-dialog";
 interface FormDialogLayoutProps {
     title: string;
     children: ReactNode;
@@ -11,36 +12,17 @@ interface FormDialogLayoutProps {
     isDisabled?: boolean;
 }
 export declare function FormDialogLayout({ title, children, onSubmit, submitLabel, cancelLabel, onCancel, isSubmitting, isDisabled, }: FormDialogLayoutProps): React.JSX.Element;
-declare const sizeClasses: {
-    readonly sm: "sm:max-w-sm";
-    readonly md: "sm:max-w-md";
-    readonly lg: "sm:max-w-lg";
-    readonly xl: "sm:max-w-xl";
-    readonly "2xl": "sm:max-w-2xl";
-};
-export type FormDialogSize = keyof typeof sizeClasses;
-interface FormDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    title: string;
-    description?: ReactNode;
-    children: ReactNode;
-    footer?: ReactNode;
+export type FormDialogSize = BaseDialogSize;
+export interface FormDialogProps extends Omit<BaseDialogProps, "contentWrapper"> {
     /** When provided, the dialog renders a <form> wrapping body + footer. */
     onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
-    size?: FormDialogSize;
-    className?: string;
 }
 /**
- * Standardized, responsive modal:
- * - mobile: bottom sheet (full width, up to 92vh tall)
- * - desktop: centered dialog (up to 90vh tall)
- * Header and footer stay fixed; only the body scrolls.
- *
- * Also fixes the known Radix bug where `body { pointer-events: none }`
- * can persist after closing a dialog that contained a Select/Popover,
- * which would otherwise make the rest of the page unclickable.
+ * Form-oriented specialization of {@link BaseDialog}: when `onSubmit` is
+ * provided, the body and footer are wrapped in a <form> (so footer submit
+ * buttons and Enter trigger submission). Without `onSubmit` it behaves like a
+ * plain BaseDialog.
  */
-export declare function FormDialog({ open, onOpenChange, title, description, children, footer, onSubmit, size, className, }: FormDialogProps): React.JSX.Element;
+export declare function FormDialog({ onSubmit, ...rest }: FormDialogProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=form-dialog.d.ts.map

package/dist/components/form-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-dialog.d.ts","sourceRoot":"","sources":["../../src/components/form-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAsB,EACtB,WAAwB,EACxB,QAAQ,EACR,YAAoB,EACpB,UAAkB,GACnB,EAAE,qBAAqB,qBAyBvB;AAED,QAAA,MAAM,WAAW;;;;;;CAMP,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,WAAW,CAAA;AAErD,UAAU,eAAe;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACxD,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAW,EACX,SAAS,GACV,EAAE,eAAe,qBAuEjB"}
+{"version":3,"file":"form-dialog.d.ts","sourceRoot":"","sources":["../../src/components/form-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAA;AAErF,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAsB,EACtB,WAAwB,EACxB,QAAQ,EACR,YAAoB,EACpB,UAAkB,GACnB,EAAE,qBAAqB,qBAyBvB;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAA;AAE3C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,gBAAgB,CAAC;IAC9E,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,qBAehE"}