@dust-tt/sparkle 0.2.182 → 0.2.183

package/dist/components/Icon.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentType } from "react";
+export interface IconProps {
+    visual?: ComponentType<{
+        className?: string;
+    }>;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    className?: string;
+}
+export declare function Icon({ visual: IconComponent, size, className, }: IconProps): React.JSX.Element | null;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,aAAa,EACrB,IAAW,EACX,SAAc,GACf,EAAE,SAAS,4BAMX"}

package/dist/components/Icon.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { classNames } from "../lib/utils";
+var IconSizes = {
+    xs: "s-h-4 s-w-4",
+    sm: "s-h-5 s-w-5",
+    md: "s-h-6 s-w-6",
+    lg: "s-h-8 s-w-8",
+    xl: "s-h-12 s-w-12",
+    "2xl": "s-h-20 s-w-20",
+};
+export function Icon(_a) {
+    var IconComponent = _a.visual, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
+    return IconComponent ? (React.createElement(IconComponent, { className: classNames(className, "s-shrink-0", IconSizes[size]) })) : null;
+}
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQhD,IAAM,SAAS,GAAG;IAChB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,eAAe;IACnB,KAAK,EAAE,eAAe;CACvB,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EAIT;QAHF,aAAa,YAAA,EACrB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IACZ,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,GAC/D,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

package/dist/components/IconButton.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentType, MouseEventHandler } from "react";
+import { TooltipProps } from "./Tooltip";
+type IconButtonProps = {
+    variant?: "primary" | "warning" | "secondary" | "tertiary" | "white";
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    size?: "xs" | "sm" | "md";
+    tooltip?: string;
+    tooltipPosition?: TooltipProps["position"];
+    icon?: ComponentType;
+    className?: string;
+    disabled?: boolean;
+};
+export declare function IconButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, className, size, }: IconButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKhE,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IACrE,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoEF,wBAAgB,UAAU,CAAC,EACzB,OAAoB,EACpB,OAAO,EACP,QAAgB,EAChB,OAAO,EACP,eAAyB,EACzB,IAAI,EACJ,SAAc,EACd,IAAW,GACZ,EAAE,eAAe,qBAgCjB"}

package/dist/components/IconButton.js

@@ -0,0 +1,76 @@
+import React from "react";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+import { Tooltip } from "./Tooltip";
+var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
+var iconClasses = {
+    primary: {
+        base: "s-text-action-500",
+        hover: "hover:s-text-action-400",
+        active: "active:s-text-action-600",
+        disabled: "s-text-element-500",
+        dark: {
+            base: "dark:s-text-action-500-dark",
+            hover: "dark:hover:s-text-action-500-dark",
+            active: "dark:active:s-text-action-600-dark",
+            disabled: "dark:s-text-element-500-dark",
+        },
+    },
+    warning: {
+        base: "s-text-warning-500",
+        hover: "hover:s-text-warning-400",
+        active: "active:s-text-warning-600",
+        disabled: "s-text-element-500",
+        dark: {
+            base: "dark:s-text-warning-500-dark",
+            hover: "dark:hover:s-text-warning-500-dark",
+            active: "dark:active:s-text-warning-600-dark",
+            disabled: "dark:s-text-element-500-dark",
+        },
+    },
+    secondary: {
+        base: "s-text-element-900",
+        hover: "hover:s-text-action-400",
+        active: "active:s-text-action-600",
+        disabled: "s-text-element-500",
+        dark: {
+            base: "dark:s-text-element-900-dark",
+            hover: "dark:hover:s-text-action-500-dark",
+            active: "dark:active:s-text-action-600-dark",
+            disabled: "dark:s-text-element-500-dark",
+        },
+    },
+    tertiary: {
+        base: "s-text-element-700",
+        hover: "hover:s-text-action-400",
+        active: "active:s-text-action-600",
+        disabled: "s-text-element-500",
+        dark: {
+            base: "dark:s-text-element-700-dark",
+            hover: "dark:hover:s-text-action-500-dark",
+            active: "dark:active:s-text-action-600-dark",
+            disabled: "dark:s-text-element-500-dark",
+        },
+    },
+    white: {
+        base: "s-text-white",
+        hover: "hover:s-text-slate-100",
+        active: "active:s-text-slate-200",
+        disabled: "s-text-white/50",
+        dark: {
+            base: "s-text-white",
+            hover: "hover:s-text-slate-100",
+            active: "active:s-text-slate-200",
+            disabled: "s-text-white/50",
+        },
+    },
+};
+export function IconButton(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f;
+    // Choose the correct group of classes based on 'type'
+    var iconGroup = iconClasses[variant];
+    var finalIconClasses = classNames(className, baseClasses, iconGroup.base, disabled ? iconGroup.disabled : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.base, disabled ? iconGroup.dark.disabled : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
+    var IconButtonContent = (React.createElement("button", { className: finalIconClasses, onClick: disabled ? undefined : onClick, disabled: disabled }, icon && React.createElement(Icon, { visual: icon, size: size })));
+    return tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
+}
+//# sourceMappingURL=IconButton.js.map

package/dist/components/IconButton.js.map

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

package/dist/components/IconToggleButton.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentType, MouseEventHandler } from "react";
+import { TooltipProps } from "./Tooltip";
+type IconToggleButtonProps = {
+    variant?: "secondary" | "tertiary";
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    size?: "xs" | "sm" | "md";
+    tooltip?: string;
+    tooltipPosition?: TooltipProps["position"];
+    icon: ComponentType;
+    iconSelected?: ComponentType;
+    className?: string;
+    disabled?: boolean;
+    selected?: boolean;
+};
+export declare function IconToggleButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, iconSelected, className, selected, size, }: IconToggleButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=IconToggleButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/IconToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKhE,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,EAAE,aAAa,CAAC;IACpB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoCF,wBAAgB,gBAAgB,CAAC,EAC/B,OAAoB,EACpB,OAAO,EACP,QAAgB,EAChB,OAAO,EACP,eAAyB,EACzB,IAAI,EACJ,YAAY,EACZ,SAAc,EACd,QAAgB,EAChB,IAAW,GACZ,EAAE,qBAAqB,qBAgDvB"}

