@dust-tt/sparkle 0.2.11 → 0.2.12

package/dist/cjs/_index.d.ts

@@ -48,6 +48,8 @@ import { Input } from "./components/Input";
 export { Input };
 import { Searchbar } from "./components/Searchbar";
 export { Searchbar };
+import { RadioButton } from "./components/RadioButton";
+export { RadioButton };
 import { SectionHeader } from "./components/SectionHeader";
 export { SectionHeader };
 import { PageHeader } from "./components/PageHeader";

package/dist/cjs/index.js

@@ -32472,7 +32472,7 @@ function Citation(_a) {
 }
 
 var ButtonRefContext = React.createContext(null);
-var labelClasses = {
+var labelClasses$1 = {
     base: "s-text-element-900 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
     hover: "group-hover:s-text-action-500",
     active: "active:s-text-action-700",
@@ -32513,7 +32513,7 @@ function DropdownMenu(_a) {
 }
 DropdownMenu.Button = function (_a) {
     var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _c = _a.tooltipPosition, tooltipPosition = _c === void 0 ? "above" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
-    var finalLabelClasses = classNames(labelClasses.base, labelClasses.dark.base, !disabled ? labelClasses.active : "", !disabled ? labelClasses.dark.active : "", !disabled ? labelClasses.hover : "", !disabled ? labelClasses.dark.hover : "", disabled ? labelClasses.disabled : "");
+    var finalLabelClasses = classNames(labelClasses$1.base, labelClasses$1.dark.base, !disabled ? labelClasses$1.active : "", !disabled ? labelClasses$1.dark.active : "", !disabled ? labelClasses$1.hover : "", !disabled ? labelClasses$1.dark.hover : "", disabled ? labelClasses$1.disabled : "");
     var finalIconClasses = classNames(iconClasses$2.base, iconClasses$2.dark.base, !disabled ? iconClasses$2.hover : "", !disabled ? iconClasses$2.dark.hover : "", disabled ? iconClasses$2.disabled : "");
     var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
     var buttonRef = React.useContext(ButtonRefContext);
@@ -33028,6 +33028,26 @@ function Searchbar(_a) {
         React.createElement("div", { className: classNames("s-ml-0.5 s-h-4 s-pl-2 s-pt-2 s-text-xs s-font-normal s-text-red-500", showErrorLabel ? "" : "hidden") }, showErrorLabel && error ? error : null)));
 }
 
+var labelClasses = {
+    base: "dark:s-text-element-800-dark",
+    selected: "s-opacity-100 s-bg-action-500",
+    disabled: "s-opacity-50",
+};
+var inputClasses = {
+    base: "focus:s-outline-none s-ring-0 s-bg-action-50 dark:s-bg-structure-200-dark dark:s-ring-structure-200-dark s-p-2",
+    selected: "s-opacity-100 s-bg-action-500",
+    disabled: "s-cursor-not-allowed dark:s-bg-structure-0-dark dark:s-border-structure-300-dark",
+};
+function RadioButton(_a) {
+    var name = _a.name, choices = _a.choices, value = _a.value, layout = _a.layout, onChange = _a.onChange;
+    return (React.createElement("div", { className: classNames("s-flex", layout === "inline" ? "s-flex-row s-gap-x-4" : "s-flex-col s-gap-y-2") }, choices.map(function (choice) { return (React.createElement("div", { key: choice.value },
+        React.createElement("label", { className: classNames("s-flex s-items-center s-space-x-2", labelClasses.base, choice.disabled ? labelClasses.disabled : "") },
+            React.createElement("input", { type: "radio", name: name, value: choice.value, checked: value === choice.value, disabled: choice.disabled, onChange: function (e) {
+                    onChange(e.target.value);
+                }, className: classNames(inputClasses.base, choice.disabled ? inputClasses.disabled : "", choice.value === value ? inputClasses.selected : "") }),
+            React.createElement("span", null, choice.label)))); })));
+}
+
 function SectionHeader(_a) {
     var title = _a.title, description = _a.description, action = _a.action;
     var titleClasses = "s-text-lg s-font-bold s-text-element-900 s-self-stretch";
@@ -33239,6 +33259,7 @@ exports.PlusStrokeIcon = SvgPlus;
 exports.PriceTable = PriceTable;
 exports.QuestionMarkCircleIcon = SvgQuestionMarkCircle$1;
 exports.QuestionMarkCircleStrokeIcon = SvgQuestionMarkCircle;
+exports.RadioButton = RadioButton;
 exports.ReactionIcon = SvgReaction$1;
 exports.ReactionStrokeIcon = SvgReaction;
 exports.ReplicateLogo = SvgReplicate;