@dust-tt/sparkle 0.2.509 → 0.2.510

package/dist/esm/components/Breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,kBAAkB,GAAG,kBAAkB,GAAG;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,KAAK,oBAAoB,GAAG,kBAAkB,GAAG;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,CAAC;AA+GxB,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAOD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,IAAW,GACZ,EAAE,eAAe,qBA0CjB"}

package/dist/esm/components/Breadcrumbs.js

@@ -0,0 +1,68 @@
+import React from "react";
+import { Button, ICON_SIZE_MAP } from "../components/Button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, } from "../components/Dropdown";
+import { Icon } from "../components/Icon";
+import { ChevronRightIcon } from "../icons/app";
+import { cn } from "../lib";
+var LABEL_TRUNCATE_LENGTH_MIDDLE = 15;
+var LABEL_TRUNCATE_LENGTH_END = 30;
+var ELLIPSIS_STRING = "...";
+var isLinkItem = function (item) {
+    return "href" in item && typeof item.href === "string";
+};
+var isButtonItem = function (item) {
+    return "onClick" in item && typeof item.onClick === "function";
+};
+function BreadcrumbItem(_a) {
+    var item = _a.item, isLast = _a.isLast, itemsHidden = _a.itemsHidden, _b = _a.size, size = _b === void 0 ? "sm" : _b;
+    if (item.label === ELLIPSIS_STRING) {
+        return (React.createElement(DropdownMenu, null,
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(Button, { variant: "ghost", label: ELLIPSIS_STRING, icon: item.icon, size: size })),
+            React.createElement(DropdownMenuContent, { align: "start" },
+                React.createElement(DropdownMenuGroup, null, itemsHidden === null || itemsHidden === void 0 ? void 0 : itemsHidden.map(function (item, index) { return (React.createElement(DropdownMenuItem, { key: "breadcrumbs-hidden-".concat(index), href: isLinkItem(item) ? item.href : undefined, onClick: isButtonItem(item) ? item.onClick : undefined, icon: item.icon, label: item.label })); })))));
+    }
+    var commonClassName = cn(isLast
+        ? "s-text-foreground dark:s-text-foreground-night"
+        : "s-text-muted-foreground dark:s-text-muted-foreground-night", isLast && (size === "xs" ? "s-label-xs" : "s-label-sm"));
+    var truncatedLabel = truncateTextToLength(item.label, isLast ? LABEL_TRUNCATE_LENGTH_END : LABEL_TRUNCATE_LENGTH_MIDDLE);
+    if (isLinkItem(item)) {
+        return (React.createElement(Button, { href: item.href, icon: item.icon, className: commonClassName, variant: "ghost", label: truncatedLabel, tooltip: item.label, size: size }));
+    }
+    if (isButtonItem(item)) {
+        return (React.createElement(Button, { onClick: item.onClick, icon: item.icon, className: commonClassName, variant: "ghost", label: truncatedLabel, tooltip: item.label, size: size }));
+    }
+    if (item.icon) {
+        return (React.createElement("div", { className: "s-shrink0 s-label-sm s-inline-flex s-h-9 s-items-center s-gap-2 s-border s-border-border/0 s-px-3" },
+            React.createElement(Icon, { visual: item.icon, size: ICON_SIZE_MAP[size], className: cn("-s-mx-0.5") }),
+            React.createElement("div", { className: cn("", commonClassName) }, item.label)));
+    }
+    return (React.createElement("div", { className: cn("s-px-2 s-py-1.5", commonClassName) }, item.label));
+}
+export function Breadcrumbs(_a) {
+    var items = _a.items, className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b;
+    var _c = items.reduce(function (acc, item, index) {
+        if (items.length <= 5 || index < 2 || index >= items.length - 2) {
+            acc.itemsShown.push(item);
+        }
+        else if (index === 2) {
+            acc.itemsShown.push({ label: ELLIPSIS_STRING });
+            acc.itemsHidden.push(item);
+        }
+        else {
+            acc.itemsHidden.push(item);
+        }
+        return acc;
+    }, { itemsShown: [], itemsHidden: [] }), itemsShown = _c.itemsShown, itemsHidden = _c.itemsHidden;
+    return (React.createElement("div", { className: cn("s-flex s-flex-row s-items-center s-gap-0", className) }, itemsShown.map(function (item, index) {
+        return (React.createElement("div", { key: "breadcrumbs-".concat(index), className: "s-flex s-flex-row s-items-center s-gap-0" },
+            React.createElement(BreadcrumbItem, { item: item, isLast: index === itemsShown.length - 1, itemsHidden: itemsHidden, size: size }),
+            index === itemsShown.length - 1 ? null : (React.createElement(Icon, { visual: ChevronRightIcon, className: "s-text-faint", size: size === "xs" ? "xs" : "sm" }))));
+    })));
+}
+function truncateTextToLength(text, length) {
+    return text.length > length
+        ? "".concat(text.substring(0, length - 1)).concat(ELLIPSIS_STRING)
+        : text;
+}
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/esm/components/Breadcrumbs.js.map

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

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

