@windmorph/react 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,335 @@
+import { VariantProps } from "../../utils/tv.js";
+//#region src/components/dialog/dialog-styles.d.ts
+/** Variant definitions for {@link Dialog} and its parts. */
+export declare const dialogStyles: import("tailwind-variants").TVReturnType<{
+  hasIcon: {
+    true: {
+      title: string;
+    };
+    false: {
+      title: string;
+    };
+  };
+  placement: {
+    center: {
+      positioner: string;
+    };
+    top: {
+      positioner: string;
+      motion: string;
+    };
+    bottom: {
+      positioner: string;
+      motion: string[];
+    };
+    start: {
+      positioner: string;
+      motion: string[];
+    };
+    end: {
+      positioner: string;
+      motion: string[];
+    };
+  };
+  fullScreen: {
+    never: {
+      headerButton: string;
+      parts: string[];
+    };
+    always: {
+      positioner: string;
+      motion: string[];
+      panel: string[];
+      header: string;
+      title: string;
+      content: string;
+      actions: string;
+    };
+    compact: {
+      positioner: string;
+      motion: string[];
+      parts: string[];
+      panel: string[];
+      header: string[];
+      headerButton: string;
+      title: string[];
+      content: string;
+      actions: string;
+    };
+  };
+  /** Full screen without a header action: the actions form a 56px bottom bar. */
+  bottomBar: {
+    true: {};
+    false: {};
+  };
+  /** A divider under the full-screen header. */
+  divider: {
+    true: {};
+    false: {};
+  };
+  /** The basic dialog's optional dividers above and below `DialogContent`. */
+  dividers: {
+    true: {};
+    false: {};
+  };
+  /** A container transform from a trigger (`origin`) into the full-screen dialog. */
+  origin: {
+    true: {};
+    false: {};
+  };
+  /**
+   * The basic dialog's enter and exit: `reveal`, the M3 dialog motion above, or `scale`,
+   * the original pop (see the compound variants). Full-screen dialogs ignore it.
+   */
+  transition: {
+    reveal: {};
+    scale: {};
+  };
+  /** No enter or exit motion: the dialog, its parts and the scrim appear and go at once. */
+  instant: {
+    true: {
+      scrim: string;
+      motion: string;
+      panel: string;
+      parts: string;
+    };
+    false: {};
+  };
+}, {
+  scrim: string[];
+  root: string;
+  positioner: string;
+  motion: string[];
+  parts: string;
+  panel: string[];
+  icon: string[];
+  title: string[];
+  header: string;
+  headerButton: string;
+  close: string;
+  content: string[];
+  actions: string[];
+}, undefined, {
+  hasIcon: {
+    true: {
+      title: string;
+    };
+    false: {
+      title: string;
+    };
+  };
+  placement: {
+    center: {
+      positioner: string;
+    };
+    top: {
+      positioner: string;
+      motion: string;
+    };
+    bottom: {
+      positioner: string;
+      motion: string[];
+    };
+    start: {
+      positioner: string;
+      motion: string[];
+    };
+    end: {
+      positioner: string;
+      motion: string[];
+    };
+  };
+  fullScreen: {
+    never: {
+      headerButton: string;
+      parts: string[];
+    };
+    always: {
+      positioner: string;
+      motion: string[];
+      panel: string[];
+      header: string;
+      title: string;
+      content: string;
+      actions: string;
+    };
+    compact: {
+      positioner: string;
+      motion: string[];
+      parts: string[];
+      panel: string[];
+      header: string[];
+      headerButton: string;
+      title: string[];
+      content: string;
+      actions: string;
+    };
+  };
+  /** Full screen without a header action: the actions form a 56px bottom bar. */
+  bottomBar: {
+    true: {};
+    false: {};
+  };
+  /** A divider under the full-screen header. */
+  divider: {
+    true: {};
+    false: {};
+  };
+  /** The basic dialog's optional dividers above and below `DialogContent`. */
+  dividers: {
+    true: {};
+    false: {};
+  };
+  /** A container transform from a trigger (`origin`) into the full-screen dialog. */
+  origin: {
+    true: {};
+    false: {};
+  };
+  /**
+   * The basic dialog's enter and exit: `reveal`, the M3 dialog motion above, or `scale`,
+   * the original pop (see the compound variants). Full-screen dialogs ignore it.
+   */
+  transition: {
+    reveal: {};
+    scale: {};
+  };
+  /** No enter or exit motion: the dialog, its parts and the scrim appear and go at once. */
+  instant: {
+    true: {
+      scrim: string;
+      motion: string;
+      panel: string;
+      parts: string;
+    };
+    false: {};
+  };
+}, {
+  scrim: string[];
+  root: string;
+  positioner: string;
+  motion: string[];
+  parts: string;
+  panel: string[];
+  icon: string[];
+  title: string[];
+  header: string;
+  headerButton: string;
+  close: string;
+  content: string[];
+  actions: string[];
+}, import("tailwind-variants").TVReturnTypeLike<{
+  hasIcon: {
+    true: {
+      title: string;
+    };
+    false: {
+      title: string;
+    };
+  };
+  placement: {
+    center: {
+      positioner: string;
+    };
+    top: {
+      positioner: string;
+      motion: string;
+    };
+    bottom: {
+      positioner: string;
+      motion: string[];
+    };
+    start: {
+      positioner: string;
+      motion: string[];
+    };
+    end: {
+      positioner: string;
+      motion: string[];
+    };
+  };
+  fullScreen: {
+    never: {
+      headerButton: string;
+      parts: string[];
+    };
+    always: {
+      positioner: string;
+      motion: string[];
+      panel: string[];
+      header: string;
+      title: string;
+      content: string;
+      actions: string;
+    };
+    compact: {
+      positioner: string;
+      motion: string[];
+      parts: string[];
+      panel: string[];
+      header: string[];
+      headerButton: string;
+      title: string[];
+      content: string;
+      actions: string;
+    };
+  };
+  /** Full screen without a header action: the actions form a 56px bottom bar. */
+  bottomBar: {
+    true: {};
+    false: {};
+  };
+  /** A divider under the full-screen header. */
+  divider: {
+    true: {};
+    false: {};
+  };
+  /** The basic dialog's optional dividers above and below `DialogContent`. */
+  dividers: {
+    true: {};
+    false: {};
+  };
+  /** A container transform from a trigger (`origin`) into the full-screen dialog. */
+  origin: {
+    true: {};
+    false: {};
+  };
+  /**
+   * The basic dialog's enter and exit: `reveal`, the M3 dialog motion above, or `scale`,
+   * the original pop (see the compound variants). Full-screen dialogs ignore it.
+   */
+  transition: {
+    reveal: {};
+    scale: {};
+  };
+  /** No enter or exit motion: the dialog, its parts and the scrim appear and go at once. */
+  instant: {
+    true: {
+      scrim: string;
+      motion: string;
+      panel: string;
+      parts: string;
+    };
+    false: {};
+  };
+}, {
+  scrim: string[];
+  root: string;
+  positioner: string;
+  motion: string[];
+  parts: string;
+  panel: string[];
+  icon: string[];
+  title: string[];
+  header: string;
+  headerButton: string;
+  close: string;
+  content: string[];
+  actions: string[];
+}>>;
+/**
+ * The variants of {@link dialogStyles}, for building on its styles. They are the recipe's keys, not
+ * component props: their names (`hasIcon`, `isOpen`…) follow the classes and may change.
+ */
+export type DialogStyleProps = VariantProps<typeof dialogStyles>;
+//#endregion
+//# sourceMappingURL=dialog-styles.d.ts.map