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

package/dist/Link/Link.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps, PropsWithoutRef } from "react";
+import { AccentColorProps } from "../typings";
+import { LinkVariantProps } from "./typings";
+export interface LinkProps extends PropsWithoutRef<ComponentProps<"a">>, AccentColorProps, LinkVariantProps {
+}
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/Link/cva.d.ts

@@ -0,0 +1,5 @@
+export declare const linkCva: (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/Link/index.d.ts

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

package/dist/Link/typings.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from "class-variance-authority";
+import { linkCva } from "./cva";
+type LinkVariants = VariantProps<typeof linkCva>;
+export type LinkSize = NonNullable<LinkVariants["size"]>;
+export type LinkWeight = NonNullable<LinkVariants["weight"]>;
+export type LinkAlign = NonNullable<LinkVariants["align"]>;
+export interface LinkVariantProps {
+    size?: LinkSize;
+    weight?: LinkWeight;
+    align?: LinkAlign;
+    highContrast?: boolean;
+}
+export {};

package/dist/blocks.js

@@ -1101,10 +1101,24 @@ const headingCva = cva([], {
       center: ["text-center"],
       right: ["text-right"]
     }
+  },
+  defaultVariants: {
+    size: "xl",
+    weight: "medium",
+    align: "left"
   }
 });
 const Heading = forwardRef((props, ref) => {
-  const { className, level = "1", size: size2, weight, align, accentColor, highContrast = false, ...rest } = props;
+  const {
+    className,
+    level = "1",
+    size: size2 = "md",
+    weight = "medium",
+    align = "left",
+    highContrast = false,
+    accentColor,
+    ...rest
+  } = props;
   const Tag = headingLevelTagMapping[level];
   return /* @__PURE__ */ jsx(
     Tag,
@@ -1676,6 +1690,66 @@ const Layout = {
   RightSlideOut,
   SlideOutTrigger
 };
+const linkCva = cva(["cursor-pointer"], {
+  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"]
+    }
+  },
+  defaultVariants: {
+    size: "xl",
+    weight: "regular",
+    align: "left"
+  }
+});
+const Link = forwardRef((props, ref) => {
+  const providerContext = useProvider();
+  const {
+    className,
+    size: size2 = "md",
+    weight = "regular",
+    align = "left",
+    highContrast = false,
+    accentColor = providerContext.accentColor,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      className: cx(className, linkCva({ size: size2, weight, align }), {
+        "text-(--accent-a11)": !highContrast,
+        "text-(--accent-a12)": highContrast
+      }),
+      "data-accent-color": accentColor,
+      ...rest
+    }
+  );
+});
+Link.displayName = "Link";
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
@@ -9416,6 +9490,7 @@ export {
   InputSlot,
   Layout,
   LayoutContext,
+  Link,
   Menu,
   MenuClickTrigger,
   MenuContent,