@eggspot/ui 0.0.2 → 0.0.3

package/dist/components/Heading.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@eggspot/ui/lib/utils";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+const headingVariants = cva("font-semibold", {
+    variants: {
+        variant: {
+            h1: "text-3xl",
+            h2: "text-2xl",
+            h3: "text-xl",
+            h4: "text-lg",
+            h5: "text-md",
+            h6: "text-base",
+            subtitle1: "text-base",
+            subtitle2: "text-sm",
+        },
+    },
+    defaultVariants: {
+        variant: "h1",
+    },
+});
+export function Heading({ asChild = false, className, variant, ...props }) {
+    const defaultElement = (variant?.startsWith("h") ? variant : "p");
+    const Comp = asChild ? Slot.Root : defaultElement;
+    return (_jsx(Comp, { className: cn(headingVariants({ variant, className })), ...props }));
+}
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/components/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,MAAM,eAAe,GAAG,GAAG,CAAC,eAAe,EAAE;IAC3C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;YACf,SAAS,EAAE,WAAW;YACtB,SAAS,EAAE,SAAS;SACrB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,IAAI;KACd;CACF,CAAC,CAAA;AAQF,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACK;IACb,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAQ,CAAA;IACxE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAA;IAEjD,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAA;AACH,CAAC"}

