@classic-homes/theme-react 0.1.48 → 0.1.50

package/dist/index.d.mts

@@ -2,10 +2,10 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { ClassValue } from 'clsx';
 
@@ -20,7 +20,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
 
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -36,7 +36,7 @@ declare const badgeVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 

package/dist/index.d.ts

@@ -2,10 +2,10 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { ClassValue } from 'clsx';
 
@@ -20,7 +20,7 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
 
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -36,7 +36,7 @@ declare const badgeVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 

package/dist/index.js

@@ -190,6 +190,7 @@ var Label = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/Badge.tsx
+var React5 = __toESM(require("react"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority3.cva)(
@@ -208,15 +209,26 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
+var Badge = React5.forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "div",
+      {
+        ref,
+        role: "status",
+        className: cn(badgeVariants({ variant }), className),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
 
 // src/components/Separator.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Separator = React5.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var Separator = React6.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -233,10 +245,10 @@ var Separator = React5.forwardRef(({ className, orientation = "horizontal", deco
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/Switch.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Switch = React6.forwardRef(
+var Switch = React7.forwardRef(
   ({ className, size = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     SwitchPrimitives.Root,
     {
@@ -264,10 +276,10 @@ var Switch = React6.forwardRef(
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/Avatar.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -276,16 +288,16 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   AvatarPrimitive.Image,
   {
     ref,
-    className: cn("aspect-square h-full w-full", className),
+    className: cn("aspect-square h-full w-full object-cover", className),
     ...props
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -299,14 +311,14 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/Dialog.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -318,7 +330,7 @@ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogPortal, { children: [
+var DialogContent = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     DialogPrimitive.Content,
@@ -344,7 +356,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -353,7 +365,7 @@ var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -364,7 +376,7 @@ var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/PageHeader.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var pageHeaderContainerVariants = (0, import_class_variance_authority4.cva)("", {
@@ -415,7 +427,7 @@ var pageHeaderActionsVariants = (0, import_class_variance_authority4.cva)("flex
     variant: "default"
   }
 });
-var PageHeader = React9.forwardRef(
+var PageHeader = React10.forwardRef(
   ({ className, variant, title, subtitle, actions, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "header",
     {

package/dist/index.mjs

@@ -122,6 +122,7 @@ var Label = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/Badge.tsx
+import * as React5 from "react";
 import { cva as cva3 } from "class-variance-authority";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var badgeVariants = cva3(
@@ -140,15 +141,26 @@ var badgeVariants = cva3(
     }
   }
 );
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx5("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
+var Badge = React5.forwardRef(
+  ({ className, variant, ...props }, ref) => {
+    return /* @__PURE__ */ jsx5(
+      "div",
+      {
+        ref,
+        role: "status",
+        className: cn(badgeVariants({ variant }), className),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
 
 // src/components/Separator.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Separator = React5.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx6(
+var Separator = React6.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx6(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -165,10 +177,10 @@ var Separator = React5.forwardRef(({ className, orientation = "horizontal", deco
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/Switch.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var Switch = React6.forwardRef(
+var Switch = React7.forwardRef(
   ({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx7(
     SwitchPrimitives.Root,
     {
@@ -196,10 +208,10 @@ var Switch = React6.forwardRef(
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/Avatar.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { jsx as jsx8 } from "react/jsx-runtime";
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AvatarPrimitive.Root,
   {
     ref,
@@ -208,16 +220,16 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AvatarPrimitive.Image,
   {
     ref,
-    className: cn("aspect-square h-full w-full", className),
+    className: cn("aspect-square h-full w-full object-cover", className),
     ...props
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -231,14 +243,14 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/Dialog.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { jsx as jsx9, jsxs } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -250,7 +262,7 @@ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx9(DialogOverlay, {}),
   /* @__PURE__ */ jsx9(
     DialogPrimitive.Content,
@@ -276,7 +288,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx9(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   DialogPrimitive.Title,
   {
     ref,
@@ -285,7 +297,7 @@ var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   DialogPrimitive.Description,
   {
     ref,
@@ -296,7 +308,7 @@ var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/PageHeader.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { cva as cva4 } from "class-variance-authority";
 import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 var pageHeaderContainerVariants = cva4("", {
@@ -347,7 +359,7 @@ var pageHeaderActionsVariants = cva4("flex gap-4", {
     variant: "default"
   }
 });
-var PageHeader = React9.forwardRef(
+var PageHeader = React10.forwardRef(
   ({ className, variant, title, subtitle, actions, ...props }, ref) => /* @__PURE__ */ jsxs2(
     "header",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/theme-react",
-  "version": "0.1.48",
+  "version": "0.1.50",
   "description": "React components for the Classic theme system",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -13,6 +13,7 @@
     },
     "./styles.css": "./dist/styles.css"
   },
+  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -37,8 +38,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
     "@classic-homes/theme-tokens": "*",