@overmap-ai/blocks 1.0.31-tailwind-components.10 → 1.0.31-tailwind-components.11

package/dist/Text/Text.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps, PropsWithoutRef } from "react";
+import { AccentColorProps } from "../typings";
+import { TextVariantProps } from "./typings";
+export interface TextProps extends PropsWithoutRef<ComponentProps<"span">>, AccentColorProps, TextVariantProps {
+}
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/Text/cva.d.ts

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

package/dist/Text/index.d.ts

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

package/dist/Text/typings.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from "class-variance-authority";
+import { textCva } from "./cva";
+type TextVariants = VariantProps<typeof textCva>;
+export type TextSize = NonNullable<TextVariants["size"]>;
+export type TextWeight = NonNullable<TextVariants["weight"]>;
+export type TextAlign = NonNullable<TextVariants["align"]>;
+export interface TextVariantProps {
+    size?: TextSize;
+    weight?: TextWeight;
+    align?: TextAlign;
+}
+export {};

package/dist/blocks.js

@@ -8744,6 +8744,41 @@ const Spinner = memo(() => {
   return /* @__PURE__ */ jsx("div", { className: "size-5 rounded-full border border-2 border-(--base-a12) border-b-transparent animate-spin" });
 });
 Spinner.displayName = "Spinner";
+const textCva = cva(["text-(--accent-a11)"], {
+  variants: {
+    size: {
+      xs: ["text-xs"],
+      sm: ["text-sm"],
+      md: ["text-base"],
+      lg: ["text-lg"],
+      xl: ["text-xl"]
+    },
+    weight: {
+      light: ["font-light"],
+      regular: ["font-normal"],
+      medium: ["font-medium"],
+      bold: ["font-bold"]
+    },
+    align: {
+      left: ["text-left"],
+      center: ["text-center"],
+      right: ["text-right"]
+    }
+  }
+});
+const Text = forwardRef((props, ref) => {
+  const { className, size: size2, weight, align, accentColor, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cx(className, textCva({ size: size2, weight, align })),
+      "data-accent-color": accentColor,
+      ...rest
+    }
+  );
+});
+Text.displayName = "Text";
 const textAreaCva = cva(
   [
     "focus:ring-2",
@@ -9262,6 +9297,7 @@ export {
   SlideOutV2,
   SlideOutV3,
   Spinner,
+  Text,
   TextArea,
   Toast,
   ToastContext,