@@ -0,0 +1,39 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { LinkWrapperProps } from "../components";
+export declare const BUTTON_VARIANTS: readonly ["primary", "highlight", "warning", "outline", "ghost", "ghost-secondary"];
+export type ButtonVariantType = (typeof BUTTON_VARIANTS)[number];
+export declare const BUTTON_SIZES: readonly ["xmini", "mini", "xs", "sm", "md"];
+export type ButtonSizeType = (typeof BUTTON_SIZES)[number];
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "highlight" | "warning" | "outline" | "ghost" | "ghost-secondary" | null | undefined;
+    size?: "xs" | "sm" | "md" | "xmini" | "mini" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface MetaButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const MetaButton: React.ForwardRefExoticComponent<MetaButtonProps & React.RefAttributes<HTMLButtonElement>>;
+type IconSizeType = "xs" | "sm" | "md";
+export declare const ICON_SIZE_MAP: Record<ButtonSizeType, IconSizeType>;
+type CommonButtonProps = Omit<MetaButtonProps, "children"> & Omit<LinkWrapperProps, "children"> & {
+    isSelect?: boolean;
+    isLoading?: boolean;
+    isPulsing?: boolean;
+    tooltip?: string;
+    isCounter?: boolean;
+    counterValue?: string;
+};
+export type MiniButtonProps = CommonButtonProps & {
+    size: "mini";
+    icon: React.ComponentType;
+    label?: never;
+};
+export type RegularButtonProps = CommonButtonProps & {
+    size?: Exclude<ButtonSizeType, "mini">;
+    icon?: React.ComponentType;
+    label?: string;
+};
+export type ButtonProps = MiniButtonProps | RegularButtonProps;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants, MetaButton };
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,gBAAgB,EAOjB,MAAM,sBAAsB,CAAC;AAK9B,eAAO,MAAM,eAAe,qFAOlB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,8CAA+C,CAAC;AACzE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAG3D,QAAA,MAAM,cAAc;;;mFA4EnB,CAAC;AAqCF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAaf,CAAC;AAGF,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAGvC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,cAAc,EAAE,YAAY,CAM9D,CAAC;AAUF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACxD,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAE/D,QAAA,MAAM,MAAM,uFAiIX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/Button.js

