@rojaostudio/ds 1.0.0 → 1.0.2

package/dist/components/context-menu.js

@@ -1,5 +1,6 @@
 "use client";
 import "../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect, useRef, useImperativeHandle } from "react";
 import { createPortal } from "react-dom";
 const ContextMenu = forwardRef(function ContextMenu2({
@@ -51,19 +52,22 @@ const ContextMenu = forwardRef(function ContextMenu2({
     e.preventDefault();
     setPos({ x: e.clientX, y: e.clientY });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { ref: containerRef, onContextMenu: handleContext, className }, children), mounted && pos && createPortal(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: menuRef,
-        role: "menu",
-        className: "fixed z-[1000] rounded-(--radius-card) border border-stroke-default bg-surface-default shadow-lg py-1",
-        style: { top: pos.y, left: pos.x, minWidth }
-      },
-      typeof menu === "function" ? menu({ close: () => setPos(null) }) : menu
-    ),
-    document.body
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { ref: containerRef, onContextMenu: handleContext, className, children }),
+    mounted && pos && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menuRef,
+          role: "menu",
+          className: "fixed z-[1000] rounded-(--radius-card) border border-stroke-default bg-surface-default shadow-lg py-1",
+          style: { top: pos.y, left: pos.x, minWidth },
+          children: typeof menu === "function" ? menu({ close: () => setPos(null) }) : menu
+        }
+      ),
+      document.body
+    )
+  ] });
 });
 export {
   ContextMenu

package/dist/components/copilot-hint.js

@@ -1,5 +1,6 @@
 "use client";
 import "../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 function CopilotHint({
   id,
@@ -19,43 +20,51 @@ function CopilotHint({
     localStorage.setItem(`copilot-dismissed:${id}`, "1");
     setDismissed(true);
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: [
         "rounded-(--radius-card) border bg-(--surface-raised) p-4 flex gap-3",
         priority === "high" ? "border-brand-primary" : "border-stroke-default",
         className
-      ].filter(Boolean).join(" ")
-    },
-    priority === "high" && /* @__PURE__ */ React.createElement("div", { className: "w-1 self-stretch rounded-full bg-(--brand-primary) shrink-0" }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("p", { className: "text-label font-medium text-(--text-primary)" }, title), description && /* @__PURE__ */ React.createElement("p", { className: "text-caption text-(--text-muted) mt-0.5 leading-relaxed" }, description), cta && /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href: cta.href,
-        className: "mt-2 inline-flex text-caption font-medium text-(--brand-primary) hover:underline"
-      },
-      cta.label,
-      " \u2192"
-    )),
-    dismissible && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: dismiss,
-        "aria-label": "Dispensar",
-        className: "text-(--text-disabled) hover:text-(--text-secondary) transition-colors shrink-0 self-start"
-      },
-      /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, /* @__PURE__ */ React.createElement(
-        "path",
-        {
-          d: "M1 1l12 12M13 1L1 13",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round"
-        }
-      ))
-    )
+      ].filter(Boolean).join(" "),
+      children: [
+        priority === "high" && /* @__PURE__ */ jsx("div", { className: "w-1 self-stretch rounded-full bg-(--brand-primary) shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-label font-medium text-(--text-primary)", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-caption text-(--text-muted) mt-0.5 leading-relaxed", children: description }),
+          cta && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: cta.href,
+              className: "mt-2 inline-flex text-caption font-medium text-(--brand-primary) hover:underline",
+              children: [
+                cta.label,
+                " \u2192"
+              ]
+            }
+          )
+        ] }),
+        dismissible && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: dismiss,
+            "aria-label": "Dispensar",
+            className: "text-(--text-disabled) hover:text-(--text-secondary) transition-colors shrink-0 self-start",
+            children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M1 1l12 12M13 1L1 13",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+              }
+            ) })
+          }
+        )
+      ]
+    }
   );
 }
 export {

package/dist/components/copy-field.js

@@ -1,5 +1,6 @@
 "use client";
 import "../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Copy, Check } from "lucide-react";
 function CopyField({
@@ -18,7 +19,7 @@ function CopyField({
     } catch (e) {
     }
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -30,10 +31,12 @@ function CopyField({
         "hover:bg-surface-hover transition-colors focus-visible:ring-2 focus-visible:ring-stroke-focus",
         fullWidth ? "w-full" : "",
         className
-      ].join(" ")
-    },
-    copied ? /* @__PURE__ */ React.createElement(Check, { className: "size-4 shrink-0 text-success-text" }) : /* @__PURE__ */ React.createElement(Copy, { className: "size-4 shrink-0" }),
-    copied ? copiedLabel : label
+      ].join(" "),
+      children: [
+        copied ? /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0 text-success-text" }) : /* @__PURE__ */ jsx(Copy, { className: "size-4 shrink-0" }),
+        copied ? copiedLabel : label
+      ]
+    }
   );
 }
 export {

package/dist/components/currency-input.js

@@ -1,5 +1,6 @@
 "use client";
 import "../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useId, useMemo } from "react";
 const CURRENCY_LOCALE = {
   BRL: "pt-BR",
@@ -99,39 +100,46 @@ function CurrencyInput({
   const isEmpty = subunits === 0 && !showZero;
   const displayValue = isEmpty ? "" : formatSubunits(subunits, decimals, locale);
   const placeholderText = placeholder != null ? placeholder : formatSubunits(0, decimals, locale);
-  const control = /* @__PURE__ */ React.createElement("div", { className: ["relative flex items-center", label ? "" : className].join(" ") }, /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: [
-        "absolute select-none pointer-events-none",
-        SIZE_SYMBOL[size],
-        disabled ? "text-fg-disabled" : "text-fg-muted"
-      ].join(" ")
-    },
-    symbol
-  ), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      ref: inputRef,
-      id,
-      type: "text",
-      inputMode: "numeric",
-      value: displayValue,
-      placeholder: placeholderText,
-      onChange: handleChange,
-      disabled,
-      className: [
-        "w-full rounded-(--radius-control) border border-stroke-control bg-surface-default",
-        "placeholder:text-fg-placeholder",
-        "focus:outline-none focus:border-stroke-focus focus:ring-2 focus:ring-stroke-focus/20",
-        "transition-colors",
-        SIZE_INPUT[size],
-        disabled ? "bg-surface-raised text-fg-disabled cursor-not-allowed" : "text-fg-primary cursor-text"
-      ].join(" ")
-    }
-  ), /* @__PURE__ */ React.createElement("input", { type: "hidden", name, value: subunits }));
+  const control = /* @__PURE__ */ jsxs("div", { className: ["relative flex items-center", label ? "" : className].join(" "), children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: [
+          "absolute select-none pointer-events-none",
+          SIZE_SYMBOL[size],
+          disabled ? "text-fg-disabled" : "text-fg-muted"
+        ].join(" "),
+        children: symbol
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        id,
+        type: "text",
+        inputMode: "numeric",
+        value: displayValue,
+        placeholder: placeholderText,
+        onChange: handleChange,
+        disabled,
+        className: [
+          "w-full rounded-(--radius-control) border border-stroke-control bg-surface-default",
+          "placeholder:text-fg-placeholder",
+          "focus:outline-none focus:border-stroke-focus focus:ring-2 focus:ring-stroke-focus/20",
+          "transition-colors",
+          SIZE_INPUT[size],
+          disabled ? "bg-surface-raised text-fg-disabled cursor-not-allowed" : "text-fg-primary cursor-text"
+        ].join(" ")
+      }
+    ),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name, value: subunits })
+  ] });
   if (!label) return control;
