@overmap-ai/blocks 1.0.31-tailwind-components.14 → 1.0.31-tailwind-components.16

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from "react";
+import { ComponentProps, PropsWithoutRef } from "react";
 import { ButtonVariantProps } from "../Buttons";
 import { AccentColorProps } from "../typings";
-export interface ButtonGroupProps extends PropsWithChildren, ButtonVariantProps, AccentColorProps {
+export interface ButtonGroupProps extends PropsWithoutRef<ComponentProps<"div">>, ButtonVariantProps, AccentColorProps {
 }
 export declare const ButtonGroup: {
     (props: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/Heading/Heading.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps, PropsWithoutRef } from "react";
+import { AccentColorProps } from "../typings";
+import { HeadingVariantProps } from "./typings";
+export interface HeadingProps extends PropsWithoutRef<ComponentProps<"h1">>, HeadingVariantProps, AccentColorProps {
+}
+export declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/Heading/constants.d.ts

@@ -0,0 +1,2 @@
+import { HeadingLevel } from "./typings";
+export declare const headingLevelTagMapping: Record<HeadingLevel, "h1" | "h2" | "h3" | "h4" | "h5" | "h6">;

package/dist/Heading/cva.d.ts

@@ -0,0 +1,5 @@
+export declare const headingCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
+    weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
+    align?: "right" | "left" | "center" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/Heading/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Heading";
+export * from "./typings";

package/dist/Heading/typings.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from "class-variance-authority";
+import { headingCva } from "./cva";
+type HeadingVariants = VariantProps<typeof headingCva>;
+export type HeadingSize = NonNullable<HeadingVariants["size"]>;
+export type HeadingWeight = NonNullable<HeadingVariants["weight"]>;
+export type HeadingAlign = NonNullable<HeadingVariants["align"]>;
+export type HeadingLevel = "1" | "2" | "3" | "4" | "5" | "6";
+export interface HeadingVariantProps {
+    size?: HeadingSize;
+    weight?: HeadingWeight;
+    align?: HeadingAlign;
+    level?: HeadingLevel;
+    highContrast?: boolean;
+}
+export {};

package/dist/Menu/typings.d.ts

@@ -24,7 +24,6 @@ export interface MenuRootProps extends PropsWithChildren {
     align?: MenuAlignment;
     offset?: number;
     loop?: boolean;
-    dialog?: boolean;
     modal?: boolean;
 }
 export interface MenuContentProps extends ComponentProps<PropsWithoutRef<"div">>, AccentColorProps, MenuVariantProps {

package/dist/Text/cva.d.ts

@@ -1,5 +1,5 @@
 export declare const textCva: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
     weight?: "bold" | "medium" | "light" | "regular" | null | undefined;
     align?: "right" | "left" | "center" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/Text/typings.d.ts

@@ -8,5 +8,6 @@ export interface TextVariantProps {
     size?: TextSize;
     weight?: TextWeight;
     align?: TextAlign;
+    highContrast?: boolean;
 }
 export {};

package/dist/blocks.js

@@ -196,7 +196,8 @@ const ButtonGroup = (props) => {
     variant = "solid",
     size: size2 = "md",
     radius = providerContext.radius,
-    accentColor = providerContext.accentColor
+    accentColor = providerContext.accentColor,
+    ...rest
   } = props;
   const value = useMemo(
     () => ({
@@ -207,7 +208,7 @@ const ButtonGroup = (props) => {
     }),
     [accentColor, radius, size2, variant]
   );
-  return /* @__PURE__ */ jsx(ButtonGroupContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx("div", { ...rest, children: /* @__PURE__ */ jsx(ButtonGroupContext.Provider, { value, children }) });
 };
 ButtonGroup.displayName = "Buttons";
 const useButtonGroup = () => useContext(ButtonGroupContext);
@@ -1064,6 +1065,61 @@ const Dialog = {
   Trigger: RadixDialog.Trigger,
   Close: RadixDialog.Close
 };
+const headingLevelTagMapping = {
+  "1": "h1",
+  "2": "h2",
+  "3": "h3",
+  "4": "h4",
+  "5": "h5",
+  "6": "h6"
+};
+const headingCva = cva([], {
+  variants: {
+    size: {
+      xs: ["text-xs"],
+      sm: ["text-sm"],
+      md: ["text-base"],
+      lg: ["text-lg"],
+      xl: ["text-xl"],
+      "2xl": ["text-2xl"],
+      "3xl": ["text-3xl"],
+      "4xl": ["text-4xl"],
+      "5xl": ["text-5xl"],
+      "6xl": ["text-6xl"],
+      "7xl": ["text-7xl"],
+      "8xl": ["text-8xl"],
+      "9xl": ["text-9xl"]
+    },
+    weight: {
+      light: ["font-light"],
+      regular: ["font-normal"],
+      medium: ["font-medium"],
+      bold: ["font-bold"]
+    },
+    align: {
+      left: ["text-left"],
+      center: ["text-center"],
+      right: ["text-right"]
+    }
+  }
+});
+const Heading = forwardRef((props, ref) => {
+  const { className, level = "1", size: size2, weight, align, accentColor, highContrast = false, ...rest } = props;
+  const Tag = headingLevelTagMapping[level];
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cx(className, headingCva({ size: size2, weight, align }), {
+        "text-(--accent-a11)": !!accentColor,
+        "text-(--accent-a12)": highContrast
+      }),
+      "data-accent-color": accentColor,
+      ...rest
+    }
+  );
+});
+Heading.displayName = "Heading";
 const HoverCardArrow = forwardRef((props, ref) => {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx(RadixHoverCard.Arrow, { className: cx(className, "fill-(--base-6)"), ref, ...rest });
@@ -8836,14 +8892,22 @@ const Tabs = {
   Trigger: TabsTrigger,
   Content: RadixTabs.Content
 };
-const textCva = cva(["text-(--accent-a11)"], {
+const textCva = cva([], {
   variants: {
     size: {
       xs: ["text-xs"],
       sm: ["text-sm"],
       md: ["text-base"],
       lg: ["text-lg"],
-      xl: ["text-xl"]
+      xl: ["text-xl"],
+      "2xl": ["text-2xl"],
+      "3xl": ["text-3xl"],
+      "4xl": ["text-4xl"],
+      "5xl": ["text-5xl"],
+      "6xl": ["text-6xl"],
+      "7xl": ["text-7xl"],
+      "8xl": ["text-8xl"],
+      "9xl": ["text-9xl"]
     },
     weight: {
       light: ["font-light"],
@@ -8859,12 +8923,15 @@ const textCva = cva(["text-(--accent-a11)"], {
   }
 });
 const Text = forwardRef((props, ref) => {
-  const { className, size: size2, weight, align, accentColor, ...rest } = props;
+  const { className, size: size2, weight, align, accentColor, highContrast = false, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "span",
     {
       ref,
-      className: cx(className, textCva({ size: size2, weight, align })),
+      className: cx(className, textCva({ size: size2, weight, align }), {
+        "text-(--accent-a11)": !!accentColor,
+        "text-(--accent-a12)": highContrast
+      }),
       "data-accent-color": accentColor,
       ...rest
     }
@@ -9336,6 +9403,7 @@ export {
   Dialog,
   DialogContent,
   DialogRoot,
+  Heading,
   HoverCard,
   HoverCardArrow,
   HoverCardContent,