@@ -0,0 +1,125 @@
+import { __assign, __rest } from "tslib";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { Counter, Icon, LinkWrapper, Spinner, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, } from "../components";
+import { ChevronDownIcon } from "../icons/app";
+import { cn } from "../lib/utils";
+export var BUTTON_VARIANTS = [
+    "primary",
+    "highlight",
+    "warning",
+    "outline",
+    "ghost",
+    "ghost-secondary",
+];
+export var BUTTON_SIZES = ["xmini", "mini", "xs", "sm", "md"];
+// Define button styling with cva
+var buttonVariants = cva(cn("s-inline-flex s-items-center s-justify-center s-whitespace-nowrap s-ring-offset-background s-transition-colors s-ring-inset", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-ring focus-visible:s-ring-offset-0", "dark:focus-visible:s-ring-0 dark:focus-visible:s-ring-offset-1"), {
+    variants: {
+        variant: {
+            primary: cn("s-bg-primary-800 dark:s-bg-primary-800-night", "s-text-primary-50 dark:s-text-primary-50-night", "hover:s-bg-primary-light dark:hover:s-bg-primary-dark-night", "active:s-bg-primary-dark dark:active:s-bg-primary-light-night", "disabled:s-bg-primary-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-primary-muted-night"),
+            highlight: cn("s-bg-highlight", "s-text-highlight-50", "hover:s-bg-highlight-light", "active:s-bg-highlight-dark", "disabled:s-bg-highlight-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-highlight-muted-night"),
+            warning: cn("s-bg-warning", "s-text-warning-50", "hover:s-bg-warning-light", "active:s-bg-warning-dark", "disabled:s-bg-warning-muted disabled:s-text-highlight-50/60 dark:disabled:s-bg-warning-muted-night"),
+            outline: cn("s-border", "s-border-border dark:s-border-border-night", "s-text-primary dark:s-text-primary-night", "s-bg-background dark:s-bg-background-night", "hover:s-text-primary dark:hover:s-text-primary-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-border-primary-150 dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-muted dark:disabled:s-text-primary-muted-night", "disabled:s-border-primary-100 dark:disabled:s-border-primary-100-night"),
+            ghost: cn("s-border", "s-border-border/0 dark:s-border-border-night/0", "s-text-foreground dark:s-text-white", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-text-primary-900 dark:hover:s-text-white", "hover:s-border-border-dark dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-400 dark:disabled:s-text-primary-400-night"),
+            "ghost-secondary": cn("s-border", "s-border-border/0 dark:s-border-border-night/0", "s-text-muted-foreground dark:s-text-muted-foreground-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-900", "hover:s-text-primary-900 dark:hover:s-text-primary-900-night", "hover:s-border-border-dark dark:hover:s-border-border-night", "active:s-bg-primary-300 dark:active:s-bg-primary-900", "disabled:s-text-primary-400 dark:disabled:s-text-primary-400-night"),
+        },
+        size: {
+            xmini: "s-h-6 s-w-6 s-rounded-lg s-label-xs s-gap-1 s-shrink-0",
+            mini: "s-h-7 s-w-7 s-rounded-lg s-label-xs s-gap-1.5 s-shrink-0",
+            xs: "s-h-7 s-px-2.5 s-rounded-lg s-label-xs s-gap-1.5 s-shrink-0",
+            sm: "s-h-9 s-px-3 s-rounded-xl s-label-sm s-gap-2 s-shrink-0",
+            md: "s-h-12 s-px-4 s-py-2 s-rounded-2xl s-label-base s-gap-2.5 s-shrink-0",
+        },
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "sm",
+    },
+});
+var labelVariants = cva("", {
+    variants: {
+        size: {
+            xmini: "s-label-xs s-hidden",
+            mini: "s-label-xs s-hidden",
+            xs: "s-label-xs",
+            sm: "s-label-sm",
+            md: "s-label-base",
+        },
+    },
+    defaultVariants: {
+        size: "sm",
+    },
+});
+var spinnerVariantsMap = {
+    primary: "gray50",
+    highlight: "gray50",
+    warning: "gray50",
+    outline: "gray500",
+    ghost: "gray500",
+    "ghost-secondary": "gray400",
+};
+var chevronVariantMap = {
+    primary: "s-text-white/70",
+    outline: "s-text-foreground/70 dark:s-text-foreground-night/70",
+    ghost: "s-text-foreground/70 dark:s-text-foreground-night/70",
+    "ghost-secondary": "s-text-foreground/70 dark:s-text-foreground-night/70",
+    highlight: "s-text-white/70",
+    warning: "s-text-white/70",
+};
+var MetaButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.asChild, asChild = _b === void 0 ? false : _b, variant = _a.variant, size = _a.size, children = _a.children, props = __rest(_a, ["className", "asChild", "variant", "size", "children"]);
+    var Comp = asChild ? Slot : "button";
+    return (React.createElement(Comp, __assign({ className: cn(buttonVariants({ variant: variant, size: size, className: className })), ref: ref }, props), children));
+});
+MetaButton.displayName = "MetaButton";
+export var ICON_SIZE_MAP = {
+    xmini: "xs",
+    mini: "sm",
+    xs: "xs",
+    sm: "sm",
+    md: "md",
+};
+var COUNTER_SIZE_MAP = {
+    xmini: "xs",
+    mini: "xs",
+    xs: "xs",
+    sm: "sm",
+    md: "md",
+};
+var Button = React.forwardRef(function (_a, ref) {
+    var label = _a.label, icon = _a.icon, className = _a.className, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, tooltip = _a.tooltip, _d = _a.isSelect, isSelect = _d === void 0 ? false : _d, _e = _a.isPulsing, isPulsing = _e === void 0 ? false : _e, _f = _a.isCounter, isCounter = _f === void 0 ? false : _f, counterValue = _a.counterValue, _g = _a.size, size = _g === void 0 ? "sm" : _g, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, ariaLabel = _a["aria-label"], props = __rest(_a, ["label", "icon", "className", "isLoading", "variant", "tooltip", "isSelect", "isPulsing", "isCounter", "counterValue", "size", "href", "target", "rel", "replace", "shallow", "aria-label"]);
+    var iconSize = ICON_SIZE_MAP[size];
+    var counterSize = COUNTER_SIZE_MAP[size];
+    var renderIcon = function (visual, extraClass) {
+        if (extraClass === void 0) { extraClass = ""; }
+        return (React.createElement(Icon, { visual: visual, size: iconSize, className: cn(extraClass) }));
+    };
+    var renderChevron = function (visual, extraClass) {
+        if (extraClass === void 0) { extraClass = ""; }
+        return (React.createElement(Icon, { visual: visual, size: iconSize, className: cn(variant ? chevronVariantMap[variant] : "", extraClass) }));
+    };
+    var showCounter = isCounter && counterValue != null;
+    var showContainer = label || showCounter;
+    var content = (React.createElement(React.Fragment, null,
+        isLoading ? (React.createElement("div", { className: cn("-s-mx-0.5", size === "mini" && "s-w-5 s-px-0.5", size === "xmini" && "s-w-5 s-px-0.5") },
+            React.createElement(Spinner, { size: size === "mini" || size === "xmini" ? "xs" : iconSize, variant: (variant && spinnerVariantsMap[variant]) || "gray400" }))) : (icon && renderIcon(icon, "-s-mx-0.5")),
+        showContainer && (React.createElement("div", { className: cn("s-flex s-items-center s-gap-2", labelVariants({ size: size })) },
+            label,
+            showCounter && (React.createElement(Counter, { value: Number(counterValue), variant: variant || "primary", size: counterSize, isInButton: true })))),
+        isSelect && renderChevron(ChevronDownIcon, isLoading ? "" : "-s-mr-1")));
+    var innerButton = (React.createElement(MetaButton, __assign({ ref: ref, size: size, variant: variant, disabled: isLoading || props.disabled, className: cn(isPulsing && "s-animate-pulse", className), "aria-label": ariaLabel || tooltip || label, style: {
+            "--pulse-color": "#93C5FD",
+            "--duration": "1.5s",
+        } }, props), content));
+    var wrappedContent = tooltip ? (React.createElement(TooltipProvider, null,
+        React.createElement(TooltipRoot, null,
+            React.createElement(TooltipTrigger, { asChild: true }, innerButton),
+            React.createElement(TooltipPortal, null,
+                React.createElement(TooltipContent, null, tooltip))))) : (innerButton);
+    return href ? (React.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow }, wrappedContent)) : (wrappedContent);
+});
+Button.displayName = "Button";
+export { Button, buttonVariants, MetaButton };
+//# sourceMappingURL=Button.js.map