package/dist/components/IconToggleButton.js

@@ -0,0 +1,55 @@
+import React from "react";
+import { classNames } from "../lib/utils";
+import { Icon } from "./Icon";
+import { Tooltip } from "./Tooltip";
+var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
+var iconClasses = {
+    secondary: {
+        idle: "s-text-element-900",
+        selected: "s-text-action-500",
+        hover: "hover:s-text-action-400",
+        active: "active:s-text-action-600",
+        disabled: "s-text-element-500",
+        dark: {
+            idle: "dark:s-text-element-900-dark",
+            selected: "dark:s-text-action-500-dark",
+            hover: "dark:hover:s-text-action-500-dark",
+            active: "dark:active:s-text-action-600-dark",
+            disabled: "dark:s-text-element-500-dark",
+        },
+    },
+    tertiary: {
+        idle: "s-text-element-600",
+        selected: "s-text-action-500",
+        hover: "hover:s-text-action-400",
+        active: "active:s-text-action-600",
+        disabled: "s-text-element-500",
+        dark: {
+            idle: "dark:s-text-element-600-dark",
+            selected: "dark:s-text-action-500-dark",
+            hover: "dark:hover:s-text-action-500-dark",
+            active: "dark:active:s-text-action-600-dark",
+            disabled: "dark:s-text-element-500-dark",
+        },
+    },
+};
+export function IconToggleButton(_a) {
+    var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
+    var iconGroup = iconClasses[variant];
+    var finalIconClasses = classNames(className, baseClasses, disabled
+        ? iconGroup.disabled
+        : selected
+            ? iconGroup.selected
+            : iconGroup.idle, disabled ? "" : selected ? "" : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.idle, disabled
+        ? iconGroup.dark.disabled
+        : selected
+            ? iconGroup.dark.selected
+            : "", disabled ? "" : selected ? "" : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
+    var IconButtonToggleContent = (React.createElement("button", { className: finalIconClasses, onClick: function (e) {
+            if (!disabled) {
+                onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
+            }
+        }, disabled: disabled }, icon && (React.createElement(Icon, { visual: selected && iconSelected ? iconSelected : icon, size: size }))));
+    return tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonToggleContent)) : (IconButtonToggleContent);
+}
+//# sourceMappingURL=IconToggleButton.js.map

package/dist/components/IconToggleButton.js.map

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

