@eggspot/ui 0.0.2 → 0.0.3

package/dist/components/Badge.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const colors: readonly ["accent", "gray", "red", "blue", "grass", "amber"];
+type Color = (typeof colors)[number];
+declare const badgeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+declare function Badge({ className, asChild, color, size, ...props }: React.ComponentProps<"span"> & {
+    asChild?: boolean;
+    color?: Color;
+} & BadgeVariantProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+export type { BadgeVariantProps };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,MAAM,8DAA+D,CAAA;AAE3E,KAAK,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEpC,QAAA,MAAM,aAAa;;mFAiBlB,CAAA;AAED,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAe,EACf,KAAgB,EAChB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,GAAG,iBAAiB,2CAcpB;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAC/B,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Badge.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@eggspot/ui/lib/utils";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+const colors = ["accent", "gray", "red", "blue", "grass", "amber"];
+const badgeVariants = cva([
+    "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md font-medium whitespace-nowrap",
+    "[&>svg]:pointer-events-none",
+], {
+    variants: {
+        size: {
+            sm: "px-1 py-0 text-[10px] [&>svg]:size-2.5",
+            md: "px-1.5 py-0.5 text-xs [&>svg]:size-3",
+            lg: "px-2 py-1 text-[13px] [&>svg]:size-3.5",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+function Badge({ className, asChild = false, color = "accent", size = "md", ...props }) {
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ size }), className), style: {
+            backgroundColor: `oklch(from var(--${color}-9) l c h / 0.15)`,
+            color: `var(--${color}-11)`,
+        }, ...props }));
+}
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,MAAM,MAAM,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAU,CAAA;AAI3E,MAAM,aAAa,GAAG,GAAG,CACvB;IACE,uHAAuH;IACvH,6BAA6B;CAC9B,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,wCAAwC;YAC5C,EAAE,EAAE,sCAAsC;YAC1C,EAAE,EAAE,wCAAwC;SAC7C;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAID,SAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EAIW;IACnB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEpC,OAAO,CACL,KAAC,IAAI,iBACO,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EACjD,KAAK,EAAE;YACL,eAAe,EAAE,oBAAoB,KAAK,mBAAmB;YAC7D,KAAK,EAAE,SAAS,KAAK,MAAM;SAC5B,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}

package/dist/components/Breadcrumb.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@eggspot/ui/lib/utils";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+function Breadcrumb({ ...props }) {
+    return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("text-gray-11 wrap-break-words flex flex-wrap items-center gap-1.5 sm:gap-2.5", className), ...props }));
+}
+function BreadcrumbItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-1.5 text-sm font-medium", className), ...props }));
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Comp = asChild ? Slot : "a";
+    return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("hover:text-gray-12 transition-colors", className), ...props }));
+}
+function BreadcrumbPage({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("text-gray-12", className), ...props }));
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("opacity-50 [&>svg]:size-3.5", className), ...props, children: children ?? _jsx(ChevronRight, { strokeWidth: 2.5 }) }));
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+}
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE3D,SAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAA+B;IAC3D,OAAO,4BAAgB,YAAY,eAAW,YAAY,KAAK,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACzE,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACzE,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAGT;IACC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAA;IAEjC,OAAO,CACL,KAAC,IAAI,iBACO,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC3E,OAAO,CACL,4BACY,iBAAiB,EAC3B,IAAI,EAAC,MAAM,mBACG,MAAM,kBACP,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KACpC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,YAER,QAAQ,IAAI,KAAC,YAAY,IAAC,WAAW,EAAE,GAAG,GAAI,GAC5C,CACN,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,6BACY,qBAAqB,EAC/B,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,aAET,KAAC,cAAc,IAAC,SAAS,EAAC,QAAQ,GAAG,EACrC,eAAM,SAAS,EAAC,SAAS,qBAAY,IAChC,CACR,CAAA;AACH,CAAC;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}

package/dist/components/Button.d.ts

