@sarunyu/system-one 4.7.3 → 4.7.5

package/dist/index.js

@@ -3490,7 +3490,7 @@ const Input = 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;
@@ -4203,6 +4203,23 @@ function ToastStack({ items, className, renderItem }) {
     (item) => renderItem ? /* @__PURE__ */ jsx("div", { children: renderItem(item) }, item.id) : /* @__PURE__ */ jsx(Toast, { ...item }, item.id)
   ) });
 }
+function Toaster({ items, renderItem, className }) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ 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__ */ jsx(ToastStack, { items, renderItem })
+    }
+  );
+}
 const OptionList = forwardRef(
   function OptionList2({
     options,
@@ -5864,6 +5881,7 @@ export {
   TimeInput,
   Toast,
   ToastStack,
+  Toaster,
   Toggle,
   cn,
   useIsMobile