@refraction-ui/react 0.19.2 → 0.20.1

package/dist/index.d.cts

@@ -37,6 +37,7 @@ export * from './internal/react-search-bar/index.cjs';
 export * from './internal/react-sidebar/index.cjs';
 export * from './internal/react-sheet/index.cjs';
 export * from './internal/react-skeleton/index.cjs';
+export * from './internal/react-slot/index.cjs';
 export * from './internal/react-tabs/index.cjs';
 export * from './internal/react-textarea/index.cjs';
 export * from './internal/react-toast/index.cjs';

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export * from './internal/react-search-bar/index.js';
 export * from './internal/react-sidebar/index.js';
 export * from './internal/react-sheet/index.js';
 export * from './internal/react-skeleton/index.js';
+export * from './internal/react-slot/index.js';
 export * from './internal/react-tabs/index.js';
 export * from './internal/react-textarea/index.js';
 export * from './internal/react-toast/index.js';

package/dist/index.js

@@ -38,6 +38,7 @@ export * from './react-search-bar.js';
 export * from './react-sidebar.js';
 export * from './react-sheet.js';
 export * from './react-skeleton.js';
+export * from './react-slot.js';
 export * from './react-tabs.js';
 export * from './react-textarea.js';
 export * from './react-toast.js';

package/dist/internal/react-badge/index.d.cts

@@ -5,6 +5,11 @@ export { BadgeSize, BadgeVariant, badgeVariants } from '../badge/index.cjs';
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: BadgeVariant;
     size?: BadgeSize;
+    /** Merge the badge's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Badge asChild><a href="/x">…</a></Badge>` for a linked badge. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
 }
 /**
  * Badge component — renders a styled badge with variant and size support.

package/dist/internal/react-badge/index.d.ts

@@ -5,6 +5,11 @@ export { BadgeSize, BadgeVariant, badgeVariants } from '../badge/index.js';
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: BadgeVariant;
     size?: BadgeSize;
+    /** Merge the badge's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Badge asChild><a href="/x">…</a></Badge>` for a linked badge. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
 }
 /**
  * Badge component — renders a styled badge with variant and size support.

package/dist/internal/react-callout/index.d.cts

@@ -2,6 +2,10 @@ import * as React from 'react';
 
 interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+    /** Merge the callout's classes/props onto the single child element instead
+     * of rendering a `<div>` (Radix-style `asChild`). Expects exactly one React
+     * element child. */
+    asChild?: boolean;
 }
 declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
 declare const CalloutIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/internal/react-callout/index.d.ts

@@ -2,6 +2,10 @@ import * as React from 'react';
 
 interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+    /** Merge the callout's classes/props onto the single child element instead
+     * of rendering a `<div>` (Radix-style `asChild`). Expects exactly one React
+     * element child. */
+    asChild?: boolean;
 }
 declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
 declare const CalloutIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/internal/react-card/index.d.cts

@@ -1,10 +1,17 @@
 import * as React from 'react';
 export { CardAPI, CardProps, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants } from '../card/index.cjs';
 
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Merge the card's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Card asChild><a href="/x">…</a></Card>` for a clickable card. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
+}
 /**
  * Card -- a container with rounded corners, border, and shadow.
  */
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * CardHeader -- top section of a card, typically contains title and description.
  */

package/dist/internal/react-card/index.d.ts

@@ -1,10 +1,17 @@
 import * as React from 'react';
 export { CardAPI, CardProps, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants } from '../card/index.js';
 
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Merge the card's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Card asChild><a href="/x">…</a></Card>` for a clickable card. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
+}
 /**
  * Card -- a container with rounded corners, border, and shadow.
  */
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * CardHeader -- top section of a card, typically contains title and description.
  */

package/dist/internal/react-form/index.d.cts

@@ -3,6 +3,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 export { Controller, FieldPath, FieldValues, FormProvider, SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn, useController, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
+export { Slot, SlotProps } from '../react-slot/index.cjs';
 
 /**
  * Form — RHF FormProvider wrapper.
@@ -62,24 +63,4 @@ interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
 declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-/**
- * Minimal Slot implementation.
- *
- * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
- * are allowed in @refraction-ui/* packages. This Slot does the small amount
- * of work we actually need:
- *   - Forwards a single React child
- *   - Merges incoming props onto that child (event handlers are chained,
- *     className is concatenated, style is shallow-merged)
- *   - Merges refs (callback refs and ref objects)
- *
- * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
- * recursion. FormControl renders exactly one child input/textarea/etc., which
- * is all we need here.
- */
-interface SlotProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-}
-declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
-
-export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, Slot, type SlotProps, formItemVariants, formLabelVariants, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, formItemVariants, formLabelVariants, useFormField };

package/dist/internal/react-form/index.d.ts