@@ -0,0 +1,53 @@
+import { ButtonVariantProps, buttonVariants } from "@eggspot/ui/components/Button.variants";
+import { type ButtonProps as AriaButtonProps } from "react-aria-components";
+interface CommonButtonProps extends AriaButtonProps, React.RefAttributes<HTMLButtonElement>, ButtonVariantProps {
+    asChild?: boolean;
+    /** If true, the button will show a loading state */
+    isLoading?: boolean;
+    /** The delay of the tooltip */
+    tooltipDelay?: number;
+    /** If provided, the tooltip can be controlled externally */
+    tooltipIsOpen?: boolean;
+    /** Called when tooltip open state changes (hover/focus/escape/etc) */
+    onTooltipOpenChange?: (isOpen: boolean) => void;
+    /** The close delay of the tooltip */
+    tooltipCloseDelay?: number;
+    /** The test id of the button */
+    testId?: string;
+    /** If true, the button will show a badge */
+    withBadge?: boolean;
+    /** The badge number of the button */
+    badgeNumber?: number;
+}
+export interface IconButtonProps extends CommonButtonProps {
+    mode: "icon";
+    /** Tooltip text for the button. */
+    tooltip?: string | React.ReactNode;
+    /** The placement of the tooltip */
+    tooltipPlacement?: "top" | "bottom" | "left" | "right";
+}
+export interface DefaultButtonProps extends CommonButtonProps {
+    mode?: "default";
+    /** Optional tooltip for default buttons */
+    tooltip?: string | React.ReactNode;
+    /** The left icon of the button */
+    leftIcon?: React.ReactNode;
+    /** The right icon of the button */
+    rightIcon?: React.ReactNode;
+    /** If provided, the button will show a countdown */
+    countdown?: number;
+    /** The placement of the tooltip */
+    tooltipPlacement?: "top" | "bottom" | "left" | "right";
+}
+type ButtonProps = IconButtonProps | DefaultButtonProps;
+declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+interface ButtonBadgeProps {
+    badgeNumber?: number;
+    className?: string;
+    maxVisibleNumber?: number;
+    intent?: "primary" | "secondary" | "danger";
+}
+declare function ButtonBadge({ badgeNumber, className, maxVisibleNumber, intent, }: ButtonBadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Button, ButtonBadge, buttonVariants };
+export type { ButtonProps };
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,cAAc,EACf,MAAM,wCAAwC,CAAA;AAQ/C,OAAO,EAIL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,uBAAuB,CAAA;AAE9B,UAAU,iBACR,SAAQ,eAAe,EACrB,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACtC,kBAAkB;IAEpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAE/C,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,IAAI,EAAE,MAAM,CAAA;IAEZ,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAElC,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CACvD;AACD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAElC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CACvD;AAED,KAAK,WAAW,GAAG,eAAe,GAAG,kBAAkB,CAAA;AAEvD,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CA8IjC;AAkBD,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;CAC5C;AAED,iBAAS,WAAW,CAAC,EACnB,WAAW,EACX,SAAS,EACT,gBAAoB,EACpB,MAAM,GACP,EAAE,gBAAgB,2CAalB;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA;AAC9C,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/Button.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { countdownMachine } from "@eggspot/ui/components/Button.machine";
+import { buttonVariants, } from "@eggspot/ui/components/Button.variants";
+import { Center, Float } from "@eggspot/ui/components/Layout";
+import { Spinner } from "@eggspot/ui/components/Spinner";
+import { Tooltip, TooltipTrigger } from "@eggspot/ui/components/Tooltip";
+import { cn, formatCount } from "@eggspot/ui/lib/utils";
+import { useMachine } from "@xstate/react";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { Button as AriaButton, Focusable, } from "react-aria-components";
+function Button(props) {
+    const { mode, size, intent, variant = "solid", className, fullWidth, asChild = false, isLoading = false, children, isDisabled, tooltip, tooltipDelay = 0, tooltipIsOpen, onTooltipOpenChange, tooltipCloseDelay = 0, tooltipPlacement = "top", withBadge, badgeNumber, testId, onPress, ...restProps } = props;
+    const isDefault = mode === "default" || mode === undefined;
+    const defaultIntent = variant === "solid" || variant === "link" ? "primary" : "secondary";
+    const leftIcon = isDefault ? props.leftIcon : undefined;
+    const rightIcon = isDefault ? props.rightIcon : undefined;
+    // countdown and state machine setup
+    const hasCountdown = isDefault && props.countdown !== undefined;
+    const initialCount = isDefault ? props.countdown : undefined;
+    const [state, send] = useMachine(countdownMachine, {
+        input: {
+            initialCount: initialCount || 0,
+        },
+    });
+    const count = state.context.count;
+    const isCounting = hasCountdown && state.matches("Counting");
+    const countdownProps = hasCountdown
+        ? {
+            onPress: (e) => {
+                send({ type: "START" });
+                onPress?.(e);
+            },
+        }
+        : {};
+    // rendering
+    const Comp = (asChild ? Slot.Root : AriaButton);
+    const isLoadingOrDisabled = isLoading || isDisabled || isCounting;
+    const ariaProps = asChild
+        ? {}
+        : {
+            isPending: isLoading,
+            isDisabled: isLoadingOrDisabled,
+        };
+    const button = (_jsxs(Comp, { type: "button", "aria-label": mode === "icon" ? tooltip : undefined, "data-testid": testId, "data-has-right-element": !!rightIcon, "data-has-left-element": !!leftIcon, className: cn(buttonVariants({
+            mode,
+            size,
+            intent: intent || defaultIntent,
+            variant,
+            className,
+            fullWidth,
+        })), ...ariaProps, ...countdownProps, ...restProps, children: [isLoading && (_jsx(Center, { className: "spinner absolute inset-0 text-transparent", children: _jsx(Spinner, {}) })), withBadge && (_jsx(Float, { position: "top-right", children: _jsx(ButtonBadge, { badgeNumber: badgeNumber || 0, className: "border-gray-1 border" }) })), leftIcon, _jsx(Slot.Slottable, { children: children }), hasCountdown && isCounting && (_jsx(ButtonBadge, { intent: "secondary", badgeNumber: count, maxVisibleNumber: 99 })), rightIcon] }));
+    if (tooltip) {
+        const isControlled = tooltipIsOpen !== undefined;
+        return (_jsxs(TooltipTrigger, { delay: tooltipDelay, closeDelay: tooltipCloseDelay, ...(isControlled
+                ? {
+                    isOpen: tooltipIsOpen,
+                    onOpenChange: onTooltipOpenChange ?? (() => { }),
+                }
+                : {}), children: [asChild ? _jsx(Focusable, { children: button }) : button, _jsx(Tooltip, { style: { zIndex: 100000000 }, placement: tooltipPlacement, children: tooltip })] }));
+    }
+    return button;
+}
+const badgeVariants = cva("bg-error-9 flex min-h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] leading-[14px] text-white", {
+    variants: {
+        intent: {
+            primary: "bg-accent-9",
+            secondary: "bg-gray-9",
+            danger: "bg-error-9",
+        },
+    },
+    defaultVariants: {
+        intent: "danger",
+    },
+});
+function ButtonBadge({ badgeNumber, className, maxVisibleNumber = 9, intent, }) {
+    return (_jsx("div", { className: cn(badgeVariants({ intent }), badgeNumber && badgeNumber > maxVisibleNumber && "pr-[3px]", !badgeNumber && "min-h-3 min-w-3", className), children: badgeNumber ? formatCount(badgeNumber, maxVisibleNumber) : "" }));
+}
+export { Button, ButtonBadge, buttonVariants };
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+export declare const countdownMachine: import("xstate").StateMachine<{
+    count: number;
+    initialCount: number;
+}, {
+    type: "START";
+}, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, {
+    initialCount: number;
+}, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, any>;
+//# sourceMappingURL=Button.machine.d.ts.map