package/dist/esm/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/esm/components/Card.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+import { LinkWrapperProps } from "../components/LinkWrapper";
+export declare const CARD_VARIANTS: readonly ["primary", "secondary", "tertiary"];
+export type CardVariantType = (typeof CARD_VARIANTS)[number];
+export declare const CARD_VARIANTS_SIZES: readonly ["sm", "md", "lg"];
+export type CardSizeType = (typeof CARD_VARIANTS_SIZES)[number];
+interface CommonProps {
+    variant?: CardVariantType;
+    size?: CardSizeType;
+    className?: string;
+}
+interface CardLinkProps extends CommonProps, LinkWrapperProps {
+    onClick?: never;
+}
+interface CardButtonProps extends CommonProps, React.ButtonHTMLAttributes<HTMLDivElement> {
+    href?: never;
+    target?: never;
+    rel?: never;
+    replace?: never;
+    shallow?: never;
+}
+interface CardPropsBase {
+    action?: React.ReactNode;
+    containerClassName?: string;
+    className?: string;
+    variant?: CardVariantType;
+    size?: CardSizeType;
+}
+interface CardPropsWithLink extends CardPropsBase, Omit<CardLinkProps, keyof CardPropsBase> {
+    href: string;
+    onClick?: never;
+}
+interface CardPropsWithButton extends CardPropsBase, Omit<CardButtonProps, keyof CardPropsBase> {
+    href?: never;
+}
+export type CardProps = CardPropsWithLink | CardPropsWithButton;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardActionButton: React.ForwardRefExoticComponent<Omit<import("../components/Button").MetaButtonProps, "children"> & Omit<LinkWrapperProps, "children"> & {
+    isSelect?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isPulsing?: boolean | undefined;
+    tooltip?: string | undefined;
+    isCounter?: boolean | undefined;
+    counterValue?: string | undefined;
+} & {
+    size: "mini";
+    icon: React.ComponentType<{}>;
+    label?: undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const CardGrid: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/esm/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AASnE,eAAO,MAAM,aAAa,+CAAgD,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAuB7D,eAAO,MAAM,mBAAmB,6BAA8B,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAoChE,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,aAAc,SAAQ,WAAW,EAAE,gBAAgB;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,eACR,SAAQ,WAAW,EACjB,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AA8DD,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,iBACR,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,mBACR,SAAQ,aAAa,EACnB,IAAI,CAAC,eAAe,EAAE,MAAM,aAAa,CAAC;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAEhE,eAAO,MAAM,IAAI,kFAYhB,CAAC;AAyBF,eAAO,MAAM,gBAAgB;;;;;;;;;;;2CAa3B,CAAC;AAIH,eAAO,MAAM,QAAQ,6GAgBnB,CAAC"}

package/dist/esm/components/Card.js

@@ -0,0 +1,68 @@
+import { __assign, __rest } from "tslib";
+import { cva } from "class-variance-authority";
+import React from "react";
+import { Button } from "../components/Button";
+import { noHrefLink, SparkleContext, } from "../context";
+import { XMarkIcon } from "../icons/app";
+import { cn } from "../lib/utils";
+export var CARD_VARIANTS = ["primary", "secondary", "tertiary"];
+var variantClasses = {
+    primary: cn("s-bg-muted-background", "s-border-border/0", "dark:s-bg-muted-background-night", "dark:s-border-border-night/0"),
+    secondary: cn("s-bg-background", "s-border-border", "dark:s-bg-background-night", "dark:s-border-border-night"),
+    tertiary: cn("s-bg-white", "s-border-border/0", "dark:s-bg-black", "dark:s-border-border-night/0"),
+};
+export var CARD_VARIANTS_SIZES = ["sm", "md", "lg"];
+var sizeVariants = {
+    sm: "s-p-3 s-rounded-xl",
+    md: "s-p-4 s-rounded-2xl",
+    lg: "s-p-5 s-rounded-3xl",
+};
+var interactiveClasses = cn("s-cursor-pointer", "s-transition s-duration-200", "hover:s-bg-primary-100 dark:hover:s-bg-primary-100-night", "active:s-bg-primary-150 dark:active:s-bg-primary-150-night", "disabled:s-text-primary-muted dark:disabled:s-text-primary-muted-night", "disabled:s-border-border dark:disabled:s-border-border-night", "disabled:s-pointer-events-none");
+var cardVariants = cva(cn("s-flex s-text-left s-group", "s-border s-overflow-hidden", "s-text-foreground dark:s-text-foreground-night"), {
+    variants: {
+        variant: variantClasses,
+        size: sizeVariants,
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "md",
+    },
+});
+var InnerCard = React.forwardRef(function (_a, ref) {
+    var children = _a.children, variant = _a.variant, size = _a.size, className = _a.className, onClick = _a.onClick, href = _a.href, _b = _a.target, target = _b === void 0 ? "_blank" : _b, _c = _a.rel, rel = _c === void 0 ? "" : _c, replace = _a.replace, shallow = _a.shallow, props = __rest(_a, ["children", "variant", "size", "className", "onClick", "href", "target", "rel", "replace", "shallow"]);
+    var components = React.useContext(SparkleContext).components;
+    var Link = href ? components.link : noHrefLink;
+    // Determine if the card is interactive based on href or onClick
+    var isInteractive = Boolean(href || onClick);
+    var cardButtonClassNames = cn(cardVariants({ variant: variant, size: size }), 
+    // Apply interactive styles when either href or onClick is present
+    isInteractive ? interactiveClasses : "", className);
+    if (href) {
+        return (React.createElement(Link, { href: href, className: cardButtonClassNames, replace: replace, shallow: shallow, target: target, rel: rel }, children));
+    }
+    return (React.createElement("div", __assign({ ref: ref, className: cardButtonClassNames, onClick: onClick }, props), children));
+});
+export var Card = React.forwardRef(function (_a, ref) {
+    var containerClassName = _a.containerClassName, className = _a.className, action = _a.action, props = __rest(_a, ["containerClassName", "className", "action"]);
+    return (React.createElement("div", { className: cn("s-group/card s-relative", containerClassName), ref: ref },
+        React.createElement(InnerCard, __assign({ className: cn("s-h-full s-w-full", className) }, props)),
+        action && React.createElement(CardActions, null, action)));
+});
+Card.displayName = "Card";
+var CardActions = React.forwardRef(function (_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cn("s-absolute s-right-2 s-top-2 s-opacity-0 s-transition-opacity", "s-opacity-0 group-focus-within/card:s-opacity-100 group-hover/card:s-opacity-100") }, props), children));
+});
+CardActions.displayName = "CardActions";
+export var CardActionButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "outline" : _b, _c = _a.icon, icon = _c === void 0 ? XMarkIcon : _c, props = __rest(_a, ["className", "variant", "icon"]);
+    return (React.createElement(Button, __assign({ ref: ref, variant: variant, icon: icon, className: className }, props)));
+});
+CardActionButton.displayName = "CardActionButton";
+export var CardGrid = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cn("s-@container", className) }, props),
+        React.createElement("div", { className: cn("s-grid s-grid-cols-1 s-gap-2", "@xs:s-grid-cols-2 @sm:s-grid-cols-3 @lg:s-grid-cols-4 @xl:s-grid-cols-5") }, children)));
+});
+CardGrid.displayName = "CardGrid";
+//# sourceMappingURL=Card.js.map

