@refraction-ui/react 0.12.1 → 0.12.3

package/dist/index.js

@@ -662,6 +662,13 @@ var Breadcrumbs = React11.forwardRef(
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // ../button/dist/index.js
+var BUTTON_VARIANT_ALIASES = {
+  primary: "default"
+};
+function resolveButtonVariant(variant) {
+  if (!variant) return variant;
+  return BUTTON_VARIANT_ALIASES[variant] ?? variant;
+}
 function createButton(props = {}) {
   const { disabled = false, loading = false } = props;
   const isInteractive = !disabled && !loading;
@@ -710,6 +717,10 @@ var buttonVariants = cva({
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+      // Alias for `default` — see resolveButtonVariant + issue #201. Same classes
+      // so styling stays identical even if a consumer reaches into `buttonVariants`
+      // directly without going through resolveButtonVariant.
+      primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
       destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
       outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
       secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
@@ -1019,8 +1030,9 @@ function ShortcutBadge({ keys, platform = true, className }) {
 ShortcutBadge.displayName = "ShortcutBadge";
 var Button = React11.forwardRef(
   ({ variant, size, loading, asChild, className, disabled, children, shortcut, action, ...props }, ref) => {
+    const resolvedVariant = resolveButtonVariant(variant);
     const api = createButton({ disabled, loading, type: props.type });
-    const classes = cn(buttonVariants({ variant, size }), className);
+    const classes = cn(buttonVariants({ variant: resolvedVariant, size }), className);
     const internalRef = React11.useRef(null);
     const mergedRef = React11.useCallback(
       (node) => {
@@ -3688,7 +3700,11 @@ ${sel}
       h(
         "div",
         {
-          className: "overflow-hidden rounded-2xl border border-border bg-background transition focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/40"
+          className: (
+            // Subtle focus: slight border darkening + a soft shadow lift — no
+            // bright colored ring (matches Claude/ChatGPT).
+            "overflow-hidden rounded-2xl border border-border bg-background shadow-sm transition-shadow focus-within:border-foreground/25 focus-within:shadow-md"
+          )
         },
         // error banner
         error ? h(
@@ -14010,22 +14026,36 @@ var statusPulseVariants = cva({
   }
 });
 var statusLabelStyles = "text-sm text-muted-foreground";
-
-// ../react-status-indicator/dist/index.js
+function deriveAriaLabel(label, children, fallback) {
+  if (label) return label;
+  if (typeof children === "string" || typeof children === "number") {
+    return String(children);
+  }
+  return fallback;
+}
 function StatusIndicator({
   type,
   label,
+  children,
   pulse,
   showLabel = true,
   className
 }) {
   const api = createStatusIndicator({ type, label, pulse });
+  const ariaLabel = deriveAriaLabel(label, children, api.label);
+  const visibleLabel = label ?? children ?? api.label;
   const dotClassName = api.pulse ? statusPulseVariants({ type }) : statusDotVariants({ type });
-  return React11.createElement(
+  return /* @__PURE__ */ jsxs(
     "span",
-    { ...api.ariaProps, className: cn(statusContainerStyles, className) },
-    React11.createElement("span", { className: dotClassName }),
-    showLabel && React11.createElement("span", { className: statusLabelStyles }, api.label)
+    {
+      ...api.ariaProps,
+      "aria-label": ariaLabel,
+      className: cn(statusContainerStyles, className),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: dotClassName }),
+        showLabel && /* @__PURE__ */ jsx("span", { className: statusLabelStyles, children: visibleLabel })
+      ]
+    }
   );
 }
 StatusIndicator.displayName = "StatusIndicator";
@@ -16458,7 +16488,7 @@ function createClientSdkSink(opts) {
       }
       const mod = await import(
         /* @vite-ignore */
-        './applicationinsights-web-62HUCH3W.js'
+        './applicationinsights-web-H7OBLIVJ.js'
       );
       const ai = new mod.ApplicationInsights({
         config: {