package/dist/components/Button.machine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.machine.d.ts","sourceRoot":"","sources":["../../src/components/Button.machine.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;WAID,MAAM;kBAAgB,MAAM;;UAD9B,OAAO;;kBAEA,MAAM;wGA0CrC,CAAA"}

package/dist/components/Button.machine.js

@@ -0,0 +1,50 @@
+import { assign, createMachine } from "xstate";
+export const countdownMachine = createMachine({
+    /** @xstate-layout N4IgpgJg5mDOIC5QGMD2BXAdgFwqg7pgHQCSmAltuQIYA2AxAMoAqAggErMDaADALqJQAB1SxK5VJkEgAHogC0ARgBMADiIB2ACwBWVVoCcqnhoDMGsxoA0IAJ6JzGojoNrl7jTwBsXjaoC+-jZoWLgExADCGDjkmFD0MrDY1NhgRNQAZqkATgAUijyFAJT0ITh4hERRobFQvAJIICJiVJLScggGOkQGGnoGpl08Blq+qjb2CMqKTjOqGq5epvpGy4HB0WGV1TFxCUkpaZk5+YU8JWVbkZu1XIoNwqLibY0dWspEJu+K8zoTiDpFERvr9AkEQJhUBA4NJLhUpI1ms8EaAOvJTCoiKZTEtVKoCtpvF5-gh0V5Pn4VDp1iA4eFSBQqHRpEjWijZAplF4tFicct8V8iSTHM5XMYeNiTPyaXTtjc4iynmz2ogeMLVOTqeDZcQAGKxciwAAWkEVLQk7I6arsAOmYP8QA */
+    types: {
+        events: {},
+        context: {},
+        input: {},
+    },
+    id: "countdown",
+    initial: "Initial",
+    context: ({ input }) => ({
+        count: input.initialCount,
+        initialCount: input.initialCount,
+    }),
+    states: {
+        Initial: {
+            on: {
+                START: {
+                    target: "Counting",
+                },
+            },
+        },
+        Counting: {
+            after: {
+                1000: [
+                    {
+                        guard: ({ context }) => context.count === 1,
+                        target: "Finished",
+                    },
+                    {
+                        actions: assign(({ context }) => ({
+                            count: context.count - 1,
+                        })),
+                        target: "Counting",
+                        reenter: true,
+                    },
+                ],
+            },
+        },
+        Finished: {
+            always: {
+                target: "Initial",
+                actions: assign(({ context }) => ({
+                    count: context.initialCount,
+                })),
+            },
+        },
+    },
+});
+//# sourceMappingURL=Button.machine.js.map

