@overmap-ai/blocks 1.0.31-tailwind-components.39 → 1.0.31-tailwind-components.41

package/dist/Input/cva.d.ts

@@ -1,12 +1,12 @@
 export declare const inputRoot: (props?: ({
-    variant?: "soft" | "outline" | "surface" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | "ghost" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const inputField: (props?: ({
-    variant?: "soft" | "outline" | "surface" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | "ghost" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const inputSlot: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "soft" | "outline" | "surface" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | "ghost" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/TextArea/cva.d.ts

@@ -1,5 +1,5 @@
 export declare const textAreaCva: (props?: ({
-    variant?: "soft" | "outline" | "surface" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | "ghost" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/blocks.js

@@ -834,14 +834,15 @@ function createResizeObserver(polyfill) {
 }
 let _resizeObserver;
 const getResizeObserver = (polyfill) => !_resizeObserver ? _resizeObserver = createResizeObserver(polyfill) : _resizeObserver;
-const useViewportSize = () => {
+const useViewportSize = (props) => {
+  const { xs: xsProps, sm: smProps, md: mdProps, lg: lgProps, xl: xlProps } = props;
   const [prevSize, setPrevSize] = useState("initial");
   const [size2, setSize] = useState("initial");
-  const xs = useMediaQuery({ minWidth: "520px" });
-  const sm = useMediaQuery({ minWidth: "768px" });
-  const md = useMediaQuery({ minWidth: "1024px" });
-  const lg = useMediaQuery({ minWidth: "1280px" });
-  const xl = useMediaQuery({ minWidth: "1640px" });
+  const xs = useMediaQuery({ minWidth: xsProps });
+  const sm = useMediaQuery({ minWidth: smProps });
+  const md = useMediaQuery({ minWidth: mdProps });
+  const lg = useMediaQuery({ minWidth: lgProps });
+  const xl = useMediaQuery({ minWidth: xlProps });
   useLayoutEffect(() => {
     setSize((prev) => {
       setPrevSize(prev);
@@ -1111,24 +1112,10 @@ 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 = "md",
-    weight = "medium",
-    align = "left",
-    highContrast = false,
-    accentColor,
-    ...rest
-  } = props;
+  const { className, level = "1", size: size2, weight, align, highContrast = false, accentColor, ...rest } = props;
   const Tag = headingLevelTagMapping[level];
   return /* @__PURE__ */ jsx(
     Tag,
@@ -1231,7 +1218,8 @@ const inputRoot$1 = cva(
       variant: {
         surface: ["inset-ring", "inset-ring-(--accent-a7)", "bg-(--accent-surface)", "text-(--accent-a12)"],
         soft: ["bg-(--accent-a3)", "text-(--accent-12)"],
-        outline: ["inset-ring", "inset-ring-(--base-a7)", "bg-transparent", "text-(--base-12)"]
+        outline: ["inset-ring", "inset-ring-(--base-a7)", "bg-transparent", "text-(--base-12)"],
+        ghost: ["bg-transparent", "text-(--base-12)"]
       },
       size: {
         xs: ["h-5", "text-xs"],
@@ -1252,7 +1240,8 @@ const inputField = cva(["peer-[.slot]/slot:indent-0"], {
     variant: {
       surface: ["placeholder-(--accent-12)", "placeholder:opacity-60", "selection:bg-(--accent-a5)"],
       soft: ["placeholder-(--accent-12)", "placeholder:opacity-60", "selection:bg-(--accent-a5)"],
-      outline: ["placeholder-(--base-a9)", "selection:bg-(--accent-a5)"]
+      outline: ["placeholder-(--base-a9)", "selection:bg-(--accent-a5)"],
+      ghost: ['placeholder-(--base-a9)", "selection:bg-(--accent-a5)']
     },
     size: {
       xs: ["indent-1"],
@@ -1279,7 +1268,8 @@ const inputSlot = cva(["peer/slot", "slot"], {
     variant: {
       surface: ["text-(--accent-12)"],
       soft: ["text-(--accent-12)"],
-      outline: ["text-(--base-a11)"]
+      outline: ["text-(--base-a11)"],
+      ghost: ["text-(--base-a11)"]
     }
   },
   defaultVariants: {
@@ -1841,11 +1831,11 @@ const menuContent = cva(
   {
     variants: {
       size: {
-        xs: ["p-1", "text-xs"],
-        sm: ["p-1.5", "text-sm"],
-        md: ["p-2", "text-md"],
-        lg: ["p-2.5", "text-lg"],
-        xl: ["p-3", "text-xl"]
+        xs: ["p-0.5", "text-xs"],
+        sm: ["p-0.75", "text-sm"],
+        md: ["p-1", "text-md"],
+        lg: ["p-1.25", "text-lg"],
+        xl: ["p-1.5", "text-xl"]
       },
       radius: {
         none: ["rounded-none"],
@@ -3588,11 +3578,11 @@ const TabsListContext = createContext({});
 const tabsListCva = cva(["flex", "border-box", "inset-shadow-[0_-1px_0_0_var(--base-a6)]"], {
   variants: {
     size: {
-      xs: ["h-5", "text-xs"],
-      sm: ["h-6", "text-sm"],
-      md: ["h-7", "text-base"],
-      lg: ["h-8", "text-lg"],
-      xl: ["h-9", "text-xl"]
+      xs: ["h-6", "text-xs"],
+      sm: ["h-7", "text-sm"],
+      md: ["h-8", "text-base"],
+      lg: ["h-9", "text-lg"],
+      xl: ["h-10", "text-xl"]
     }
   },
   defaultVariants: {
@@ -3662,9 +3652,9 @@ const useTabsList = () => {
   return tabsListContext;
 };
 const TabsTrigger = forwardRef((props, ref) => {
-  const { className, ...rest } = props;
+  const { className, children, ...rest } = props;
   const { size: size2 } = useTabsList();
-  return /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, className: cx(className, tabsTriggerCva({ size: size2 })), ...rest });
+  return /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, className: cx(className, tabsTriggerCva({ size: size2 })), ...rest, children });
 });
 TabsTrigger.displayName = "TabsTrigger";
 const Tabs = {
@@ -3756,7 +3746,8 @@ const textAreaCva = cva(
           "placeholder-(--accent-12)",
           "placeholder:opacity-60",
           "selection:bg-(--accent-a5)"
-        ]
+        ],
+        ghost: ["placeholder-(--base-a9)", "selection:bg-(--accent-a5)", "bg-transparent", "text-(--base-12)"]
       },
       size: {
         xs: ["p-1", "text-xs"],