@snurls/react 0.0.1

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,6 @@
+import { AccordionProps } from "./types";
+interface Props extends AccordionProps {
+    ref?: React.Ref<HTMLDivElement>;
+}
+declare const Accordion: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/components/accordion/AccordionContext.d.ts

@@ -0,0 +1,7 @@
+export type AccordionContextType = {
+    activeItems: string[];
+    setActiveItem: (item: string) => void;
+};
+export declare const AccordionContext: import("react").Context<AccordionContextType>;
+export declare const useAccordionContext: () => AccordionContextType;
+export default AccordionContext;

package/dist/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,6 @@
+import { AccordionItemProps } from "./types";
+interface Props extends AccordionItemProps {
+    ref?: React.Ref<HTMLDivElement>;
+}
+declare const AccordionItem: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default AccordionItem;

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Accordion } from "./Accordion";
+export { default as AccordionItem } from "./AccordionItem";
+export { AccordionButtonProps, AccordionItemProps, AccordionPanelProps, AccordionProps, } from "./types";

package/dist/components/accordion/style.css.d.ts

@@ -0,0 +1,5 @@
+export declare const accordionStyle: string;
+export declare const accordionItemStyle: string;
+export declare const accordionButtonStyle: string;
+export declare const panelHeight: `var(--${string})`;
+export declare const accordionPanelStyle: string;

package/dist/components/accordion/types.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type AccordionProps = {
+    defaultActiveItems?: string[];
+    children: React.ReactNode | React.ReactNode[];
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+export type AccordionItemProps = {
+    children: React.ReactNode[];
+    itemName: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+export type AccordionButtonProps = {
+    itemName?: string;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export type AccordionPanelProps = {
+    itemName?: string;
+} & React.HTMLAttributes<HTMLDivElement>;

package/dist/components/button/Button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from "./types";
+interface Props extends ButtonProps {
+    ref?: React.Ref<HTMLButtonElement>;
+}
+declare const Button: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export { ButtonProps } from "./types";

package/dist/components/button/style.css.d.ts

@@ -0,0 +1,85 @@
+export declare const enableColorVariant: `var(--${string})`;
+export declare const hoverColorVariant: `var(--${string})`;
+export declare const activeColorVariant: `var(--${string})`;
+export declare const borderColorVariant: `var(--${string})`;
+export declare const buttonStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "56": {
+            height: "3.5rem";
+        };
+        "48": {
+            height: "3rem";
+        };
+        "40": {
+            height: "2.5rem";
+        };
+    };
+    variant: {
+        solid: {
+            backgroundColor: `var(--${string})`;
+            color: string;
+            "&:hover:not([disabled])": {
+                backgroundColor: `var(--${string})`;
+            };
+            "&:active:not([disabled])": {
+                backgroundColor: `var(--${string})`;
+            };
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        outline: {
+            border: `1px solid var(--${string})`;
+            color: string;
+            "&:hover:not([disabled])": {
+                backgroundColor: `var(--${string})`;
+            };
+            "&:active:not([disabled])": {
+                backgroundColor: `var(--${string})`;
+            };
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        ghost: {
+            color: string;
+            "&:hover:not([disabled])": {
+                backgroundColor: `var(--${string})`;
+            };
+            "&:active:not([disabled])": {
+                backgroundColor: string;
+            };
+            "&[disabled]": {
+                background: string;
+                color: string;
+                cursor: string;
+            };
+        };
+    };
+}>;
+export declare const spanStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "56": {};
+        "48": {};
+        "40": {};
+    };
+}>;
+export declare const spinnerStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        "56": {
+            width: string;
+            height: string;
+            left: `calc(50% - ${string}/2)`;
+        };
+        "48": {
+            width: string;
+            height: string;
+            left: `calc(50% - ${string}/2)`;
+        };
+        "40": {
+            width: string;
+            height: string;
+            left: `calc(50% - ${string}/2)`;
+        };
+    };
+}>;

package/dist/components/button/types.d.ts

@@ -0,0 +1,11 @@
+import { vars } from "@snurls/themes";
+export type ButtonProps = {
+    color?: keyof typeof vars.colors.$scale;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    width?: number;
+    size?: "56" | "48" | "40";
+    variant?: "solid" | "outline" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;

package/dist/components/core/styles.css.d.ts

@@ -0,0 +1,23 @@
+export declare const BaseStyle: string;
+export declare const StyleSprinkles: ((props: {
+    marginTop?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    marginRight?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    marginBottom?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    marginLeft?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    paddingTop?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    paddingRight?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    paddingBottom?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    paddingLeft?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    margin?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    padding?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    marginX?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    marginY?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    paddingX?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+    paddingY?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | undefined;
+} & {
+    borderRadius?: "none" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
+} & {
+    boxShadow?: "outline" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "xs" | "inner" | "darkLg" | undefined;
+}) => string) & {
+    properties: Set<"padding" | "boxShadow" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "margin" | "marginX" | "marginY" | "paddingX" | "paddingY">;
+};

package/dist/components/core/types.d.ts

@@ -0,0 +1,13 @@
+import { vars } from "@snurls/themes";
+import { StyleSprinkles } from "./styles.css";
+type AsProps = {
+    as?: Exclude<keyof React.JSX.IntrinsicElements, keyof SVGElementTagNameMap>;
+};
+type ElementProps = Omit<React.HTMLAttributes<HTMLElement>, "as">;
+export type AsElementProps = AsProps & ElementProps;
+export type ColorProps = {
+    color?: keyof typeof vars.colors.$scale;
+    background?: keyof typeof vars.colors.$scale;
+};
+export type StyleProps = Parameters<typeof StyleSprinkles>[0] & ColorProps;
+export {};

package/dist/components/layout/Box.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, Ref } from "react";
+import { BoxProps } from "./types";
+interface Props extends BoxProps {
+    ref?: Ref<HTMLElement>;
+}
+declare const Box: (props: Props) => ReactElement;
+export default Box;

