@classic-homes/theme-react 0.1.40 → 0.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +8 -1
  2. package/dist/index.d.ts +8 -1
  3. package/dist/index.js +55 -22
  4. package/dist/index.mjs +53 -21
  5. package/package.json +2 -1
package/dist/index.d.mts CHANGED
@@ -4,6 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  import * as LabelPrimitive from '@radix-ui/react-label';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
7
+ import * as SwitchPrimitives from '@radix-ui/react-switch';
7
8
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
8
9
  import * as DialogPrimitive from '@radix-ui/react-dialog';
9
10
  import { ClassValue } from 'clsx';
@@ -39,6 +40,12 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
39
40
 
40
41
  declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
42
 
43
+ interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
44
+ /** Size variant for the switch */
45
+ size?: 'default' | 'sm';
46
+ }
47
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
48
+
42
49
  declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
43
50
  declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
44
51
  declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
@@ -100,4 +107,4 @@ declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & Reac
100
107
  */
101
108
  declare function cn(...inputs: ClassValue[]): string;
102
109
 
103
- export { Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, type InputProps, Label, PageHeader, type PageHeaderProps, Separator, badgeVariants, buttonVariants, cn, pageHeaderActionsVariants, pageHeaderContainerVariants, pageHeaderSubtitleVariants, pageHeaderTitleVariants };
110
+ export { Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, type InputProps, Label, PageHeader, type PageHeaderProps, Separator, Switch, type SwitchProps, badgeVariants, buttonVariants, cn, pageHeaderActionsVariants, pageHeaderContainerVariants, pageHeaderSubtitleVariants, pageHeaderTitleVariants };
package/dist/index.d.ts CHANGED
@@ -4,6 +4,7 @@ import { VariantProps } from 'class-variance-authority';
4
4
  import * as LabelPrimitive from '@radix-ui/react-label';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
6
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
7
+ import * as SwitchPrimitives from '@radix-ui/react-switch';
7
8
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
8
9
  import * as DialogPrimitive from '@radix-ui/react-dialog';
9
10
  import { ClassValue } from 'clsx';
@@ -39,6 +40,12 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
39
40
 
40
41
  declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
42
 
43
+ interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
44
+ /** Size variant for the switch */
45
+ size?: 'default' | 'sm';
46
+ }
47
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
48
+
42
49
  declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
43
50
  declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
44
51
  declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
@@ -100,4 +107,4 @@ declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & Reac
100
107
  */
101
108
  declare function cn(...inputs: ClassValue[]): string;
102
109
 
103
- export { Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, type InputProps, Label, PageHeader, type PageHeaderProps, Separator, badgeVariants, buttonVariants, cn, pageHeaderActionsVariants, pageHeaderContainerVariants, pageHeaderSubtitleVariants, pageHeaderTitleVariants };
110
+ export { Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, type InputProps, Label, PageHeader, type PageHeaderProps, Separator, Switch, type SwitchProps, badgeVariants, buttonVariants, cn, pageHeaderActionsVariants, pageHeaderContainerVariants, pageHeaderSubtitleVariants, pageHeaderTitleVariants };
package/dist/index.js CHANGED
@@ -55,6 +55,7 @@ __export(index_exports, {
55
55
  Label: () => Label,
56
56
  PageHeader: () => PageHeader,
57
57
  Separator: () => Separator,
58
+ Switch: () => Switch,
58
59
  badgeVariants: () => badgeVariants,
59
60
  buttonVariants: () => buttonVariants,
60
61
  cn: () => cn,
@@ -231,11 +232,42 @@ var Separator = React5.forwardRef(({ className, orientation = "horizontal", deco
231
232
  ));
232
233
  Separator.displayName = SeparatorPrimitive.Root.displayName;
233
234
 
234
- // src/components/Avatar.tsx
235
+ // src/components/Switch.tsx
235
236
  var React6 = __toESM(require("react"));
236
- var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
237
+ var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
237
238
  var import_jsx_runtime7 = require("react/jsx-runtime");
238
- var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
239
+ var Switch = React6.forwardRef(
240
+ ({ className, size = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
241
+ SwitchPrimitives.Root,
242
+ {
243
+ className: cn(
244
+ "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
245
+ size === "default" && "h-7 w-12",
246
+ size === "sm" && "h-5 w-9",
247
+ className
248
+ ),
249
+ ...props,
250
+ ref,
251
+ children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
252
+ SwitchPrimitives.Thumb,
253
+ {
254
+ className: cn(
255
+ "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",
256
+ size === "default" && "h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5",
257
+ size === "sm" && "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
258
+ )
259
+ }
260
+ )
261
+ }
262
+ )
263
+ );
264
+ Switch.displayName = SwitchPrimitives.Root.displayName;
265
+
266
+ // src/components/Avatar.tsx
267
+ var React7 = __toESM(require("react"));
268
+ var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
269
+ var import_jsx_runtime8 = require("react/jsx-runtime");
270
+ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
239
271
  AvatarPrimitive.Root,
240
272
  {
241
273
  ref,
@@ -244,7 +276,7 @@ var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
244
276
  }
245
277
  ));
246
278
  Avatar.displayName = AvatarPrimitive.Root.displayName;
247
- var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
279
+ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
248
280
  AvatarPrimitive.Image,
249
281
  {
250
282
  ref,
@@ -253,7 +285,7 @@ var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
253
285
  }
254
286
  ));
