@overmap-ai/blocks 0.0.1-alpha.46 → 0.0.1-alpha.49

package/dist/ButtonGroup/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ButtonProps } from "../Buttons/typings";
-export type ButtonContextType = Pick<ButtonProps, "variant" | "size" | "severity" | "hoverEffects">;
+export type ButtonContextType = Pick<ButtonProps, "variant" | "size" | "severity" | "hoverEffects" | "fluid">;
 export declare const ButtonGroupContext: import("react").Context<ButtonContextType>;
 export declare const useButtonGroupContext: () => ButtonContextType;

package/dist/ButtonGroup/typings.d.ts

@@ -2,7 +2,7 @@ import { Flex, MarginProps, Responsive } from "@radix-ui/themes";
 import { ComponentProps } from "react";
 import { Severity, Size, Variant } from "../typings.ts";
 import { ButtonHoverEffect } from "../Buttons";
-export interface ButtonGroupProps extends Omit<ComponentProps<typeof Flex>, keyof MarginProps | "size" | "direction"> {
+export interface ButtonGroupProps extends Omit<ComponentProps<typeof Flex>, keyof MarginProps | "size" | "direction" | "asChild"> {
     /** The direction in which the Buttons within the ButtonGroup are stacked
      * @default "row"
      * */
@@ -26,4 +26,8 @@ export interface ButtonGroupProps extends Omit<ComponentProps<typeof Flex>, keyo
      * @default false
      * */
     merged?: boolean;
+    /** When set to true, all Buttons will fill as much space as possible within the ButtonGroup
+     * @default false
+     * */
+    fluid: boolean;
 }

package/dist/Buttons/IconButton.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { ButtonProps } from "./typings.ts";
-interface IconButtonProps extends Omit<ButtonProps, "fluid"> {
+interface IconButtonProps extends ButtonProps {
     "aria-label": string;
 }
 /** The `IconButton` is a `Button` variant specifically designed for single icons. */

package/dist/Input/typings.d.ts

@@ -3,9 +3,9 @@ import { Responsive, TextField as RadixTextField } from "@radix-ui/themes";
 import { Severity, Size } from "../typings.ts";
 import { MarginProps } from "@radix-ui/themes";
 type TextFieldInputProps = React.ComponentProps<typeof RadixTextField.Input>;
-export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | keyof MarginProps> {
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
+export interface InputProps extends Omit<TextFieldInputProps, "size" | "color" | "radius" | keyof MarginProps> {
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
     size?: Responsive<Size>;
     severity?: Exclude<Severity, "success" | "info">;
     showInputLength?: boolean;

package/dist/Select/typings.d.ts

@@ -1,10 +1,10 @@
-import { ComponentProps } from "react";
+import { ComponentProps, ReactNode } from "react";
 import { Responsive, Select as RadixSelect } from "@radix-ui/themes";
 import { Severity, Size, Variant } from "../typings.ts";
 type RadixSelectItemProps = ComponentProps<typeof RadixSelect.Item>;
 type RadixSelectContentProps = ComponentProps<typeof RadixSelect.Content>;
 export interface SelectItemProps extends Omit<RadixSelectItemProps, "asChild" | "textValue"> {
-    label: string;
+    itemContent: ReactNode;
 }
 export interface SelectProps extends Omit<ComponentProps<typeof RadixSelect.Root>, "dir" | "open" | "onOpenChange" | "size"> {
     className?: string;
@@ -15,7 +15,8 @@ export interface SelectProps extends Omit<ComponentProps<typeof RadixSelect.Root
     id?: string;
     side?: RadixSelectContentProps["side"];
     items?: SelectItemProps[];
-    severity?: Exclude<Severity, "success">;
+    severity?: Severity;
+    itemSeverity?: Severity;
     variant?: Extract<Variant, "surface" | "ghost" | "soft">;
 }
 export {};

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { SwitchProps } from "./typings.ts";
+/** The Switch Component is a user interface element that allows users to toggle between two states, typically
+ * representing "on" and "off" or "enabled" and "disabled". It is commonly used for settings, preferences, or any
+ * binary options. This Switch component is a wrapper around the Radix-ui Switch component found here https://www.radix-ui.com/themes/docs/components/switch
+ */
+export declare const Switch: FC<SwitchProps>;

package/dist/Switch/index.d.ts

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

package/dist/Switch/typings.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { MarginProps, Switch as RadixSwitch } from "@radix-ui/themes";
+import { Severity } from "../typings.ts";
+interface SwitchIconProps {
+    checked: ReactNode;
+    unchecked: ReactNode;
+}
+export interface SwitchProps extends Omit<ComponentProps<typeof RadixSwitch>, "radius" | "color" | "asChild" | keyof MarginProps> {
+    severity?: Severity;
+    /** an icon or icons to be rendered within the Switch thumb on checked and unchecked states */
+    icon?: ReactElement | SwitchIconProps;
+}
+export {};

package/dist/ToggleGroup/typings.d.ts

@@ -1,17 +1,7 @@
-import { ComponentProps } from "react";
 import { ToggleGroupItemProps as RadixToggleGroupItemProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
-import { Severity } from "../typings.ts";
-import { Flex } from "@radix-ui/themes";
-import { ButtonProps } from "../Buttons/typings.ts";
+import { ButtonGroupProps } from "../ButtonGroup";
 export interface ToggleGroupItemProps extends Omit<RadixToggleGroupItemProps, "asChild"> {
 }
-interface GeneralToggleGroupProps {
+export interface ToggleGroupSingleProps extends Omit<RadixToggleGroupSingleProps, "dir" | "orientation">, Omit<ButtonGroupProps, "children" | "defaultValue" | "variant"> {
     items: ToggleGroupItemProps[];
-    merged?: boolean;
-    severity?: Severity;
-    gap?: ComponentProps<typeof Flex>["gap"];
-    size?: ButtonProps["size"];
 }
-export interface ToggleGroupSingleProps extends Omit<RadixToggleGroupSingleProps, "dir">, GeneralToggleGroupProps {
-}
-export {};