package/dist/components/Input.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type InputProps = {
+    placeholder: string;
+    size?: "sm" | "md";
+    value: string | null;
+    onChange?: (value: string) => void;
+    error?: string | null;
+    showErrorLabel?: boolean;
+    name: string;
+    isPassword?: boolean;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+};
+export declare function Input({ placeholder, value, size, onChange, error, showErrorLabel, name, isPassword, disabled, className, label, }: InputProps): React.JSX.Element;
+export {};
+//# 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,UAAU,GAAG;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,wBAAgB,KAAK,CAAC,EACpB,WAAW,EACX,KAAK,EACL,IAAW,EACX,QAAQ,EACR,KAAK,EACL,cAAsB,EACtB,IAAI,EACJ,UAAkB,EAClB,QAAgB,EAChB,SAAc,EACd,KAAK,GACN,EAAE,UAAU,qBA6CZ"}

package/dist/components/Input.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { classNames } from "../lib/utils";
+var sizeInputClasses = {
+    sm: "s-text-base s-rounded-md s-py-1.5 s-pl-4 s-pr-8",
+    md: "s-text-lg s-rounded-lg s-py-2 s-pl-4 s-pr-10",
+};
+export function Input(_a) {
+    var placeholder = _a.placeholder, value = _a.value, _b = _a.size, size = _b === void 0 ? "sm" : _b, onChange = _a.onChange, error = _a.error, _c = _a.showErrorLabel, showErrorLabel = _c === void 0 ? false : _c, name = _a.name, _d = _a.isPassword, isPassword = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, label = _a.label;
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
+        label && (React.createElement("label", { htmlFor: name, className: "s-pb-1 s-text-sm s-font-medium s-text-element-700 dark:s-text-element-700-dark" }, label)),
+        React.createElement("input", { type: isPassword ? "password" : "text", name: name, id: name, className: classNames("s-w-full s-border-0 s-outline-none s-ring-1 focus:s-outline-none focus:s-ring-2", "s-bg-structure-50 s-text-element-900 s-placeholder-element-600", "dark:s-bg-structure-50-dark dark:s-text-element-800-dark dark:s-placeholder-element-600-dark", sizeInputClasses[size], "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
+                ? classNames("s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark")
+                : classNames("s-ring-warning-200 focus:s-ring-warning-300", "dark:s-ring-warning-200-dark dark:focus:s-ring-warning-300-dark")), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+            }, "data-1p-ignore": !isPassword, disabled: disabled }),
+        React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, showErrorLabel && error ? error : null)));
+}
+//# 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAgBhD,IAAM,gBAAgB,GAAG;IACvB,EAAE,EAAE,iDAAiD;IACrD,EAAE,EAAE,8CAA8C;CACnD,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EAYT;QAXX,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,IAAI,UAAA,EACJ,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA;IAEL,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC9C,KAAK,IAAI,CACR,+BACE,OAAO,EAAE,IAAI,EACb,SAAS,EAAC,gFAAgF,IAEzF,KAAK,CACA,CACT;QACD,+BACE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EACtC,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,SAAS,EAAE,UAAU,CACnB,iFAAiF,EACjF,gEAAgE,EAChE,8FAA8F,EAC9F,gBAAgB,CAAC,IAAI,CAAC,EACtB,4CAA4C,EAC5C,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EACf,CAAC,KAAK;gBACJ,CAAC,CAAC,UAAU,CACR,8CAA8C,EAC9C,kEAAkE,CACnE;gBACH,CAAC,CAAC,UAAU,CACR,6CAA6C,EAC7C,iEAAiE,CAClE,CACN,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,CAAC;gBACV,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC,oBACe,CAAC,UAAU,EAC3B,QAAQ,EAAE,QAAQ,GAClB;QACF,6BAAK,SAAS,EAAC,qCAAqC,IACjD,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CACnC,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Item.d.ts