255
287
  AvatarImage.displayName = AvatarPrimitive.Image.displayName;
256
- var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
288
+ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
257
289
  AvatarPrimitive.Fallback,
258
290
  {
259
291
  ref,
@@ -267,14 +299,14 @@ var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__P
267
299
  AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
268
300
 
269
301
  // src/components/Dialog.tsx
270
- var React7 = __toESM(require("react"));
302
+ var React8 = __toESM(require("react"));
271
303
  var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
272
- var import_jsx_runtime8 = require("react/jsx-runtime");
304
+ var import_jsx_runtime9 = require("react/jsx-runtime");
273
305
  var Dialog = DialogPrimitive.Root;
274
306
  var DialogTrigger = DialogPrimitive.Trigger;
275
307
  var DialogPortal = DialogPrimitive.Portal;
276
308
  var DialogClose = DialogPrimitive.Close;
277
- var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
309
+ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
278
310
  DialogPrimitive.Overlay,
279
311
  {
280
312
  ref,
@@ -286,9 +318,9 @@ var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PU
286
318
  }
287
319
  ));
288
320
  DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
289
- var DialogContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogPortal, { children: [
290
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogOverlay, {}),
291
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
321
+ var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(DialogPortal, { children: [
322
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogOverlay, {}),
323
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
292
324
  DialogPrimitive.Content,
293
325
  {
294
326
  ref,
@@ -302,9 +334,9 @@ var DialogContent = React7.forwardRef(({ className, children, ...props }, ref) =
302
334
  )
303
335
  ] }));
304
336
  DialogContent.displayName = DialogPrimitive.Content.displayName;
305
- var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
337
+ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
306
338
  DialogHeader.displayName = "DialogHeader";
307
- var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
339
+ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
308
340
  "div",
309
341
  {
310
342
  className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -312,7 +344,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
312
344
  }
313
345
  );
314
346
  DialogFooter.displayName = "DialogFooter";
315
- var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
347
+ var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
316
348
  DialogPrimitive.Title,
317
349
  {
318
350
  ref,
@@ -321,7 +353,7 @@ var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
321
353
  }
322
354
  ));
323
355
  DialogTitle.displayName = DialogPrimitive.Title.displayName;
324
- var DialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
356
+ var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
325
357
  DialogPrimitive.Description,