package/dist/esm/components/Card.js.map

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

package/dist/esm/components/Checkbox.d.ts

@@ -0,0 +1,25 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { VariantProps } from "class-variance-authority";
+import React from "react";
+export declare const CHECKBOX_SIZES: readonly ["xs", "sm"];
+declare const checkboxStyles: (props?: ({
+    checked?: boolean | "partial" | null | undefined;
+    size?: "xs" | "sm" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type CheckBoxStateType = boolean | "partial";
+interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "checked" | "defaultChecked">, VariantProps<typeof checkboxStyles> {
+    checked?: CheckBoxStateType;
+    tooltip?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+interface CheckboxWithTextProps extends CheckboxProps {
+    text: string;
+}
+declare function CheckboxWithText({ text, tooltip, id, ...props }: CheckboxWithTextProps): React.JSX.Element;
+interface CheckboxWithTextAndDescriptionProps extends CheckboxWithTextProps {
+    description: string;
+}
+declare function CheckBoxWithTextAndDescription({ text, description, tooltip, id, ...props }: CheckboxWithTextAndDescriptionProps): React.JSX.Element;
+export { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription };
+export type { CheckboxProps };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/esm/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,eAAO,MAAM,cAAc,uBAAwB,CAAC;AAQpD,QAAA,MAAM,cAAc;;;mFAuBnB,CAAC;AAEF,KAAK,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7C,UAAU,aACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,SAAS,GAAG,gBAAgB,CAC7B,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,yFAyBZ,CAAC;AAIH,UAAU,qBAAsB,SAAQ,aAAa;IACnD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAcvB;AAED,UAAU,mCAAoC,SAAQ,qBAAqB;IACzE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,8BAA8B,CAAC,EACtC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,EAAE,EACF,GAAG,KAAK,EACT,EAAE,mCAAmC,qBAwBrC;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/Checkbox.js

@@ -0,0 +1,55 @@
+import { __assign, __rest } from "tslib";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { cva } from "class-variance-authority";
+import React from "react";
+import { CheckIcon, DashIcon } from "../icons/app";
+import { cn } from "../lib/utils";
+import { Icon } from "./Icon";
+import { Label } from "./Label";
+import { Tooltip } from "./Tooltip";
+export var CHECKBOX_SIZES = ["xs", "sm"];
+var checkboxSizeVariant = {
+    xs: "s-h-4 s-w-4 s-rounded",
+    sm: "s-h-5 s-w-5 s-rounded-md",
+};
+var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border", "s-s-border-border-dark dark:s-s-border-border-dark-night", "s-text-foreground dark:s-text-foreground-night", "focus-visible:s-ring-ring s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", "disabled:s-cursor-not-allowed disabled:s-opacity-50"), {
+    variants: {
+        checked: {
+            true: "data-[state=checked]:s-bg-primary dark:data-[state=checked]:s-bg-primary-night data-[state=checked]:s-text-white data-[state=checked]:s-border-primary",
+            partial: "data-[state=indeterminate]:s-bg-primary dark:data-[state=indeterminate]:s-bg-primary-night data-[state=indeterminate]:s-text-white data-[state=indeterminate]:s-border-primary",
+            false: "",
+        },
+        size: checkboxSizeVariant,
+    },
+    defaultVariants: {
+        size: "sm",
+        checked: false,
+    },
+});
+var Checkbox = React.forwardRef(function (_a, ref) {
+    var className = _a.className, size = _a.size, checked = _a.checked, id = _a.id, props = __rest(_a, ["className", "size", "checked", "id"]);
+    var checkbox = (React.createElement(CheckboxPrimitive.Root, __assign({ ref: ref, id: id, className: cn(checkboxStyles({ checked: checked, size: size }), className), checked: checked === "partial" ? "indeterminate" : checked }, props),
+        React.createElement(CheckboxPrimitive.Indicator, { className: "s-flex s-items-center s-justify-center s-text-current" },
+            React.createElement("span", { className: cn(size === "xs" ? "-s-mt-px" : "") },
+                React.createElement(Icon, { size: "xs", visual: checked === "partial" ? DashIcon : CheckIcon, className: "s-text-background dark:s-text-background-night" })))));
+    return checkbox;
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+function CheckboxWithText(_a) {
+    var text = _a.text, tooltip = _a.tooltip, id = _a.id, props = __rest(_a, ["text", "tooltip", "id"]);
+    var content = (React.createElement("div", { className: "s-items-top s-flex s-items-center s-space-x-2" },
+        React.createElement(Checkbox, __assign({ id: id }, props)),
+        React.createElement(Label, { htmlFor: id, className: "s-cursor-pointer s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text)));
+    return tooltip ? React.createElement(Tooltip, { label: tooltip, trigger: content }) : content;
+}
+function CheckBoxWithTextAndDescription(_a) {
+    var text = _a.text, description = _a.description, tooltip = _a.tooltip, id = _a.id, props = __rest(_a, ["text", "description", "tooltip", "id"]);
+    var content = (React.createElement("div", { className: "s-items-top s-flex s-space-x-2" },
+        React.createElement(Checkbox, __assign({ id: id }, props)),
+        React.createElement("div", { className: "s-grid s-gap-1.5 s-leading-none" },
+            React.createElement(Label, { htmlFor: id, className: "s-cursor-pointer s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text),
+            React.createElement("p", { className: cn("s-text-xs", "s-text-muted-foreground dark:s-text-muted-foreground-night") }, description))));
+    return tooltip ? React.createElement(Tooltip, { label: tooltip, trigger: content }) : content;
+}
+export { Checkbox, CheckboxWithText, CheckBoxWithTextAndDescription };
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/Checkbox.js.map

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

package/dist/esm/components/Chip.d.ts

@@ -0,0 +1,28 @@
+import React, { ComponentType, ReactNode } from "react";
+import { LinkWrapperProps } from "../components";
+export declare const CHIP_SIZES: readonly ["xs", "sm"];
+type ChipSizeType = (typeof CHIP_SIZES)[number];
+export declare const CHIP_COLORS: readonly ["primary", "success", "warning", "info", "highlight", "green", "blue", "rose", "golden"];
+type ChipColorType = (typeof CHIP_COLORS)[number];
+type ChipBaseProps = {
+    size?: ChipSizeType;
+    color?: ChipColorType;
+    label?: string;
+    children?: ReactNode;
+    className?: string;
+    isBusy?: boolean;
+    icon?: ComponentType;
+    onRemove?: () => void;
+};
+type ChipButtonProps = ChipBaseProps & {
+    onClick?: () => void;
+} & {
+    [K in keyof Omit<LinkWrapperProps, "children">]?: never;
+};
+type ChipLinkProps = ChipBaseProps & Omit<LinkWrapperProps, "children"> & {
+    onClick?: never;
+};
+type ChipProps = ChipLinkProps | ChipButtonProps;
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export { Chip };
+//# sourceMappingURL=Chip.d.ts.map

package/dist/esm/components/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAGL,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAM9B,eAAO,MAAM,UAAU,uBAAwB,CAAC;AAEhD,KAAK,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,eAAO,MAAM,WAAW,oGAUd,CAAC;AAEX,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AA8GlD,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,KAAK,eAAe,GAAG,aAAa,GAAG;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG;KACD,CAAC,IAAI,MAAM,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK;CACxD,CAAC;AAEF,KAAK,aAAa,GAAG,aAAa,GAChC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEJ,KAAK,SAAS,GAAG,aAAa,GAAG,eAAe,CAAC;AAEjD,QAAA,MAAM,IAAI,kFAkET,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}