@@ -0,0 +1,92 @@
+import React, { ComponentType, MouseEvent, ReactNode } from "react";
+type ItemProps = {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    style: "action" | "warning" | "item" | "link";
+    spacing?: "sm" | "md" | "lg";
+    selectable?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    action?: ComponentType;
+    hasAction?: boolean | "hover";
+    className?: string;
+    href?: string;
+    target?: string;
+};
+export declare function Item({ label, description, visual, icon, style, spacing, action, hasAction, onClick, selected, disabled, className, href, target, }: ItemProps): React.JSX.Element;
+export declare namespace Item {
+    var Entry: (props: EntryItemProps) => React.JSX.Element;
+    var Avatar: ({ description, hasAction, ...otherProps }: AvatarItemProps) => React.JSX.Element;
+    var Navigation: (props: NavigationListItemProps) => React.JSX.Element;
+    var Link: ({ ...props }: LinkItemProps) => React.JSX.Element;
+    var Dropdown: ({ style, ...props }: DropdownListItemProps) => React.JSX.Element;
+    var SectionHeader: ({ label, variant, className, }: ItemSectionHeaderProps) => React.JSX.Element;
+    var List: ({ children, className }: ListItemProps) => React.JSX.Element;
+}
+interface EntryItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
+    label: string;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+}
+interface AvatarItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    className?: string;
+    hasAction?: boolean | "hover";
+    href?: string;
+}
+interface NavigationListItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+    hasAction?: boolean | "hover";
+    action?: ComponentType;
+}
+interface LinkItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+    target?: string;
+}
+interface DropdownListItemProps {
+    style?: "default" | "warning";
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+}
+interface ListItemProps {
+    children: ReactNode;
+    className?: string;
+}
+interface ItemSectionHeaderProps {
+    label: string;
+    className?: string;
+    variant?: "primary" | "secondary";
+}
+export {};
+//# sourceMappingURL=Item.d.ts.map

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

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

package/dist/components/Item.js

@@ -0,0 +1,122 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { noHrefLink, SparkleContext, } from "../context";
+import { ChevronRightIcon } from "../icons/solid";
+import { classNames } from "../lib/utils";
+import { Avatar } from "./Avatar";
+import { Icon } from "./Icon";
+var labelStyleClasses = {
+    item: "s-font-normal",
+    action: "s-font-semibold",
+    link: "s-font-semibold",
+    warning: "s-font-semibold",
+};
+var labelColorClasses = {
+    item: "s-text-element-600 dark:s-text-element-500-dark group-hover:s-text-action-500 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
+    action: "s-text-element-800 dark:s-text-element-800-dark group-hover:s-text-action-500 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
+    link: "s-text-element-800 dark:s-text-element-800-dark group-hover:s-text-action-500 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
+    warning: "s-text-warning-500 dark:s-text-warning-400-dark group-hover:s-text-warning-400 group-active:s-text-warning-700 dark:group-hover:s-text-warning-600-dark dark:group-active:s-text-warning-400-dark",
+};
+var spacingClasses = {
+    sm: "s-py-2 s-gap-x-2",
+    md: "s-py-2.5 s-gap-x-3",
+    lg: "s-py-3 s-gap-x-3",
+};
+var iconClasses = {
+    item: "s-text-element-600 group-hover:s-text-action-400 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
+    action: "s-text-element-600 group-hover:s-text-action-400 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
+    link: "s-text-brand group-hover:s-text-action-400 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
+    warning: "s-text-warning-400 group-hover:s-text-warning-300 group-active:s-text-warning-700 dark:group-hover:s-text-warning-600-dark dark:group-active:s-text-warning-400-dark",
+};
+export function Item(_a) {
+    var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? ChevronRightIcon : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, href = _a.href, target = _a.target;
+    var components = React.useContext(SparkleContext).components;
+    var Link = href ? components.link : noHrefLink;
+    var visualElement;
+    if (visual) {
+        visualElement = (React.createElement(Avatar, { size: description ? "sm" : "xs", visual: visual, disabled: disabled, clickable: true }));
+    }
+    else if (icon) {
+        visualElement = (React.createElement(Icon, { visual: icon, className: classNames("s-transition-colors s-duration-200 s-ease-out", disabled
+                ? "s-text-element-500 dark:s-text-element-500-dark"
+                : selected
+                    ? "s-text-action-400 dark:s-text-action-600-dark"
+                    : iconClasses[style]) }));
+    }
+    var targetProps = target ? { target: target } : {};
+    return (React.createElement(Link, __assign({ className: classNames("s-duration-400 s-group s-box-border s-flex s-select-none s-text-sm s-transition-colors s-ease-out", spacingClasses[spacing], disabled ? "" : "s-cursor-pointer", className), onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" }, targetProps),
+        visualElement,
+        React.createElement("div", { className: classNames("s-flex s-grow s-flex-col s-gap-0 s-overflow-hidden") },
+            React.createElement("div", { className: classNames("s-transition-colors s-duration-200 s-ease-out", "s-grow s-truncate s-text-sm", labelStyleClasses[style], disabled
+                    ? "s-text-element-600 dark:s-text-element-500-dark"
+                    : selected
+                        ? "s-text-action-500 dark:s-text-action-600-dark"
+                        : labelColorClasses[style]) }, label),
+            React.createElement("div", { className: classNames("s-grow s-truncate s-text-xs", disabled
+                    ? "s-text-element-600 dark:s-text-element-500-dark"
+                    : "s-text-element-700 dark:s-text-element-600-dark") }, description)),
+        React.createElement(Icon, { visual: action, className: hasAction
+                ? classNames("s-shrink-0 s-transition-all s-duration-200 s-ease-out", hasAction === "hover"
+                    ? "s-opacity-0 group-hover:s-opacity-100"
+                    : "", disabled
+                    ? "s-text-element-500 dark:s-text-element-500-dark"
+                    : selected
+                        ? "s-text-action-400 s-opacity-100 dark:s-text-action-600-dark"
+                        : classNames("s-text-element-600 group-hover:s-text-action-400 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark", hasAction ? "group-hover:s-opacity-100" : ""))
+                : "s-hidden", size: "sm" })));
+}
+Item.Entry = function (props) {
+    return React.createElement(Item, __assign({}, props, { spacing: "sm", style: "item", hasAction: "hover" }));
+};
+Item.Avatar = function (_a) {
+    var description = _a.description, _b = _a.hasAction, hasAction = _b === void 0 ? false : _b, otherProps = __rest(_a, ["description", "hasAction"]);
+    return (React.createElement(Item, __assign({}, otherProps, { style: "action", spacing: description ? "md" : "sm", description: description, hasAction: hasAction })));
+};
+Item.Navigation = function (props) {
+    return React.createElement(Item, __assign({}, props, { style: "action", spacing: "md" }));
+};
+Item.Link = function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(Item, __assign({}, props, { 
+        // Pass down additional props as needed
+        style: "link", hasAction: false, spacing: "lg" })));
+};
+Item.Dropdown = function (_a) {
+    var style = _a.style, props = __rest(_a, ["style"]);
+    return (React.createElement(Item, __assign({}, props, { 
+        // Pass down additional props as needed
+        style: style === "default" ? "action" : "warning", hasAction: false })));
+};
+Item.SectionHeader = function (_a) {
+    var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
+    return (React.createElement("div", { className: classNames(className, variant === "primary"
+            ? "s-text-element-800 dark:s-text-element-800-dark"
+            : "s-text-element-600 dark:s-text-element-600-dark", "s-pb-2 s-pt-6 s-text-xs s-font-medium s-uppercase") }, label));
+};
+Item.List = function (_a) {
+    var children = _a.children, className = _a.className;
+    return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
+        React.createElement("div", { className: "s-flex s-w-full s-flex-col" }, children)));
+};
+//# sourceMappingURL=Item.js.map