326
358
  {
327
359
  ref,
@@ -332,9 +364,9 @@ var DialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @
332
364
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
333
365
 
334
366
  // src/components/PageHeader.tsx
335
- var React8 = __toESM(require("react"));
367
+ var React9 = __toESM(require("react"));
336
368
  var import_class_variance_authority4 = require("class-variance-authority");
337
- var import_jsx_runtime9 = require("react/jsx-runtime");
369
+ var import_jsx_runtime10 = require("react/jsx-runtime");
338
370
  var pageHeaderContainerVariants = (0, import_class_variance_authority4.cva)("", {
339
371
  variants: {
340
372
  variant: {
@@ -383,17 +415,17 @@ var pageHeaderActionsVariants = (0, import_class_variance_authority4.cva)("flex
383
415
  variant: "default"
384
416
  }
385
417
  });
386
- var PageHeader = React8.forwardRef(
387
- ({ className, variant, title, subtitle, actions, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
418
+ var PageHeader = React9.forwardRef(
419
+ ({ className, variant, title, subtitle, actions, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
388
420
  "header",
389
421
  {
390
422
  ref,
391
423
  className: cn(pageHeaderContainerVariants({ variant }), className),
392
424
  ...props,
393
425
  children: [
394
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: pageHeaderTitleVariants({ variant }), children: title }),
395
- subtitle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: pageHeaderSubtitleVariants({ variant }), children: subtitle }),
396
- actions && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: pageHeaderActionsVariants({ variant }), children: actions })
426
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { className: pageHeaderTitleVariants({ variant }), children: title }),
427
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: pageHeaderSubtitleVariants({ variant }), children: subtitle }),
428
+ actions && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: pageHeaderActionsVariants({ variant }), children: actions })
397
429
  ]
398
430
  }
399
431
  )
@@ -426,6 +458,7 @@ PageHeader.displayName = "PageHeader";
426
458
  Label,
427
459
  PageHeader,
428
460
  Separator,
461
+ Switch,
429
462
  badgeVariants,
430
463
  buttonVariants,
431
464
  cn,
package/dist/index.mjs CHANGED
@@ -164,11 +164,42 @@ var Separator = React5.forwardRef(({ className, orientation = "horizontal", deco
164
164
  ));
165
165
  Separator.displayName = SeparatorPrimitive.Root.displayName;
166
166
 
167
- // src/components/Avatar.tsx
167
+ // src/components/Switch.tsx
168
168
  import * as React6 from "react";
169
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
169
+ import * as SwitchPrimitives from "@radix-ui/react-switch";
170
170
  import { jsx as jsx7 } from "react/jsx-runtime";
171
- var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
171
+ var Switch = React6.forwardRef(
172
+ ({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx7(
173
+ SwitchPrimitives.Root,
174
+ {
175
+ className: cn(
176
+ "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
177
+ size === "default" && "h-7 w-12",
178
+ size === "sm" && "h-5 w-9",
179
+ className
180
+ ),
181
+ ...props,
182
+ ref,
183
+ children: /* @__PURE__ */ jsx7(
184
+ SwitchPrimitives.Thumb,
185
+ {
186
+ className: cn(
187
+ "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform",
188
+ size === "default" && "h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5",
189
+ size === "sm" && "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
190
+ )
191
+ }
192
+ )
193
+ }
194
+ )
195
+ );
196
+ Switch.displayName = SwitchPrimitives.Root.displayName;
197
+
198
+ // src/components/Avatar.tsx
199
+ import * as React7 from "react";
200
+ import * as AvatarPrimitive from "@radix-ui/react-avatar";
201
+ import { jsx as jsx8 } from "react/jsx-runtime";
202
+ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
172
203
  AvatarPrimitive.Root,
173
204
  {
174
205
  ref,
@@ -177,7 +208,7 @@ var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
177
208
  }
178
209
  ));
179
210
  Avatar.displayName = AvatarPrimitive.Root.displayName;
180
- var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
211
+ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
181
212
  AvatarPrimitive.Image,
182
213
  {
183
214
  ref,
@@ -186,7 +217,7 @@ var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
186
217
  }
187
218
  ));
188
219
  AvatarImage.displayName = AvatarPrimitive.Image.displayName;
189
- var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
220
+ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
190
221
  AvatarPrimitive.Fallback,
191
222
  {
192
223
  ref,
@@ -200,14 +231,14 @@ var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__P
200
231
  AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
201
232
 
202
233
  // src/components/Dialog.tsx
203
- import * as React7 from "react";
234
+ import * as React8 from "react";
204
235
  import * as DialogPrimitive from "@radix-ui/react-dialog";
205
- import { jsx as jsx8, jsxs } from "react/jsx-runtime";
236
+ import { jsx as jsx9, jsxs } from "react/jsx-runtime";
206
237
  var Dialog = DialogPrimitive.Root;
207
238
  var DialogTrigger = DialogPrimitive.Trigger;
208
239
  var DialogPortal = DialogPrimitive.Portal;
209
240
  var DialogClose = DialogPrimitive.Close;
210
- var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
241
+ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
211
242
  DialogPrimitive.Overlay,
212
243
  {
213
244
  ref,
@@ -219,9 +250,9 @@ var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PU
219
250
  }
220
251
  ));
