@overmap-ai/blocks 1.0.31-tailwind-components.44 → 1.0.31-tailwind-components.45

package/dist/Buttons/cva.d.ts

@@ -1,5 +1,5 @@
 export declare const buttonCva: (props?: ({
-    variant?: "solid" | "soft" | "outline" | "surface" | "ghost" | null | undefined;
+    variant?: "fill" | "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,7 +1,7 @@
 import type { ComponentRadius } from "../Provider";
 import type { AccentColorProps } from "../typings";
 export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
-export type ButtonVariant = "solid" | "soft" | "outline" | "surface" | "ghost";
+export type ButtonVariant = "solid" | "soft" | "outline" | "surface" | "ghost" | "fill";
 export interface ButtonVariantProps extends AccentColorProps {
     size?: ButtonSize;
     variant?: ButtonVariant;

package/dist/DayPicker/Chevron.d.ts

@@ -0,0 +1,2 @@
+import type { ChevronProps } from "react-day-picker";
+export declare const Chevron: (props: ChevronProps) => import("react/jsx-runtime").JSX.Element;

package/dist/DayPicker/DayPicker.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from "react";
+import { DayPicker as ReactDayPicker } from "react-day-picker";
+import { DayPickerVariantProps } from "./typings";
+export type DayPickerProps = ComponentProps<typeof ReactDayPicker> & DayPickerVariantProps;
+export declare const DayPicker: (props: DayPickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/DayPicker/cva.d.ts

@@ -0,0 +1,20 @@
+export declare const rootCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const dayButtonCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "solid" | "soft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const navButtonCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const weekDayCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const todayCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "solid" | "soft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const monthCaptionCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/DayPicker/index.d.ts

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

package/dist/DayPicker/typings.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentRadius } from "../Provider";
+import { AccentColorProps } from "../typings";
+import { dayButtonCva } from "./cva";
+type DayPickerVariants = VariantProps<typeof dayButtonCva>;
+export type DayPickerSize = NonNullable<DayPickerVariants["size"]>;
+export type DayPickerVariant = NonNullable<DayPickerVariants["variant"]>;
+export interface DayPickerVariantProps extends AccentColorProps {
+    size?: DayPickerSize;
+    variant?: DayPickerVariant;
+    radius?: ComponentRadius;
+}
+export {};

package/dist/blocks.js

@@ -7,6 +7,9 @@ import * as RadixAvatar from "@radix-ui/react-avatar";
 import * as RadixCheckbox from "@radix-ui/react-checkbox";
 import * as RadixPrimitiveCollapsible from "@radix-ui/react-collapsible";
 import { useMediaQuery } from "react-responsive";
+import { DayPicker as DayPicker$1 } from "react-day-picker";
+import * as RiIcons from "react-icons/ri";
+import { RiArrowRightSLine, RiArrowLeftSLine, RiArrowDownSLine, RiArrowUpSLine, RiQuestionMark } from "react-icons/ri";
 import * as RadixDialog from "@radix-ui/react-dialog";
 import { HiX } from "react-icons/hi";
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
@@ -16,8 +19,6 @@ import { Slot } from "@radix-ui/react-slot";
 import { useFloatingNodeId, useFloating, autoUpdate, offset, size, flip, shift, hide, useRole, useDismiss, useClick, useListNavigation, useInteractions, FloatingTree, FloatingNode, FloatingPortal, FloatingOverlay, FloatingFocusManager, FloatingList, useHover, safePolygon, useListItem, useMergeRefs } from "@floating-ui/react";
 import * as RadixSeparator from "@radix-ui/react-separator";
 import { useErrorBoundary, ErrorBoundary } from "react-error-boundary";
-import * as RiIcons from "react-icons/ri";
-import { RiQuestionMark } from "react-icons/ri";
 import * as RadixPopover from "@radix-ui/react-popover";
 import * as RadixRadioGroup from "@radix-ui/react-radio-group";
 import * as RadixToggleGroup from "@radix-ui/react-toggle-group";
@@ -282,6 +283,16 @@ const buttonCva = cva(
           "text-(--accent-a11)",
           "data-[state='open']:inset-ring-(--accent-a8)",
           "data-[state='open']:bg-(--accent-a3)"
+        ],
+        fill: [
+          "bg-transparent",
+          "inset-ring",
+          "inset-ring-(--accent-a3)",
+          "text-(--accent-a11)",
+          "hover:inset-ring-0",
+          "hover:bg-(--accent-a3)",
+          "hover:text-(--accent-a12)",
+          "active:bg-(--accent-a4)"
         ]
       },
       icon: {
@@ -1009,6 +1020,213 @@ const CollapsibleTree = genericMemo(function(props) {
     }
   );
 });
+const Chevron = (props) => {
+  const { orientation, ...rest } = props;
+  switch (orientation) {
+    case "up":
+      return /* @__PURE__ */ jsx(RiArrowUpSLine, { ...rest });
+    case "down":
+      return /* @__PURE__ */ jsx(RiArrowDownSLine, { ...rest });
+    case "left":
+      return /* @__PURE__ */ jsx(RiArrowLeftSLine, { ...rest });
+    default:
+      return /* @__PURE__ */ jsx(RiArrowRightSLine, { ...rest });
+  }
+};
+const rootCva = cva(["relative", "size-max"], {
+  variants: {
+    size: {
+      xs: ["text-xs"],
+      sm: ["text-sm"],
+      md: ["text-base"],
+      lg: ["text-lg"],
+      xl: ["text-xl"]
+    }
+  }
+});
+const dayButtonCva = cva(
+  [
+    "relative",
+    "transition-[background,text]",
+    "focus:outline-hidden",
+    "focus-visible:outline-2",
+    "focus-visible:-outline-offset-1",
+    "focus-visible:outline-(--accent-a8)",
+    // range middle
+    "group-[.rdp-range-middle]/day:rounded-none",
+    "group-[.rdp-range-middle]/day:bg-(--accent-a2)",
+    // range start/end
+    "group-[.rdp-range-start:not(.rdp-range-end)]/day:rounded-r-none",
+    "group-[.rdp-range-end:not(.rdp-range-start)]/day:rounded-l-none",
+    // disabled
+    "group-data-[disabled]/day:pointer-events-none",
+    "group-data-[disabled]/day:text-(--base-a9)",
+    "group-data-[disabled]/day:opacity-70",
+    // outside (days shown)
+    "group-data-[outside]/day:pointer-events-none",
+    "group-data-[outside]/day:text-(--base-a9)",
+    "group-data-[outside]/day:opacity-70",
+    "group-data-[outside]/day:!bg-transparent"
+  ],
+  {
+    variants: {
+      size: {
+        xs: ["size-5"],
+        sm: ["size-6"],
+        md: ["size-7"],
+        lg: ["size-8"],
+        xl: ["size-9"]
+      },
+      variant: {
+        soft: [
+          // unselected
+          "group-[:not([data-selected])]/day:hover:bg-(--accent-a3)",
+          "group-[:not([data-selected])]/day:active:bg-(--accent-a4)",
+          // selected
+          "group-[[data-selected='true']:not(.rdp-range-middle)]/day:bg-(--accent-a6)"
+        ],
+        solid: [
+          // unselected
+          "group-[:not([data-selected])]/day:hover:bg-(--accent-a3)",
+          "group-[:not([data-selected])]/day:active:bg-(--accent-a4)",
+          // selected
+          "group-[[data-selected='true']:not(.rdp-range-middle)]/day:bg-(--accent-indicator)",
+          "group-[[data-selected='true']:not(.rdp-range-middle)]/day:text-(--accent-contrast)"
+        ]
+      }
+    }
+  }
+);
+const navButtonCva = cva(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "text-(--base-a11)",
+    "hover:bg-(--base-a3)",
+    "active:bg-(--base-a4)",
+    "text-(--base-a11)",
+    "hover:text-(--base-a12)"
+  ],
+  {
+    variants: {
+      size: {
+        xs: ["size-5"],
+        sm: ["size-6"],
+        md: ["size-7"],
+        lg: ["size-8"],
+        xl: ["size-9"]
+      }
+    }
+  }
+);
+const weekDayCva = cva(["font-medium", "text-(--base-a11)"], {
+  variants: {
+    size: {
+      xs: ["size-5"],
+      sm: ["size-6"],
+      md: ["size-7"],
+      lg: ["size-8"],
+      xl: ["size-9"]
+    }
+  }
+});
+const todayCva = cva(
+  [
+    "*:after:absolute",
+    "*:after:bg-(--base-12)",
+    "*:after:start-1/2",
+    "*:after:-translate-x-1/2",
+    "*:group-data-[disabled]/day:after:bg-(--base-a9)",
+    "*:after:rounded-full",
+    "*:after:bottom-0.5"
+  ],
+  {
+    variants: {
+      size: {
+        xs: ["*:after:size-[2px]"],
+        sm: ["*:after:size-[3px]"],
+        md: ["*:after:size-[3px]"],
+        lg: ["*:after:size-[4px]"],
+        xl: ["*:after:size-[4px]"]
+      },
+      variant: {
+        soft: ["*:after:bg-(--accent-a5)"],
+        solid: ["*:group-[[data-selected='true']:not(.rdp-range-middle)]/day:after:bg-(--accent-contrast)"]
+      }
+    }
+  }
+);
+const monthCaptionCva = cva(["font-medium", "w-full", "flex", "justify-center", "items-center"], {
+  variants: {
+    size: {
+      xs: ["h-5"],
+      sm: ["h-6"],
+      md: ["h-7"],
+      lg: ["h-8"],
+      xl: ["h-9"]
+    }
+  }
+});
+const DayPicker = (props) => {
+  const providerContext = useProvider();
+  const {
+    components,
+    classNames,
+    accentColor = providerContext.accentColor,
+    size: size2 = "md",
+    variant = "soft",
+    radius = providerContext.radius,
+    showOutsideDays = true,
+    ...rest
+  } = props;
+  const computedClassNames = useMemo(() => {
+    return {
+      ...classNames,
+      root: cx(classNames == null ? void 0 : classNames.root, rootCva({ size: size2 })),
+      nav: cx(classNames == null ? void 0 : classNames.nav, ["absolute", "top-0", "w-full", "flex", "justify-between"]),
+      month: cx(classNames == null ? void 0 : classNames.month, ["flex", "flex-col", "gap-1"]),
+      month_caption: cx(classNames == null ? void 0 : classNames.month_caption, monthCaptionCva({ size: size2 })),
+      button_next: cx(
+        classNames == null ? void 0 : classNames.button_next,
+        navButtonCva({ size: size2 }),
+        radiusCva({ radius, maxLarge: false })
+      ),
+      button_previous: cx(
+        classNames == null ? void 0 : classNames.button_previous,
+        navButtonCva({ size: size2 }),
+        radiusCva({ radius, maxLarge: false })
+      ),
+      weekday: cx(classNames == null ? void 0 : classNames.weekday, weekDayCva({ size: size2 })),
+      today: cx(classNames == null ? void 0 : classNames.today, todayCva({ size: size2, variant })),
+      day: cx(classNames == null ? void 0 : classNames.day, ["group/day"]),
+      day_button: cx(
+        classNames == null ? void 0 : classNames.day_button,
+        dayButtonCva({ size: size2, variant }),
+        radiusCva({ radius, maxLarge: false })
+      ),
+      range_start: cx(classNames == null ? void 0 : classNames.range_start, "rdp-range-start"),
+      range_middle: cx(classNames == null ? void 0 : classNames.range_middle, "rdp-range-middle"),
+      range_end: cx(classNames == null ? void 0 : classNames.range_end, "rdp-range-end")
+    };
+  }, [classNames, radius, size2, variant]);
+  const computedComponents = useMemo(() => {
+    return {
+      ...components,
+      Chevron
+    };
+  }, [components]);
+  return /* @__PURE__ */ jsx(
+    DayPicker$1,
+    {
+      "data-accent-color": accentColor,
+      showOutsideDays,
+      components: computedComponents,
+      classNames: computedClassNames,
+      ...rest
+    }
+  );
+};
 const CloseDialogContext = createContext({});
 const useCloseDialog = () => {
   const dialogContext = useContext(CloseDialogContext);
@@ -2345,7 +2563,7 @@ MenuCheckboxItemIndicator.displayName = "MenuCheckboxItemIndicator";
 const MenuClickTrigger = memo(
   forwardRef((props, forwardedRef) => {
     const { children, disabled = false } = props;
-    const { getReferenceProps, refs, setTriggerType } = useMenuContext();
+    const { getReferenceProps, refs, setTriggerType, open } = useMenuContext();
     const mergedRefs = useMergeRefs([refs.setReference, forwardedRef]);
     useEffect(() => {
       setTriggerType("click");
@@ -2356,6 +2574,7 @@ const MenuClickTrigger = memo(
         ref: mergedRefs,
         "aria-disabled": disabled,
         "data-disabled": disabled ? "" : void 0,
+        "data-state": open ? "open" : "closed",
         ...getReferenceProps({ disabled }),
         children
       }
@@ -4251,6 +4470,7 @@ export {
   CheckboxIndicator,
   CheckboxRoot,
   CollapsibleTree,
+  DayPicker,
   Dialog,
   DialogContent,
   DialogOverlay,