@@ -3,6 +3,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 export { Controller, FieldPath, FieldValues, FormProvider, SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn, useController, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
+export { Slot, SlotProps } from '../react-slot/index.js';
 
 /**
  * Form — RHF FormProvider wrapper.
@@ -62,24 +63,4 @@ interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
 declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-/**
- * Minimal Slot implementation.
- *
- * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
- * are allowed in @refraction-ui/* packages. This Slot does the small amount
- * of work we actually need:
- *   - Forwards a single React child
- *   - Merges incoming props onto that child (event handlers are chained,
- *     className is concatenated, style is shallow-merged)
- *   - Merges refs (callback refs and ref objects)
- *
- * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
- * recursion. FormControl renders exactly one child input/textarea/etc., which
- * is all we need here.
- */
-interface SlotProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-}
-declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
-
-export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, Slot, type SlotProps, formItemVariants, formLabelVariants, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, formItemVariants, formLabelVariants, useFormField };

package/dist/internal/react-link-card/index.d.cts

@@ -1,5 +1,11 @@
 import * as React from 'react';
 
-declare const LinkCard: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Merge the link card's classes/props onto the single child element
+     * instead of rendering an `<a>` (Radix-style `asChild`) — e.g. compose with
+     * a router `<Link>`. Expects exactly one React element child. */
+    asChild?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
 
-export { LinkCard };
+export { LinkCard, type LinkCardProps };

package/dist/internal/react-link-card/index.d.ts

@@ -1,5 +1,11 @@
 import * as React from 'react';
 
-declare const LinkCard: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Merge the link card's classes/props onto the single child element
+     * instead of rendering an `<a>` (Radix-style `asChild`) — e.g. compose with
+     * a router `<Link>`. Expects exactly one React element child. */
+    asChild?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
 
-export { LinkCard };
+export { LinkCard, type LinkCardProps };

package/dist/internal/react-slot/index.d.cts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+/**
+ * Minimal Slot implementation — the shared `asChild` primitive.
+ *
+ * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
+ * are allowed in @refraction-ui/* packages. This Slot does the small amount
+ * of work we actually need:
+ *   - Forwards a single React child
+ *   - Merges incoming props onto that child (event handlers are chained,
+ *     className is concatenated, style is shallow-merged)
+ *   - Merges refs (callback refs and ref objects)
+ *
+ * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
+ * recursion. `asChild` components render exactly one child element, which is
+ * all we need here. Non-element children (text, arrays, null) render nothing.
+ */
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+
+export { Slot, type SlotProps };

package/dist/internal/react-slot/index.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+/**
+ * Minimal Slot implementation — the shared `asChild` primitive.
+ *
+ * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
+ * are allowed in @refraction-ui/* packages. This Slot does the small amount
+ * of work we actually need:
+ *   - Forwards a single React child
+ *   - Merges incoming props onto that child (event handlers are chained,
+ *     className is concatenated, style is shallow-merged)
+ *   - Merges refs (callback refs and ref objects)
+ *
+ * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
+ * recursion. `asChild` components render exactly one child element, which is
+ * all we need here. Non-element children (text, arrays, null) render nothing.
+ */
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+
+export { Slot, type SlotProps };

package/dist/react-analytics.js

@@ -1128,6 +1128,7 @@ function mapEvent2(ev) {
 var DEFAULT_INGEST_ENDPOINT = "https://dc.services.visualstudio.com";
 var NO_RETRY2 = /* @__PURE__ */ new Set([400, 401, 403, 413]);
 var sleep2 = (ms) => new Promise((r) => setTimeout(r, ms));
+var appInsightsWebSpecifier = "@microsoft/applicationinsights-web";
 function createClientSdkSink(opts) {
   const name = opts.name ?? "app-insights";
   let instance = opts.appInsights;
@@ -1143,10 +1144,7 @@ function createClientSdkSink(opts) {
         });
         return instance;
       }
-      const mod = await import(
-        /* @vite-ignore */
-        "./chunk-GFXGXZDB.js"
-      );
+      const mod = await import(appInsightsWebSpecifier);
       const ai = new mod.ApplicationInsights({
         config: {
           connectionString: opts.connectionString,
@@ -1495,8 +1493,9 @@ function createPostHogHttpSink(options) {
     }
   };
 }
+var posthogJsSpecifier = "posthog-js";
 async function defaultLoad() {
-  const mod = await import("./chunk-O4R4W2KY.js");
+  const mod = await import(posthogJsSpecifier);
   return "default" in mod ? mod.default : mod;
 }
 function createPostHogClientSdkSink(options) {
@@ -1586,8 +1585,9 @@ function createPostHogSink(options) {
 }
 
 // ../analytics-sink-posthog/dist/replay.js
+var posthogJsSpecifier2 = "posthog-js";
 async function defaultLoad2() {
-  const mod = await import("./chunk-O4R4W2KY.js");
+  const mod = await import(posthogJsSpecifier2);
   return "default" in mod ? mod.default : mod;
 }
 async function startSessionReplay(options) {