221
252
  DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
222
- var DialogContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
223
- /* @__PURE__ */ jsx8(DialogOverlay, {}),
224
- /* @__PURE__ */ jsx8(
253
+ var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
254
+ /* @__PURE__ */ jsx9(DialogOverlay, {}),
255
+ /* @__PURE__ */ jsx9(
225
256
  DialogPrimitive.Content,
226
257
  {
227
258
  ref,
@@ -235,9 +266,9 @@ var DialogContent = React7.forwardRef(({ className, children, ...props }, ref) =
235
266
  )
236
267
  ] }));
237
268
  DialogContent.displayName = DialogPrimitive.Content.displayName;
238
- var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx8("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
269
+ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx9("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
239
270
  DialogHeader.displayName = "DialogHeader";
240
- var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx8(
271
+ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx9(
241
272
  "div",
242
273
  {
243
274
  className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -245,7 +276,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx8(
245
276
  }
246
277
  );
247
278
  DialogFooter.displayName = "DialogFooter";
248
- var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
279
+ var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
249
280
  DialogPrimitive.Title,
250
281
  {
251
282
  ref,
@@ -254,7 +285,7 @@ var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
254
285
  }
255
286
  ));
256
287
  DialogTitle.displayName = DialogPrimitive.Title.displayName;
257
- var DialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
288
+ var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
258
289
  DialogPrimitive.Description,
259
290
  {
260
291
  ref,
@@ -265,9 +296,9 @@ var DialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @
265
296
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
266
297
 
267
298
  // src/components/PageHeader.tsx
268
- import * as React8 from "react";
299
+ import * as React9 from "react";
269
300
  import { cva as cva4 } from "class-variance-authority";
270
- import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
301
+ import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
271
302
  var pageHeaderContainerVariants = cva4("", {
272
303
  variants: {
273
304
  variant: {
@@ -316,7 +347,7 @@ var pageHeaderActionsVariants = cva4("flex gap-4", {
316
347
  variant: "default"
317
348
  }
318
349
  });
319
- var PageHeader = React8.forwardRef(
350
+ var PageHeader = React9.forwardRef(
320
351
  ({ className, variant, title, subtitle, actions, ...props }, ref) => /* @__PURE__ */ jsxs2(
321
352
  "header",
322
353
  {
@@ -324,9 +355,9 @@ var PageHeader = React8.forwardRef(
324
355
  className: cn(pageHeaderContainerVariants({ variant }), className),
325
356
  ...props,
326
357
  children: [
327
- /* @__PURE__ */ jsx9("h1", { className: pageHeaderTitleVariants({ variant }), children: title }),
328
- subtitle && /* @__PURE__ */ jsx9("p", { className: pageHeaderSubtitleVariants({ variant }), children: subtitle }),
329
- actions && /* @__PURE__ */ jsx9("div", { className: pageHeaderActionsVariants({ variant }), children: actions })
358
+ /* @__PURE__ */ jsx10("h1", { className: pageHeaderTitleVariants({ variant }), children: title }),
359
+ subtitle && /* @__PURE__ */ jsx10("p", { className: pageHeaderSubtitleVariants({ variant }), children: subtitle }),
360
+ actions && /* @__PURE__ */ jsx10("div", { className: pageHeaderActionsVariants({ variant }), children: actions })
330
361
  ]
331
362
  }
332
363
  )
@@ -358,6 +389,7 @@ export {
358
389
  Label,
359
390
  PageHeader,
360
391
  Separator,
392
+ Switch,
361
393
  badgeVariants,
362
394
  buttonVariants,
363
395
  cn,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@classic-homes/theme-react",
3
- "version": "0.1.40",
3
+ "version": "0.1.42",
4
4
  "description": "React components for the Classic theme system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -51,6 +51,7 @@
51
51
  "@radix-ui/react-popover": "^1.1.0",
52
52
  "@radix-ui/react-separator": "^1.1.0",
53
53
  "@radix-ui/react-slot": "^1.1.0",
54
+ "@radix-ui/react-switch": "1.2.6",
54
55
  "@radix-ui/react-tabs": "^1.1.0",
55
56
  "class-variance-authority": "^0.7.0",
56
57
  "clsx": "^2.1.0",