package/dist/components/layout/Divider.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from "react";
+import { DividerProps } from "./types";
+interface Props extends DividerProps {
+    ref?: Ref<HTMLHRElement>;
+}
+declare const Divider: ({ ref, color, variant, size, orientation, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/dist/components/layout/Flex.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, Ref } from "react";
+import { FlexProps } from "./types";
+interface Props extends FlexProps {
+    ref?: Ref<HTMLElement>;
+}
+declare const Flex: (props: Props) => ReactElement;
+export default Flex;

package/dist/components/layout/Grid.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, Ref } from "react";
+import { GridProps } from "./types";
+interface Props extends GridProps {
+    ref?: Ref<HTMLElement>;
+}
+declare const Grid: (props: Props) => ReactElement;
+export default Grid;

package/dist/components/layout/GridItem.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, Ref } from "react";
+import { GridItemProps } from "./types";
+interface Props extends GridItemProps {
+    ref?: Ref<HTMLElement>;
+}
+declare const GridItem: (props: Props) => ReactElement;
+export default GridItem;

package/dist/components/layout/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Box } from "./Box";
+export { default as Divider } from "./Divider";
+export { default as Flex } from "./Flex";
+export { default as Grid } from "./Grid";
+export { default as GridItem } from "./GridItem";
+export { BoxProps, DividerProps, FlexProps, GridProps, GridItemProps, } from "./types";

package/dist/components/layout/types.d.ts

@@ -0,0 +1,52 @@
+import { vars } from "@snurls/themes";
+import { AsElementProps, StyleProps } from "../core/types";
+import { CSSProperties } from "@vanilla-extract/css";
+import { TextProps } from "../typography";
+export type BoxProps = AsElementProps & StyleProps;
+export type DividerProps = {
+    orientation?: "horizontal" | "vertical";
+    color?: keyof typeof vars.colors.$scale;
+    size?: number;
+    variant?: "solid" | "dashed";
+} & React.HTMLAttributes<HTMLHRElement>;
+export type FlexProps = {
+    align?: CSSProperties["alignItems"];
+    basis?: CSSProperties["flexBasis"];
+    direction?: CSSProperties["flexDirection"];
+    grow?: CSSProperties["flexGrow"];
+    justify?: CSSProperties["justifyContent"];
+    shrink?: CSSProperties["flexShrink"];
+    wrap?: CSSProperties["flexWrap"];
+    gap?: CSSProperties["gap"];
+} & BoxProps;
+export type GridProps = {
+    autoColumns?: CSSProperties["gridAutoColumns"];
+    autoFlow?: CSSProperties["gridAutoFlow"];
+    autoRows?: CSSProperties["gridAutoRows"];
+    column?: CSSProperties["gridColumn"];
+    columnGap?: CSSProperties["columnGap"];
+    gap?: CSSProperties["gap"];
+    row?: CSSProperties["gridRow"];
+    rowGap?: CSSProperties["rowGap"];
+    templateAreas?: CSSProperties["gridTemplateAreas"];
+    templateColumns?: CSSProperties["gridTemplateColumns"];
+    templateRows?: CSSProperties["gridTemplateRows"];
+} & BoxProps;
+export type GridItemProps = {
+    area?: CSSProperties["gridArea"];
+    colEnd?: CSSProperties["gridColumnEnd"];
+    colStart?: CSSProperties["gridColumnStart"];
+    colSpan?: CSSProperties["gridColumn"];
+    rowEnd?: CSSProperties["gridRowEnd"];
+    rowStart?: CSSProperties["gridRowStart"];
+    rowSpan?: CSSProperties["gridRow"];
+} & BoxProps;
+export type ListProps = {
+    variant?: "ordered" | "unordered";
+    spacing?: keyof typeof vars.box.spacing;
+} & BoxProps;
+export type OrderListProps = Omit<ListProps, "variant">;
+export type ListItemProps = TextProps;
+export type UnorderedListProps = Omit<ListProps, "variant"> & {
+    listStyleType?: CSSProperties["listStyleType"];
+};

package/dist/components/typography/Text.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, Ref } from "react";
+import { TextProps } from "./types";
+interface Props extends TextProps {
+    ref?: Ref<HTMLElement>;
+}
+declare const Text: (props: Props) => ReactElement;
+export default Text;

package/dist/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Text } from "./Text";
+export { TextProps } from "./types";

package/dist/components/typography/style.css.d.ts

@@ -0,0 +1,92 @@
+export declare const textStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        display1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        display2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        title1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        title2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        title3: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        heading1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        heading2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        headline1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        headline2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        body1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        body1Reading: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        body2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        body2Reading: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        label1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        label2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        caption1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        caption2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+    };
+    defaultVariants: {
+        variant: string;
+    };
+}>;