package/dist/components/Button.machine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.machine.js","sourceRoot":"","sources":["../../src/components/Button.machine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC;IAC5C,yfAAyf;IACzf,KAAK,EAAE;QACL,MAAM,EAAE,EAAuB;QAC/B,OAAO,EAAE,EAA6C;QACtD,KAAK,EAAE,EAA8B;KACtC;IACD,EAAE,EAAE,WAAW;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP,EAAE,EAAE;gBACF,KAAK,EAAE;oBACL,MAAM,EAAE,UAAU;iBACnB;aACF;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ;wBACE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC;wBAC3C,MAAM,EAAE,UAAU;qBACnB;oBACD;wBACE,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;4BAChC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC;yBACzB,CAAC,CAAC;wBACH,MAAM,EAAE,UAAU;wBAClB,OAAO,EAAE,IAAI;qBACd;iBACF;aACF;SACF;QACD,QAAQ,EAAE;YACR,MAAM,EAAE;gBACN,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;oBAChC,KAAK,EAAE,OAAO,CAAC,YAAY;iBAC5B,CAAC,CAAC;aACJ;SACF;KACF;CACF,CAAC,CAAA"}

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

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+export declare const buttonVariants: (props?: ({
+    mode?: "default" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    intent?: "primary" | "secondary" | "danger" | null | undefined;
+    variant?: "link" | "solid" | "outline" | "ghost" | "minimal" | "unstyled" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+//# sourceMappingURL=Button.variants.d.ts.map

package/dist/components/Button.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.variants.d.ts","sourceRoot":"","sources":["../../src/components/Button.variants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,cAAc;;;;;;mFAyN1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA"}

package/dist/components/Button.variants.js

@@ -0,0 +1,214 @@
+import { cva } from "class-variance-authority";
+export const buttonVariants = cva([
+    "text-gray-12 relative inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md text-sm font-medium whitespace-nowrap no-underline transition-[transform,background-color] duration-100 select-none",
+    /* SVGs */
+    "[&_svg]:pointer-events-none [&_svg]:size-[14px] [&_svg]:shrink-0 [&_svg]:stroke-2",
+    /* Pressed */
+    "data-pressed:transform-[scale(0.98)]",
+    /* Disabled */
+    "disabled:cursor-not-allowed disabled:opacity-55",
+    /* Loading */
+    "data-pending:text-transparent data-pending:[&>.spinner]:text-white",
+    /* Focus Visible */
+    "focus-visible:ring-2 focus-visible:outline-none",
+    /* Resets */
+    "focus-visible:outline-none",
+], {
+    variants: {
+        mode: {
+            default: "",
+            icon: "",
+        },
+        size: {
+            xs: [
+                "h-5 gap-1 px-1.5 text-[12px]",
+                /* Optically align elements */
+                "data-[has-left-element=true]:pl-1 data-[has-right-element=true]:pr-1",
+            ],
+            sm: [
+                "h-7 px-2 text-[13px]",
+                /* Optically align elements */
+                "data-[has-left-element=true]:pl-1.5 data-[has-right-element=true]:pr-1.5",
+            ],
+            md: [
+                "h-8 px-3 py-2",
+                /* Optically align elements */
+                "data-[has-left-element=true]:pl-2 data-[has-right-element=true]:pr-2",
+            ],
+            lg: [
+                "h-10 gap-2 px-4",
+                /* Optically align elements */
+                "data-[has-left-element=true]:pl-[10px] data-[has-right-element=true]:pr-[10px]",
+            ],
+        },
+        intent: {
+            primary: "ring-accent-7",
+            secondary: "ring-gray-7",
+            danger: "ring-error-7",
+        },
+        variant: {
+            solid: "",
+            outline: "",
+            ghost: "",
+            minimal: "",
+            link: "p-0",
+            unstyled: "cursor-default p-0",
+        },
+        fullWidth: {
+            true: "w-full",
+        },
+    },
+    compoundVariants: [
+        /* Primary */
+        {
+            variant: "solid",
+            intent: "primary",
+            className: [
+                "bg-accent-9 text-accent-contrast hover:not-disabled:bg-accent-10",
+                "border border-black/5 dark:border-white/10",
+            ],
+        },
+        {
+            variant: "outline",
+            intent: "primary",
+            className: [
+                "bg-accent-2 border-accent-7 text-accent-11 hover:not-disabled:bg-accent-3 border",
+                "data-pending:[&>.spinner]:text-accent-11",
+            ],
+        },
+        {
+            variant: "ghost",
+            intent: "primary",
+            className: [
+                "text-accent-11 hover:not-disabled:bg-accent-3",
+                "data-pending:[&>.spinner]:text-accent-11 data-pending:bg-accent-3",
+            ],
+        },
+        {
+            variant: "minimal",
+            intent: "primary",
+            className: [
+                "text-accent-11 bg-accent-3 hover:not-disabled:bg-accent-4",
+                "data-pending:[&>.spinner]:text-accent-11",
+            ],
+        },
+        {
+            variant: "link",
+            intent: "primary",
+            className: [
+                "text-accent-11 h-auto px-0 hover:not-disabled:underline",
+                "data-pending:[&>.spinner]:text-accent-11 data-pending:bg-accent-3",
+            ],
+        },
+        /* Secondary */
+        {
+            variant: "solid",
+            intent: "secondary",
+            className: [
+                "bg-gray-3 border-gray-3 hover:not-disabled:bg-gray-4 hover:not-disabled:border-gray-4 border",
+                "data-pending:[&>.spinner]:text-gray-11",
+            ],
+        },
+        {
+            variant: "outline",
+            intent: "secondary",
+            className: [
+                "bg-gray-2 border-gray-7 hover:not-disabled:bg-gray-3 border",
+                "data-pending:[&>.spinner]:text-gray-11",
+            ],
+        },
+        {
+            variant: "ghost",
+            intent: "secondary",
+            className: [
+                "hover:not-disabled:bg-gray-4",
+                "data-pending:[&>.spinner]:text-gray-11 data-pending:bg-gray-3",
+            ],
+        },
+        {
+            variant: "minimal",
+            intent: "secondary",
+            className: [
+                "bg-gray-3 hover:not-disabled:bg-gray-4",
+                "data-pending:[&>.spinner]:text-gray-11",
+            ],
+        },
+        {
+            variant: "link",
+            intent: "secondary",
+            className: [
+                "text-gray-11 h-auto px-0 hover:not-disabled:underline",
+                "data-pending:[&>.spinner]:text-gray-11 data-pending:bg-gray-3",
+            ],
+        },
+        /* Danger */
+        {
+            variant: "solid",
+            intent: "danger",
+            className: [
+                "bg-error-9 hover:not-disabled:bg-error-10 text-white",
+                "border border-black/5 dark:border-white/10",
+            ],
+        },
+        {
+            variant: "outline",
+            intent: "danger",
+            className: [
+                "bg-error-2 text-error-11 border-error-7 hover:not-disabled:bg-error-3 border",
+                "data-pending:[&>.spinner]:text-error-11",
+            ],
+        },
+        {
+            variant: "ghost",
+            intent: "danger",
+            className: [
+                "text-error-11 hover:not-disabled:bg-error-3",
+                "data-pending:[&>.spinner]:text-error-11 data-pending:bg-error-3",
+            ],
+        },
+        {
+            variant: "minimal",
+            intent: "danger",
+            className: [
+                "text-error-11 bg-error-3 hover:not-disabled:bg-error-4",
+                "data-pending:[&>.spinner]:text-error-11",
+            ],
+        },
+        {
+            variant: "link",
+            intent: "danger",
+            className: [
+                "text-error-11 h-auto px-0 hover:not-disabled:underline",
+                "data-pending:[&>.spinner]:text-error-11 data-pending:bg-error-3",
+            ],
+        },
+        /* Mode */
+        {
+            mode: "icon",
+            size: "xs",
+            className: ["size-5 [&_svg]:size-3"],
+        },
+        {
+            mode: "icon",
+            size: "sm",
+            className: ["size-7 [&_svg]:size-4"],
+        },
+        {
+            mode: "icon",
+            size: "md",
+            className: ["size-8 [&_svg]:size-4"],
+        },
+        {
+            mode: "icon",
+            size: "lg",
+            className: ["size-10 [&_svg]:size-5"],
+        },
+    ],
+    defaultVariants: {
+        variant: "solid",
+        intent: "primary",
+        size: "md",
+        mode: "default",
+    },
+});
+//# sourceMappingURL=Button.variants.js.map

package/dist/components/Button.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.variants.js","sourceRoot":"","sources":["../../src/components/Button.variants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B;IACE,qNAAqN;IACrN,UAAU;IACV,mFAAmF;IACnF,aAAa;IACb,sCAAsC;IACtC,cAAc;IACd,iDAAiD;IACjD,aAAa;IACb,oEAAoE;IACpE,mBAAmB;IACnB,iDAAiD;IACjD,YAAY;IACZ,4BAA4B;CAC7B,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;SACT;QACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,8BAA8B;gBAC9B,8BAA8B;gBAC9B,sEAAsE;aACvE;YACD,EAAE,EAAE;gBACF,sBAAsB;gBACtB,8BAA8B;gBAC9B,0EAA0E;aAC3E;YACD,EAAE,EAAE;gBACF,eAAe;gBACf,8BAA8B;gBAC9B,sEAAsE;aACvE;YACD,EAAE,EAAE;gBACF,iBAAiB;gBACjB,8BAA8B;gBAC9B,gFAAgF;aACjF;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE,aAAa;YACxB,MAAM,EAAE,cAAc;SACvB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,oBAAoB;SAC/B;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;SACf;KACF;IACD,gBAAgB,EAAE;QAChB,aAAa;QACb;YACE,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE;gBACT,kEAAkE;gBAClE,4CAA4C;aAC7C;SACF;QACD;YACE,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE;gBACT,kFAAkF;gBAClF,0CAA0C;aAC3C;SACF;QACD;YACE,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE;gBACT,+CAA+C;gBAC/C,mEAAmE;aACpE;SACF;QACD;YACE,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE;gBACT,2DAA2D;gBAC3D,0CAA0C;aAC3C;SACF;QACD;YACE,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE;gBACT,yDAAyD;gBACzD,mEAAmE;aACpE;SACF;QAED,eAAe;QACf;YACE,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE;gBACT,8FAA8F;gBAC9F,wCAAwC;aACzC;SACF;QACD;YACE,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE;gBACT,6DAA6D;gBAC7D,wCAAwC;aACzC;SACF;QACD;YACE,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE;gBACT,8BAA8B;gBAC9B,+DAA+D;aAChE;SACF;QACD;YACE,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE;gBACT,wCAAwC;gBACxC,wCAAwC;aACzC;SACF;QACD;YACE,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE;gBACT,uDAAuD;gBACvD,+DAA+D;aAChE;SACF;QAED,YAAY;QACZ;YACE,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE;gBACT,sDAAsD;gBACtD,4CAA4C;aAC7C;SACF;QACD;YACE,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE;gBACT,8EAA8E;gBAC9E,yCAAyC;aAC1C;SACF;QACD;YACE,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE;gBACT,6CAA6C;gBAC7C,iEAAiE;aAClE;SACF;QACD;YACE,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE;gBACT,wDAAwD;gBACxD,yCAAyC;aAC1C;SACF;QACD;YACE,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE;gBACT,wDAAwD;gBACxD,iEAAiE;aAClE;SACF;QAED,UAAU;QACV;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,CAAC,uBAAuB,CAAC;SACrC;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,CAAC,uBAAuB,CAAC;SACrC;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,CAAC,uBAAuB,CAAC;SACrC;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,CAAC,wBAAwB,CAAC;SACtC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA"}

package/dist/components/ButtonGroup.d.ts

@@ -0,0 +1,9 @@
+import { Separator } from "@eggspot/ui/components/Separator";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, buttonGroupVariants };
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAE5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,QAAA,MAAM,mBAAmB;;mFAexB,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,2CAUxE;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CAYxC;AAED,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/ButtonGroup.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator } from "@eggspot/ui/components/Separator";
+import { cn } from "@eggspot/ui/lib/utils";
+import { cva } from "class-variance-authority";
+const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+    return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto", className), ...props }));
+}
+export { ButtonGroup, ButtonGroupSeparator, buttonGroupVariants };
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,MAAM,mBAAmB,GAAG,GAAG,CAC7B,uIAAuI,EACvI;IACE,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EACR,iHAAiH;YACnH,QAAQ,EACN,0HAA0H;SAC7H;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;KAC1B;CACF,CACF,CAAA;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EAC+D;IACvE,OAAO,CACL,cACE,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,GAAG,KAAK,EAC+B;IACvC,OAAO,CACL,KAAC,SAAS,iBACE,wBAAwB,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,CAAA"}