@sarunyu/system-one 4.7.3 → 4.7.5

package/dist/index.cjs

@@ -3509,7 +3509,7 @@ const Input = React.forwardRef(function Input2({
   const controlled = value !== void 0;
   const currentValue = controlled ? value : internalValue;
   const isDisabled = forceState === "disabled";
-  const state = forceState ?? (focused ? "focus" : "default");
+  const state = forceState && forceState !== "default" ? forceState : focused ? "focus" : "default";
   const isError = state === "error";
   const isFocus = state === "focus";
   const isFilled = currentValue.length > 0;
@@ -4222,6 +4222,23 @@ function ToastStack({ items, className, renderItem }) {
     (item) => renderItem ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderItem(item) }, item.id) : /* @__PURE__ */ jsxRuntime.jsx(Toast, { ...item }, item.id)
   ) });
 }
+function Toaster({ items, renderItem, className }) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "fixed z-50 top-4",
+        // desktop: top-right, fixed width
+        "md:right-4 md:w-[360px]",
+        // tablet & mobile: horizontally centered, full width minus padding
+        "max-md:left-1/2 max-md:-translate-x-1/2 max-md:w-[calc(100vw-32px)]",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(ToastStack, { items, renderItem })
+    }
+  );
+}
 const OptionList = React.forwardRef(
   function OptionList2({
     options,
@@ -5882,6 +5899,7 @@ exports.TextArea = TextArea;
 exports.TimeInput = TimeInput;
 exports.Toast = Toast;
 exports.ToastStack = ToastStack;
+exports.Toaster = Toaster;
 exports.Toggle = Toggle;
 exports.cn = cn;
 exports.useIsMobile = useIsMobile;