package/dist/components/typography/types.d.ts

@@ -0,0 +1,9 @@
+import { classes } from "@snurls/themes";
+import { AsElementProps, StyleProps } from "../core/types";
+import { CSSProperties } from "@vanilla-extract/css";
+export type TextProps = AsElementProps & StyleProps & {
+    variant: keyof typeof classes.typography.text;
+    align?: CSSProperties["textAlign"];
+    casing?: CSSProperties["textTransform"];
+    decoration?: CSSProperties["textDecoration"];
+};

package/dist/components/utils/properties.d.ts

@@ -0,0 +1 @@
+export declare const extractSprinkleProps: <T extends Object>(props: T, keys: (keyof T)[]) => any;

package/dist/hooks/button/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useButton } from "./useButton";
+export { default as useToggleButton } from "./useToggleButton";
+export { BaseButtonProps, ButtonElementType, OverloadedButtonFunction, OverloadedToggleButtonFunction, UseButtonReturn, UseToggleButtonReturn, } from "./types";

package/dist/hooks/button/types.d.ts

@@ -0,0 +1,36 @@
+import { ComponentProps, HTMLAttributes } from "react";
+export type ButtonElementType = "button" | "a" | "div" | "span" | "input";
+export type BaseButtonProps<T extends ButtonElementType = "button"> = {
+    elementType?: T;
+    role?: string;
+    type?: "button" | "submit" | "reset";
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    tabIndex?: number;
+} & ComponentProps<T>;
+export type UseButtonReturn<T> = {
+    buttonProps: HTMLAttributes<T> & {
+        role?: string;
+        type?: "button" | "submit" | "reset";
+        tabIndex?: number;
+        disabled?: boolean;
+        "data-loading": boolean;
+    };
+};
+export type OverloadedButtonFunction = {
+    (props: BaseButtonProps<"button">): UseButtonReturn<HTMLButtonElement>;
+    (props: BaseButtonProps<"a">): UseButtonReturn<HTMLAnchorElement>;
+    (props: BaseButtonProps<"div">): UseButtonReturn<HTMLDivElement>;
+    (props: BaseButtonProps<"input">): UseButtonReturn<HTMLInputElement>;
+    (props: BaseButtonProps<"span">): UseButtonReturn<HTMLSpanElement>;
+};
+export type UseToggleButtonReturn<T> = UseButtonReturn<T> & {
+    isSelected: boolean;
+};
+export type OverloadedToggleButtonFunction = {
+    (props: BaseButtonProps<"button">, isSelected?: boolean): UseToggleButtonReturn<HTMLButtonElement>;
+    (props: BaseButtonProps<"a">, isSelected?: boolean): UseToggleButtonReturn<HTMLAnchorElement>;
+    (props: BaseButtonProps<"div">, isSelected?: boolean): UseToggleButtonReturn<HTMLDivElement>;
+    (props: BaseButtonProps<"input">, isSelected?: boolean): UseToggleButtonReturn<HTMLInputElement>;
+    (props: BaseButtonProps<"span">, isSelected?: boolean): UseToggleButtonReturn<HTMLSpanElement>;
+};

package/dist/hooks/button/useButton.d.ts

@@ -0,0 +1,3 @@
+import { OverloadedButtonFunction } from "./types";
+declare const useButton: OverloadedButtonFunction;
+export default useButton;

package/dist/hooks/button/useToggleButton.d.ts

@@ -0,0 +1,3 @@
+import { OverloadedToggleButtonFunction } from "./types";
+declare const useToggleButton: OverloadedToggleButtonFunction;
+export default useToggleButton;

package/dist/hooks/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useToggle } from "./useToggle";
+export { ToggleProps, UseToggleReturn } from "./types";

package/dist/hooks/toggle/types.d.ts

@@ -0,0 +1,8 @@
+export type ToggleProps = {
+    isSelected?: boolean;
+};
+export interface UseToggleReturn {
+    readonly isSelected: boolean;
+    setSelected(isSelected: boolean): void;
+    toggle(): void;
+}

package/dist/hooks/toggle/useToggle.d.ts