-  return /* @__PURE__ */ React.createElement("div", { className: ["flex flex-col gap-1.5", className].join(" ") }, /* @__PURE__ */ React.createElement("label", { htmlFor: id, className: "text-label font-medium text-fg-primary" }, label), control);
+  return /* @__PURE__ */ jsxs("div", { className: ["flex flex-col gap-1.5", className].join(" "), children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-label font-medium text-fg-primary", children: label }),
+    control
+  ] });
 }
 export {
   CurrencyInput

package/dist/components/danger-zone.js

@@ -1,19 +1,29 @@
 "use client";
 import "../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle } from "lucide-react";
 import { FormCardHeader } from "./form-card-header.js";
 function DangerZone({ title, description, children, className = "" }) {
-  return /* @__PURE__ */ React.createElement("section", { className: ["space-y-4", className].filter(Boolean).join(" ") }, (title || description) && /* @__PURE__ */ React.createElement(
-    FormCardHeader,
-    {
-      icon: /* @__PURE__ */ React.createElement(AlertTriangle, { size: 18, strokeWidth: 1.5 }),
-      title,
-      subtitle: description
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: "rounded-(--radius-card) border p-5 bg-danger-soft border-danger-border" }, children));
+  return /* @__PURE__ */ jsxs("section", { className: ["space-y-4", className].filter(Boolean).join(" "), children: [
+    (title || description) && /* @__PURE__ */ jsx(
+      FormCardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(AlertTriangle, { size: 18, strokeWidth: 1.5 }),
+        title,
+        subtitle: description
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "rounded-(--radius-card) border p-5 bg-danger-soft border-danger-border", children })
+  ] });
 }
 function DangerZoneItem({ title, description, action, className = "" }) {
-  return /* @__PURE__ */ React.createElement("div", { className: ["flex items-start justify-between gap-4 py-4 first:pt-0 last:pb-0", className].filter(Boolean).join(" ") }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-(--text-primary)" }, title), description && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-(--text-muted) mt-0.5 leading-relaxed" }, description)), action && /* @__PURE__ */ React.createElement("div", { className: "shrink-0" }, action));
+  return /* @__PURE__ */ jsxs("div", { className: ["flex items-start justify-between gap-4 py-4 first:pt-0 last:pb-0", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--text-primary)", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-xs text-(--text-muted) mt-0.5 leading-relaxed", children: description })
+    ] }),
+    action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+  ] });
 }
 export {
   DangerZone,