@orangecheck/app-design 0.5.4 → 0.5.6

package/dist/index.mjs

@@ -368,7 +368,7 @@ var Label = forwardRef(function Label2({ className, ...props }, ref) {
     }
   );
 });
-function Field({ label, hint, optional, error, children, className, hideLabel }) {
+function Field({ label, hint, optional, error, children, className, hideLabel, action }) {
   const id = useId();
   const hintId = hint ? `${id}-hint` : void 0;
   const errorId = error ? `${id}-error` : void 0;
@@ -383,7 +383,10 @@ function Field({ label, hint, optional, error, children, className, hideLabel })
       label,
       optional ? /* @__PURE__ */ jsx("span", { className: "text-[0.8125rem] font-normal text-muted-foreground", children: "Optional" }) : null
     ] }),
-    control,
+    action ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 [&>*]:w-full", children: control }),
+      /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+    ] }) : control,
     hint ? /* @__PURE__ */ jsx("p", { id: hintId, className: "text-[0.8125rem] leading-snug text-muted-foreground", children: hint }) : null,
     error ? /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-[0.8125rem] leading-snug text-destructive", children: error }) : null
   ] });
@@ -1219,11 +1222,11 @@ function Prose({ className, ...props }) {
     {
       className: cn(
         "max-w-[42rem] text-[1.0625rem] leading-[1.7] text-muted-foreground",
-        "[&_h2]:oca-display-3 [&_h2]:mb-4 [&_h2]:mt-14 [&_h2]:scroll-mt-24 [&_h2]:text-foreground",
-        "[&_h3]:oca-title [&_h3]:mb-3 [&_h3]:mt-10 [&_h3]:text-foreground",
-        "[&_p]:my-4 [&_strong]:font-medium [&_strong]:text-foreground",
+        "[&_h2:not(.not-prose_h2)]:oca-display-3 [&_h2:not(.not-prose_h2)]:mb-4 [&_h2:not(.not-prose_h2)]:mt-14 [&_h2]:scroll-mt-24 [&_h2]:text-foreground",
+        "[&_h3:not(.not-prose_h3)]:oca-title [&_h3:not(.not-prose_h3)]:mb-3 [&_h3:not(.not-prose_h3)]:mt-10 [&_h3]:text-foreground",
+        "[&_p:not(.not-prose_p)]:my-4 [&_strong]:font-medium [&_strong]:text-foreground",
         "[&_a]:text-foreground [&_a]:underline [&_a]:decoration-foreground/35 [&_a]:underline-offset-4 hover:[&_a]:decoration-foreground",
-        "[&_ul]:my-4 [&_ul]:list-disc [&_ul]:pl-5 [&_li]:my-1.5 [&_code]:text-foreground",
+        "[&_ul:not(.not-prose_ul)]:my-4 [&_ul:not(.not-prose_ul)]:list-disc [&_ul:not(.not-prose_ul)]:pl-5 [&_li:not(.not-prose_li)]:my-1.5 [&_code]:text-foreground",
         className
       ),
       ...props