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

package/dist/blocks.umd.cjs

@@ -840,14 +840,15 @@
   }
   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] = React.useState("initial");
     const [size, setSize] = React.useState("initial");
-    const xs = reactResponsive.useMediaQuery({ minWidth: "520px" });
-    const sm = reactResponsive.useMediaQuery({ minWidth: "768px" });
-    const md = reactResponsive.useMediaQuery({ minWidth: "1024px" });
-    const lg = reactResponsive.useMediaQuery({ minWidth: "1280px" });
-    const xl = reactResponsive.useMediaQuery({ minWidth: "1640px" });
+    const xs = reactResponsive.useMediaQuery({ minWidth: xsProps });
+    const sm = reactResponsive.useMediaQuery({ minWidth: smProps });
+    const md = reactResponsive.useMediaQuery({ minWidth: mdProps });
+    const lg = reactResponsive.useMediaQuery({ minWidth: lgProps });
+    const xl = reactResponsive.useMediaQuery({ minWidth: xlProps });
     React.useLayoutEffect(() => {
       setSize((prev) => {
         setPrevSize(prev);
@@ -1117,24 +1118,10 @@
         center: ["text-center"],
         right: ["text-right"]
       }
-    },
-    defaultVariants: {
-      size: "xl",
-      weight: "medium",
-      align: "left"
     }
   });
   const Heading = React.forwardRef((props, ref) => {
-    const {
-      className,
-      level = "1",
-      size = "md",
-      weight = "medium",
-      align = "left",
-      highContrast = false,
-      accentColor,
-      ...rest
-    } = props;
+    const { className, level = "1", size, weight, align, highContrast = false, accentColor, ...rest } = props;
     const Tag = headingLevelTagMapping[level];
     return /* @__PURE__ */ jsxRuntime.jsx(
       Tag,
@@ -1237,7 +1224,8 @@
         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"],
@@ -1258,7 +1246,8 @@
       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"],
@@ -1285,7 +1274,8 @@
       variant: {
         surface: ["text-(--accent-12)"],
         soft: ["text-(--accent-12)"],
-        outline: ["text-(--base-a11)"]
+        outline: ["text-(--base-a11)"],
+        ghost: ["text-(--base-a11)"]
       }
     },
     defaultVariants: {
@@ -1847,11 +1837,11 @@
     {
       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"],
@@ -3594,11 +3584,11 @@
   const tabsListCva = classVarianceAuthority.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: {
@@ -3668,9 +3658,9 @@
     return tabsListContext;
   };
   const TabsTrigger = React.forwardRef((props, ref) => {
-    const { className, ...rest } = props;
+    const { className, children, ...rest } = props;
     const { size } = useTabsList();
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { ref, className: classVarianceAuthority.cx(className, tabsTriggerCva({ size })), ...rest });
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixTabs__namespace.Trigger, { ref, className: classVarianceAuthority.cx(className, tabsTriggerCva({ size })), ...rest, children });
   });
   TabsTrigger.displayName = "TabsTrigger";
   const Tabs = {
@@ -3762,7 +3752,8 @@
             "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"],