package/dist/components/Input.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { SearchFieldProps as AriaSearchFieldProps, TextFieldProps as AriaTextFieldProps } from "react-aria-components";
+interface InputProps extends AriaTextFieldProps {
+    label?: string;
+    withAsterisk?: boolean;
+    tooltip?: React.ReactNode;
+    placeholder?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    ref?: React.RefCallback<HTMLInputElement>;
+}
+declare function Input({ className, label, withAsterisk, tooltip, leftIcon, rightIcon, ref, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+interface PasswordInputProps extends AriaTextFieldProps {
+    placeholder?: string;
+    label?: string;
+    withAsterisk?: boolean;
+    tooltip?: React.ReactNode;
+    ref?: React.RefCallback<HTMLInputElement>;
+}
+declare function PasswordInput({ className, label, withAsterisk, tooltip, ref, ...props }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
+interface TextAreaProps extends AriaTextFieldProps {
+    label?: string;
+    withAsterisk?: boolean;
+    tooltip?: React.ReactNode;
+    placeholder?: string;
+    ref?: React.RefCallback<HTMLTextAreaElement>;
+}
+declare function TextArea({ className, label, withAsterisk, tooltip, ref, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+interface SearchInputProps extends AriaSearchFieldProps {
+    placeholder?: string;
+    ref?: React.RefCallback<HTMLInputElement>;
+}
+declare function SearchInput({ className, ref, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+interface DebouncedSearchInputProps extends SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    debounceTime?: number;
+}
+declare function DebouncedSearchInput({ value, onChange, placeholder, debounceTime, ...props }: DebouncedSearchInputProps): import("react/jsx-runtime").JSX.Element;
+export { DebouncedSearchInput, Input, PasswordInput, SearchInput, TextArea };
+export type { InputProps, PasswordInputProps, SearchInputProps };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMlD,OAAO,EAGL,gBAAgB,IAAI,oBAAoB,EAGxC,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAA;AAG9B,UAAU,UAAW,SAAQ,kBAAkB;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;CAC1C;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,2CAsBZ;AAED,UAAU,kBAAmB,SAAQ,kBAAkB;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;CAC1C;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgCpB;AAED,UAAU,aAAc,SAAQ,kBAAkB;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAA;CAC7C;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CA0Bf;AAED,UAAU,gBAAiB,SAAQ,oBAAoB;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;CAC1C;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAiClE;AAED,UAAU,yBAA0B,SAAQ,gBAAgB;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,YAAkB,EAClB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAgC3B;AAED,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA;AAC5E,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/Input.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { Button } from "@eggspot/ui/components/Button";
+import { FieldGroup } from "@eggspot/ui/components/Field";
+import { Label } from "@eggspot/ui/components/Label";
+import { cn } from "@eggspot/ui/lib/utils";
+import { EyeIcon, EyeOffIcon, SearchIcon, XIcon } from "lucide-react";
+import { Input as AriaInput, SearchField as AriaSearchField, TextArea as AriaTextArea, TextField as AriaTextField, } from "react-aria-components";
+import { useDebounce } from "react-use";
+function Input({ className, label, withAsterisk, tooltip, leftIcon, rightIcon, ref, ...props }) {
+    return (_jsxs(AriaTextField, { className: "flex flex-col gap-1", isInvalid: props["aria-invalid"], ...props, children: [label && (_jsx(Label, { withAsterisk: withAsterisk, tooltip: tooltip, children: label })), _jsxs(FieldGroup, { className: cn("py-0", className), children: [leftIcon && _jsx("div", { className: "pr-2", children: leftIcon }), _jsx(AriaInput, { ref: ref, className: "placeholder:text-gray-8 h-full flex-1 focus-visible:outline-none" }), rightIcon && _jsx("div", { className: "flex pl-2", children: rightIcon })] })] }));
+}
+function PasswordInput({ className, label, withAsterisk, tooltip, ref, ...props }) {
+    const [isVisible, setIsVisible] = React.useState(false);
+    return (_jsxs(AriaTextField, { className: cn("flex flex-col gap-1"), ...props, children: [label && (_jsx(Label, { withAsterisk: withAsterisk, tooltip: tooltip, children: label })), _jsxs(FieldGroup, { className: cn("py-0 pr-1", className), children: [_jsx(AriaInput, { ref: ref, type: isVisible ? "text" : "password", className: "placeholder:text-gray-8 h-full flex-1 focus-visible:outline-none" }), _jsx(Button, { size: "sm", mode: "icon", variant: "ghost", intent: "secondary", excludeFromTabOrder: true, onClick: () => setIsVisible(!isVisible), tooltip: "Toggle password visibility", tooltipDelay: 1000, className: "rounded-sm", children: isVisible ? _jsx(EyeIcon, {}) : _jsx(EyeOffIcon, {}) })] })] }));
+}
+function TextArea({ className, label, withAsterisk, tooltip, ref, ...props }) {
+    return (_jsxs(AriaTextField, { className: cn("grid gap-1", className), ...props, children: [label && (_jsx(Label, { withAsterisk: withAsterisk, tooltip: tooltip, children: label })), _jsx(AriaTextArea, { ref: ref, className: cn("bg-gray-2 ring-offset-gray-1 placeholder:text-gray-8 flex field-sizing-content min-h-[80px] w-full rounded-md px-3 py-2 md:text-sm", "ring-gray-7 ring", 
+                /* Focus Within */
+                "data-focused:ring-accent-9 transition-all data-focused:ring-2", 
+                /* Disabled */
+                "data-disabled:cursor-not-allowed data-disabled:opacity-60", 
+                /* Resets */
+                "focus-visible:outline-none", 
+                /* Invalid */
+                "data-invalid:ring-error-9 aria-invalid:ring-error-9", className) })] }));
+}
+function SearchInput({ className, ref, ...props }) {
+    return (_jsx(AriaSearchField, { ...props, "aria-label": "Search", className: "group", children: _jsxs(FieldGroup, { className: cn("py-0 pr-1", className), children: [_jsx("div", { "data-slot": "left-icon", className: "pr-2", children: _jsx(SearchIcon, { "aria-hidden": true, className: "text-gray-11 size-4 opacity-50" }) }), _jsx(AriaInput, { ref: ref, "aria-label": "Search", className: "placeholder:text-gray-8 h-full flex-1 focus-visible:outline-none [&::-webkit-search-cancel-button]:hidden" }), _jsx(Button, { size: "sm", mode: "icon", variant: "ghost", tooltip: "Clear", tooltipDelay: 1000, className: cn("size-6 rounded-sm", 
+                    /* Hover */
+                    "data-hovered:opacity-100", 
+                    /* Disabled */
+                    "data-disabled:pointer-events-none", 
+                    /* Empty */
+                    "group-data-empty:invisible"), children: _jsx(XIcon, {}) })] }) }));
+}
+function DebouncedSearchInput({ value, onChange, placeholder = "Search...", debounceTime = 200, ...props }) {
+    const [dirty, setDirty] = useState(false);
+    const [internalValue, setInternalValue] = useState(value);
+    useDebounce(() => {
+        if (dirty) {
+            onChange(internalValue);
+        }
+    }, debounceTime, [internalValue, dirty]);
+    useEffect(() => {
+        if (value === undefined && internalValue) {
+            setDirty(false);
+            setInternalValue("");
+        }
+    }, [value]);
+    return (_jsx(SearchInput, { value: internalValue, onChange: (v) => {
+            setDirty(true);
+            setInternalValue(v);
+        }, placeholder: placeholder, ...props }));
+}
+export { DebouncedSearchInput, Input, PasswordInput, SearchInput, TextArea };
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

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

package/dist/components/InputOTP.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { OTPInput } from "input-otp";
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
+    index: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=InputOTP.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../src/components/InputOTP.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAA;AAGrD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,2CAYA;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ1E;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;CACd,2CAwBA;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAMnE;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/InputOTP.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@eggspot/ui/lib/utils";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
+function InputOTP({ className, containerClassName, ...props }) {
+    return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("group flex items-center gap-2 has-disabled:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props }));
+}
+function InputOTPGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center gap-2", className), ...props }));
+}
+function InputOTPSlot({ index, className, ...props }) {
+    const inputOTPContext = React.useContext(OTPInputContext);
+    const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("ring-gray-7 bg-gray-2 relative flex size-9 items-center justify-center rounded-md shadow-sm ring transition-all outline-none sm:size-10", 
+        /* Active */
+        "data-[active=true]:ring-accent-9 data-[active=true]:z-10 data-[active=true]:ring-2", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) }))] }));
+}
+function InputOTPSeparator({ ...props }) {
+    return (_jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
+}
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=InputOTP.js.map

package/dist/components/InputOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.js","sourceRoot":"","sources":["../../src/components/InputOTP.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,QAAQ,iBACG,WAAW,EACrB,kBAAkB,EAAE,EAAE,CACpB,uDAAuD,EACvD,kBAAkB,CACnB,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACL,2BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EAGT;IACC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;IAE5E,OAAO,CACL,4BACY,gBAAgB,iBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CACX,yIAAyI;QACzI,YAAY;QACZ,oFAAoF,EACpF,SAAS,CACV,KACG,KAAK,aAER,IAAI,EACJ,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,uEAAuE,YACpF,cAAK,SAAS,EAAC,0DAA0D,GAAG,GACxE,CACP,IACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAA+B;IAClE,OAAO,CACL,2BAAe,qBAAqB,EAAC,IAAI,EAAC,WAAW,KAAK,KAAK,YAC7D,KAAC,SAAS,KAAG,GACT,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Label.d.ts

@@ -0,0 +1,9 @@
+import { LabelProps as AriaLabelProps } from "react-aria-components";
+declare const labelVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+interface LabelProps extends AriaLabelProps {
+    withAsterisk?: boolean;
+    tooltip?: React.ReactNode;
+}
+declare function Label({ children, className, withAsterisk, tooltip, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export { Label, labelVariants };
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,UAAU,IAAI,cAAc,EAG7B,MAAM,uBAAuB,CAAA;AAK9B,QAAA,MAAM,aAAa,yFAIjB,CAAA;AAEF,UAAU,UAAW,SAAQ,cAAc;IACzC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,iBAAS,KAAK,CAAC,EACb,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,UAAU,2CAgCZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Label.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Tooltip, TooltipTrigger } from "@eggspot/ui/components/Tooltip";
+import { cn } from "@eggspot/ui/lib/utils";
+import { cva } from "class-variance-authority";
+import { InfoIcon } from "lucide-react";
+import { Label as AriaLabel, Focusable, } from "react-aria-components";
+import { Button } from "./Button";
+import { Popover, PopoverDialog, PopoverTrigger } from "./Popover";
+const labelVariants = cva([
+    "flex items-center gap-1 text-[13px] font-medium",
+    /* Disabled */
+    "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-70",
+]);
+function Label({ children, className, withAsterisk, tooltip, ...props }) {
+    return (_jsxs(AriaLabel, { className: cn(labelVariants(), className), ...props, children: [children, withAsterisk && _jsx("span", { className: "text-error-9", children: " *" }), tooltip && (_jsxs(_Fragment, { children: [_jsxs(TooltipTrigger, { delay: 0, closeDelay: 0, children: [_jsx(Focusable, { children: _jsx(InfoIcon, { className: "text-gray-11 size-[14px] outline-none pointer-coarse:hidden" }) }), _jsx(Tooltip, { children: tooltip })] }), _jsxs(PopoverTrigger, { children: [_jsx(Button, { slot: null, size: "sm", mode: "icon", type: "button", variant: "ghost", className: "-translate-x-1 pointer-fine:hidden", children: _jsx(InfoIcon, { className: "text-gray-11 size-[14px]! outline-none" }) }), _jsx(Popover, { placement: "top", children: _jsx(PopoverDialog, { className: "p-2 text-sm", children: tooltip }) })] })] }))] }));
+}
+export { Label, labelVariants };
+//# sourceMappingURL=Label.js.map

package/dist/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EACL,KAAK,IAAI,SAAS,EAElB,SAAS,GAEV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE,MAAM,aAAa,GAAG,GAAG,CAAC;IACxB,iDAAiD;IACjD,cAAc;IACd,+DAA+D;CAChE,CAAC,CAAA;AAOF,SAAS,KAAK,CAAC,EACb,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACG;IACX,OAAO,CACL,MAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,aAC5D,QAAQ,EACR,YAAY,IAAI,eAAM,SAAS,EAAC,cAAc,mBAAU,EACxD,OAAO,IAAI,CACV,8BACE,MAAC,cAAc,IAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,aACrC,KAAC,SAAS,cACR,KAAC,QAAQ,IAAC,SAAS,EAAC,6DAA6D,GAAG,GAC1E,EACZ,KAAC,OAAO,cAAE,OAAO,GAAW,IACb,EACjB,MAAC,cAAc,eACb,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,oCAAoC,YAE9C,KAAC,QAAQ,IAAC,SAAS,EAAC,wCAAwC,GAAG,GACxD,EACT,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,YACtB,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,YAAE,OAAO,GAAiB,GACxD,IACK,IAChB,CACJ,IACS,CACb,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Layout.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @deprecated This file is deprecated and should not be used in new code.
+ * All components in this file (HStack, VStack, Stack, Spacer, Center, Circle, Square, Float) are deprecated.
+ */
+import { VariantProps } from "class-variance-authority";
+interface LayoutProps extends React.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function HStack({ className, asChild, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function VStack({ className, asChild, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function Stack({ className, asChild, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function Spacer({ className, asChild, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function Center({ className, asChild, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function Circle({ className, asChild, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function Square({ className, asChild, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+declare const floatVariants: (props?: ({
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface FloatProps extends React.ComponentProps<"div">, VariantProps<typeof floatVariants> {
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+declare function Float({ className, position, ...props }: FloatProps): import("react/jsx-runtime").JSX.Element;
+export { Center, Circle, Float, HStack, Spacer, Square, Stack, VStack };
+//# sourceMappingURL=Layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/components/Layout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM5D;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAS5D;AAED;;GAEG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAI3D;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAI5D;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAS5D;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAY5D;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAS5D;AAED,QAAA,MAAM,aAAa;;mFAYjB,CAAA;AAEF,UAAU,UACR,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EACjC,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;GAEG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI3D;AAED,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/Layout.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated This file is deprecated and should not be used in new code.
+ * All components in this file (HStack, VStack, Stack, Spacer, Center, Circle, Square, Float) are deprecated.
+ */
+import { cn } from "@eggspot/ui/lib/utils";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function HStack({ className, asChild, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return (_jsx(Comp, { className: cn("flex items-center gap-2", className), ...props }));
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function VStack({ className, asChild, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return (_jsx(Comp, { className: cn("flex flex-col items-center gap-2", className), ...props }));
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function Stack({ className, asChild, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return _jsx(Comp, { className: cn("flex flex-col gap-2", className), ...props });
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function Spacer({ className, asChild, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return _jsx(Comp, { className: cn("flex-1", className), ...props });
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function Center({ className, asChild, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return (_jsx(Comp, { className: cn("flex items-center justify-center", className), ...props }));
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function Circle({ className, asChild, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return (_jsx(Comp, { className: cn("flex size-4 items-center justify-center rounded-full", className), ...props }));
+}
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function Square({ className, asChild, ...props }) {
+    const Comp = asChild ? Slot.Root : "div";
+    return (_jsx(Comp, { className: cn("flex size-4 items-center justify-center", className), ...props }));
+}
+const floatVariants = cva("absolute z-[1]", {
+    variants: {
+        position: {
+            ["top-right"]: "top-0 right-0 translate-x-1/2 -translate-y-1/2",
+            ["top-left"]: "top-0 left-0 -translate-x-1/2 -translate-y-1/2",
+            ["bottom-right"]: "right-0 bottom-0 translate-x-1/2 translate-y-1/2",
+            ["bottom-left"]: "bottom-0 left-0 -translate-x-1/2 translate-y-1/2",
+        },
+    },
+    defaultVariants: {
+        position: "top-right",
+    },
+});
+/**
+ * @deprecated This component is deprecated and should not be used in new code.
+ */
+function Float({ className, position, ...props }) {
+    return (_jsx("div", { className: cn(floatVariants({ position, className })), ...props }));
+}
+export { Center, Circle, Float, HStack, Spacer, Square, Stack, VStack };
+//# sourceMappingURL=Layout.js.map

package/dist/components/Layout.js.map

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

package/dist/components/ListBox.d.ts

@@ -0,0 +1,8 @@
+import { Collection as AriaCollection, Header as AriaHeader, ListBoxItemProps as AriaListBoxItemProps, ListBoxProps as AriaListBoxProps } from "react-aria-components";
+declare const ListBoxSection: <T extends object>(props: import("react-aria-components").ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+declare const ListBoxCollection: typeof AriaCollection;
+declare function ListBox<T extends object>({ className, ...props }: AriaListBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+declare const ListBoxItem: <T extends object>({ className, children, ...props }: AriaListBoxItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare function ListBoxHeader({ className, ...props }: React.ComponentProps<typeof AriaHeader>): import("react/jsx-runtime").JSX.Element;
+export { ListBox, ListBoxCollection, ListBoxHeader, ListBoxItem, ListBoxSection, };
+//# sourceMappingURL=ListBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../../src/components/ListBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,UAAU,IAAI,cAAc,EAC5B,MAAM,IAAI,UAAU,EAGpB,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,IAAI,gBAAgB,EAGjC,MAAM,uBAAuB,CAAA;AAE9B,QAAA,MAAM,cAAc,mJAAqB,CAAA;AAEzC,QAAA,MAAM,iBAAiB,uBAAiB,CAAA;AAExC,iBAAS,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAcrB;AAED,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,mCAIpC,oBAAoB,CAAC,CAAC,CAAC,4CAkCzB,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,2CAOzC;AAED,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,cAAc,GACf,CAAA"}

package/dist/components/ListBox.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@eggspot/ui/lib/utils";
+import { Check } from "lucide-react";
+import { Collection as AriaCollection, Header as AriaHeader, ListBox as AriaListBox, ListBoxItem as AriaListBoxItem, ListBoxSection as AriaListBoxSection, composeRenderProps, } from "react-aria-components";
+const ListBoxSection = AriaListBoxSection;
+const ListBoxCollection = AriaCollection;
+function ListBox({ className, ...props }) {
+    return (_jsx(AriaListBox, { className: composeRenderProps(className, (className) => cn(className, "group bg-popover text-gray-12 overflow-auto rounded-md border p-1 shadow-md outline-none", 
+        /* Empty */
+        "data-[empty]:p-6 data-[empty]:text-center data-[empty]:text-sm")), ...props }));
+}
+const ListBoxItem = ({ className, children, ...props }) => {
+    return (_jsx(AriaListBoxItem, { textValue: props.textValue || (typeof children === "string" ? children : undefined), className: composeRenderProps(className, (className) => cn("relative flex w-full cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none", 
+        /* Disabled */
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", 
+        /* Focused */
+        "data-[focused]:bg-accent-2 data-[focused]:text-accent-9", 
+        /* Hovered */
+        "data-[hovered]:bg-accent-2 data-[hovered]:text-accent-9", 
+        /* Selection */
+        "data-[selection-mode]:pl-8", className)), ...props, children: composeRenderProps(children, (children, renderProps) => (_jsxs(_Fragment, { children: [renderProps.isSelected && (_jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: _jsx(Check, { className: "size-4" }) })), children] }))) }));
+};
+function ListBoxHeader({ className, ...props }) {
+    return (_jsx(AriaHeader, { className: cn("py-1.5 pr-2 pl-8 text-sm font-semibold", className), ...props }));
+}
+export { ListBox, ListBoxCollection, ListBoxHeader, ListBoxItem, ListBoxSection, };
+//# sourceMappingURL=ListBox.js.map

package/dist/components/ListBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.js","sourceRoot":"","sources":["../../src/components/ListBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EACL,UAAU,IAAI,cAAc,EAC5B,MAAM,IAAI,UAAU,EACpB,OAAO,IAAI,WAAW,EACtB,WAAW,IAAI,eAAe,EAG9B,cAAc,IAAI,kBAAkB,EACpC,kBAAkB,GACnB,MAAM,uBAAuB,CAAA;AAE9B,MAAM,cAAc,GAAG,kBAAkB,CAAA;AAEzC,MAAM,iBAAiB,GAAG,cAAc,CAAA;AAExC,SAAS,OAAO,CAAmB,EACjC,SAAS,EACT,GAAG,KAAK,EACY;IACpB,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAE,kBAAkB,CAAC,SAAS,EAAE,CAAC,SAAS,EAAE,EAAE,CACrD,EAAE,CACA,SAAS,EACT,0FAA0F;QAC1F,WAAW;QACX,gEAAgE,CACjE,CACF,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,WAAW,GAAG,CAAmB,EACrC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgB,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EACP,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAE1E,SAAS,EAAE,kBAAkB,CAAC,SAAS,EAAE,CAAC,SAAS,EAAE,EAAE,CACrD,EAAE,CACA,0GAA0G;QAC1G,cAAc;QACd,gEAAgE;QAChE,aAAa;QACb,yDAAyD;QACzD,aAAa;QACb,yDAAyD;QACzD,eAAe;QACf,4BAA4B,EAC5B,SAAS,CACV,CACF,KACG,KAAK,YAER,kBAAkB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,CAAC,CACvD,8BACG,WAAW,CAAC,UAAU,IAAI,CACzB,eAAM,SAAS,EAAC,yDAAyD,YACvE,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,GACvB,CACR,EACA,QAAQ,IACR,CACJ,CAAC,GACc,CACnB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACgC;IACxC,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,cAAc,GACf,CAAA"}

package/dist/components/Menu.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Header as AriaHeader, Keyboard as AriaKeyboard, MenuItemProps as AriaMenuItemProps, MenuProps as AriaMenuProps, MenuTrigger as AriaMenuTrigger, SeparatorProps as AriaSeparatorProps, PopoverProps } from "react-aria-components";
+declare const MenuTrigger: typeof AriaMenuTrigger;
+declare const MenuSubTrigger: (props: import("react-aria-components").SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+declare const MenuSection: <T extends object>(props: import("react-aria-components").ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+declare const MenuCollection: typeof import("react-aria-components").Collection;
+declare function MenuPopover({ className, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+declare const Menu: <T extends object>({ className, ...props }: AriaMenuProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ children, className, ...props }: AriaMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+interface MenuHeaderProps extends React.ComponentProps<typeof AriaHeader> {
+    inset?: boolean;
+    separator?: boolean;
+}
+declare const MenuHeader: ({ className, inset, separator, ...props }: MenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuSeparator: ({ className, ...props }: AriaSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuKeyboard: ({ className, ...props }: React.ComponentProps<typeof AriaKeyboard>) => import("react/jsx-runtime").JSX.Element;
+export { Menu, MenuCollection, MenuHeader, MenuItem, MenuKeyboard, MenuPopover, MenuSection, MenuSeparator, MenuSubTrigger, MenuTrigger, };
+export type { MenuHeaderProps };
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,QAAQ,IAAI,YAAY,EAGxB,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,eAAe,EAE9B,cAAc,IAAI,kBAAkB,EAGpC,YAAY,EACb,MAAM,uBAAuB,CAAA;AAE9B,QAAA,MAAM,WAAW,wBAAkB,CAAA;AAEnC,QAAA,MAAM,cAAc,iIAAqB,CAAA;AAEzC,QAAA,MAAM,WAAW,mJAAiB,CAAA;AAElC,QAAA,MAAM,cAAc,mDAAoB,CAAA;AAExC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CASzD;AAED,QAAA,MAAM,IAAI,GAAI,CAAC,SAAS,MAAM,EAAE,yBAAyB,aAAa,CAAC,CAAC,CAAC,4CAQxE,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,mCAAmC,iBAAiB,4CA0CrE,CAAA;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,2CAKjB,eAAe,4CAUjB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CAKjE,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,yBAGnB,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,4CAO3C,CAAA;AAED,OAAO,EACL,IAAI,EACJ,cAAc,EACd,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,GACZ,CAAA;AACD,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/Menu.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListBoxCollection, ListBoxSection, } from "@eggspot/ui/components/ListBox";
+import { Popover } from "@eggspot/ui/components/Popover";
+import { cn } from "@eggspot/ui/lib/utils";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { Header as AriaHeader, Keyboard as AriaKeyboard, Menu as AriaMenu, MenuItem as AriaMenuItem, MenuTrigger as AriaMenuTrigger, Separator as AriaSeparator, SubmenuTrigger as AriaSubmenuTrigger, composeRenderProps, } from "react-aria-components";
+const MenuTrigger = AriaMenuTrigger;
+const MenuSubTrigger = AriaSubmenuTrigger;
+const MenuSection = ListBoxSection;
+const MenuCollection = ListBoxCollection;
+function MenuPopover({ className, ...props }) {
+    return (_jsx(Popover, { className: composeRenderProps(className, (className) => cn("w-auto", className)), ...props }));
+}
+const Menu = ({ className, ...props }) => (_jsx(AriaMenu, { className: cn("max-h-[inherit] overflow-auto rounded-md p-1.5 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]", className), ...props }));
+const MenuItem = ({ children, className, ...props }) => (_jsx(AriaMenuItem, { textValue: props.textValue || (typeof children === "string" ? children : undefined), className: composeRenderProps(className, (className) => cn("text-gray-12 relative flex cursor-pointer items-center gap-2.5 rounded-sm px-2.5 py-1.5 text-sm outline-none select-none", 
+    /* Disabled */
+    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", 
+    /* Focused */
+    "data-[focused]:bg-gray-3", 
+    /* Selection Mode */
+    "data-[selection-mode]:pl-8", className)), ...props, children: composeRenderProps(children, (children, renderProps) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: renderProps.isSelected && (_jsxs(_Fragment, { children: [renderProps.selectionMode == "single" && (_jsx(Circle, { className: "size-2 fill-current" })), renderProps.selectionMode == "multiple" && (_jsx(Check, { className: "size-4" }))] })) }), children, renderProps.hasSubmenu && (_jsx(ChevronRight, { className: "text-gray-11 ml-auto size-4" }))] }))) }));
+const MenuHeader = ({ className, inset, separator = true, ...props }) => (_jsx(AriaHeader, { className: cn("px-3 py-1.5 text-sm font-semibold", inset && "pl-8", separator && "border-b-border -mx-1 mb-1 border-b pb-2.5", className), ...props }));
+const MenuSeparator = ({ className, ...props }) => (_jsx(AriaSeparator, { className: cn("bg-gray-6 -mx-1 my-1 h-px", className), ...props }));
+const MenuKeyboard = ({ className, ...props }) => {
+    return (_jsx(AriaKeyboard, { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props }));
+};
+export { Menu, MenuCollection, MenuHeader, MenuItem, MenuKeyboard, MenuPopover, MenuSection, MenuSeparator, MenuSubTrigger, MenuTrigger, };
+//# sourceMappingURL=Menu.js.map

package/dist/components/Menu.js.map

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

package/dist/components/NativeSelect.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
+    variant?: "outline" | "minimal" | "ghost";
+    size?: "sm" | "md";
+};
+declare function NativeSelect({ className, variant, size, ...props }: NativeSelectProps): import("react/jsx-runtime").JSX.Element;
+declare function NativeSelectOption({ ...props }: React.ComponentProps<"option">): import("react/jsx-runtime").JSX.Element;
+declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): import("react/jsx-runtime").JSX.Element;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
+//# sourceMappingURL=NativeSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../src/components/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8B9B,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACnB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAO,EACP,IAAW,EACX,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAiBnB;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,2CAEvE;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAQlC;AAED,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/NativeSelect.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@eggspot/ui/lib/utils";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+const nativeSelectVariants = cva([
+    "placeholder:text-gray-8 text-gray-12 h-8 w-full min-w-0 appearance-none rounded-md bg-transparent px-3 pr-7 text-sm font-medium transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
+    "ring-inset focus-visible:ring-2",
+    "aria-invalid:ring-error-9 aria-invalid:border-error-9",
+], {
+    variants: {
+        variant: {
+            outline: "bg-gray-2 border-gray-7 hover:not-disabled:bg-gray-3 border",
+            minimal: "bg-gray-3 hover:not-disabled:bg-gray-4",
+            ghost: "hover:not-disabled:bg-gray-3 bg-transparent",
+        },
+        size: {
+            sm: "h-7 pl-2.5 [&_select-icon]:right-2.5",
+            md: "h-8",
+        },
+    },
+    defaultVariants: {
+        variant: "outline",
+        size: "md",
+    },
+});
+function NativeSelect({ className, variant, size = "md", ...props }) {
+    return (_jsxs("div", { className: "group/native-select relative w-fit has-[select:disabled]:opacity-50", "data-slot": "native-select-wrapper", children: [_jsx("select", { "data-slot": "native-select", className: cn(nativeSelectVariants({ variant, size }), className), ...props }), _jsx(ChevronDownIcon, { className: "select-icon text-gray-12 pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 opacity-50 select-none", "data-slot": "native-select-icon" })] }));
+}
+function NativeSelectOption({ ...props }) {
+    return _jsx("option", { "data-slot": "native-select-option", ...props });
+}
+function NativeSelectOptGroup({ className, ...props }) {
+    return (_jsx("optgroup", { "data-slot": "native-select-optgroup", className: cn(className), ...props }));
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
+//# sourceMappingURL=NativeSelect.js.map

package/dist/components/NativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../src/components/NativeSelect.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,oBAAoB,GAAG,GAAG,CAC9B;IACE,qOAAqO;IACrO,iCAAiC;IACjC,uDAAuD;CACxD,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6DAA6D;YACtE,OAAO,EAAE,wCAAwC;YACjD,KAAK,EAAE,6CAA6C;SACrD;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,sCAAsC;YAC1C,EAAE,EAAE,KAAK;SACV;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAOD,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACU;IAClB,OAAO,CACL,eACE,SAAS,EAAC,qEAAqE,eACrE,uBAAuB,aAEjC,8BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,EACF,KAAC,eAAe,IACd,SAAS,EAAC,wHAAwH,eACxH,oBAAoB,GAC9B,IACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAkC;IACtE,OAAO,8BAAkB,sBAAsB,KAAK,KAAK,GAAI,CAAA;AAC/D,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACyB;IACjC,OAAO,CACL,gCACY,wBAAwB,EAClC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KACpB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/NumberInput.d.ts

@@ -0,0 +1,12 @@
+import { NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
+interface NumberInputProps extends AriaNumberFieldProps {
+    showStepper?: boolean;
+    placeholder?: string;
+    label?: string;
+    withAsterisk?: boolean;
+    tooltip?: React.ReactNode;
+}
+declare function NumberInput({ className, showStepper, placeholder, label, withAsterisk, tooltip, formatOptions, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export { NumberInput };
+export type { NumberInputProps };
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/components/NumberInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAML,gBAAgB,IAAI,oBAAoB,EAEzC,MAAM,uBAAuB,CAAA;AA0D9B,UAAU,gBAAiB,SAAQ,oBAAoB;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAmB,EACnB,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,aAAa,EACb,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAoBlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}