package/dist/components/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../src/components/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EACL,UAAU,EACV,cAAc,GAEf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,IAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAEF,IAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,+LAA+L;IACrM,MAAM,EACJ,+LAA+L;IACjM,IAAI,EAAE,+LAA+L;IACrM,OAAO,EACL,mMAAmM;CACtM,CAAC;AAEF,IAAM,cAAc,GAAG;IACrB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,kBAAkB;CACvB,CAAC;AAEF,IAAM,WAAW,GAAG;IAClB,IAAI,EAAE,kKAAkK;IACxK,MAAM,EACJ,kKAAkK;IACpK,IAAI,EAAE,4JAA4J;IAClK,OAAO,EACL,sKAAsK;CACzK,CAAC;AAoBF,MAAM,UAAU,IAAI,CAAC,EAeT;QAdV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,cAAyB,EAAzB,MAAM,mBAAG,gBAAgB,KAAA,EACzB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,IAAI,UAAA,EACJ,MAAM,YAAA;IAEE,IAAA,UAAU,GAAK,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,WAArC,CAAsC;IAExD,IAAM,IAAI,GAA2B,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IAEzE,IAAI,aAA8B,CAAC;IAEnC,IAAI,MAAM,EAAE,CAAC;QACX,aAAa,GAAG,CACd,oBAAC,MAAM,IACL,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,SACT,CACH,CAAC;IACJ,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QAChB,aAAa,GAAG,CACd,oBAAC,IAAI,IACH,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,QAAQ;gBACN,CAAC,CAAC,iDAAiD;gBACnD,CAAC,CAAC,QAAQ;oBACR,CAAC,CAAC,+CAA+C;oBACjD,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CACzB,GACD,CACH,CAAC;IACJ,CAAC;IAED,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7C,OAAO,CACL,oBAAC,IAAI,aACH,SAAS,EAAE,UAAU,CACnB,mGAAmG,EACnG,cAAc,CAAC,OAAO,CAAC,EACvB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAClC,SAAS,CACV,EACD,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,gBACvC,KAAK,EACjB,IAAI,EAAE,IAAI,IAAI,GAAG,IACb,WAAW;QAEd,aAAa;QACd,6BACE,SAAS,EAAE,UAAU,CACnB,oDAAoD,CACrD;YAED,6BACE,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,6BAA6B,EAC7B,iBAAiB,CAAC,KAAK,CAAC,EACxB,QAAQ;oBACN,CAAC,CAAC,iDAAiD;oBACnD,CAAC,CAAC,QAAQ;wBACR,CAAC,CAAC,+CAA+C;wBACjD,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAC/B,IAEA,KAAK,CACF;YACN,6BACE,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,QAAQ;oBACN,CAAC,CAAC,iDAAiD;oBACnD,CAAC,CAAC,iDAAiD,CACtD,IAEA,WAAW,CACR,CACF;QAEN,oBAAC,IAAI,IACH,MAAM,EAAE,MAAM,EACd,SAAS,EACP,SAAS;gBACP,CAAC,CAAC,UAAU,CACR,uDAAuD,EACvD,SAAS,KAAK,OAAO;oBACnB,CAAC,CAAC,uCAAuC;oBACzC,CAAC,CAAC,EAAE,EACN,QAAQ;oBACN,CAAC,CAAC,iDAAiD;oBACnD,CAAC,CAAC,QAAQ;wBACR,CAAC,CAAC,6DAA6D;wBAC/D,CAAC,CAAC,UAAU,CACR,kKAAkK,EAClK,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,CAC7C,CACR;gBACH,CAAC,CAAC,UAAU,EAEhB,IAAI,EAAC,IAAI,GACT,CACG,CACR,CAAC;AACJ,CAAC;AAYD,IAAI,CAAC,KAAK,GAAG,UAAU,KAAqB;IAC1C,OAAO,oBAAC,IAAI,eAAK,KAAK,IAAE,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,IAAI,CAAC;AAC3E,CAAC,CAAC;AAaF,IAAI,CAAC,MAAM,GAAG,UAAU,EAIN;IAHhB,IAAA,WAAW,iBAAA,EACX,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,UAAU,cAHS,4BAIvB,CADc;IAEb,OAAO,CACL,oBAAC,IAAI,eACC,UAAU,IACd,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAeF,IAAI,CAAC,UAAU,GAAG,UAAU,KAA8B;IACxD,OAAO,oBAAC,IAAI,eAAK,KAAK,IAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,IAAG,CAAC;AACzD,CAAC,CAAC;AAaF,IAAI,CAAC,IAAI,GAAG,UAAU,EAA2B;QAAtB,KAAK,cAAV,EAAY,CAAF;IAC9B,OAAO,CACL,oBAAC,IAAI,eACC,KAAK;QACT,uCAAuC;QACvC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,KAAK,EAChB,OAAO,EAAC,IAAI,IAEZ,CACH,CAAC;AACJ,CAAC,CAAC;AAeF,IAAI,CAAC,QAAQ,GAAG,UAAU,EAA0C;IAAxC,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IACzC,OAAO,CACL,oBAAC,IAAI,eACC,KAAK;QACT,uCAAuC;QACvC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAE,KAAK,IAEhB,CACH,CAAC;AACJ,CAAC,CAAC;AAaF,IAAI,CAAC,aAAa,GAAG,UAAU,EAIN;QAHvB,KAAK,WAAA,EACL,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,OAAO,KAAK,SAAS;YACnB,CAAC,CAAC,iDAAiD;YACnD,CAAC,CAAC,iDAAiD,EACrD,mDAAmD,CACpD,IAEA,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,IAAI,GAAG,UAAU,EAAsC;QAApC,QAAQ,cAAA,EAAE,SAAS,eAAA;IACzC,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC;QAC9D,6BAAK,SAAS,EAAE,4BAA4B,IAAG,QAAQ,CAAO,CAC1D,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Markdown.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare function Markdown({ content, size, className, }: {
+    content: string;
+    size?: "sm" | "md";
+    className?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=Markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,IAAW,EACX,SAAc,GACf,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAwIA"}