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

package/dist/AlertDialog/index.d.ts

@@ -3,6 +3,7 @@ import * as RadixAlertDialog from "@radix-ui/react-alert-dialog";
 export * from "./Content";
 export * from "./hooks";
 export * from "./Provider";
+export * from "./typings";
 export declare const AlertDialog: {
     Content: import("react").ForwardRefExoticComponent<import("./Content").AlertDialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Trigger: import("react").ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/Avatar/cva.d.ts

@@ -2,5 +2,5 @@ export declare const avatar: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const avatarFallback: (props?: ({
-    variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
+    variant?: "solid" | "soft" | "outline" | "surface" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/Avatar/index.d.ts

@@ -2,6 +2,7 @@
 export * from "./Fallback";
 export * from "./Image";
 export * from "./Root";
+export * from "./typings";
 export declare const Avatar: {
     Fallback: import("react").ForwardRefExoticComponent<import("./Fallback").AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>>;
     Image: import("react").ForwardRefExoticComponent<import("./Image").AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist/Avatar/typings.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
+import type { ComponentRadius } from "../Provider";
 import { avatar, avatarFallback } from "./cva";
 type Variants = VariantProps<typeof avatar> & VariantProps<typeof avatarFallback>;
 export type AvatarSize = NonNullable<Variants["size"]>;

package/dist/Badge/cva.d.ts

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

package/dist/Badge/typings.d.ts

@@ -1,13 +1,9 @@
-import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
-import { badge } from "./cva";
-type BadgeVariants = VariantProps<typeof badge>;
-export type BadgeSize = NonNullable<BadgeVariants["size"]>;
-export type BadgeVariant = NonNullable<BadgeVariants["variant"]>;
+import { ComponentRadius } from "../Provider";
+export type BadgeSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type BadgeVariant = "solid" | "soft" | "outline" | "surface";
 export interface BadgeVariantProps {
     size?: BadgeSize;
     variant?: BadgeVariant;
     radius?: ComponentRadius;
-    icon?: NonNullable<BadgeVariants["icon"]>;
+    icon?: boolean;
 }
-export {};

package/dist/ButtonGroup/context.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ButtonSize, ButtonVariant } from "../Buttons";
-import { ComponentRadius } from "../Provider";
+import type { ButtonSize, ButtonVariant } from "../Buttons";
+import type { ComponentRadius } from "../Provider";
 interface IButtonGroupContext {
     variant: ButtonVariant;
     size: ButtonSize;

package/dist/Buttons/cva.d.ts

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

package/dist/Buttons/typings.d.ts

@@ -1,12 +1,8 @@
-import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider";
-import { button } from "./cva";
-type Variants = VariantProps<typeof button>;
-export type ButtonSize = NonNullable<Variants["size"]>;
-export type ButtonVariant = NonNullable<Variants["variant"]>;
+import type { ComponentRadius } from "../Provider";
+export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ButtonVariant = "solid" | "soft" | "outline" | "surface" | "ghost";
 export interface ButtonVariantProps {
     size?: ButtonSize;
     variant?: ButtonVariant;
     radius?: ComponentRadius;
 }
-export {};

package/dist/Card/cva.d.ts

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

package/dist/Card/typings.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider";
+import type { ComponentRadius } from "../Provider";
 import { cardCva } from "./cva";
 type CardVariants = VariantProps<typeof cardCva>;
 export type CardSize = NonNullable<CardVariants["size"]>;

package/dist/Checkbox/cva.d.ts

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

package/dist/Checkbox/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export * from "./Indicator";
 export * from "./Root";
+export * from "./typings";
 export declare const Checkbox: {
     Root: import("react").ForwardRefExoticComponent<import("./Root").CheckboxRootProps & import("react").RefAttributes<HTMLButtonElement>>;
     Indicator: import("react").ForwardRefExoticComponent<import("./Indicator").CheckboxIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/Checkbox/typings.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
+import type { ComponentRadius } from "../Provider";
 import { checkbox } from "./cva";
 type Variants = VariantProps<typeof checkbox>;
 export type CheckboxSize = NonNullable<Variants["size"]>;

package/dist/Dialog/Content.d.ts

@@ -1,6 +1,6 @@
 import * as RadixDialog from "@radix-ui/react-dialog";
 import { ReactNode } from "react";
-import { AlertDialogSize } from "../AlertDialog/typings";
+import { AlertDialogSize } from "../AlertDialog";
 import { CloseDialogWithOptions } from "./typings";
 export interface DialogContentProps extends Omit<RadixDialog.DialogContentProps, "children"> {
     title: string;

package/dist/HoverCard/index.d.ts

@@ -2,6 +2,7 @@
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
 export * from "./Arrow";
 export * from "./Content";
+export * from "./typings";
 export declare const HoverCard: {
     Arrow: import("react").ForwardRefExoticComponent<import("./Arrow").HoverCardArrowProps & import("react").RefAttributes<SVGSVGElement>>;
     Content: import("react").ForwardRefExoticComponent<import("./Content").HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/HoverCard/typings.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
+import type { ComponentRadius } from "../Provider";
 import { hoverCardContent } from "./cva";
 type Variants = VariantProps<typeof hoverCardContent>;
 export type HoverCardSize = NonNullable<Variants["size"]>;

package/dist/Input/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputSize, InputVariant } from "./typings";
+import type { InputSize, InputVariant } from "./typings";
 interface IInputContext {
     size: InputSize;
     variant: InputVariant;

package/dist/Input/cva.d.ts

@@ -1,12 +1,12 @@
 export declare const inputRoot: (props?: ({
-    variant?: "soft" | "surface" | "outline" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | 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" | "surface" | "outline" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | 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" | "surface" | "outline" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/Input/index.d.ts

@@ -2,6 +2,7 @@
 export * from "./Field";
 export * from "./Root";
 export * from "./Slot";
+export * from "./typings";
 export declare const Input: {
     Field: import("react").ForwardRefExoticComponent<import("./Field").InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
     Root: import("react").ForwardRefExoticComponent<import("./Root").InputRootProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Input/typings.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
+import type { ComponentRadius } from "../Provider";
 import { inputRoot } from "./cva";
 type Variants = VariantProps<typeof inputRoot>;
 export type InputSize = NonNullable<Variants["size"]>;

package/dist/Popover/index.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import * as RadixPopover from "@radix-ui/react-popover";
+export * from "./Arrow";
+export * from "./Content";
+export * from "./typings";
 export declare const Popover: {
     Content: import("react").ForwardRefExoticComponent<import("./Content").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Arrow: import("react").ForwardRefExoticComponent<import("./Arrow").PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/Popover/typings.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
+import type { ComponentRadius } from "../Provider";
 import { popoverContent } from "./cva";
 type PopoverVariants = VariantProps<typeof popoverContent>;
 export type PopoverSize = NonNullable<PopoverVariants["size"]>;

package/dist/Provider/Provider.d.ts

@@ -1,8 +1,7 @@
 import { PropsWithChildren } from "react";
 import { ComponentRadius } from "./typings";
-interface ProviderProps extends PropsWithChildren {
+export interface ProviderProps extends PropsWithChildren {
     accentColor: string;
     radius?: ComponentRadius;
 }
 export declare const Provider: (props: ProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/RadioGroup/index.d.ts

@@ -2,6 +2,7 @@
 export * from "./Indicator";
 export * from "./Item";
 export * from "./Root";
+export * from "./typings";
 export declare const RadioGroup: {
     Indicator: import("react").ForwardRefExoticComponent<import("./Indicator").RadioGroupIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
     Item: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Item").RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>>;

package/dist/SegmentedControl/cva.d.ts

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

package/dist/Separator/index.d.ts

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

package/dist/Separator/typings.d.ts

@@ -1,12 +1,8 @@
-import { VariantProps } from "class-variance-authority";
-import { separator } from "./cva";
-type Variants = VariantProps<typeof separator>;
-export type SeparatorSize = NonNullable<Variants["size"]>;
-export type SeparatorWeight = NonNullable<Variants["weight"]>;
-export type SeparatorOrientation = NonNullable<Variants["orientation"]>;
+export type SeparatorSize = "xs" | "sm" | "md" | "lg" | "xl" | "full";
+export type SeparatorWeight = "light" | "medium" | "heavy";
+export type SeparatorOrientation = "horizontal" | "vertical";
 export interface SeparatorVariantProps {
     size?: SeparatorSize;
     weight?: SeparatorWeight;
     orientation?: SeparatorOrientation;
 }
-export {};

package/dist/Text/cva.d.ts

@@ -1,5 +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;
+    align?: "right" | "left" | "center" | 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" | "surface" | "outline" | null | undefined;
+    variant?: "soft" | "outline" | "surface" | 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/TextArea/typings.d.ts

@@ -1,10 +1,10 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
+import type { ComponentRadius } from "../Provider";
 import { textAreaCva } from "./cva";
 type TextAreaVariants = VariantProps<typeof textAreaCva>;
 export type TextAreaSize = NonNullable<TextAreaVariants["size"]>;
 export type TextAreaVariant = NonNullable<TextAreaVariants["variant"]>;
-type TextAreaResize = NonNullable<TextAreaVariants["resize"]>;
+export type TextAreaResize = NonNullable<TextAreaVariants["resize"]>;
 export interface TextAreaVariantProps {
     size?: TextAreaSize;
     variant?: TextAreaVariant;

package/dist/ToggleButton/cva.d.ts

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

package/dist/ToggleButton/typings.d.ts

@@ -1,11 +1,8 @@
 import * as Toggle from "@radix-ui/react-toggle";
-import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
-import { AccentColorProps } from "../typings";
-import { toggleButtonCva } from "./cva";
-type ToggleButtonVariants = VariantProps<typeof toggleButtonCva>;
-export type ToggleButtonSize = NonNullable<ToggleButtonVariants["size"]>;
-export type ToggleButtonVariant = NonNullable<ToggleButtonVariants["variant"]>;
+import type { ComponentRadius } from "../Provider";
+import type { AccentColorProps } from "../typings";
+export type ToggleButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ToggleButtonVariant = "outline" | "ghost";
 export interface ToggleButtonVariantProps {
     variant?: ToggleButtonVariant;
     size?: ToggleButtonSize;
@@ -15,4 +12,3 @@ export interface BaseToggleButtonProps extends Toggle.ToggleProps, ToggleButtonV
     icon: boolean;
 }
 export type ToggleButtonProps = Omit<BaseToggleButtonProps, "icon">;
-export {};

package/dist/Tooltip/index.d.ts

@@ -2,6 +2,7 @@
 import * as RadixTooltip from "@radix-ui/react-tooltip";
 export * from "./Arrow";
 export * from "./Content";
+export * from "./typings";
 export declare const Tooltip: {
     Arrow: import("react").ForwardRefExoticComponent<import("./Arrow").TooltipArrowProps & import("react").RefAttributes<SVGSVGElement>>;
     Content: import("react").ForwardRefExoticComponent<import("./Content").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Tooltip/typings.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import { ComponentRadius } from "../Provider/typings";
+import type { ComponentRadius } from "../Provider";
 import { tooltipContent } from "./cva";
 type Variants = VariantProps<typeof tooltipContent>;
 export type TooltipSize = NonNullable<Variants["size"]>;

package/dist/blocks.js

@@ -28,6 +28,33 @@ import * as RadixTabs from "@radix-ui/react-tabs";
 import * as RadixToast from "@radix-ui/react-toast";
 import { ToastProvider as ToastProvider$1, ToastViewport } from "@radix-ui/react-toast";
 import * as RadixTooltip from "@radix-ui/react-tooltip";
+const floating = cva(
+  [
+    "data-[state=open]:animate-in",
+    "data-[state=open]:fade-in-0",
+    "data-[state=open]:zoom-in-95",
+    "data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0",
+    "data-[state=closed]:zoom-out-95"
+  ],
+  {
+    variants: {
+      shadow: {
+        "1": ["shadow-xs"],
+        "2": ["shadow-sm"],
+        "3": ["shadow-md"],
+        "4": ["shadow-lg"],
+        "5": ["shadow-xl"]
+      },
+      side: {
+        top: ["data-[side=top]:slide-in-from-bottom-2"],
+        right: ["data-[side=right]:slide-in-from-left-2"],
+        bottom: ["data-[side=bottom]:slide-in-from-top-2"],
+        left: ["data-[side=left]:slide-in-from-right-2"]
+      }
+    }
+  }
+);
 const radiusCva = cva([], {
   variants: {
     maxLarge: {
@@ -184,34 +211,7 @@ const ButtonGroup = (props) => {
 };
 ButtonGroup.displayName = "Buttons";
 const useButtonGroup = () => useContext(ButtonGroupContext);
-const floating = cva(
-  [
-    "data-[state=open]:animate-in",
-    "data-[state=open]:fade-in-0",
-    "data-[state=open]:zoom-in-95",
-    "data-[state=closed]:animate-out",
-    "data-[state=closed]:fade-out-0",
-    "data-[state=closed]:zoom-out-95"
-  ],
-  {
-    variants: {
-      shadow: {
-        "1": ["shadow-xs"],
-        "2": ["shadow-sm"],
-        "3": ["shadow-md"],
-        "4": ["shadow-lg"],
-        "5": ["shadow-xl"]
-      },
-      side: {
-        top: ["data-[side=top]:slide-in-from-bottom-2"],
-        right: ["data-[side=right]:slide-in-from-left-2"],
-        bottom: ["data-[side=bottom]:slide-in-from-top-2"],
-        left: ["data-[side=left]:slide-in-from-right-2"]
-      }
-    }
-  }
-);
-const button = cva(
+const buttonCva = cva(
   [
     "flex",
     "items-center",
@@ -367,7 +367,7 @@ const Button = memo(
       {
         className: cx(
           className,
-          button({ size: size2, icon: false, variant }),
+          buttonCva({ size: size2, icon: false, variant }),
           radiusCva({ radius, maxLarge: false })
         ),
         ref,
@@ -394,7 +394,11 @@ const IconButton = memo(
     return /* @__PURE__ */ jsx(
       "button",
       {
-        className: cx(className, button({ size: size2, icon: true, variant }), radiusCva({ radius, maxLarge: false })),
+        className: cx(
+          className,
+          buttonCva({ size: size2, icon: true, variant }),
+          radiusCva({ radius, maxLarge: false })
+        ),
         ref,
         "data-accent-color": accentColor,
         ...rest,
@@ -553,52 +557,52 @@ const badge = cva(["flex", "items-center"], {
     {
       icon: true,
       size: "xs",
-      class: "w-5"
+      className: "w-5"
     },
     {
       icon: false,
       size: "xs",
-      class: "px-2"
+      className: "px-2"
     },
     {
       icon: true,
       size: "sm",
-      class: "w-6"
+      className: "w-6"
     },
     {
       icon: false,
       size: "sm",
-      class: "px-2"
+      className: "px-2"
     },
     {
       icon: true,
       size: "md",
-      class: "w-7"
+      className: "w-7"
     },
     {
       icon: false,
       size: "md",
-      class: "px-3"
+      className: "px-3"
     },
     {
       icon: true,
       size: "lg",
-      class: "w-8"
+      className: "w-8"
     },
     {
       icon: false,
       size: "lg",
-      class: "px-4"
+      className: "px-4"
     },
     {
       icon: true,
       size: "xl",
-      class: "w-9"
+      className: "w-9"
     },
     {
       icon: false,
       size: "xl",
-      class: "px-5"
+      className: "px-5"
     }
   ],
   defaultVariants: {
@@ -9371,6 +9375,8 @@ export {
   MenuVirtualTrigger,
   OvermapErrorBoundary,
   Popover,
+  PopoverArrow,
+  PopoverContent,
   Provider,
   RadioGroup,
   RadioGroupIndicator,
@@ -9399,7 +9405,7 @@ export {
   TooltipArrow,
   TooltipContent,
   badge,
-  button,
+  buttonCva,
   splitTextForEllipsisAndExpansion,
   unsafeShowToast,
   useAlertDialog,