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

package/dist/Tabs/List.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as RadixTabs from "@radix-ui/react-tabs";
+import { AccentColorProps } from "../typings";
+import { TabsVariantProps } from "./typings";
+export interface TabsListProps extends RadixTabs.TabsListProps, TabsVariantProps, AccentColorProps {
+}
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Tabs/Root.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import * as RadixTabs from "@radix-ui/react-tabs";
+export interface TabsRootProps extends RadixTabs.TabsProps {
+}
+export declare const TabsRoot: import("react").ForwardRefExoticComponent<TabsRootProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Tabs/Trigger.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import * as RadixTabs from "@radix-ui/react-tabs";
+export interface TabsTriggerProps extends RadixTabs.TabsTriggerProps {
+}
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/Tabs/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TabsSize } from "./typings";
+interface ITabsListContext {
+    size: TabsSize;
+}
+export declare const TabsListContext: import("react").Context<ITabsListContext>;
+export {};

package/dist/Tabs/cva.d.ts

@@ -0,0 +1,6 @@
+export declare const tabsListCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsTriggerCva: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/Tabs/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import * as RadixTabs from "@radix-ui/react-tabs";
+export * from "./List";
+export * from "./Root";
+export * from "./Trigger";
+export * from "./typings";
+export declare const Tabs: {
+    Root: import("react").ForwardRefExoticComponent<import("./Root").TabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").ForwardRefExoticComponent<import("./List").TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("./Trigger").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<RadixTabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};

package/dist/Tabs/typings.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from "class-variance-authority";
+import { tabsListCva } from "./cva";
+type TabsVariants = VariantProps<typeof tabsListCva>;
+export type TabsSize = NonNullable<TabsVariants["size"]>;
+export interface TabsVariantProps {
+    size?: TabsSize;
+}
+export {};

package/dist/blocks.js

@@ -24,6 +24,7 @@ import * as RadixRadioGroup from "@radix-ui/react-radio-group";
 import * as Toggle from "@radix-ui/react-toggle";
 import { Toggle as Toggle$1 } from "@radix-ui/react-toggle";
 import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
+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";
@@ -8744,6 +8745,93 @@ 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 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"]
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const tabsTriggerCva = cva(
+  [
+    "cursor-pointer",
+    "transition-colors",
+    "relative",
+    "h-full",
+    "flex",
+    "items-center",
+    "justify-center",
+    "text-(--base-a11)",
+    "hover:text-(--base-a12)",
+    "data-[state=active]:text-(--base-a12)",
+    "data-[state=active]:before:absolute",
+    "data-[state=active]:before:inset-x-0",
+    "data-[state=active]:before:bottom-0",
+    "data-[state=active]:before:h-[2px]",
+    "data-[state=active]:before:bg-(--accent-indicator)"
+  ],
+  {
+    variants: {
+      size: {
+        xs: ["px-2", "gap-0.25"],
+        sm: ["px-2", "gap-0.5"],
+        md: ["px-3", "gap-1"],
+        lg: ["px-4", "gap-1.5"],
+        xl: ["px-5", "gap-2"]
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const TabsList = forwardRef((props, ref) => {
+  const providerContext = useProvider();
+  const { children, className, size: size2 = "md", accentColor = providerContext.accentColor, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    RadixTabs.List,
+    {
+      ref,
+      className: cx(className, tabsListCva({ size: size2 })),
+      "data-accent-color": accentColor,
+      ...rest,
+      children: /* @__PURE__ */ jsx(TabsListContext.Provider, { value: { size: size2 }, children })
+    }
+  );
+});
+TabsList.displayName = "TabsList";
+const TabsRoot = forwardRef((props, ref) => {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx(RadixTabs.Root, { ref, className: cx(className, "flex flex-col"), ...rest });
+});
+TabsRoot.displayName = "TabsRoot";
+const useTabsList = () => {
+  const tabsListContext = useContext(TabsListContext);
+  if (!tabsListContext) {
+    throw new Error("useTabsList must be used within a TabsList component");
+  }
+  return tabsListContext;
+};
+const TabsTrigger = forwardRef((props, ref) => {
+  const { className, ...rest } = props;
+  const { size: size2 } = useTabsList();
+  return /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, className: cx(className, tabsTriggerCva({ size: size2 })), ...rest });
+});
+TabsTrigger.displayName = "TabsTrigger";
+const Tabs = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: RadixTabs.Content
+};
 const textCva = cva(["text-(--accent-a11)"], {
   variants: {
     size: {
@@ -9297,6 +9385,10 @@ export {
   SlideOutV2,
   SlideOutV3,
   Spinner,
+  Tabs,
+  TabsList,
+  TabsRoot,
+  TabsTrigger,
   Text,
   TextArea,
   Toast,