@@ -0,0 +1,3 @@
+import { ToggleProps, UseToggleReturn } from "./types";
+declare const useToggle: ({ isSelected }: ToggleProps) => UseToggleReturn;
+export default useToggle;

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var V=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var Ve=Object.getOwnPropertyNames;var qe=Object.prototype.hasOwnProperty;var Be=(e,t)=>{for(var r in t)V(e,r,{get:t[r],enumerable:!0})},_e=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ve(t))!qe.call(e,i)&&i!==r&&V(e,i,{get:()=>t[i],enumerable:!(a=Re(t,i))||a.enumerable});return e};var Ne=e=>_e(V({},"__esModule",{value:!0}),e);var et={};Be(et,{Box:()=>K,Button:()=>be,Divider:()=>Y,Flex:()=>ee,Grid:()=>ie,GridItem:()=>ne,Text:()=>Pe,useButton:()=>S,useToggle:()=>R,useToggleButton:()=>Ce});module.exports=Ne(et);var zr=require("@snurls/themes/themes.css");var H=require("react"),M=require("clsx");function ze(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var a=r.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ae(e){var t=ze(e,"string");return typeof t=="symbol"?t:String(t)}function De(e,t,r){return t=Ae(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,a)}return r}function q(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?G(Object(r),!0).forEach(function(a){De(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}var U=e=>function(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];var i=Object.assign({},...r.map(n=>n.styles)),l=Object.keys(i),o=l.filter(n=>"mappings"in i[n]),s=n=>{var d=[],f={},v=q({},n),m=!1;for(var w of o){var p=n[w];if(p!=null){var k=i[w];m=!0;for(var h of k.mappings)f[h]=p,v[h]==null&&delete v[h]}}var C=m?q(q({},f),v):n,E=function(){var b=C[A],P=i[A];try{if(P.mappings)return 1;if(typeof b=="string"||typeof b=="number")d.push(P.values[b].defaultClass);else if(Array.isArray(b))for(var T=0;T<b.length;T++){var D=b[T];if(D!=null){var Ee=P.responsiveArray[T];d.push(P.values[D].conditions[Ee])}}else for(var L in b){var F=b[L];F!=null&&d.push(P.values[F].conditions[L])}}catch(Te){if(0){var rt,at;if(typeof b=="object")if(Array.isArray(b)){var it;for(var lt of b);}else for(var ot in b)var st}throw Te}};for(var A in C)E();return e(d.join(" "))};return Object.assign(s,{properties:new Set(l)})};var Le=e=>e,$=function(){return U(Le)(...arguments)};var g="iw0v6k0",u=$({conditions:void 0,styles:{margin:{mappings:["marginTop","marginRight","marginBottom","marginLeft"]},padding:{mappings:["paddingTop","paddingRight","paddingBottom","paddingLeft"]},marginX:{mappings:["marginLeft","marginRight"]},marginY:{mappings:["marginTop","marginBottom"]},paddingX:{mappings:["paddingLeft","paddingRight"]},paddingY:{mappings:["paddingTop","paddingBottom"]},marginTop:{values:{0:{defaultClass:"iw0v6k1"},1:{defaultClass:"iw0v6k2"},2:{defaultClass:"iw0v6k3"},3:{defaultClass:"iw0v6k4"},4:{defaultClass:"iw0v6k5"},5:{defaultClass:"iw0v6k6"},6:{defaultClass:"iw0v6k7"},7:{defaultClass:"iw0v6k8"},8:{defaultClass:"iw0v6k9"},9:{defaultClass:"iw0v6ka"},10:{defaultClass:"iw0v6kb"},11:{defaultClass:"iw0v6kc"},12:{defaultClass:"iw0v6kd"},14:{defaultClass:"iw0v6ke"},16:{defaultClass:"iw0v6kf"},20:{defaultClass:"iw0v6kg"},24:{defaultClass:"iw0v6kh"},28:{defaultClass:"iw0v6ki"},32:{defaultClass:"iw0v6kj"},36:{defaultClass:"iw0v6kk"},40:{defaultClass:"iw0v6kl"},44:{defaultClass:"iw0v6km"},48:{defaultClass:"iw0v6kn"},52:{defaultClass:"iw0v6ko"},56:{defaultClass:"iw0v6kp"},60:{defaultClass:"iw0v6kq"},64:{defaultClass:"iw0v6kr"},72:{defaultClass:"iw0v6ks"},80:{defaultClass:"iw0v6kt"},96:{defaultClass:"iw0v6ku"}}},marginRight:{values:{0:{defaultClass:"iw0v6kv"},1:{defaultClass:"iw0v6kw"},2:{defaultClass:"iw0v6kx"},3:{defaultClass:"iw0v6ky"},4:{defaultClass:"iw0v6kz"},5:{defaultClass:"iw0v6k10"},6:{defaultClass:"iw0v6k11"},7:{defaultClass:"iw0v6k12"},8:{defaultClass:"iw0v6k13"},9:{defaultClass:"iw0v6k14"},10:{defaultClass:"iw0v6k15"},11:{defaultClass:"iw0v6k16"},12:{defaultClass:"iw0v6k17"},14:{defaultClass:"iw0v6k18"},16:{defaultClass:"iw0v6k19"},20:{defaultClass:"iw0v6k1a"},24:{defaultClass:"iw0v6k1b"},28:{defaultClass:"iw0v6k1c"},32:{defaultClass:"iw0v6k1d"},36:{defaultClass:"iw0v6k1e"},40:{defaultClass:"iw0v6k1f"},44:{defaultClass:"iw0v6k1g"},48:{defaultClass:"iw0v6k1h"},52:{defaultClass:"iw0v6k1i"},56:{defaultClass:"iw0v6k1j"},60:{defaultClass:"iw0v6k1k"},64:{defaultClass:"iw0v6k1l"},72:{defaultClass:"iw0v6k1m"},80:{defaultClass:"iw0v6k1n"},96:{defaultClass:"iw0v6k1o"}}},marginBottom:{values:{0:{defaultClass:"iw0v6k1p"},1:{defaultClass:"iw0v6k1q"},2:{defaultClass:"iw0v6k1r"},3:{defaultClass:"iw0v6k1s"},4:{defaultClass:"iw0v6k1t"},5:{defaultClass:"iw0v6k1u"},6:{defaultClass:"iw0v6k1v"},7:{defaultClass:"iw0v6k1w"},8:{defaultClass:"iw0v6k1x"},9:{defaultClass:"iw0v6k1y"},10:{defaultClass:"iw0v6k1z"},11:{defaultClass:"iw0v6k20"},12:{defaultClass:"iw0v6k21"},14:{defaultClass:"iw0v6k22"},16:{defaultClass:"iw0v6k23"},20:{defaultClass:"iw0v6k24"},24:{defaultClass:"iw0v6k25"},28:{defaultClass:"iw0v6k26"},32:{defaultClass:"iw0v6k27"},36:{defaultClass:"iw0v6k28"},40:{defaultClass:"iw0v6k29"},44:{defaultClass:"iw0v6k2a"},48:{defaultClass:"iw0v6k2b"},52:{defaultClass:"iw0v6k2c"},56:{defaultClass:"iw0v6k2d"},60:{defaultClass:"iw0v6k2e"},64:{defaultClass:"iw0v6k2f"},72:{defaultClass:"iw0v6k2g"},80:{defaultClass:"iw0v6k2h"},96:{defaultClass:"iw0v6k2i"}}},marginLeft:{values:{0:{defaultClass:"iw0v6k2j"},1:{defaultClass:"iw0v6k2k"},2:{defaultClass:"iw0v6k2l"},3:{defaultClass:"iw0v6k2m"},4:{defaultClass:"iw0v6k2n"},5:{defaultClass:"iw0v6k2o"},6:{defaultClass:"iw0v6k2p"},7:{defaultClass:"iw0v6k2q"},8:{defaultClass:"iw0v6k2r"},9:{defaultClass:"iw0v6k2s"},10:{defaultClass:"iw0v6k2t"},11:{defaultClass:"iw0v6k2u"},12:{defaultClass:"iw0v6k2v"},14:{defaultClass:"iw0v6k2w"},16:{defaultClass:"iw0v6k2x"},20:{defaultClass:"iw0v6k2y"},24:{defaultClass:"iw0v6k2z"},28:{defaultClass:"iw0v6k30"},32:{defaultClass:"iw0v6k31"},36:{defaultClass:"iw0v6k32"},40:{defaultClass:"iw0v6k33"},44:{defaultClass:"iw0v6k34"},48:{defaultClass:"iw0v6k35"},52:{defaultClass:"iw0v6k36"},56:{defaultClass:"iw0v6k37"},60:{defaultClass:"iw0v6k38"},64:{defaultClass:"iw0v6k39"},72:{defaultClass:"iw0v6k3a"},80:{defaultClass:"iw0v6k3b"},96:{defaultClass:"iw0v6k3c"}}},paddingTop:{values:{0:{defaultClass:"iw0v6k3d"},1:{defaultClass:"iw0v6k3e"},2:{defaultClass:"iw0v6k3f"},3:{defaultClass:"iw0v6k3g"},4:{defaultClass:"iw0v6k3h"},5:{defaultClass:"iw0v6k3i"},6:{defaultClass:"iw0v6k3j"},7:{defaultClass:"iw0v6k3k"},8:{defaultClass:"iw0v6k3l"},9:{defaultClass:"iw0v6k3m"},10:{defaultClass:"iw0v6k3n"},11:{defaultClass:"iw0v6k3o"},12:{defaultClass:"iw0v6k3p"},14:{defaultClass:"iw0v6k3q"},16:{defaultClass:"iw0v6k3r"},20:{defaultClass:"iw0v6k3s"},24:{defaultClass:"iw0v6k3t"},28:{defaultClass:"iw0v6k3u"},32:{defaultClass:"iw0v6k3v"},36:{defaultClass:"iw0v6k3w"},40:{defaultClass:"iw0v6k3x"},44:{defaultClass:"iw0v6k3y"},48:{defaultClass:"iw0v6k3z"},52:{defaultClass:"iw0v6k40"},56:{defaultClass:"iw0v6k41"},60:{defaultClass:"iw0v6k42"},64:{defaultClass:"iw0v6k43"},72:{defaultClass:"iw0v6k44"},80:{defaultClass:"iw0v6k45"},96:{defaultClass:"iw0v6k46"}}},paddingRight:{values:{0:{defaultClass:"iw0v6k47"},1:{defaultClass:"iw0v6k48"},2:{defaultClass:"iw0v6k49"},3:{defaultClass:"iw0v6k4a"},4:{defaultClass:"iw0v6k4b"},5:{defaultClass:"iw0v6k4c"},6:{defaultClass:"iw0v6k4d"},7:{defaultClass:"iw0v6k4e"},8:{defaultClass:"iw0v6k4f"},9:{defaultClass:"iw0v6k4g"},10:{defaultClass:"iw0v6k4h"},11:{defaultClass:"iw0v6k4i"},12:{defaultClass:"iw0v6k4j"},14:{defaultClass:"iw0v6k4k"},16:{defaultClass:"iw0v6k4l"},20:{defaultClass:"iw0v6k4m"},24:{defaultClass:"iw0v6k4n"},28:{defaultClass:"iw0v6k4o"},32:{defaultClass:"iw0v6k4p"},36:{defaultClass:"iw0v6k4q"},40:{defaultClass:"iw0v6k4r"},44:{defaultClass:"iw0v6k4s"},48:{defaultClass:"iw0v6k4t"},52:{defaultClass:"iw0v6k4u"},56:{defaultClass:"iw0v6k4v"},60:{defaultClass:"iw0v6k4w"},64:{defaultClass:"iw0v6k4x"},72:{defaultClass:"iw0v6k4y"},80:{defaultClass:"iw0v6k4z"},96:{defaultClass:"iw0v6k50"}}},paddingBottom:{values:{0:{defaultClass:"iw0v6k51"},1:{defaultClass:"iw0v6k52"},2:{defaultClass:"iw0v6k53"},3:{defaultClass:"iw0v6k54"},4:{defaultClass:"iw0v6k55"},5:{defaultClass:"iw0v6k56"},6:{defaultClass:"iw0v6k57"},7:{defaultClass:"iw0v6k58"},8:{defaultClass:"iw0v6k59"},9:{defaultClass:"iw0v6k5a"},10:{defaultClass:"iw0v6k5b"},11:{defaultClass:"iw0v6k5c"},12:{defaultClass:"iw0v6k5d"},14:{defaultClass:"iw0v6k5e"},16:{defaultClass:"iw0v6k5f"},20:{defaultClass:"iw0v6k5g"},24:{defaultClass:"iw0v6k5h"},28:{defaultClass:"iw0v6k5i"},32:{defaultClass:"iw0v6k5j"},36:{defaultClass:"iw0v6k5k"},40:{defaultClass:"iw0v6k5l"},44:{defaultClass:"iw0v6k5m"},48:{defaultClass:"iw0v6k5n"},52:{defaultClass:"iw0v6k5o"},56:{defaultClass:"iw0v6k5p"},60:{defaultClass:"iw0v6k5q"},64:{defaultClass:"iw0v6k5r"},72:{defaultClass:"iw0v6k5s"},80:{defaultClass:"iw0v6k5t"},96:{defaultClass:"iw0v6k5u"}}},paddingLeft:{values:{0:{defaultClass:"iw0v6k5v"},1:{defaultClass:"iw0v6k5w"},2:{defaultClass:"iw0v6k5x"},3:{defaultClass:"iw0v6k5y"},4:{defaultClass:"iw0v6k5z"},5:{defaultClass:"iw0v6k60"},6:{defaultClass:"iw0v6k61"},7:{defaultClass:"iw0v6k62"},8:{defaultClass:"iw0v6k63"},9:{defaultClass:"iw0v6k64"},10:{defaultClass:"iw0v6k65"},11:{defaultClass:"iw0v6k66"},12:{defaultClass:"iw0v6k67"},14:{defaultClass:"iw0v6k68"},16:{defaultClass:"iw0v6k69"},20:{defaultClass:"iw0v6k6a"},24:{defaultClass:"iw0v6k6b"},28:{defaultClass:"iw0v6k6c"},32:{defaultClass:"iw0v6k6d"},36:{defaultClass:"iw0v6k6e"},40:{defaultClass:"iw0v6k6f"},44:{defaultClass:"iw0v6k6g"},48:{defaultClass:"iw0v6k6h"},52:{defaultClass:"iw0v6k6i"},56:{defaultClass:"iw0v6k6j"},60:{defaultClass:"iw0v6k6k"},64:{defaultClass:"iw0v6k6l"},72:{defaultClass:"iw0v6k6m"},80:{defaultClass:"iw0v6k6n"},96:{defaultClass:"iw0v6k6o"}}}}},{conditions:void 0,styles:{borderRadius:{values:{none:{defaultClass:"iw0v6k6p"},sm:{defaultClass:"iw0v6k6q"},base:{defaultClass:"iw0v6k6r"},md:{defaultClass:"iw0v6k6s"},lg:{defaultClass:"iw0v6k6t"},xl:{defaultClass:"iw0v6k6u"},"2xl":{defaultClass:"iw0v6k6v"},"3xl":{defaultClass:"iw0v6k6w"},full:{defaultClass:"iw0v6k6x"}}}}},{conditions:void 0,styles:{boxShadow:{values:{xs:{defaultClass:"iw0v6k6y"},sm:{defaultClass:"iw0v6k6z"},base:{defaultClass:"iw0v6k70"},md:{defaultClass:"iw0v6k71"},lg:{defaultClass:"iw0v6k72"},xl:{defaultClass:"iw0v6k73"},"2xl":{defaultClass:"iw0v6k74"},inner:{defaultClass:"iw0v6k75"},darkLg:{defaultClass:"iw0v6k76"},outline:{defaultClass:"iw0v6k77"}}}}});var c=(e,t)=>{let r={};return t.forEach(a=>{e!=null&&e[a]&&(r[a]=e[a])}),r};var W=require("@snurls/themes"),Fe=e=>{var n,d;let{as:t="div",color:r,background:a,ref:i,className:l,style:o,children:s}=e;return(0,H.createElement)(t,{...e,ref:i,className:(0,M.clsx)([g,u(c(e,Array.from(u.properties))),l]),style:{color:r&&((d=(n=W.vars.colors.$scale)==null?void 0:n.gray)==null?void 0:d[800]),background:a,...o}},s)},K=Fe;var B=require("@snurls/themes"),X=require("react/jsx-runtime"),Ie=({ref:e,color:t="gray",variant:r="solid",size:a=1,orientation:i="horizontal",...l})=>{var s,n,d,f;let o=i==="horizontal"?{width:"100%",borderBottomWidth:a,borderBottomStyle:r,borderBottomColor:t?(n=(s=B.vars.colors.$scale)==null?void 0:s[t])==null?void 0:n[200]:void 0,borderTopWidth:0,borderLeftWidth:0,borderRightWidth:0}:{height:"100%",borderLeftWidth:a,borderLeftStyle:r,borderLeftColor:t?(f=(d=B.vars.colors.$scale)==null?void 0:d[t])==null?void 0:f[200]:void 0,borderTopWidth:0,borderBottomWidth:0,borderRightWidth:0};return(0,X.jsx)("hr",{...l,ref:e,style:{...o,...l.style}})},Y=Ie;var J=require("react"),Q=require("clsx");var Z=require("@snurls/themes"),Ge=e=>{var h,C;let{as:t="div",color:r,background:a,ref:i,className:l,style:o,children:s,align:n,basis:d,direction:f,grow:v,justify:m,wrap:w,gap:p,shrink:k}=e;return(0,J.createElement)(t,{...e,ref:i,className:(0,Q.clsx)([g,u(c(e,Array.from(u.properties))),l]),style:{display:"flex",alignItems:n,justifyContent:m,flexDirection:f,flexWrap:w,flexGrow:v,flexShrink:k,flexBasis:d,gap:p,color:r&&((C=(h=Z.vars.colors.$scale)==null?void 0:h.gray)==null?void 0:C[800]),background:a,...o}},s)},ee=Ge;var te=require("react"),re=require("clsx");var ae=require("@snurls/themes"),Ue=e=>{var C,E;let{ref:t,as:r="div",color:a,background:i,children:l,autoColumns:o,autoFlow:s,autoRows:n,columnGap:d,column:f,gap:v,row:m,rowGap:w,templateColumns:p,templateRows:k,templateAreas:h}=e;return(0,te.createElement)(r,{...e,ref:t,className:(0,re.clsx)([g,u(c(e,Array.from(u.properties))),e.className]),style:{display:"grid",gridAutoColumns:o,gridAutoFlow:s,gridAutoRows:n,gridColumnGap:d,gridGap:v,gridRowGap:w,gridTemplateColumns:p,gridTemplateRows:k,gridTemplateAreas:h,gridColumn:f,gridRow:m,color:a&&((E=(C=ae.vars.colors.$scale)==null?void 0:C.gray)==null?void 0:E[800]),background:i,...e.style}},l)},ie=Ue;var le=require("react"),oe=require("clsx");var se=require("@snurls/themes"),$e=e=>{var p,k;let{ref:t,as:r="div",color:a,background:i,children:l,area:o,colEnd:s,colStart:n,colSpan:d,rowEnd:f,rowStart:v,rowSpan:m}=e,w={gridArea:o,...n!==void 0&&s!==void 0?{gridColumnStart:n,gridColumnEnd:s}:d!==void 0?{gridColumn:`span ${d}`}:{},...v!==void 0&&f!==void 0?{gridRowStart:v,gridRowEnd:f}:m!==void 0?{gridRow:`span ${m}`}:{},color:a&&((k=(p=se.vars.colors.$scale)==null?void 0:p.gray)==null?void 0:k[800]),background:i,...e.style};return(0,le.createElement)(r,{...e,ref:t,className:(0,oe.clsx)([g,u(c(e,Array.from(u.properties))),e.className]),style:w},l)},ne=$e;function _(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function de(e,t){var r=e;for(var a of t){if(!(a in r))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));r=r[a]}return r}function N(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[],a={};for(var i in e){var l=e[i],o=[...r,i];typeof l=="string"||typeof l=="number"||l==null?a[i]=t(l,o):typeof l=="object"&&!Array.isArray(l)?a[i]=N(l,t,o):console.warn('Skipping invalid key "'.concat(o.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(l)?"Array":typeof l,'"'))}return a}function me(e,t){var r={};if(typeof t=="object"){var a=e;N(t,(s,n)=>{if(s!=null){var d=de(a,n);r[_(d)]=String(s)}})}else{var i=e;for(var l in i){var o=i[l];o!=null&&(r[_(l)]=o)}}return Object.defineProperty(r,"toString",{value:function(){return Object.keys(this).map(n=>"".concat(n,":").concat(this[n])).join(";")},writable:!1}),r}function He(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var a=r.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Me(e){var t=He(e,"string");return typeof t=="symbol"?t:String(t)}function We(e,t,r){return t=Me(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function fe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,a)}return r}function ve(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?fe(Object(r),!0).forEach(function(a){We(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}function ue(e,t){var r={};for(var a in e)r[a]=t(e[a],a);return r}var Ke=(e,t,r)=>{for(var a of Object.keys(e)){var i;if(e[a]!==((i=t[a])!==null&&i!==void 0?i:r[a]))return!1}return!0},x=e=>{var t=r=>{var a=e.defaultClassName,i=ve(ve({},e.defaultVariants),r);for(var l in i){var o,s=(o=i[l])!==null&&o!==void 0?o:e.defaultVariants[l];if(s!=null){var n=s;typeof n=="boolean"&&(n=n===!0?"true":"false");var d=e.variantClassNames[l][n];d&&(a+=" "+d)}}for(var[f,v]of e.compoundVariants)Ke(f,i,e.defaultVariants)&&(a+=" "+v);return a};return t.variants=()=>Object.keys(e.variantClassNames),t.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return ue(e.variantClassNames,r=>ue(r,a=>a.split(" ")[0]))}},t};var pe="var(--lthqn72)",we="var(--lthqn73)",ke=x({defaultClassName:"lthqn74",variantClassNames:{size:{40:"lthqn75",48:"lthqn76",56:"lthqn77"},variant:{solid:"lthqn78",outline:"lthqn79",ghost:"lthqn7a"}},defaultVariants:{},compoundVariants:[]}),ge="var(--lthqn70)",ce="var(--lthqn71)",z=x({defaultClassName:"lthqn7b",variantClassNames:{size:{40:"lthqn7c",48:"lthqn7d",56:"lthqn7e"}},defaultVariants:{},compoundVariants:[]}),he=x({defaultClassName:"lthqn7g",variantClassNames:{size:{40:"lthqn7h",48:"lthqn7i",56:"lthqn7j"}},defaultVariants:{},compoundVariants:[]});var y=require("@snurls/themes");var Ye=e=>{let{elementType:t="button",isDisabled:r,isLoading:a,tabIndex:i,onKeyDown:l,type:o="button"}=e,s=r||a,n=m=>{if(l==null||l(m),m.key===" "||m.key==="Spacebar"||m.key==="32"){if(s||m.defaultPrevented||t==="button")return;m.preventDefault(),m.currentTarget.click();return}if(m.key==="Enter"||m.key==="13"){if(s||m.defaultPrevented||t==="input"&&o!=="button")return;m.preventDefault(),m.currentTarget.click();return}},d={...e,"data-loading":a,tabIndex:s?void 0:i!=null?i:0,onKeyDown:n},f={};switch(t){case"button":{f={type:o!=null?o:"button",disabled:s};break}case"a":{let{href:m,target:w,rel:p}=e;f={role:"button",href:s?void 0:m,target:s?void 0:w,rel:s?void 0:p,"area-disabled":r};break}case"input":{f={role:"button",type:e.type,disabled:s,"area-disabled":void 0};break}default:{f={role:"button",type:o!=null?o:"button","area-disabled":r};break}}return{buttonProps:{...d,...f}}},S=Ye;var O=require("react"),Xe=({isSelected:e=!1})=>{let[t,r]=(0,O.useState)(e),a=(0,O.useCallback)(()=>{r(i=>!i)},[]);return{isSelected:t,setSelected:r,toggle:a}},R=Xe;var Je=(e,t)=>{let{isSelected:r,toggle:a}=R({isSelected:t}),i=o=>{var s;a(),(s=e==null?void 0:e.onClick)==null||s.call(e,o)},{buttonProps:l}=S({...e,onClick:i});return{buttonProps:l,isSelected:r}},Ce=Je;var j=require("react/jsx-runtime"),Qe=e=>{let{buttonProps:t}=S(e),{variant:r="solid",size:a="56",color:i="",width:l,leftIcon:o,rightIcon:s,isLoading:n,children:d,style:f,ref:v}=e,m=y.vars.colors.$scale.primary[400],w=r==="solid"?y.vars.colors.$scale.primary[300]:y.vars.colors.$scale.gray[100],p=r==="solid"?y.vars.colors.$scale.primary[500]:y.vars.colors.$scale.gray[500],k=r==="outline"?y.vars.colors.$scale.gray[400]:"";return(0,j.jsxs)("button",{...t,ref:v,className:ke({size:a,variant:r}),style:{...me({[ge]:m,[ce]:w,[pe]:p,[we]:k}),background:i,width:l,...f},children:[n&&(0,j.jsx)("div",{className:he({size:a})}),o&&(0,j.jsx)("span",{className:z({size:a}),children:o}),(0,j.jsx)("span",{children:d}),s&&(0,j.jsx)("span",{className:z({size:a}),children:s})]})},be=Qe;var ye=require("react");var je=require("clsx");var Se=require("@snurls/themes");var xe=x({defaultClassName:"_12xh8aj0",variantClassNames:{variant:{display1:"_12xh8aj1",display2:"_12xh8aj2",title1:"_12xh8aj3",title2:"_12xh8aj4",title3:"_12xh8aj5",heading1:"_12xh8aj6",heading2:"_12xh8aj7",headline1:"_12xh8aj8",headline2:"_12xh8aj9",body1:"_12xh8aja",body1Reading:"_12xh8ajb",body2:"_12xh8ajc",body2Reading:"_12xh8ajd",label1:"_12xh8aje",label2:"_12xh8ajf",caption1:"_12xh8ajg",caption2:"_12xh8ajh"},defaultVariants:{variant:"body1"}},defaultVariants:{},compoundVariants:[]});var Ze=e=>{var d,f;let{as:t="p",color:r,background:a,ref:i,className:l,style:o,children:s,variant:n}=e;return(0,ye.createElement)(t,{...e,ref:i,className:(0,je.clsx)([g,u(c(e,Array.from(u.properties))),xe({variant:n}),l]),style:{color:r!=null?r:(f=(d=Se.vars.colors.$scale)==null?void 0:d.gray)==null?void 0:f[800],background:a,...o}},s)},Pe=Ze;
+//# sourceMappingURL=index.cjs.map