@geomak/ui 7.5.3 → 7.6.1

package/dist/index.cjs

@@ -1630,6 +1630,47 @@ function Badge({
     !hidden && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex", children: indicator })
   ] });
 }
+var TONE_BG = {
+  info: "bg-[color-mix(in_srgb,var(--color-info)_20%,transparent)] border border-[color-mix(in_srgb,var(--color-info)_30%,transparent)]",
+  success: "bg-[color-mix(in_srgb,var(--color-success)_20%,transparent)] border border-[color-mix(in_srgb,var(--color-success)_30%,transparent)]",
+  warning: "bg-[color-mix(in_srgb,var(--color-warning)_22%,transparent)] border border-[color-mix(in_srgb,var(--color-warning)_32%,transparent)]",
+  danger: "bg-[color-mix(in_srgb,var(--color-error)_20%,transparent)] border border-[color-mix(in_srgb,var(--color-error)_30%,transparent)]"
+};
+var TONE_FG = {
+  info: "text-status-info",
+  success: "text-status-success",
+  warning: "text-status-warning",
+  danger: "text-status-error"
+};
+var DEFAULT_ICON = {
+  info: /* @__PURE__ */ jsxRuntime.jsx(chunk4V4U2W7K_cjs.Info, { size: 18 }),
+  success: /* @__PURE__ */ jsxRuntime.jsx(chunk4V4U2W7K_cjs.CheckCircle, { size: 18 }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(chunk4V4U2W7K_cjs.Warning, { size: 18 }),
+  danger: /* @__PURE__ */ jsxRuntime.jsx(chunk4V4U2W7K_cjs.Error, { size: 18 })
+};
+function Banner({ tone, children, icon, onDismiss, className = "" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: tone === "warning" || tone === "danger" ? "alert" : "status",
+      className: cx("flex w-full items-start gap-2.5 rounded-md p-3 text-sm text-foreground", TONE_BG[tone], className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("mt-0.5 flex h-[18px] w-[18px] flex-shrink-0 items-center justify-center", TONE_FG[tone]), children: icon ?? DEFAULT_ICON[tone] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children }),
+        onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": "Dismiss",
+            className: "-mr-1 -mt-1 flex h-6 w-6 flex-shrink-0 self-start items-center justify-center rounded-md text-foreground-muted transition-colors hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunk4V4U2W7K_cjs.X, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
 var SIZES = {
   sm: { box: "h-7 w-7 text-xs", center: 14, title: "text-xs", desc: "text-[11px]" },
   md: { box: "h-9 w-9 text-sm", center: 18, title: "text-sm", desc: "text-xs" }
@@ -4564,9 +4605,17 @@ function FadingBase({
   );
 }
 var DENSITY_PADDING = {
-  "compact": "py-1.5 px-2",
-  "comfortable": "py-2.5 px-3",
-  "spacious": "py-3.5 px-4"
+  "compact": "py-1.5 pr-2",
+  "comfortable": "py-2.5 pr-3",
+  "spacious": "py-3.5 pr-4"
+};
+var DENSITY_PAD_LEFT = {
+  "compact": "pl-[calc(0.5rem-1px)]",
+  // px-2  = 0.5rem
+  "comfortable": "pl-[calc(0.75rem-1px)]",
+  // px-3  = 0.75rem
+  "spacious": "pl-[calc(1rem-1px)]"
+  // px-4  = 1rem
 };
 function List2({
   items,
@@ -4595,10 +4644,11 @@ function List2({
           }
         },
         className: [
-          "flex items-center gap-3 cursor-pointer border-b border-border transition-colors duration-150",
+          "flex items-center gap-3 cursor-pointer border-b border-border border-l transition-colors duration-150",
           DENSITY_PADDING[density],
+          DENSITY_PAD_LEFT[density],
           "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset",
-          isDisabled ? "opacity-50 cursor-not-allowed" : isActive ? "bg-surface-raised text-foreground" : "text-foreground-secondary hover:bg-surface-raised hover:text-foreground"
+          isDisabled ? "border-l-transparent opacity-50 cursor-not-allowed" : isActive ? "border-l-accent bg-surface-raised text-foreground font-medium" : "border-l-transparent text-foreground-secondary hover:bg-surface-raised hover:text-foreground"
         ].join(" "),
         children: [
           item.avatar && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: item.avatar }),
@@ -6884,7 +6934,7 @@ function NumberInput({
         "div",
         {
           style,
-          className: `flex items-center overflow-hidden pr-0 ${fieldShell({ size, hasError, disabled, focusWithin: true })}`,
+          className: `flex items-center overflow-hidden !pr-0 ${fieldShell({ size, hasError, disabled, focusWithin: true })}`,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
@@ -7702,7 +7752,7 @@ function Dropdown({
                 align: "start",
                 sideOffset: 4,
                 collisionPadding: 8,
-                style: { width: style?.width || 240 },
+                style: { width: style?.width ?? "var(--radix-popover-trigger-width)" },
                 className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-popover p-2 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
                 onInteractOutside: () => setOpen(false),
                 children: [
@@ -10345,6 +10395,7 @@ exports.AppShell = AppShell;
 exports.AutoComplete = AutoComplete;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
+exports.Banner = Banner;
 exports.Blog = Blog;
 exports.Box = Box;
 exports.Breadcrumbs = Breadcrumbs;