@electroplix/components 0.5.0-alpha.5 → 0.5.0-alpha.7

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 (24) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/index.esm.js +542 -393
  3. package/dist/package.json +4 -1
  4. package/dist/src/components/content/InlineCodeText.d.ts +2 -4
  5. package/dist/src/components/content/InlineCodeText.d.ts.map +1 -1
  6. package/dist/src/components/data-display/RatingStars.d.ts +3 -2
  7. package/dist/src/components/data-display/RatingStars.d.ts.map +1 -1
  8. package/dist/src/components/data-display/Sparkline.d.ts +3 -2
  9. package/dist/src/components/data-display/Sparkline.d.ts.map +1 -1
  10. package/dist/src/components/data-display/Timeline.d.ts +3 -2
  11. package/dist/src/components/data-display/Timeline.d.ts.map +1 -1
  12. package/dist/src/components/media/index.d.ts +10 -10
  13. package/dist/src/components/media/index.d.ts.map +1 -1
  14. package/dist/src/components/miscellaneous/index.d.ts +6 -6
  15. package/dist/src/components/miscellaneous/index.d.ts.map +1 -1
  16. package/dist/src/components/onboarding/index.d.ts +4 -4
  17. package/dist/src/components/onboarding/index.d.ts.map +1 -1
  18. package/dist/src/components/search/index.d.ts +6 -6
  19. package/dist/src/components/search/index.d.ts.map +1 -1
  20. package/dist/src/components/site-identity/index.d.ts +2 -2
  21. package/dist/src/components/site-identity/index.d.ts.map +1 -1
  22. package/dist/src/components/social/index.d.ts +6 -6
  23. package/dist/src/components/social/index.d.ts.map +1 -1
  24. package/package.json +4 -1
package/dist/index.esm.js CHANGED
@@ -338,7 +338,7 @@ function useBlogTheme() {
338
338
  return useElectroplixConfig().blog;
339
339
  }
340
340
 
341
- const _excluded$X = ["name", "size", "color", "style"];
341
+ const _excluded$$ = ["name", "size", "color", "style"];
342
342
  /**
343
343
  * Render an inline SVG icon by name.
344
344
  *
@@ -354,7 +354,7 @@ function Icon(_ref) {
354
354
  color = 'currentColor',
355
355
  style
356
356
  } = _ref,
357
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$X);
357
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$$);
358
358
  const path = ICON_PATHS[name];
359
359
  if (!path) return null;
360
360
  return jsx("svg", _extends({
@@ -2269,7 +2269,7 @@ const maxLengthRule = max => ({
2269
2269
  message: `Must be at most ${max} characters`
2270
2270
  });
2271
2271
 
2272
- const _excluded$W = ["as", "items", "orientation", "offset", "maxW", "px", "py", "radius", "gap", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2272
+ const _excluded$_ = ["as", "items", "orientation", "offset", "maxW", "px", "py", "radius", "gap", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2273
2273
  function AnchorLinks(_ref) {
2274
2274
  var _ref2, _ref3, _ref4, _ref5, _ref6, _items$0$targetId, _items$;
2275
2275
  let {
@@ -2290,7 +2290,7 @@ function AnchorLinks(_ref) {
2290
2290
  style = {},
2291
2291
  className = ''
2292
2292
  } = _ref,
2293
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$W);
2293
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$_);
2294
2294
  const t = useNavTheme();
2295
2295
  const radius = (_ref2 = radiusProp != null ? radiusProp : t.radius) != null ? _ref2 : 16;
2296
2296
  const bgColor = (_ref3 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref3 : '#ffffff';
@@ -2387,7 +2387,7 @@ function AnchorLinks(_ref) {
2387
2387
  }));
2388
2388
  }
2389
2389
 
2390
- const _excluded$V = ["as", "items", "showHomeIcon", "maxW", "px", "py", "radius", "gap", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2390
+ const _excluded$Z = ["as", "items", "showHomeIcon", "maxW", "px", "py", "radius", "gap", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2391
2391
  function Breadcrumbs(_ref) {
2392
2392
  var _ref2, _ref3, _ref4, _ref5, _rest$separatorColor;
2393
2393
  let {
@@ -2407,7 +2407,7 @@ function Breadcrumbs(_ref) {
2407
2407
  style = {},
2408
2408
  className = ''
2409
2409
  } = _ref,
2410
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$V);
2410
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
2411
2411
  const t = useNavTheme();
2412
2412
  const bgColor = (_ref2 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref2 : '#ffffff';
2413
2413
  const textColor = (_ref3 = textColorProp != null ? textColorProp : t.textColor) != null ? _ref3 : '#09090b';
@@ -2503,7 +2503,7 @@ function Breadcrumbs(_ref) {
2503
2503
  }));
2504
2504
  }
2505
2505
 
2506
- const _excluded$U = ["as", "languages", "current", "onChange", "px", "py", "radius", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2506
+ const _excluded$Y = ["as", "languages", "current", "onChange", "px", "py", "radius", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2507
2507
  function LanguageSelector(_ref) {
2508
2508
  var _ref2, _ref3, _ref4, _ref5, _languages$find;
2509
2509
  let {
@@ -2522,7 +2522,7 @@ function LanguageSelector(_ref) {
2522
2522
  style = {},
2523
2523
  className = ''
2524
2524
  } = _ref,
2525
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$U);
2525
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$Y);
2526
2526
  const t = useNavTheme();
2527
2527
  const bgColor = (_ref2 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref2 : '#ffffff';
2528
2528
  const textColor = (_ref3 = textColorProp != null ? textColorProp : t.textColor) != null ? _ref3 : '#09090b';
@@ -2628,7 +2628,7 @@ function LanguageSelector(_ref) {
2628
2628
  }));
2629
2629
  }
2630
2630
 
2631
- const _excluded$T = ["as", "label", "sections", "maxW", "px", "py", "radius", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2631
+ const _excluded$X = ["as", "label", "sections", "maxW", "px", "py", "radius", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "style", "className"];
2632
2632
  function MegaMenu(_ref) {
2633
2633
  var _ref2, _ref3, _ref4, _ref5;
2634
2634
  let {
@@ -2647,7 +2647,7 @@ function MegaMenu(_ref) {
2647
2647
  style = {},
2648
2648
  className = ''
2649
2649
  } = _ref,
2650
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$T);
2650
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$X);
2651
2651
  const t = useNavTheme();
2652
2652
  (_ref2 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref2 : '#ffffff';
2653
2653
  const textColor = (_ref3 = textColorProp != null ? textColorProp : t.textColor) != null ? _ref3 : '#09090b';
@@ -2783,7 +2783,7 @@ function MegaMenu(_ref) {
2783
2783
  }));
2784
2784
  }
2785
2785
 
2786
- const _excluded$S = ["currentPage", "totalPages", "onPageChange", "maxVisible", "showFirstLast", "showPrevNext", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "fontSize", "radius", "gap", "className", "style"];
2786
+ const _excluded$W = ["currentPage", "totalPages", "onPageChange", "maxVisible", "showFirstLast", "showPrevNext", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "fontSize", "radius", "gap", "className", "style"];
2787
2787
  function Pagination(_ref) {
2788
2788
  var _ref2, _ref3, _ref4, _ref5;
2789
2789
  let {
@@ -2804,7 +2804,7 @@ function Pagination(_ref) {
2804
2804
  className,
2805
2805
  style
2806
2806
  } = _ref,
2807
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$S);
2807
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$W);
2808
2808
  const t = useNavTheme();
2809
2809
  const bgColor = (_ref2 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref2 : '#ffffff';
2810
2810
  const textColor = (_ref3 = textColorProp != null ? textColorProp : t.textColor) != null ? _ref3 : '#09090b';
@@ -2929,7 +2929,7 @@ function Pagination(_ref) {
2929
2929
  }));
2930
2930
  }
2931
2931
 
2932
- const _excluded$R = ["logoText", "links", "showSearch", "showCTA", "ctaText", "ctaHref", "sticky", "height", "padding", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
2932
+ const _excluded$V = ["logoText", "links", "showSearch", "showCTA", "ctaText", "ctaHref", "sticky", "height", "padding", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
2933
2933
  function PrimaryNav(_ref) {
2934
2934
  var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0;
2935
2935
  let {
@@ -2950,7 +2950,7 @@ function PrimaryNav(_ref) {
2950
2950
  className,
2951
2951
  style
2952
2952
  } = _ref,
2953
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$R);
2953
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$V);
2954
2954
  const t = useNavTheme();
2955
2955
  const showSearch = (_ref2 = showSearchProp != null ? showSearchProp : t.showSearch) != null ? _ref2 : false;
2956
2956
  const showCTA = (_ref3 = showCTAProp != null ? showCTAProp : t.showCTA) != null ? _ref3 : false;
@@ -3096,7 +3096,7 @@ function PrimaryNav(_ref) {
3096
3096
  }));
3097
3097
  }
3098
3098
 
3099
- const _excluded$Q = ["items", "width", "padding", "gap", "radius", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3099
+ const _excluded$U = ["items", "width", "padding", "gap", "radius", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3100
3100
  function SidebarMenu(_ref) {
3101
3101
  var _ref2, _ref3, _ref4, _ref5;
3102
3102
  let {
@@ -3113,7 +3113,7 @@ function SidebarMenu(_ref) {
3113
3113
  className,
3114
3114
  style
3115
3115
  } = _ref,
3116
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
3116
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$U);
3117
3117
  const t = useNavTheme();
3118
3118
  const bgColor = (_ref2 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref2 : '#ffffff';
3119
3119
  const textColor = (_ref3 = textColorProp != null ? textColorProp : t.textColor) != null ? _ref3 : '#09090b';
@@ -3243,7 +3243,7 @@ function SidebarMenu(_ref) {
3243
3243
  }));
3244
3244
  }
3245
3245
 
3246
- const _excluded$P = ["links", "width", "padding", "gap", "overlayColor", "position", "logoText", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3246
+ const _excluded$T = ["links", "width", "padding", "gap", "overlayColor", "position", "logoText", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3247
3247
  function SideDrawerNav(_ref) {
3248
3248
  var _ref2, _ref3, _ref4, _ref5;
3249
3249
  let {
@@ -3262,7 +3262,7 @@ function SideDrawerNav(_ref) {
3262
3262
  className,
3263
3263
  style
3264
3264
  } = _ref,
3265
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$P);
3265
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$T);
3266
3266
  const t = useNavTheme();
3267
3267
  const bgColor = (_ref2 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref2 : '#ffffff';
3268
3268
  const textColor = (_ref3 = textColorProp != null ? textColorProp : t.textColor) != null ? _ref3 : '#09090b';
@@ -3406,7 +3406,7 @@ function SideDrawerNav(_ref) {
3406
3406
  }));
3407
3407
  }
3408
3408
 
3409
- const _excluded$O = ["steps", "currentStep", "orientation", "showNumbers", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3409
+ const _excluded$S = ["steps", "currentStep", "orientation", "showNumbers", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3410
3410
  function Stepper(_ref) {
3411
3411
  var _ref2, _ref3, _ref4, _ref5;
3412
3412
  let {
@@ -3422,7 +3422,7 @@ function Stepper(_ref) {
3422
3422
  className,
3423
3423
  style
3424
3424
  } = _ref,
3425
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$O);
3425
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$S);
3426
3426
  const t = useNavTheme();
3427
3427
  const bgColor = (_ref2 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref2 : '#ffffff';
3428
3428
  const textColor = (_ref3 = textColorProp != null ? textColorProp : t.textColor) != null ? _ref3 : '#09090b';
@@ -3533,7 +3533,7 @@ function Stepper(_ref) {
3533
3533
  }));
3534
3534
  }
3535
3535
 
3536
- const _excluded$N = ["tabs", "defaultTab", "orientation", "showUnderline", "radius", "padding", "gap", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3536
+ const _excluded$R = ["tabs", "defaultTab", "orientation", "showUnderline", "radius", "padding", "gap", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
3537
3537
  function Tabs(_ref) {
3538
3538
  var _ref2, _ref3, _ref4, _ref5, _ref6, _tabs$active;
3539
3539
  let {
@@ -3552,7 +3552,7 @@ function Tabs(_ref) {
3552
3552
  className,
3553
3553
  style
3554
3554
  } = _ref,
3555
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$N);
3555
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$R);
3556
3556
  const t = useNavTheme();
3557
3557
  const radius = (_ref2 = radiusProp != null ? radiusProp : t.radius) != null ? _ref2 : 14;
3558
3558
  const bgColor = (_ref3 = bgColorProp != null ? bgColorProp : t.bgColor) != null ? _ref3 : '#ffffff';
@@ -3640,7 +3640,7 @@ function Tabs(_ref) {
3640
3640
  }));
3641
3641
  }
3642
3642
 
3643
- const _excluded$M = ["columns", "copyright", "socialLinks", "logo", "logoAlt", "tagline", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "children", "className", "style"];
3643
+ const _excluded$Q = ["columns", "copyright", "socialLinks", "logo", "logoAlt", "tagline", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "children", "className", "style"];
3644
3644
  function Footer(_ref) {
3645
3645
  var _ref2, _ref3, _ref4, _ref5, _t$radius;
3646
3646
  let {
@@ -3659,7 +3659,7 @@ function Footer(_ref) {
3659
3659
  className,
3660
3660
  style
3661
3661
  } = _ref,
3662
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$M);
3662
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$Q);
3663
3663
  const t = useNavTheme();
3664
3664
  const bg = (_ref2 = bgColor != null ? bgColor : t.bgColor) != null ? _ref2 : '#ffffff';
3665
3665
  const fg = (_ref3 = textColor != null ? textColor : t.textColor) != null ? _ref3 : '#09090b';
@@ -3821,7 +3821,7 @@ function Footer(_ref) {
3821
3821
  }));
3822
3822
  }
3823
3823
 
3824
- const _excluded$L = ["as", "bgColor", "textColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className", "children"];
3824
+ const _excluded$P = ["as", "bgColor", "textColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className", "children"];
3825
3825
  const ui$z = {
3826
3826
  white: '#ffffff',
3827
3827
  text: '#18181b',
@@ -3844,7 +3844,7 @@ function HeroShell(props) {
3844
3844
  className = '',
3845
3845
  children
3846
3846
  } = props,
3847
- rest = _objectWithoutPropertiesLoose(props, _excluded$L);
3847
+ rest = _objectWithoutPropertiesLoose(props, _excluded$P);
3848
3848
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$z.white;
3849
3849
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$z.text;
3850
3850
  return jsxs(Tag, _extends({
@@ -3913,7 +3913,7 @@ function HeroShell(props) {
3913
3913
  }));
3914
3914
  }
3915
3915
 
3916
- const _excluded$K = ["as", "title", "subtitle", "ctaLabel", "onCta", "titleSize", "subtitleSize", "align", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
3916
+ const _excluded$O = ["as", "title", "subtitle", "ctaLabel", "onCta", "titleSize", "subtitleSize", "align", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
3917
3917
  const ui$y = {
3918
3918
  white: '#ffffff',
3919
3919
  black: '#09090b',
@@ -3946,7 +3946,7 @@ function StaticHero(props) {
3946
3946
  style = {},
3947
3947
  className = ''
3948
3948
  } = props,
3949
- rest = _objectWithoutPropertiesLoose(props, _excluded$K);
3949
+ rest = _objectWithoutPropertiesLoose(props, _excluded$O);
3950
3950
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$y.white;
3951
3951
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$y.text;
3952
3952
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$y.black;
@@ -4098,7 +4098,7 @@ function StaticHero(props) {
4098
4098
  }));
4099
4099
  }
4100
4100
 
4101
- const _excluded$J = ["as", "slides", "autoplay", "intervalMs", "titleSize", "subtitleSize", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4101
+ const _excluded$N = ["as", "slides", "autoplay", "intervalMs", "titleSize", "subtitleSize", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4102
4102
  const ui$x = {
4103
4103
  white: '#ffffff',
4104
4104
  black: '#09090b',
@@ -4132,7 +4132,7 @@ function CarouselHero(props) {
4132
4132
  style = {},
4133
4133
  className = ''
4134
4134
  } = props,
4135
- rest = _objectWithoutPropertiesLoose(props, _excluded$J);
4135
+ rest = _objectWithoutPropertiesLoose(props, _excluded$N);
4136
4136
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$x.white;
4137
4137
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$x.text;
4138
4138
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$x.black;
@@ -4350,7 +4350,7 @@ function CarouselHero(props) {
4350
4350
  }));
4351
4351
  }
4352
4352
 
4353
- const _excluded$I = ["as", "title", "subtitle", "bgImage", "overlay", "form", "buttonText", "onSubmit", "inputPlaceholder", "titleSize", "subtitleSize", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4353
+ const _excluded$M = ["as", "title", "subtitle", "bgImage", "overlay", "form", "buttonText", "onSubmit", "inputPlaceholder", "titleSize", "subtitleSize", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4354
4354
  const ui$w = {
4355
4355
  white: '#ffffff',
4356
4356
  black: '#09090b',
@@ -4386,7 +4386,7 @@ function CTAOverlayHero(props) {
4386
4386
  style = {},
4387
4387
  className = ''
4388
4388
  } = props,
4389
- rest = _objectWithoutPropertiesLoose(props, _excluded$I);
4389
+ rest = _objectWithoutPropertiesLoose(props, _excluded$M);
4390
4390
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$w.white;
4391
4391
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$w.text;
4392
4392
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$w.black;
@@ -4626,7 +4626,7 @@ function CTAOverlayHero(props) {
4626
4626
  }));
4627
4627
  }
4628
4628
 
4629
- const _excluded$H = ["as", "title", "subtitle", "pattern", "intensity", "badge", "ctaLabel", "onCta", "stats", "titleSize", "subtitleSize", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4629
+ const _excluded$L = ["as", "title", "subtitle", "pattern", "intensity", "badge", "ctaLabel", "onCta", "stats", "titleSize", "subtitleSize", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4630
4630
  function usePattern(kind, accent, intensity) {
4631
4631
  return useMemo(() => {
4632
4632
  if (kind === 'dots') {
@@ -4690,7 +4690,7 @@ function PatternedHero(props) {
4690
4690
  style = {},
4691
4691
  className = ''
4692
4692
  } = props,
4693
- rest = _objectWithoutPropertiesLoose(props, _excluded$H);
4693
+ rest = _objectWithoutPropertiesLoose(props, _excluded$L);
4694
4694
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$v.white;
4695
4695
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$v.text;
4696
4696
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$v.black;
@@ -4860,7 +4860,7 @@ function PatternedHero(props) {
4860
4860
  }));
4861
4861
  }
4862
4862
 
4863
- const _excluded$G = ["as", "title", "subtitle", "ctaLabel", "onCta", "image", "imageAlt", "reverse", "features", "badge", "titleSize", "subtitleSize", "mediaHeight", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4863
+ const _excluded$K = ["as", "title", "subtitle", "ctaLabel", "onCta", "image", "imageAlt", "reverse", "features", "badge", "titleSize", "subtitleSize", "mediaHeight", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "gap", "style", "className"];
4864
4864
  const ui$u = {
4865
4865
  white: '#ffffff',
4866
4866
  black: '#09090b',
@@ -4899,7 +4899,7 @@ function SplitHero(props) {
4899
4899
  style = {},
4900
4900
  className = ''
4901
4901
  } = props,
4902
- rest = _objectWithoutPropertiesLoose(props, _excluded$G);
4902
+ rest = _objectWithoutPropertiesLoose(props, _excluded$K);
4903
4903
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$u.white;
4904
4904
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$u.text;
4905
4905
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$u.black;
@@ -5120,7 +5120,7 @@ function SplitHero(props) {
5120
5120
  }));
5121
5121
  }
5122
5122
 
5123
- const _excluded$F = ["as", "videoSrc", "poster", "overlay", "title", "subtitle", "titleSize", "subtitleSize", "controls", "loop", "autoPlay", "muted", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "style", "className"];
5123
+ const _excluded$J = ["as", "videoSrc", "poster", "overlay", "title", "subtitle", "titleSize", "subtitleSize", "controls", "loop", "autoPlay", "muted", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "minH", "maxW", "px", "py", "radius", "style", "className"];
5124
5124
  const ui$t = {
5125
5125
  white: '#ffffff',
5126
5126
  black: '#09090b',
@@ -5156,7 +5156,7 @@ function VideoHeaderHero(props) {
5156
5156
  style = {},
5157
5157
  className = ''
5158
5158
  } = props,
5159
- rest = _objectWithoutPropertiesLoose(props, _excluded$F);
5159
+ rest = _objectWithoutPropertiesLoose(props, _excluded$J);
5160
5160
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$t.black;
5161
5161
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$t.white;
5162
5162
  const border = (_ref3 = (_ref4 = borderColor != null ? borderColor : t.cardBorder) != null ? _ref4 : t.borderColor) != null ? _ref3 : ui$t.border;
@@ -5271,13 +5271,13 @@ function VideoHeaderHero(props) {
5271
5271
  // Shadcn-styled version of your button components
5272
5272
  // Logic, props, handlers, animations, and APIs preserved.
5273
5273
  // Only visual design/theme styling updated.
5274
- const _excluded$E = ["className", "style", "children"],
5274
+ const _excluded$I = ["className", "style", "children"],
5275
5275
  _excluded2$c = ["className", "style", "children"],
5276
5276
  _excluded3$c = ["className", "style", "children"],
5277
- _excluded4$b = ["className", "style"],
5278
- _excluded5$9 = ["variant"],
5279
- _excluded6$7 = ["className", "style"],
5280
- _excluded7$7 = ["buttons", "toggle", "onChange", "bgColor", "radius", "accentColor", "borderColor", "gap", "className", "style"];
5277
+ _excluded4$c = ["className", "style"],
5278
+ _excluded5$c = ["variant"],
5279
+ _excluded6$c = ["className", "style"],
5280
+ _excluded7$9 = ["buttons", "toggle", "onChange", "bgColor", "radius", "accentColor", "borderColor", "gap", "className", "style"];
5281
5281
  const ui$s = {
5282
5282
  black: '#09090b',
5283
5283
  white: '#ffffff',
@@ -5322,7 +5322,7 @@ function PrimaryButton(_ref) {
5322
5322
  style,
5323
5323
  children
5324
5324
  } = _ref,
5325
- p = _objectWithoutPropertiesLoose(_ref, _excluded$E);
5325
+ p = _objectWithoutPropertiesLoose(_ref, _excluded$I);
5326
5326
  const t = useButtonTheme();
5327
5327
  const [hovered, setHovered] = useState(false);
5328
5328
  const [pressed, setPressed] = useState(false);
@@ -5472,7 +5472,7 @@ function IconButton(_ref8) {
5472
5472
  className,
5473
5473
  style
5474
5474
  } = _ref8,
5475
- p = _objectWithoutPropertiesLoose(_ref8, _excluded4$b);
5475
+ p = _objectWithoutPropertiesLoose(_ref8, _excluded4$c);
5476
5476
  const t = useButtonTheme();
5477
5477
  const [hovered, setHovered] = useState(false);
5478
5478
  const [pressed, setPressed] = useState(false);
@@ -5519,7 +5519,7 @@ function Button(_ref9) {
5519
5519
  let {
5520
5520
  variant = 'primary'
5521
5521
  } = _ref9,
5522
- props = _objectWithoutPropertiesLoose(_ref9, _excluded5$9);
5522
+ props = _objectWithoutPropertiesLoose(_ref9, _excluded5$c);
5523
5523
  switch (variant) {
5524
5524
  case 'secondary':
5525
5525
  return jsx(SecondaryButton, _extends({}, props));
@@ -5540,7 +5540,7 @@ function FloatingActionButton(_ref0) {
5540
5540
  className,
5541
5541
  style
5542
5542
  } = _ref0,
5543
- p = _objectWithoutPropertiesLoose(_ref0, _excluded6$7);
5543
+ p = _objectWithoutPropertiesLoose(_ref0, _excluded6$c);
5544
5544
  const t = useButtonTheme();
5545
5545
  const [hovered, setHovered] = useState(false);
5546
5546
  const [pressed, setPressed] = useState(false);
@@ -5607,7 +5607,7 @@ function ButtonGroup(_ref1) {
5607
5607
  className,
5608
5608
  style
5609
5609
  } = _ref1,
5610
- rest = _objectWithoutPropertiesLoose(_ref1, _excluded7$7);
5610
+ rest = _objectWithoutPropertiesLoose(_ref1, _excluded7$9);
5611
5611
  const t = useButtonTheme();
5612
5612
  const [activeIndex, setActiveIndex] = useState(null);
5613
5613
  const handleButtonClick = (index, originalOnClick) => {
@@ -5723,7 +5723,7 @@ function PrintButton(p) {
5723
5723
  }));
5724
5724
  }
5725
5725
 
5726
- const _excluded$D = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "children"];
5726
+ const _excluded$H = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "children"];
5727
5727
  function FormShell(props) {
5728
5728
  var _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
5729
5729
  const t = useFormsTheme();
@@ -5741,7 +5741,7 @@ function FormShell(props) {
5741
5741
  className = '',
5742
5742
  children
5743
5743
  } = props,
5744
- rest = _objectWithoutPropertiesLoose(props, _excluded$D);
5744
+ rest = _objectWithoutPropertiesLoose(props, _excluded$H);
5745
5745
  return jsx(Tag, _extends({
5746
5746
  className: className
5747
5747
  }, rest, {
@@ -5765,7 +5765,7 @@ function FormShell(props) {
5765
5765
  }));
5766
5766
  }
5767
5767
 
5768
- const _excluded$C = ["as", "label", "name", "type", "value", "defaultValue", "placeholder", "onChange", "helpText", "required", "error", "icon", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
5768
+ const _excluded$G = ["as", "label", "name", "type", "value", "defaultValue", "placeholder", "onChange", "helpText", "required", "error", "icon", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
5769
5769
  function InputField(props) {
5770
5770
  var _t$inputBg, _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
5771
5771
  const t = useFormsTheme();
@@ -5798,7 +5798,7 @@ function InputField(props) {
5798
5798
  style = {},
5799
5799
  className = ''
5800
5800
  } = props,
5801
- rest = _objectWithoutPropertiesLoose(props, _excluded$C);
5801
+ rest = _objectWithoutPropertiesLoose(props, _excluded$G);
5802
5802
  const [isFocused, setIsFocused] = useState(false);
5803
5803
  const [localValue, setLocalValue] = useState(defaultValue || '');
5804
5804
  const cur = value != null ? value : localValue;
@@ -5902,7 +5902,7 @@ function InputField(props) {
5902
5902
  }));
5903
5903
  }
5904
5904
 
5905
- const _excluded$B = ["as", "label", "name", "value", "defaultValue", "placeholder", "rows", "onChange", "showPreview", "maxLength", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
5905
+ const _excluded$F = ["as", "label", "name", "value", "defaultValue", "placeholder", "rows", "onChange", "showPreview", "maxLength", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
5906
5906
  function TextAreaField(props) {
5907
5907
  var _t$inputBg, _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
5908
5908
  const t = useFormsTheme();
@@ -5933,7 +5933,7 @@ function TextAreaField(props) {
5933
5933
  style = {},
5934
5934
  className = ''
5935
5935
  } = props,
5936
- rest = _objectWithoutPropertiesLoose(props, _excluded$B);
5936
+ rest = _objectWithoutPropertiesLoose(props, _excluded$F);
5937
5937
  const [local, setLocal] = useState(defaultValue != null ? defaultValue : '');
5938
5938
  const [isFocused, setIsFocused] = useState(false);
5939
5939
  const [previewVisible, setPreviewVisible] = useState(showPreview);
@@ -6064,7 +6064,7 @@ function TextAreaField(props) {
6064
6064
  }));
6065
6065
  }
6066
6066
 
6067
- const _excluded$A = ["as", "name", "options", "value", "defaultValue", "onChange", "label", "placeholder", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "selectSize", "style", "className"];
6067
+ const _excluded$E = ["as", "name", "options", "value", "defaultValue", "onChange", "label", "placeholder", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "selectSize", "style", "className"];
6068
6068
  function SelectDropdown(props) {
6069
6069
  var _t$inputBg, _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
6070
6070
  const t = useFormsTheme();
@@ -6093,7 +6093,7 @@ function SelectDropdown(props) {
6093
6093
  style = {},
6094
6094
  className = ''
6095
6095
  } = props,
6096
- rest = _objectWithoutPropertiesLoose(props, _excluded$A);
6096
+ rest = _objectWithoutPropertiesLoose(props, _excluded$E);
6097
6097
  const [local, setLocal] = useState(defaultValue != null ? defaultValue : '');
6098
6098
  const [isOpen, setIsOpen] = useState(false);
6099
6099
  const [isFocused, setIsFocused] = useState(false);
@@ -6241,7 +6241,7 @@ function SelectDropdown(props) {
6241
6241
  }));
6242
6242
  }
6243
6243
 
6244
- const _excluded$z = ["as", "name", "options", "value", "defaultValue", "onChange", "label", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "itemSize", "style", "className"];
6244
+ const _excluded$D = ["as", "name", "options", "value", "defaultValue", "onChange", "label", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "itemSize", "style", "className"];
6245
6245
  function RadioGroup(props) {
6246
6246
  var _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
6247
6247
  const t = useFormsTheme();
@@ -6268,7 +6268,7 @@ function RadioGroup(props) {
6268
6268
  style = {},
6269
6269
  className = ''
6270
6270
  } = props,
6271
- rest = _objectWithoutPropertiesLoose(props, _excluded$z);
6271
+ rest = _objectWithoutPropertiesLoose(props, _excluded$D);
6272
6272
  const [local, setLocal] = useState(defaultValue != null ? defaultValue : '');
6273
6273
  const current = value != null ? value : local;
6274
6274
  const safeOpts = Array.isArray(options) ? options : [];
@@ -6373,7 +6373,7 @@ function RadioGroup(props) {
6373
6373
  }));
6374
6374
  }
6375
6375
 
6376
- const _excluded$y = ["as", "label", "description", "checked", "defaultChecked", "onChange", "size", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "style", "className"];
6376
+ const _excluded$C = ["as", "label", "description", "checked", "defaultChecked", "onChange", "size", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "style", "className"];
6377
6377
  function ToggleSwitch(props) {
6378
6378
  var _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
6379
6379
  const t = useFormsTheme();
@@ -6399,7 +6399,7 @@ function ToggleSwitch(props) {
6399
6399
  style = {},
6400
6400
  className = ''
6401
6401
  } = props,
6402
- rest = _objectWithoutPropertiesLoose(props, _excluded$y);
6402
+ rest = _objectWithoutPropertiesLoose(props, _excluded$C);
6403
6403
  const [state, setState] = useState(!!defaultChecked);
6404
6404
  const isOn = checked != null ? checked : state;
6405
6405
  const toggle = () => {
@@ -6492,7 +6492,7 @@ function ToggleSwitch(props) {
6492
6492
  }));
6493
6493
  }
6494
6494
 
6495
- const _excluded$x = ["as", "label", "name", "mode", "value", "defaultValue", "onChange", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
6495
+ const _excluded$B = ["as", "label", "name", "mode", "value", "defaultValue", "onChange", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
6496
6496
  const ui$r = {
6497
6497
  white: '#ffffff',
6498
6498
  black: '#09090b',
@@ -6528,7 +6528,7 @@ function DateTimePicker(props) {
6528
6528
  style = {},
6529
6529
  className = ''
6530
6530
  } = props,
6531
- rest = _objectWithoutPropertiesLoose(props, _excluded$x);
6531
+ rest = _objectWithoutPropertiesLoose(props, _excluded$B);
6532
6532
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$r.white;
6533
6533
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$r.text;
6534
6534
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$r.black;
@@ -6644,7 +6644,7 @@ function DateTimePicker(props) {
6644
6644
  }));
6645
6645
  }
6646
6646
 
6647
- const _excluded$w = ["as", "multiple", "accept", "label", "onFiles", "maxSize", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className"];
6647
+ const _excluded$A = ["as", "multiple", "accept", "label", "onFiles", "maxSize", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className"];
6648
6648
  function FileUploader(props) {
6649
6649
  var _t$inputBg, _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
6650
6650
  const t = useFormsTheme();
@@ -6669,7 +6669,7 @@ function FileUploader(props) {
6669
6669
  style = {},
6670
6670
  className = ''
6671
6671
  } = props,
6672
- rest = _objectWithoutPropertiesLoose(props, _excluded$w);
6672
+ rest = _objectWithoutPropertiesLoose(props, _excluded$A);
6673
6673
  const [files, setFiles] = useState([]);
6674
6674
  const [isDragging, setIsDragging] = useState(false);
6675
6675
  const inputRef = useRef(null);
@@ -6860,7 +6860,7 @@ function FileUploader(props) {
6860
6860
  }));
6861
6861
  }
6862
6862
 
6863
- const _excluded$v = ["as", "title", "onSubmit", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "labelSize", "inputSize", "style", "className"];
6863
+ const _excluded$z = ["as", "title", "onSubmit", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "labelSize", "inputSize", "style", "className"];
6864
6864
  const ui$q = {
6865
6865
  white: '#ffffff',
6866
6866
  black: '#09090b',
@@ -6895,7 +6895,7 @@ function ContactForm(props) {
6895
6895
  style = {},
6896
6896
  className = ''
6897
6897
  } = props,
6898
- rest = _objectWithoutPropertiesLoose(props, _excluded$v);
6898
+ rest = _objectWithoutPropertiesLoose(props, _excluded$z);
6899
6899
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$q.white;
6900
6900
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$q.text;
6901
6901
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$q.black;
@@ -7186,7 +7186,7 @@ function ContactForm(props) {
7186
7186
  }));
7187
7187
  }
7188
7188
 
7189
- const _excluded$u = ["as", "title", "subtitle", "onSubmit", "buttonText", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "subtitleSize", "inputSize", "style", "className"];
7189
+ const _excluded$y = ["as", "title", "subtitle", "onSubmit", "buttonText", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "subtitleSize", "inputSize", "style", "className"];
7190
7190
  const ui$p = {
7191
7191
  white: '#ffffff',
7192
7192
  black: '#09090b',
@@ -7223,7 +7223,7 @@ function NewsletterSignup(props) {
7223
7223
  style = {},
7224
7224
  className = ''
7225
7225
  } = props,
7226
- rest = _objectWithoutPropertiesLoose(props, _excluded$u);
7226
+ rest = _objectWithoutPropertiesLoose(props, _excluded$y);
7227
7227
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$p.white;
7228
7228
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$p.text;
7229
7229
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$p.black;
@@ -7447,7 +7447,7 @@ function NewsletterSignup(props) {
7447
7447
  }));
7448
7448
  }
7449
7449
 
7450
- const _excluded$t = ["as", "steps", "onFinish", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "descSize", "navBtnSize", "style", "className"];
7450
+ const _excluded$x = ["as", "steps", "onFinish", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "descSize", "navBtnSize", "style", "className"];
7451
7451
  const ui$o = {
7452
7452
  white: '#ffffff',
7453
7453
  black: '#09090b',
@@ -7482,7 +7482,7 @@ function MultiStepWizard(props) {
7482
7482
  style = {},
7483
7483
  className = ''
7484
7484
  } = props,
7485
- rest = _objectWithoutPropertiesLoose(props, _excluded$t);
7485
+ rest = _objectWithoutPropertiesLoose(props, _excluded$x);
7486
7486
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$o.white;
7487
7487
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$o.text;
7488
7488
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$o.black;
@@ -7729,7 +7729,7 @@ function MultiStepWizard(props) {
7729
7729
  }));
7730
7730
  }
7731
7731
 
7732
- const _excluded$s = ["as", "mode", "label", "onVerify", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "style", "className"];
7732
+ const _excluded$w = ["as", "mode", "label", "onVerify", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "style", "className"];
7733
7733
  const ui$n = {
7734
7734
  white: '#ffffff',
7735
7735
  black: '#09090b',
@@ -7764,7 +7764,7 @@ function Captcha(props) {
7764
7764
  style = {},
7765
7765
  className = ''
7766
7766
  } = props,
7767
- rest = _objectWithoutPropertiesLoose(props, _excluded$s);
7767
+ rest = _objectWithoutPropertiesLoose(props, _excluded$w);
7768
7768
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$n.white;
7769
7769
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$n.text;
7770
7770
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$n.black;
@@ -7956,7 +7956,7 @@ function Captcha(props) {
7956
7956
  }));
7957
7957
  }
7958
7958
 
7959
- const _excluded$r = ["as", "label", "name", "suggestions", "onQuery", "placeholder", "onSelect", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
7959
+ const _excluded$v = ["as", "label", "name", "suggestions", "onQuery", "placeholder", "onSelect", "bgColor", "textColor", "accentColor", "borderColor", "inputBg", "fontFamily", "maxW", "px", "py", "radius", "gap", "labelSize", "inputSize", "style", "className"];
7960
7960
  const ui$m = {
7961
7961
  white: '#ffffff',
7962
7962
  black: '#09090b',
@@ -7994,7 +7994,7 @@ function AddressAutocomplete(props) {
7994
7994
  style = {},
7995
7995
  className = ''
7996
7996
  } = props,
7997
- rest = _objectWithoutPropertiesLoose(props, _excluded$r);
7997
+ rest = _objectWithoutPropertiesLoose(props, _excluded$v);
7998
7998
  const bg = (_ref = bgColor != null ? bgColor : t.bgColor) != null ? _ref : ui$m.white;
7999
7999
  const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$m.text;
8000
8000
  const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$m.black;
@@ -8169,7 +8169,7 @@ function AddressAutocomplete(props) {
8169
8169
  }));
8170
8170
  }
8171
8171
 
8172
- const _excluded$q = ["as", "errors", "title", "children", "success", "successMessage", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "style", "className"];
8172
+ const _excluded$u = ["as", "errors", "title", "children", "success", "successMessage", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "titleSize", "style", "className"];
8173
8173
  function ValidationWrapper(props) {
8174
8174
  var _t$maxW, _t$px, _t$py, _t$cardRadius, _t$gap;
8175
8175
  const t = useFormsTheme();
@@ -8194,7 +8194,7 @@ function ValidationWrapper(props) {
8194
8194
  style = {},
8195
8195
  className = ''
8196
8196
  } = props,
8197
- rest = _objectWithoutPropertiesLoose(props, _excluded$q);
8197
+ rest = _objectWithoutPropertiesLoose(props, _excluded$u);
8198
8198
  const safeErrors = Array.isArray(errors) ? errors : [];
8199
8199
  const hasErrors = safeErrors.length > 0;
8200
8200
  const showSuccess = success && !hasErrors;
@@ -8329,7 +8329,7 @@ function ValidationWrapper(props) {
8329
8329
  }));
8330
8330
  }
8331
8331
 
8332
- const _excluded$p = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "quote", "author", "role", "avatarUrl", "borderColor", "quoteSize", "authorSize", "accentColor"];
8332
+ const _excluded$t = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "quote", "author", "role", "avatarUrl", "borderColor", "quoteSize", "authorSize", "accentColor"];
8333
8333
  const ui$l = {
8334
8334
  white: '#ffffff',
8335
8335
  black: '#09090b',
@@ -8360,7 +8360,7 @@ function BlockquoteTestimonial(_ref) {
8360
8360
  authorSize = 14,
8361
8361
  accentColor
8362
8362
  } = _ref,
8363
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$p);
8363
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$t);
8364
8364
  const t = useContentTheme();
8365
8365
  const bg = (_ref2 = bgColor != null ? bgColor : t.cardBg) != null ? _ref2 : ui$l.white;
8366
8366
  const fg = (_ref3 = textColor != null ? textColor : t.textColor) != null ? _ref3 : ui$l.text;
@@ -8479,7 +8479,7 @@ function BlockquoteTestimonial(_ref) {
8479
8479
  }));
8480
8480
  }
8481
8481
 
8482
- const _excluded$o = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "variant", "title", "message", "icon", "titleSize", "messageSize", "border", "dismissible", "onDismiss", "children"];
8482
+ const _excluded$s = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "variant", "title", "message", "icon", "titleSize", "messageSize", "border", "dismissible", "onDismiss", "children"];
8483
8483
  const ui$k = {
8484
8484
  black: '#09090b',
8485
8485
  muted: '#71717a',
@@ -8540,7 +8540,7 @@ function CalloutBox(_ref) {
8540
8540
  onDismiss,
8541
8541
  children
8542
8542
  } = _ref,
8543
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$o);
8543
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$s);
8544
8544
  const t = useContentTheme();
8545
8545
  const ff = fontFamily != null ? fontFamily : t.fontFamily;
8546
8546
  const [isDismissed, setIsDismissed] = useState(false);
@@ -8671,7 +8671,7 @@ function CalloutBox(_ref) {
8671
8671
  }));
8672
8672
  }
8673
8673
 
8674
- const _excluded$n = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "eyebrow", "title", "subtitle", "align", "eyebrowSize", "titleSize", "subtitleSize", "spacing", "accentColor", "showDecoration"];
8674
+ const _excluded$r = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "eyebrow", "title", "subtitle", "align", "eyebrowSize", "titleSize", "subtitleSize", "spacing", "accentColor", "showDecoration"];
8675
8675
  const ui$j = {
8676
8676
  white: '#ffffff',
8677
8677
  black: '#09090b',
@@ -8704,7 +8704,7 @@ function HeadingSection(_ref) {
8704
8704
  accentColor,
8705
8705
  showDecoration = true
8706
8706
  } = _ref,
8707
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
8707
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$r);
8708
8708
  const t = useContentTheme();
8709
8709
  const bg = (_ref2 = bgColor != null ? bgColor : t.cardBg) != null ? _ref2 : ui$j.white;
8710
8710
  const fg = (_ref3 = textColor != null ? textColor : t.textColor) != null ? _ref3 : ui$j.text;
@@ -8801,6 +8801,7 @@ function HeadingSection(_ref) {
8801
8801
  }));
8802
8802
  }
8803
8803
 
8804
+ const _excluded$q = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "text", "codeBg", "codeColor", "codePx", "codeRadius", "size", "accentColor", "copyable", "children"];
8804
8805
  const ui$i = {
8805
8806
  white: '#ffffff',
8806
8807
  black: '#09090b',
@@ -8809,34 +8810,36 @@ const ui$i = {
8809
8810
  surface: '#fafafa',
8810
8811
  surfaceHover: '#f4f4f5'
8811
8812
  };
8812
- function InlineCodeText({
8813
- as: Tag = 'section',
8814
- bgColor,
8815
- textColor,
8816
- fontFamily,
8817
- maxW = 900,
8818
- px = 24,
8819
- py = 24,
8820
- radius = 16,
8821
- gap = 16,
8822
- style = {},
8823
- className = '',
8824
- text = 'Use the `npm install` command to install packages. Then run `npm start` to begin.',
8825
- codeBg,
8826
- codeColor,
8827
- codePx = '4px 8px',
8828
- codeRadius = 6,
8829
- size = 16,
8830
- accentColor,
8831
- copyable = true,
8832
- children
8833
- }) {
8834
- var _ref, _ref2, _ref3, _t$borderColor;
8813
+ function InlineCodeText(_ref) {
8814
+ var _ref2, _ref3, _ref4, _t$borderColor;
8815
+ let {
8816
+ as: Tag = 'section',
8817
+ bgColor,
8818
+ textColor,
8819
+ fontFamily,
8820
+ maxW = 900,
8821
+ px = 24,
8822
+ py = 24,
8823
+ radius = 16,
8824
+ gap = 16,
8825
+ style = {},
8826
+ className = '',
8827
+ text = 'Use the `npm install` command to install packages. Then run `npm start` to begin.',
8828
+ codeBg,
8829
+ codeColor,
8830
+ codePx = '4px 8px',
8831
+ codeRadius = 6,
8832
+ size = 16,
8833
+ accentColor,
8834
+ copyable = true,
8835
+ children
8836
+ } = _ref,
8837
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$q);
8835
8838
  const t = useContentTheme();
8836
- const bg = (_ref = bgColor != null ? bgColor : t.cardBg) != null ? _ref : ui$i.white;
8837
- const fg = (_ref2 = textColor != null ? textColor : t.textColor) != null ? _ref2 : ui$i.text;
8839
+ const bg = (_ref2 = bgColor != null ? bgColor : t.cardBg) != null ? _ref2 : ui$i.white;
8840
+ const fg = (_ref3 = textColor != null ? textColor : t.textColor) != null ? _ref3 : ui$i.text;
8838
8841
  const ff = fontFamily != null ? fontFamily : t.fontFamily;
8839
- const accent = (_ref3 = accentColor != null ? accentColor : t.accentColor) != null ? _ref3 : ui$i.black;
8842
+ const accent = (_ref4 = accentColor != null ? accentColor : t.accentColor) != null ? _ref4 : ui$i.black;
8840
8843
  const border = (_t$borderColor = t.borderColor) != null ? _t$borderColor : ui$i.border;
8841
8844
  const effectiveText = (typeof children === 'string' ? children : '') || text || '';
8842
8845
  const [copied, setCopied] = useState(false);
@@ -8857,7 +8860,7 @@ function InlineCodeText({
8857
8860
  setTimeout(() => setCopied(false), 2000);
8858
8861
  }
8859
8862
  };
8860
- return jsx(Tag, {
8863
+ return jsx(Tag, _extends({
8861
8864
  className: className,
8862
8865
  style: _extends({
8863
8866
  background: bg,
@@ -8871,7 +8874,8 @@ function InlineCodeText({
8871
8874
  justifyItems: 'start',
8872
8875
  placeItems: 'start',
8873
8876
  boxShadow: '0 1px 2px rgba(9, 9, 11, 0.04)'
8874
- }, style),
8877
+ }, style)
8878
+ }, rest, {
8875
8879
  children: jsxs("div", {
8876
8880
  style: {
8877
8881
  width: '100%',
@@ -8940,10 +8944,10 @@ function InlineCodeText({
8940
8944
  })]
8941
8945
  })]
8942
8946
  })
8943
- });
8947
+ }));
8944
8948
  }
8945
8949
 
8946
- const _excluded$m = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "paragraphs", "size", "leading", "align", "accentColor", "showDropCap", "title", "children"];
8950
+ const _excluded$p = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "paragraphs", "size", "leading", "align", "accentColor", "showDropCap", "title", "children"];
8947
8951
  const ui$h = {
8948
8952
  white: '#ffffff',
8949
8953
  black: '#09090b',
@@ -8976,7 +8980,7 @@ function ParagraphBlock(_ref) {
8976
8980
  title,
8977
8981
  children
8978
8982
  } = _ref,
8979
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
8983
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$p);
8980
8984
  const t = useContentTheme();
8981
8985
  const bg = (_ref2 = bgColor != null ? bgColor : t.cardBg) != null ? _ref2 : ui$h.white;
8982
8986
  const fg = (_ref3 = textColor != null ? textColor : t.textColor) != null ? _ref3 : ui$h.text;
@@ -9101,7 +9105,7 @@ function ParagraphBlock(_ref) {
9101
9105
  }));
9102
9106
  }
9103
9107
 
9104
- const _excluded$l = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "markdown", "content", "baseSize", "accentColor", "title"];
9108
+ const _excluded$o = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "markdown", "content", "baseSize", "accentColor", "title"];
9105
9109
  /* ── miniMarkdownToHtml ─────────────────────────────────── */
9106
9110
  function miniMarkdownToHtml(md, accent) {
9107
9111
  let html = md;
@@ -9156,7 +9160,7 @@ function RichMarkdown(_ref) {
9156
9160
  accentColor,
9157
9161
  title
9158
9162
  } = _ref,
9159
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
9163
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$o);
9160
9164
  const t = useContentTheme();
9161
9165
  const bg = (_ref2 = bgColor != null ? bgColor : t.cardBg) != null ? _ref2 : ui$g.white;
9162
9166
  const fg = (_ref3 = textColor != null ? textColor : t.textColor) != null ? _ref3 : ui$g.text;
@@ -9238,7 +9242,7 @@ function RichMarkdown(_ref) {
9238
9242
  }));
9239
9243
  }
9240
9244
 
9241
- const _excluded$k = ["members", "columns", "title", "subtitle", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
9245
+ const _excluded$n = ["members", "columns", "title", "subtitle", "bgColor", "textColor", "accentColor", "borderColor", "fontFamily", "className", "style"];
9242
9246
  const ui$f = {
9243
9247
  white: '#ffffff',
9244
9248
  black: '#09090b',
@@ -9261,7 +9265,7 @@ function TeamGrid(_ref) {
9261
9265
  className,
9262
9266
  style
9263
9267
  } = _ref,
9264
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
9268
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$n);
9265
9269
  const t = useContentTheme();
9266
9270
  const bg = (_ref2 = bgColor != null ? bgColor : t.bgColor) != null ? _ref2 : ui$f.white;
9267
9271
  const fg = (_ref3 = textColor != null ? textColor : t.textColor) != null ? _ref3 : ui$f.text;
@@ -9419,7 +9423,7 @@ function TeamGrid(_ref) {
9419
9423
  }));
9420
9424
  }
9421
9425
 
9422
- const _excluded$j = ["children", "label", "tone", "pill", "className", "style"];
9426
+ const _excluded$m = ["children", "label", "tone", "pill", "className", "style"];
9423
9427
  const toneStyles = {
9424
9428
  neutral: {
9425
9429
  bg: '#ffffff',
@@ -9462,7 +9466,7 @@ function Badge(_ref) {
9462
9466
  className,
9463
9467
  style
9464
9468
  } = _ref,
9465
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
9469
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$m);
9466
9470
  const t = useDataDisplayTheme();
9467
9471
  const [hovered, setHovered] = useState(false);
9468
9472
  const s = toneStyles[tone];
@@ -9502,7 +9506,7 @@ function Badge(_ref) {
9502
9506
  }));
9503
9507
  }
9504
9508
 
9505
- const _excluded$i = ["items", "badges", "tone", "title", "className", "style"];
9509
+ const _excluded$l = ["items", "badges", "tone", "title", "className", "style"];
9506
9510
  function BadgeGroup(_ref) {
9507
9511
  var _ref2, _t$spacing2, _t$cardBg2, _t$cardRadius2, _t$cardBorder2, _t$textColor2, _t$headingSize;
9508
9512
  let {
@@ -9513,7 +9517,7 @@ function BadgeGroup(_ref) {
9513
9517
  className,
9514
9518
  style
9515
9519
  } = _ref,
9516
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
9520
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$l);
9517
9521
  const t = useDataDisplayTheme();
9518
9522
  const effectiveItems = (_ref2 = badges != null ? badges : items) != null ? _ref2 : [];
9519
9523
  const safeItems = Array.isArray(effectiveItems) ? effectiveItems : [];
@@ -9587,7 +9591,7 @@ function BadgeGroup(_ref) {
9587
9591
  }));
9588
9592
  }
9589
9593
 
9590
- const _excluded$h = ["data", "labels", "width", "height", "title", "showGrid", "padding", "barRadius", "className", "style"];
9594
+ const _excluded$k = ["data", "labels", "width", "height", "title", "showGrid", "padding", "barRadius", "className", "style"];
9591
9595
  const ui$e = {
9592
9596
  white: '#ffffff',
9593
9597
  black: '#09090b',
@@ -9611,7 +9615,7 @@ function BarChart(_ref) {
9611
9615
  className,
9612
9616
  style
9613
9617
  } = _ref,
9614
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
9618
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$k);
9615
9619
  const t = useDataDisplayTheme();
9616
9620
  const uid = useId();
9617
9621
  const [hoveredIndex, setHoveredIndex] = useState(null);
@@ -9816,7 +9820,7 @@ function BarChart(_ref) {
9816
9820
  }));
9817
9821
  }
9818
9822
 
9819
- const _excluded$g = ["year", "month", "startOn", "marks", "title", "onDateClick", "className", "style"];
9823
+ const _excluded$j = ["year", "month", "startOn", "marks", "title", "onDateClick", "className", "style"];
9820
9824
  const ui$d = {
9821
9825
  white: '#ffffff',
9822
9826
  black: '#09090b',
@@ -9838,7 +9842,7 @@ function CalendarGrid(_ref) {
9838
9842
  className,
9839
9843
  style
9840
9844
  } = _ref,
9841
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
9845
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$j);
9842
9846
  const t = useDataDisplayTheme();
9843
9847
  const accent = (_t$accentColor = t.accentColor) != null ? _t$accentColor : ui$d.black;
9844
9848
  const fg = (_t$textColor = t.textColor) != null ? _t$textColor : ui$d.text;
@@ -10001,7 +10005,7 @@ function CalendarGrid(_ref) {
10001
10005
  }
10002
10006
 
10003
10007
  /* eslint-disable @typescript-eslint/no-explicit-any */
10004
- const _excluded$f = ["columns", "rows", "pageSize", "zebra", "compact", "caption", "initialSort", "searchable", "className", "style"];
10008
+ const _excluded$i = ["columns", "rows", "pageSize", "zebra", "compact", "caption", "initialSort", "searchable", "className", "style"];
10005
10009
  const ui$c = {
10006
10010
  white: '#ffffff',
10007
10011
  black: '#09090b',
@@ -10026,7 +10030,7 @@ function DataTable(_ref) {
10026
10030
  className,
10027
10031
  style
10028
10032
  } = _ref,
10029
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
10033
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$i);
10030
10034
  const t = useDataDisplayTheme();
10031
10035
  const accent = (_t$accentColor = t.accentColor) != null ? _t$accentColor : ui$c.black;
10032
10036
  const fg = (_t$textColor = t.textColor) != null ? _t$textColor : ui$c.text;
@@ -10404,7 +10408,7 @@ function DataTable(_ref) {
10404
10408
  }));
10405
10409
  }
10406
10410
 
10407
- const _excluded$e = ["data", "labels", "width", "height", "title", "showGrid", "padding", "className", "style"];
10411
+ const _excluded$h = ["data", "labels", "width", "height", "title", "showGrid", "padding", "className", "style"];
10408
10412
  const ui$b = {
10409
10413
  white: '#ffffff',
10410
10414
  black: '#09090b',
@@ -10427,7 +10431,7 @@ function LineChart(_ref) {
10427
10431
  className,
10428
10432
  style
10429
10433
  } = _ref,
10430
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
10434
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$h);
10431
10435
  const t = useDataDisplayTheme();
10432
10436
  const uid = useId();
10433
10437
  const [hoveredIndex, setHoveredIndex] = useState(null);
@@ -10664,7 +10668,7 @@ function LineChart(_ref) {
10664
10668
  }));
10665
10669
  }
10666
10670
 
10667
- const _excluded$d = ["data", "labels", "width", "height", "title", "className", "style"];
10671
+ const _excluded$g = ["data", "labels", "width", "height", "title", "className", "style"];
10668
10672
  const PIE_COLORS = ['#09090b', '#3f3f46', '#71717a', '#a1a1aa', '#d4d4d8', '#52525b', '#27272a', '#18181b'];
10669
10673
  const ui$a = {
10670
10674
  white: '#ffffff',
@@ -10686,7 +10690,7 @@ function PieChart(_ref) {
10686
10690
  className,
10687
10691
  style
10688
10692
  } = _ref,
10689
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
10693
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
10690
10694
  const t = useDataDisplayTheme();
10691
10695
  const [hoveredIndex, setHoveredIndex] = useState(null);
10692
10696
  const fg = (_t$textColor = t.textColor) != null ? _t$textColor : ui$a.text;
@@ -10909,7 +10913,7 @@ function PieChart(_ref) {
10909
10913
  }));
10910
10914
  }
10911
10915
 
10912
- const _excluded$c = ["value", "showLabel", "height", "rounded", "label", "showTrend", "previousValue", "className", "style"];
10916
+ const _excluded$f = ["value", "showLabel", "height", "rounded", "label", "showTrend", "previousValue", "className", "style"];
10913
10917
  const ui$9 = {
10914
10918
  black: '#09090b',
10915
10919
  text: '#18181b',
@@ -10932,7 +10936,7 @@ function ProgressBar(_ref) {
10932
10936
  className,
10933
10937
  style
10934
10938
  } = _ref,
10935
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
10939
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
10936
10940
  const t = useDataDisplayTheme();
10937
10941
  const accent = (_t$accentColor = t.accentColor) != null ? _t$accentColor : ui$9.black;
10938
10942
  const fg = (_t$textColor = t.textColor) != null ? _t$textColor : ui$9.text;
@@ -11048,6 +11052,7 @@ function ProgressBar(_ref) {
11048
11052
  }));
11049
11053
  }
11050
11054
 
11055
+ const _excluded$e = ["value", "outOf", "size", "showValue", "interactive", "onChange", "style", "className"];
11051
11056
  const STAR_PATH = 'M12 .587l3.668 7.431 8.2 1.192-5.934 5.786 1.402 8.167L12 18.896l-7.336 3.867 1.402-8.167L.132 9.21l8.2-1.192z';
11052
11057
  const ui$8 = {
11053
11058
  text: '#18181b',
@@ -11115,15 +11120,19 @@ function Star({
11115
11120
  })
11116
11121
  });
11117
11122
  }
11118
- function RatingStars({
11119
- value = 0,
11120
- outOf = 5,
11121
- size = 20,
11122
- showValue = true,
11123
- interactive = false,
11124
- onChange
11125
- }) {
11123
+ function RatingStars(_ref) {
11126
11124
  var _t$textColor, _t$gridColor;
11125
+ let {
11126
+ value = 0,
11127
+ outOf = 5,
11128
+ size = 20,
11129
+ showValue = true,
11130
+ interactive = false,
11131
+ onChange,
11132
+ style = {},
11133
+ className = ''
11134
+ } = _ref,
11135
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
11127
11136
  const t = useDataDisplayTheme();
11128
11137
  const fg = (_t$textColor = t.textColor) != null ? _t$textColor : ui$8.text;
11129
11138
  const grid = (_t$gridColor = t.gridColor) != null ? _t$gridColor : ui$8.border;
@@ -11137,13 +11146,15 @@ function RatingStars({
11137
11146
  const handleHover = v => setHoverValue(v);
11138
11147
  const handleLeave = () => {};
11139
11148
  const handleClick = v => onChange == null ? undefined : onChange(v);
11140
- return jsxs("div", {
11141
- style: {
11149
+ return jsxs("div", _extends({
11150
+ style: _extends({
11142
11151
  display: 'flex',
11143
11152
  alignItems: 'center',
11144
11153
  gap: 8,
11145
11154
  fontFamily: t.fontFamily
11146
- },
11155
+ }, style),
11156
+ className: className
11157
+ }, rest, {
11147
11158
  onMouseLeave: () => setHoverValue(null),
11148
11159
  children: [jsxs("div", {
11149
11160
  style: {
@@ -11206,9 +11217,10 @@ function RatingStars({
11206
11217
  children: ["/ ", outOf]
11207
11218
  })]
11208
11219
  })]
11209
- });
11220
+ }));
11210
11221
  }
11211
11222
 
11223
+ const _excluded$d = ["data", "width", "height", "style", "className"];
11212
11224
  const ui$7 = {
11213
11225
  white: '#ffffff',
11214
11226
  text: '#18181b',
@@ -11218,20 +11230,24 @@ const ui$7 = {
11218
11230
  success: '#16a34a',
11219
11231
  danger: '#dc2626'
11220
11232
  };
11221
- function Sparkline({
11222
- data = [],
11223
- width = 160,
11224
- height = 48
11225
- }) {
11233
+ function Sparkline(_ref) {
11226
11234
  var _t$textColor, _t$bgColor, _safeData$, _safeData;
11235
+ let {
11236
+ data = [],
11237
+ width = 160,
11238
+ height = 48,
11239
+ style = {},
11240
+ className = ''
11241
+ } = _ref,
11242
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
11227
11243
  const t = useDataDisplayTheme();
11228
11244
  const uid = useId();
11229
11245
  const fg = (_t$textColor = t.textColor) != null ? _t$textColor : ui$7.text;
11230
11246
  const bg = (_t$bgColor = t.bgColor) != null ? _t$bgColor : ui$7.white;
11231
11247
  const safeData = Array.isArray(data) ? data : [];
11232
11248
  if (safeData.length === 0) {
11233
- return jsx("div", {
11234
- style: {
11249
+ return jsx("div", _extends({
11250
+ style: _extends({
11235
11251
  width,
11236
11252
  height,
11237
11253
  display: 'flex',
@@ -11241,13 +11257,15 @@ function Sparkline({
11241
11257
  background: ui$7.surface,
11242
11258
  border: `1px solid ${ui$7.border}`,
11243
11259
  borderRadius: 10
11244
- },
11260
+ }, style),
11261
+ className: className
11262
+ }, rest, {
11245
11263
  children: jsx(Icon, {
11246
11264
  name: "activity",
11247
11265
  size: 18,
11248
11266
  color: ui$7.muted
11249
11267
  })
11250
- });
11268
+ }));
11251
11269
  }
11252
11270
  const max = Math.max(1, ...safeData);
11253
11271
  const min = Math.min(0, ...safeData);
@@ -11265,11 +11283,13 @@ function Sparkline({
11265
11283
  const lastVal = (_safeData = safeData[safeData.length - 1]) != null ? _safeData : 0;
11266
11284
  const trendUp = lastVal >= firstVal;
11267
11285
  const trendColor = trendUp ? ui$7.success : ui$7.danger;
11268
- return jsxs("div", {
11269
- style: {
11286
+ return jsxs("div", _extends({
11287
+ style: _extends({
11270
11288
  position: 'relative',
11271
11289
  display: 'inline-block'
11272
- },
11290
+ }, style),
11291
+ className: className
11292
+ }, rest, {
11273
11293
  children: [jsxs("svg", {
11274
11294
  width: width,
11275
11295
  height: height,
@@ -11329,9 +11349,10 @@ function Sparkline({
11329
11349
  },
11330
11350
  children: [trendUp ? '↑' : '↓', " ", lastVal]
11331
11351
  })]
11332
- });
11352
+ }));
11333
11353
  }
11334
11354
 
11355
+ const _excluded$c = ["items", "style", "className"];
11335
11356
  const ui$6 = {
11336
11357
  white: '#ffffff',
11337
11358
  black: '#09090b',
@@ -11480,10 +11501,14 @@ function TimelineEntry({
11480
11501
  })]
11481
11502
  });
11482
11503
  }
11483
- function Timeline({
11484
- items = []
11485
- }) {
11504
+ function Timeline(_ref) {
11486
11505
  var _t$accentColor, _t$textColor2, _t$gridColor;
11506
+ let {
11507
+ items = [],
11508
+ style = {},
11509
+ className = ''
11510
+ } = _ref,
11511
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
11487
11512
  const t = useDataDisplayTheme();
11488
11513
  const accent = (_t$accentColor = t.accentColor) != null ? _t$accentColor : ui$6.black;
11489
11514
  const fg = (_t$textColor2 = t.textColor) != null ? _t$textColor2 : ui$6.text;
@@ -11491,8 +11516,8 @@ function Timeline({
11491
11516
  const safeItems = Array.isArray(items) ? items : [];
11492
11517
  if (safeItems.length === 0) {
11493
11518
  var _t$cardBg, _t$cardRadius, _t$cardBorder, _t$bodySize2;
11494
- return jsxs("div", {
11495
- style: {
11519
+ return jsxs("div", _extends({
11520
+ style: _extends({
11496
11521
  padding: 28,
11497
11522
  background: (_t$cardBg = t.cardBg) != null ? _t$cardBg : ui$6.white,
11498
11523
  borderRadius: (_t$cardRadius = t.cardRadius) != null ? _t$cardRadius : 12,
@@ -11501,7 +11526,9 @@ function Timeline({
11501
11526
  fontFamily: t.fontFamily,
11502
11527
  textAlign: 'center',
11503
11528
  boxShadow: '0 1px 2px rgba(9, 9, 11, 0.04)'
11504
- },
11529
+ }, style),
11530
+ className: className
11531
+ }, rest, {
11505
11532
  children: [jsx("div", {
11506
11533
  style: {
11507
11534
  width: 42,
@@ -11526,15 +11553,17 @@ function Timeline({
11526
11553
  },
11527
11554
  children: "No timeline items"
11528
11555
  })]
11529
- });
11556
+ }));
11530
11557
  }
11531
- return jsxs("div", {
11532
- style: {
11558
+ return jsxs("div", _extends({
11559
+ style: _extends({
11533
11560
  position: 'relative',
11534
11561
  paddingLeft: 32,
11535
11562
  color: fg,
11536
11563
  fontFamily: t.fontFamily
11537
- },
11564
+ }, style),
11565
+ className: className
11566
+ }, rest, {
11538
11567
  children: [jsx("div", {
11539
11568
  style: {
11540
11569
  position: 'absolute',
@@ -11550,19 +11579,19 @@ function Timeline({
11550
11579
  item: it,
11551
11580
  isLast: i === safeItems.length - 1
11552
11581
  }, it.id))]
11553
- });
11582
+ }));
11554
11583
  }
11555
11584
 
11556
11585
  const _excluded$b = ["items", "currency", "onQtyChange", "onRemove", "onCheckout", "open", "width", "className", "style"],
11557
11586
  _excluded2$b = ["items", "currency", "onCheckout", "className", "style"],
11558
11587
  _excluded3$b = ["orderId", "status", "lines", "subtotal", "shipping", "tax", "total", "currency", "shippingAddress", "estimatedDelivery", "className", "style"],
11559
- _excluded4$a = ["product", "currency", "onAddToCart", "onWishlist", "className", "style"],
11560
- _excluded5$8 = ["products", "currency", "columns", "onAddToCart", "onWishlist", "className", "style"],
11561
- _excluded6$6 = ["product", "description", "images", "variants", "currency", "onAddToCart", "className", "style"],
11562
- _excluded7$6 = ["groups", "selected", "onChange", "className", "style"],
11563
- _excluded8$4 = ["productId", "label", "onAdd", "disabled", "className", "style"],
11564
- _excluded9$3 = ["productId", "wishlisted", "onToggle", "className", "style"],
11565
- _excluded0$1 = ["onPay", "methods", "className", "style"];
11588
+ _excluded4$b = ["product", "currency", "onAddToCart", "onWishlist", "className", "style"],
11589
+ _excluded5$b = ["products", "currency", "columns", "onAddToCart", "onWishlist", "className", "style"],
11590
+ _excluded6$b = ["product", "description", "images", "variants", "currency", "onAddToCart", "className", "style"],
11591
+ _excluded7$8 = ["groups", "selected", "onChange", "className", "style"],
11592
+ _excluded8$6 = ["productId", "label", "onAdd", "disabled", "className", "style"],
11593
+ _excluded9$4 = ["productId", "wishlisted", "onToggle", "className", "style"],
11594
+ _excluded0$2 = ["onPay", "methods", "className", "style"];
11566
11595
  /* ── helpers ────────────────────────────────────────────── */
11567
11596
  const ui$5 = {
11568
11597
  white: '#ffffff',
@@ -12293,7 +12322,7 @@ function ProductCard(_ref4) {
12293
12322
  className,
12294
12323
  style
12295
12324
  } = _ref4,
12296
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$a);
12325
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$b);
12297
12326
  const e = useEcom();
12298
12327
  const [hovered, setHovered] = useState(false);
12299
12328
  const discount = product.originalPrice ? Math.round((1 - product.price / product.originalPrice) * 100) : 0;
@@ -12463,7 +12492,7 @@ function ProductGrid(_ref5) {
12463
12492
  className,
12464
12493
  style
12465
12494
  } = _ref5,
12466
- rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$8);
12495
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$b);
12467
12496
  const e = useEcom();
12468
12497
  const safe = Array.isArray(products) ? products : [];
12469
12498
  if (safe.length === 0) return jsx("div", _extends({
@@ -12504,7 +12533,7 @@ function ProductDetail(_ref6) {
12504
12533
  className,
12505
12534
  style
12506
12535
  } = _ref6,
12507
- rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$6);
12536
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$b);
12508
12537
  const e = useEcom();
12509
12538
  const [mainImg, setMainImg] = useState(0);
12510
12539
  const allImages = images != null && images.length ? images : [product.image];
@@ -12682,7 +12711,7 @@ function VariantSelector(_ref7) {
12682
12711
  className,
12683
12712
  style
12684
12713
  } = _ref7,
12685
- rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$6);
12714
+ rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$8);
12686
12715
  const e = useEcom();
12687
12716
  return jsx("div", _extends({
12688
12717
  className: className,
@@ -12738,7 +12767,7 @@ function QuickAddButton(_ref8) {
12738
12767
  className,
12739
12768
  style
12740
12769
  } = _ref8,
12741
- rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$4);
12770
+ rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$6);
12742
12771
  const e = useEcom();
12743
12772
  const [added, setAdded] = useState(false);
12744
12773
  const handleClick = () => {
@@ -12784,7 +12813,7 @@ function WishlistButton(_ref9) {
12784
12813
  className,
12785
12814
  style
12786
12815
  } = _ref9,
12787
- rest = _objectWithoutPropertiesLoose(_ref9, _excluded9$3);
12816
+ rest = _objectWithoutPropertiesLoose(_ref9, _excluded9$4);
12788
12817
  const e = useEcom();
12789
12818
  const [active, setActive] = useState(wishlisted);
12790
12819
  const toggle = () => {
@@ -12822,7 +12851,7 @@ function PaymentButtons(_ref0) {
12822
12851
  className,
12823
12852
  style
12824
12853
  } = _ref0,
12825
- rest = _objectWithoutPropertiesLoose(_ref0, _excluded0$1);
12854
+ rest = _objectWithoutPropertiesLoose(_ref0, _excluded0$2);
12826
12855
  const e = useEcom();
12827
12856
  return jsx("div", _extends({
12828
12857
  className: className,
@@ -12865,11 +12894,11 @@ function PaymentButtons(_ref0) {
12865
12894
  const _excluded$a = ["as", "bgColor", "textColor", "fontFamily", "maxW", "px", "py", "radius", "gap", "style", "className", "children"],
12866
12895
  _excluded2$a = ["items", "allowMultiple", "className", "style"],
12867
12896
  _excluded3$a = ["items", "title", "className", "style"],
12868
- _excluded4$9 = ["items", "columns", "title", "className", "style"],
12869
- _excluded5$7 = ["items", "columns", "onItemClick", "className", "style"],
12870
- _excluded6$5 = ["plans", "onSelect", "className", "style"],
12871
- _excluded7$5 = ["columns", "rows", "caption", "className", "style"],
12872
- _excluded8$3 = ["items", "className", "style"];
12897
+ _excluded4$a = ["items", "columns", "title", "className", "style"],
12898
+ _excluded5$a = ["items", "columns", "onItemClick", "className", "style"],
12899
+ _excluded6$a = ["plans", "onSelect", "className", "style"],
12900
+ _excluded7$7 = ["columns", "rows", "caption", "className", "style"],
12901
+ _excluded8$5 = ["items", "className", "style"];
12873
12902
  /* ── helpers ────────────────────────────────────────────── */
12874
12903
  function useLC() {
12875
12904
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$headingSize, _t$bodySize, _t$cardBg, _t$cardBorder, _t$cardRadius;
@@ -13095,7 +13124,7 @@ function FeatureGrid(_ref4) {
13095
13124
  className,
13096
13125
  style
13097
13126
  } = _ref4,
13098
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$9);
13127
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$a);
13099
13128
  const lc = useLC();
13100
13129
  return jsxs("div", _extends({
13101
13130
  className: className,
@@ -13169,7 +13198,7 @@ function ItemCardGrid(_ref5) {
13169
13198
  className,
13170
13199
  style
13171
13200
  } = _ref5,
13172
- rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$7);
13201
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$a);
13173
13202
  const lc = useLC();
13174
13203
  return jsx("div", _extends({
13175
13204
  className: className,
@@ -13242,7 +13271,7 @@ function PricingTable(_ref6) {
13242
13271
  className,
13243
13272
  style
13244
13273
  } = _ref6,
13245
- rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$5);
13274
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$a);
13246
13275
  const lc = useLC();
13247
13276
  return jsx("div", _extends({
13248
13277
  className: className,
@@ -13357,7 +13386,7 @@ function SortableTable(_ref7) {
13357
13386
  className,
13358
13387
  style
13359
13388
  } = _ref7,
13360
- rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$5);
13389
+ rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$7);
13361
13390
  const lc = useLC();
13362
13391
  const [sort, setSort] = useState();
13363
13392
  const sorted = useMemo(() => {
@@ -13463,7 +13492,7 @@ function LCTimeline(_ref8) {
13463
13492
  className,
13464
13493
  style
13465
13494
  } = _ref8,
13466
- rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$3);
13495
+ rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$5);
13467
13496
  const lc = useLC();
13468
13497
  return jsxs("div", _extends({
13469
13498
  className: className,
@@ -13550,13 +13579,13 @@ function LCTimeline(_ref8) {
13550
13579
  const _excluded$9 = ["plans", "features", "title", "onSelect", "className", "style"],
13551
13580
  _excluded2$9 = ["targetDate", "label", "onExpire", "accentColor", "className", "style"],
13552
13581
  _excluded3$9 = ["items", "columns", "title", "className", "style"],
13553
- _excluded4$8 = ["title", "description", "inputPlaceholder", "ctaLabel", "onSubmit", "children", "className", "style"],
13554
- _excluded5$6 = ["eyebrow", "headline", "subheadline", "ctaLabel", "onCtaClick", "secondaryLabel", "onSecondaryClick", "bgImage", "className", "style"],
13555
- _excluded6$4 = ["title", "message", "ctaLabel", "onCta", "onDismiss", "isOpen", "image", "className", "style"],
13556
- _excluded7$4 = ["testimonials", "autoPlay", "interval", "className", "style"],
13557
- _excluded8$2 = ["badges", "title", "className", "style"],
13558
- _excluded9$2 = ["stats", "title", "columns", "className", "style"],
13559
- _excluded0 = ["steps", "title", "subtitle", "layout", "className", "style"];
13582
+ _excluded4$9 = ["title", "description", "inputPlaceholder", "ctaLabel", "onSubmit", "children", "className", "style"],
13583
+ _excluded5$9 = ["eyebrow", "headline", "subheadline", "ctaLabel", "onCtaClick", "secondaryLabel", "onSecondaryClick", "bgImage", "className", "style"],
13584
+ _excluded6$9 = ["title", "message", "ctaLabel", "onCta", "onDismiss", "isOpen", "image", "className", "style"],
13585
+ _excluded7$6 = ["testimonials", "autoPlay", "interval", "className", "style"],
13586
+ _excluded8$4 = ["badges", "title", "className", "style"],
13587
+ _excluded9$3 = ["stats", "title", "columns", "className", "style"],
13588
+ _excluded0$1 = ["steps", "title", "subtitle", "layout", "className", "style"];
13560
13589
  function useMK() {
13561
13590
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$headingSize, _t$bodySize, _t$cardBg, _t$cardBorder, _t$cardRadius;
13562
13591
  const t = useMarketingTheme();
@@ -13937,7 +13966,7 @@ function LeadMagnetGate(_ref4) {
13937
13966
  className,
13938
13967
  style
13939
13968
  } = _ref4,
13940
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$8);
13969
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$9);
13941
13970
  const mk = useMK();
13942
13971
  const [email, setEmail] = useState('');
13943
13972
  const [unlocked, setUnlocked] = useState(false);
@@ -14051,7 +14080,7 @@ function MarketingHeroBlock(_ref5) {
14051
14080
  className,
14052
14081
  style
14053
14082
  } = _ref5,
14054
- rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$6);
14083
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$9);
14055
14084
  const mk = useMK();
14056
14085
  return jsxs("section", _extends({
14057
14086
  className: className,
@@ -14160,7 +14189,7 @@ function PromoPopup(_ref6) {
14160
14189
  className,
14161
14190
  style
14162
14191
  } = _ref6,
14163
- rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$4);
14192
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$9);
14164
14193
  const mk = useMK();
14165
14194
  if (!isOpen) return null;
14166
14195
  return jsxs("div", _extends({
@@ -14266,7 +14295,7 @@ function TestimonialsCarousel(_ref7) {
14266
14295
  className,
14267
14296
  style
14268
14297
  } = _ref7,
14269
- rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$4);
14298
+ rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$6);
14270
14299
  const mk = useMK();
14271
14300
  const [idx, setIdx] = useState(0);
14272
14301
  useEffect(() => {
@@ -14387,7 +14416,7 @@ function TrustBadges(_ref8) {
14387
14416
  className,
14388
14417
  style
14389
14418
  } = _ref8,
14390
- rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$2);
14419
+ rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$4);
14391
14420
  const mk = useMK();
14392
14421
  return jsxs("div", _extends({
14393
14422
  className: className,
@@ -14455,7 +14484,7 @@ function StatsCounter(_ref9) {
14455
14484
  className,
14456
14485
  style
14457
14486
  } = _ref9,
14458
- rest = _objectWithoutPropertiesLoose(_ref9, _excluded9$2);
14487
+ rest = _objectWithoutPropertiesLoose(_ref9, _excluded9$3);
14459
14488
  const mk = useMK();
14460
14489
  return jsxs("div", _extends({
14461
14490
  className: className,
@@ -14541,7 +14570,7 @@ function HowItWorks(_ref0) {
14541
14570
  className,
14542
14571
  style
14543
14572
  } = _ref0,
14544
- rest = _objectWithoutPropertiesLoose(_ref0, _excluded0);
14573
+ rest = _objectWithoutPropertiesLoose(_ref0, _excluded0$1);
14545
14574
  const mk = useMK();
14546
14575
  const isHoriz = layout === 'horizontal';
14547
14576
  return jsxs("div", _extends({
@@ -14643,10 +14672,15 @@ function HowItWorks(_ref0) {
14643
14672
  const _excluded$8 = ["bgColor", "maxW", "px", "py", "radius", "style", "children"],
14644
14673
  _excluded2$8 = ["src", "poster", "aspectRatio", "autoPlay", "muted", "loop", "controls", "style"],
14645
14674
  _excluded3$8 = ["src", "title", "showWaveform", "style"],
14646
- _excluded4$7 = ["src", "name", "initials", "size", "badge", "borderColor", "style"],
14647
- _excluded5$5 = ["icons", "columns", "iconSize", "style"],
14648
- _excluded6$3 = ["items", "columns", "gap", "onSelect", "style"],
14649
- _excluded7$3 = ["items", "columns", "style", "className"];
14675
+ _excluded4$8 = ["src", "name", "initials", "size", "badge", "borderColor", "style"],
14676
+ _excluded5$8 = ["icons", "columns", "iconSize", "style"],
14677
+ _excluded6$8 = ["items", "columns", "gap", "onSelect", "style"],
14678
+ _excluded7$5 = ["items", "columns", "style", "className"],
14679
+ _excluded8$3 = ["items", "columns", "gap", "style", "className"],
14680
+ _excluded9$2 = ["src", "caption", "rotation", "width", "style", "className"],
14681
+ _excluded0 = ["type", "src", "width", "height", "alt", "style", "className"],
14682
+ _excluded1 = ["onUpload", "accept", "maxSizeMB", "label", "style", "className"],
14683
+ _excluded10 = ["address", "lat", "lng", "zoom", "height", "provider", "title", "borderRadius", "style", "className"];
14650
14684
  function useMD() {
14651
14685
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$headingSize, _t$bodySize, _t$cardBg, _t$cardBorder, _t$cardRadius;
14652
14686
  const t = useMediaTheme();
@@ -14820,7 +14854,7 @@ function AvatarProfile(_ref4) {
14820
14854
  borderColor,
14821
14855
  style = {}
14822
14856
  } = _ref4,
14823
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$7);
14857
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$8);
14824
14858
  const md = useMD();
14825
14859
  const letters = initials != null ? initials : name.split(' ').map(w => w[0]).join('').slice(0, 2).toUpperCase();
14826
14860
  return jsxs("div", _extends({
@@ -14882,7 +14916,7 @@ function IconGrid(_ref5) {
14882
14916
  iconSize = 24,
14883
14917
  style = {}
14884
14918
  } = _ref5,
14885
- rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$5);
14919
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$8);
14886
14920
  const md = useMD();
14887
14921
  return jsx("div", _extends({
14888
14922
  style: _extends({
@@ -14929,7 +14963,7 @@ function ImageGallery(_ref6) {
14929
14963
  onSelect,
14930
14964
  style = {}
14931
14965
  } = _ref6,
14932
- rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$3);
14966
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$8);
14933
14967
  const md = useMD();
14934
14968
  return jsx("div", _extends({
14935
14969
  style: _extends({
@@ -14980,7 +15014,7 @@ function LightboxGallery(_ref7) {
14980
15014
  style = {},
14981
15015
  className = ''
14982
15016
  } = _ref7,
14983
- rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$3);
15017
+ rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$5);
14984
15018
  const md = useMD();
14985
15019
  const [sel, setSel] = useState(null);
14986
15020
  const go = useCallback(dir => {
@@ -15121,22 +15155,28 @@ function LightboxGallery(_ref7) {
15121
15155
  })]
15122
15156
  });
15123
15157
  }
15124
- function MasonryGrid({
15125
- items = [],
15126
- columns = 3,
15127
- gap = 8
15128
- }) {
15158
+ function MasonryGrid(_ref8) {
15159
+ let {
15160
+ items = [],
15161
+ columns = 3,
15162
+ gap = 8,
15163
+ style = {},
15164
+ className = ''
15165
+ } = _ref8,
15166
+ rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$3);
15129
15167
  const md = useMD();
15130
15168
  const numColumns = typeof columns === 'string' ? Number.parseInt(columns, 10) || 1 : columns;
15131
15169
  const cols = Array.from({
15132
15170
  length: numColumns
15133
15171
  }).map(() => []);
15134
15172
  items.forEach((it, i) => cols[i % numColumns].push(it));
15135
- return jsx("div", {
15136
- style: {
15173
+ return jsx("div", _extends({
15174
+ style: _extends({
15137
15175
  display: 'flex',
15138
15176
  gap
15139
- },
15177
+ }, style),
15178
+ className: className
15179
+ }, rest, {
15140
15180
  children: cols.map((col, ci) => jsx("div", {
15141
15181
  style: {
15142
15182
  flex: 1,
@@ -15165,17 +15205,21 @@ function MasonryGrid({
15165
15205
  }, it.id);
15166
15206
  })
15167
15207
  }, ci))
15168
- });
15208
+ }));
15169
15209
  }
15170
- function PolaroidImage({
15171
- src,
15172
- caption,
15173
- rotation = 0,
15174
- width = 260
15175
- }) {
15210
+ function PolaroidImage(_ref9) {
15211
+ let {
15212
+ src,
15213
+ caption,
15214
+ rotation = 0,
15215
+ width = 260,
15216
+ style = {},
15217
+ className = ''
15218
+ } = _ref9,
15219
+ rest = _objectWithoutPropertiesLoose(_ref9, _excluded9$2);
15176
15220
  const md = useMD();
15177
- return jsxs("div", {
15178
- style: {
15221
+ return jsxs("div", _extends({
15222
+ style: _extends({
15179
15223
  display: 'inline-block',
15180
15224
  width,
15181
15225
  padding: 12,
@@ -15186,7 +15230,9 @@ function PolaroidImage({
15186
15230
  boxShadow: '0 8px 28px rgba(9,9,11,0.12)',
15187
15231
  transform: `rotate(${rotation}deg)`,
15188
15232
  transition: 'transform 0.3s'
15189
- },
15233
+ }, style),
15234
+ className: className
15235
+ }, rest, {
15190
15236
  children: [jsx("img", {
15191
15237
  src: src,
15192
15238
  alt: caption != null ? caption : '',
@@ -15205,43 +15251,53 @@ function PolaroidImage({
15205
15251
  },
15206
15252
  children: caption
15207
15253
  })]
15208
- });
15254
+ }));
15209
15255
  }
15210
- function LottieOrSVG({
15211
- type,
15212
- src,
15213
- width = 200,
15214
- height = 200,
15215
- alt
15216
- }) {
15256
+ function LottieOrSVG(_ref0) {
15257
+ let {
15258
+ type,
15259
+ src,
15260
+ width = 200,
15261
+ height = 200,
15262
+ alt,
15263
+ style,
15264
+ className
15265
+ } = _ref0,
15266
+ rest = _objectWithoutPropertiesLoose(_ref0, _excluded0);
15217
15267
  if (type === 'svg') {
15218
- return jsx("img", {
15268
+ return jsx("img", _extends({
15219
15269
  src: src,
15220
15270
  alt: alt != null ? alt : '',
15221
15271
  width: width,
15222
15272
  height: height,
15223
- style: {
15273
+ style: _extends({
15224
15274
  display: 'block'
15225
- }
15226
- });
15275
+ }, style),
15276
+ className: className
15277
+ }, rest));
15227
15278
  }
15228
15279
  return jsx("iframe", {
15229
15280
  src: src,
15230
15281
  width: width,
15231
15282
  height: height,
15232
15283
  title: alt != null ? alt : 'animation',
15233
- style: {
15284
+ style: _extends({
15234
15285
  border: 'none',
15235
15286
  overflow: 'hidden'
15236
- }
15287
+ }, style),
15288
+ className: className
15237
15289
  });
15238
15290
  }
15239
- function ImageCropperUploader({
15240
- onUpload,
15241
- accept = 'image/*',
15242
- maxSizeMB = 5,
15243
- label = 'Upload Image'
15244
- }) {
15291
+ function ImageCropperUploader(_ref1) {
15292
+ let {
15293
+ onUpload,
15294
+ accept = 'image/*',
15295
+ maxSizeMB = 5,
15296
+ label = 'Upload Image',
15297
+ style = {},
15298
+ className = ''
15299
+ } = _ref1,
15300
+ rest = _objectWithoutPropertiesLoose(_ref1, _excluded1);
15245
15301
  const md = useMD();
15246
15302
  const ref = useRef(null);
15247
15303
  const [preview, setPreview] = useState(null);
@@ -15264,8 +15320,8 @@ function ImageCropperUploader({
15264
15320
  setPreview(URL.createObjectURL(f));
15265
15321
  onUpload == null || onUpload(f);
15266
15322
  };
15267
- return jsxs("div", {
15268
- style: {
15323
+ return jsxs("div", _extends({
15324
+ style: _extends({
15269
15325
  border: `2px dashed ${md.border}`,
15270
15326
  borderRadius: md.r,
15271
15327
  padding: 32,
@@ -15276,7 +15332,9 @@ function ImageCropperUploader({
15276
15332
  background: ui$2.surface,
15277
15333
  transition: 'all 0.2s ease',
15278
15334
  boxShadow: '0 1px 2px rgba(9,9,11,0.04)'
15279
- },
15335
+ }, style),
15336
+ className: className
15337
+ }, rest, {
15280
15338
  onClick: () => {
15281
15339
  var _ref$current;
15282
15340
  return (_ref$current = ref.current) == null ? undefined : _ref$current.click();
@@ -15327,18 +15385,22 @@ function ImageCropperUploader({
15327
15385
  },
15328
15386
  children: err
15329
15387
  })]
15330
- });
15388
+ }));
15331
15389
  }
15332
- function MapEmbed({
15333
- address,
15334
- lat,
15335
- lng,
15336
- zoom = 14,
15337
- height = 400,
15338
- provider = 'openstreetmap',
15339
- title,
15340
- borderRadius
15341
- }) {
15390
+ function MapEmbed(_ref10) {
15391
+ let {
15392
+ address,
15393
+ lat,
15394
+ lng,
15395
+ zoom = 14,
15396
+ height = 400,
15397
+ provider = 'openstreetmap',
15398
+ title,
15399
+ borderRadius,
15400
+ style = {},
15401
+ className = ''
15402
+ } = _ref10,
15403
+ rest = _objectWithoutPropertiesLoose(_ref10, _excluded10);
15342
15404
  const md = useMD();
15343
15405
  const r = borderRadius != null ? borderRadius : md.r;
15344
15406
  let src;
@@ -15350,11 +15412,13 @@ function MapEmbed({
15350
15412
  const centerLng = lng != null ? lng : -74.006;
15351
15413
  src = `https://www.openstreetmap.org/export/embed.html?bbox=${centerLng - 0.01},${centerLat - 0.01},${centerLng + 0.01},${centerLat + 0.01}&layer=mapnik&marker=${centerLat},${centerLng}`;
15352
15414
  }
15353
- return jsxs("div", {
15354
- style: {
15415
+ return jsxs("div", _extends({
15416
+ style: _extends({
15355
15417
  fontFamily: md.ff,
15356
15418
  color: md.fg
15357
- },
15419
+ }, style),
15420
+ className: className
15421
+ }, rest, {
15358
15422
  children: [title && jsx("div", {
15359
15423
  style: {
15360
15424
  fontWeight: 700,
@@ -15399,14 +15463,17 @@ function MapEmbed({
15399
15463
  color: md.accent
15400
15464
  }), address]
15401
15465
  })]
15402
- });
15466
+ }));
15403
15467
  }
15404
15468
 
15405
15469
  const _excluded$7 = ["message", "ctaLabel", "declineLabel", "onAccept", "onDecline", "position", "style"],
15406
15470
  _excluded2$7 = ["color", "height", "zIndex", "style"],
15407
15471
  _excluded3$7 = ["isDark", "onToggle", "size", "style"],
15408
- _excluded4$6 = ["icon", "title", "description", "ctaLabel", "onCta", "style"],
15409
- _excluded5$4 = ["title", "description", "iosUrl", "androidUrl", "icon", "onDismiss", "style"];
15472
+ _excluded4$7 = ["icon", "title", "description", "ctaLabel", "onCta", "style"],
15473
+ _excluded5$7 = ["title", "description", "iosUrl", "androidUrl", "icon", "onDismiss", "style"],
15474
+ _excluded6$7 = ["fileName", "fileSize", "href", "icon", "style", "className"],
15475
+ _excluded7$4 = ["children", "copyable", "style", "className"],
15476
+ _excluded8$2 = ["items", "title", "style", "className"];
15410
15477
  /* ── helpers ────────────────────────────────────────────── */
15411
15478
  function useMS() {
15412
15479
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$bodySize;
@@ -15604,7 +15671,7 @@ function EmptyState(_ref4) {
15604
15671
  onCta,
15605
15672
  style = {}
15606
15673
  } = _ref4,
15607
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$6);
15674
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$7);
15608
15675
  const ms = useMS();
15609
15676
  return jsxs("div", _extends({
15610
15677
  style: _extends({
@@ -15673,7 +15740,7 @@ function AppInstallBanner(_ref5) {
15673
15740
  onDismiss,
15674
15741
  style = {}
15675
15742
  } = _ref5,
15676
- rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$4);
15743
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$7);
15677
15744
  const ms = useMS();
15678
15745
  const [show, setShow] = useState(true);
15679
15746
  if (!show) return null;
@@ -15783,17 +15850,21 @@ function AppInstallBanner(_ref5) {
15783
15850
  })]
15784
15851
  }));
15785
15852
  }
15786
- function DownloadBlock({
15787
- fileName,
15788
- fileSize,
15789
- href,
15790
- icon = 'download'
15791
- }) {
15853
+ function DownloadBlock(_ref6) {
15854
+ let {
15855
+ fileName,
15856
+ fileSize,
15857
+ href,
15858
+ icon = 'download',
15859
+ style = {},
15860
+ className = ''
15861
+ } = _ref6,
15862
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$7);
15792
15863
  const ms = useMS();
15793
- return jsxs("a", {
15864
+ return jsxs("a", _extends({
15794
15865
  href: href,
15795
15866
  download: true,
15796
- style: {
15867
+ style: _extends({
15797
15868
  display: 'flex',
15798
15869
  alignItems: 'center',
15799
15870
  gap: 14,
@@ -15806,7 +15877,9 @@ function DownloadBlock({
15806
15877
  fontFamily: ms.ff,
15807
15878
  transition: 'all 0.2s ease',
15808
15879
  boxShadow: '0 1px 2px rgba(9,9,11,0.04)'
15809
- },
15880
+ }, style),
15881
+ className: className
15882
+ }, rest, {
15810
15883
  children: [jsx("div", {
15811
15884
  style: {
15812
15885
  width: 40,
@@ -15846,12 +15919,16 @@ function DownloadBlock({
15846
15919
  size: 18,
15847
15920
  color: ms.accent
15848
15921
  })]
15849
- });
15922
+ }));
15850
15923
  }
15851
- function InlineCode({
15852
- children,
15853
- copyable = true
15854
- }) {
15924
+ function InlineCode(_ref7) {
15925
+ let {
15926
+ children,
15927
+ copyable = true,
15928
+ style = {},
15929
+ className = ''
15930
+ } = _ref7,
15931
+ rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$4);
15855
15932
  const ms = useMS();
15856
15933
  const [copied, setCopied] = useState(false);
15857
15934
  const copy = () => {
@@ -15860,8 +15937,8 @@ function InlineCode({
15860
15937
  setTimeout(() => setCopied(false), 1500);
15861
15938
  });
15862
15939
  };
15863
- return jsxs("span", {
15864
- style: {
15940
+ return jsxs("span", _extends({
15941
+ style: _extends({
15865
15942
  display: 'inline-flex',
15866
15943
  alignItems: 'center',
15867
15944
  gap: 6,
@@ -15872,7 +15949,9 @@ function InlineCode({
15872
15949
  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
15873
15950
  fontSize: 13,
15874
15951
  color: ms.fg
15875
- },
15952
+ }, style),
15953
+ className: className
15954
+ }, rest, {
15876
15955
  children: [jsx("code", {
15877
15956
  children: children
15878
15957
  }), copyable && jsx("button", {
@@ -15891,15 +15970,19 @@ function InlineCode({
15891
15970
  color: ms.accent
15892
15971
  })
15893
15972
  })]
15894
- });
15973
+ }));
15895
15974
  }
15896
- function RSSFeed({
15897
- items = [],
15898
- title = 'Latest Updates'
15899
- }) {
15975
+ function RSSFeed(_ref8) {
15976
+ let {
15977
+ items = [],
15978
+ title = 'Latest Updates',
15979
+ style = {},
15980
+ className = ''
15981
+ } = _ref8,
15982
+ rest = _objectWithoutPropertiesLoose(_ref8, _excluded8$2);
15900
15983
  const ms = useMS();
15901
- return jsxs("div", {
15902
- style: {
15984
+ return jsxs("div", _extends({
15985
+ style: _extends({
15903
15986
  border: `1px solid ${ms.border}`,
15904
15987
  borderRadius: ms.r,
15905
15988
  padding: ms.sp,
@@ -15907,7 +15990,9 @@ function RSSFeed({
15907
15990
  color: ms.fg,
15908
15991
  background: ui$1.white,
15909
15992
  boxShadow: '0 1px 2px rgba(9,9,11,0.04)'
15910
- },
15993
+ }, style),
15994
+ className: className
15995
+ }, rest, {
15911
15996
  children: [jsxs("div", {
15912
15997
  style: {
15913
15998
  fontWeight: 700,
@@ -15962,16 +16047,16 @@ function RSSFeed({
15962
16047
  })]
15963
16048
  }, it.id))
15964
16049
  })]
15965
- });
16050
+ }));
15966
16051
  }
15967
16052
 
15968
16053
  const _excluded$6 = ["isOpen", "onClose", "children", "maxW", "showClose", "position", "style", "className"],
15969
16054
  _excluded2$6 = ["isOpen", "title", "onClose", "maxW", "children", "footer"],
15970
16055
  _excluded3$6 = ["isOpen", "title", "message", "confirmLabel", "cancelLabel", "danger", "onConfirm", "onCancel"],
15971
- _excluded4$5 = ["isOpen", "title", "onClose", "onSubmit", "submitLabel", "children"],
15972
- _excluded5$3 = ["isOpen", "message", "style", "className"],
15973
- _excluded6$2 = ["text", "position", "children", "style", "className"],
15974
- _excluded7$2 = ["toasts", "onDismiss", "position", "style", "className"],
16056
+ _excluded4$6 = ["isOpen", "title", "onClose", "onSubmit", "submitLabel", "children"],
16057
+ _excluded5$6 = ["isOpen", "message", "style", "className"],
16058
+ _excluded6$6 = ["text", "position", "children", "style", "className"],
16059
+ _excluded7$3 = ["toasts", "onDismiss", "position", "style", "className"],
15975
16060
  _excluded8$1 = ["isOpen", "title", "message", "onAccept", "onDecline", "onSettings", "style", "className"],
15976
16061
  _excluded9$1 = ["isOpen", "title", "message", "ctaLabel", "onCta", "onClose", "image"];
15977
16062
  /* ── helpers ────────────────────────────────────────────── */
@@ -16231,7 +16316,7 @@ function FormDialog(_ref4) {
16231
16316
  submitLabel = 'Submit',
16232
16317
  children
16233
16318
  } = _ref4,
16234
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$5);
16319
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$6);
16235
16320
  const ml = useML();
16236
16321
  const ref = useRef(null);
16237
16322
  const handle = e => {
@@ -16312,7 +16397,7 @@ function LoadingOverlay(_ref5) {
16312
16397
  style = {},
16313
16398
  className = ''
16314
16399
  } = _ref5,
16315
- rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$3);
16400
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$6);
16316
16401
  const ml = useML();
16317
16402
  if (!isOpen) return null;
16318
16403
  return jsxs("div", _extends({
@@ -16361,7 +16446,7 @@ function Tooltip(_ref6) {
16361
16446
  style = {},
16362
16447
  className = ''
16363
16448
  } = _ref6,
16364
- rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$2);
16449
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$6);
16365
16450
  const ml = useML();
16366
16451
  const [show, setShow] = useState(false);
16367
16452
  const pos = position === 'top' ? {
@@ -16447,7 +16532,7 @@ function ToastBanners(_ref7) {
16447
16532
  style = {},
16448
16533
  className = ''
16449
16534
  } = _ref7,
16450
- rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$2);
16535
+ rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$3);
16451
16536
  const ml = useML();
16452
16537
  const posStyle = position.includes('top') ? {
16453
16538
  top: 16
@@ -16702,7 +16787,9 @@ function WelcomePopup(_ref9) {
16702
16787
  const _excluded$5 = ["items", "title", "allowMultiple", "style", "className"],
16703
16788
  _excluded2$5 = ["steps", "onComplete", "completeLabel", "style", "className"],
16704
16789
  _excluded3$5 = ["steps", "isOpen", "onClose", "onComplete", "style", "className"],
16705
- _excluded4$4 = ["text", "position", "iconSize", "style", "className"];
16790
+ _excluded4$5 = ["text", "position", "iconSize", "style", "className"],
16791
+ _excluded5$5 = ["messages", "onSend", "title", "isOpen", "onToggle", "style", "className"],
16792
+ _excluded6$5 = ["email", "phone", "title", "description", "style", "className"];
16706
16793
  /* ── helpers ────────────────────────────────────────────── */
16707
16794
  function useOB() {
16708
16795
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$bodySize, _t$headingSize;
@@ -17078,7 +17165,7 @@ function TooltipHelp(_ref4) {
17078
17165
  style = {},
17079
17166
  className = ''
17080
17167
  } = _ref4,
17081
- rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$4);
17168
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$5);
17082
17169
  const ob = useOB();
17083
17170
  const [show, setShow] = useState(false);
17084
17171
  const pos = position === 'top' ? {
@@ -17139,13 +17226,17 @@ function TooltipHelp(_ref4) {
17139
17226
  })]
17140
17227
  }));
17141
17228
  }
17142
- function SupportChat({
17143
- messages = [],
17144
- onSend,
17145
- title = 'Support Chat',
17146
- isOpen = false,
17147
- onToggle
17148
- }) {
17229
+ function SupportChat(_ref5) {
17230
+ let {
17231
+ messages = [],
17232
+ onSend,
17233
+ title = 'Support Chat',
17234
+ isOpen = false,
17235
+ onToggle,
17236
+ style = {},
17237
+ className = ''
17238
+ } = _ref5,
17239
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$5);
17149
17240
  const ob = useOB();
17150
17241
  const [text, setText] = useState('');
17151
17242
  const endRef = useRef(null);
@@ -17164,7 +17255,10 @@ function SupportChat({
17164
17255
  setText('');
17165
17256
  }
17166
17257
  };
17167
- return jsxs(Fragment, {
17258
+ return jsxs("div", _extends({
17259
+ style: _extends({}, style),
17260
+ className: className
17261
+ }, rest, {
17168
17262
  children: [jsx("button", {
17169
17263
  onClick: onToggle,
17170
17264
  style: {
@@ -17304,17 +17398,21 @@ function SupportChat({
17304
17398
  })]
17305
17399
  })]
17306
17400
  })]
17307
- });
17401
+ }));
17308
17402
  }
17309
- function ContactSupportBlock({
17310
- email,
17311
- phone,
17312
- title = 'Need Help?',
17313
- description = 'Our team is here to help.'
17314
- }) {
17403
+ function ContactSupportBlock(_ref6) {
17404
+ let {
17405
+ email,
17406
+ phone,
17407
+ title = 'Need Help?',
17408
+ description = 'Our team is here to help.',
17409
+ style = {},
17410
+ className = ''
17411
+ } = _ref6,
17412
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$5);
17315
17413
  const ob = useOB();
17316
- return jsxs("div", {
17317
- style: {
17414
+ return jsxs("div", _extends({
17415
+ style: _extends({
17318
17416
  border: `1px solid ${ob.border}`,
17319
17417
  borderRadius: ob.r,
17320
17418
  padding: 24,
@@ -17325,7 +17423,9 @@ function ContactSupportBlock({
17325
17423
  maxWidth: 420,
17326
17424
  margin: '0 auto',
17327
17425
  boxShadow: '0 1px 2px rgba(9, 9, 11, 0.04)'
17328
- },
17426
+ }, style),
17427
+ className: className
17428
+ }, rest, {
17329
17429
  children: [jsx("div", {
17330
17430
  style: {
17331
17431
  width: 56,
@@ -17413,12 +17513,15 @@ function ContactSupportBlock({
17413
17513
  }), phone]
17414
17514
  })]
17415
17515
  })]
17416
- });
17516
+ }));
17417
17517
  }
17418
17518
 
17419
17519
  const _excluded$4 = ["placeholder", "onSearch", "defaultValue", "autoFocus", "style", "className"],
17420
17520
  _excluded2$4 = ["suggestions", "onSelect", "placeholder", "onQueryChange", "style", "className"],
17421
- _excluded3$4 = ["facets", "selected", "onChange", "style", "className"];
17521
+ _excluded3$4 = ["facets", "selected", "onChange", "style", "className"],
17522
+ _excluded4$4 = ["item", "onClick", "style", "className"],
17523
+ _excluded5$4 = ["items", "query", "onItemClick", "loading", "style", "className"],
17524
+ _excluded6$4 = ["query", "title", "description", "style", "className"];
17422
17525
  /* ── helpers ────────────────────────────────────────────── */
17423
17526
  function useSR() {
17424
17527
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$bodySize, _t$headingSize;
@@ -17724,14 +17827,18 @@ function FacetFilters(_ref3) {
17724
17827
  }, f.id))
17725
17828
  }));
17726
17829
  }
17727
- function SearchResultCard({
17728
- item,
17729
- onClick
17730
- }) {
17830
+ function SearchResultCard(_ref4) {
17831
+ let {
17832
+ item,
17833
+ onClick,
17834
+ style = {},
17835
+ className = ''
17836
+ } = _ref4,
17837
+ rest = _objectWithoutPropertiesLoose(_ref4, _excluded4$4);
17731
17838
  const sr = useSR();
17732
- return jsxs("div", {
17839
+ return jsxs("div", _extends({
17733
17840
  onClick: () => onClick == null ? undefined : onClick(item),
17734
- style: {
17841
+ style: _extends({
17735
17842
  display: 'flex',
17736
17843
  gap: 14,
17737
17844
  padding: sr.sp,
@@ -17743,7 +17850,9 @@ function SearchResultCard({
17743
17850
  color: sr.fg,
17744
17851
  transition: 'border-color 0.2s, box-shadow 0.2s',
17745
17852
  boxShadow: '0 1px 2px rgba(9, 9, 11, 0.04)'
17746
- },
17853
+ }, style),
17854
+ className: className
17855
+ }, rest, {
17747
17856
  children: [item.image && jsx("img", {
17748
17857
  src: item.image,
17749
17858
  alt: "",
@@ -17807,14 +17916,18 @@ function SearchResultCard({
17807
17916
  children: item.meta
17808
17917
  })]
17809
17918
  })]
17810
- });
17919
+ }));
17811
17920
  }
17812
- function SearchResults({
17813
- items = [],
17814
- query,
17815
- onItemClick,
17816
- loading
17817
- }) {
17921
+ function SearchResults(_ref5) {
17922
+ let {
17923
+ items = [],
17924
+ query,
17925
+ onItemClick,
17926
+ loading,
17927
+ style = {},
17928
+ className = ''
17929
+ } = _ref5,
17930
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$4);
17818
17931
  const sr = useSR();
17819
17932
  if (loading) return jsxs("div", {
17820
17933
  style: {
@@ -17840,11 +17953,13 @@ function SearchResults({
17840
17953
  if (!items.length) return jsx(SearchEmptyState, {
17841
17954
  query: query
17842
17955
  });
17843
- return jsxs("div", {
17844
- style: {
17956
+ return jsxs("div", _extends({
17957
+ style: _extends({
17845
17958
  display: 'grid',
17846
17959
  gap: 8
17847
- },
17960
+ }, style),
17961
+ className: className
17962
+ }, rest, {
17848
17963
  children: [query && jsxs("div", {
17849
17964
  style: {
17850
17965
  fontSize: 14,
@@ -17857,21 +17972,27 @@ function SearchResults({
17857
17972
  item: it,
17858
17973
  onClick: onItemClick
17859
17974
  }, it.id))]
17860
- });
17975
+ }));
17861
17976
  }
17862
- function SearchEmptyState({
17863
- query,
17864
- title,
17865
- description
17866
- }) {
17977
+ function SearchEmptyState(_ref6) {
17978
+ let {
17979
+ query,
17980
+ title,
17981
+ description,
17982
+ style = {},
17983
+ className = ''
17984
+ } = _ref6,
17985
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$4);
17867
17986
  const sr = useSR();
17868
- return jsxs("div", {
17869
- style: {
17987
+ return jsxs("div", _extends({
17988
+ style: _extends({
17870
17989
  textAlign: 'center',
17871
17990
  padding: 48,
17872
17991
  fontFamily: sr.ff,
17873
17992
  color: sr.fg
17874
- },
17993
+ }, style),
17994
+ className: className
17995
+ }, rest, {
17875
17996
  children: [jsx("div", {
17876
17997
  style: {
17877
17998
  width: 56,
@@ -17907,14 +18028,15 @@ function SearchEmptyState({
17907
18028
  },
17908
18029
  children: description != null ? description : query ? `We couldn't find anything for "${query}". Try a different search.` : 'Type a query to see results.'
17909
18030
  })]
17910
- });
18031
+ }));
17911
18032
  }
17912
18033
 
17913
18034
  const _excluded$3 = ["src", "alt", "width", "height", "href", "style", "className"],
17914
18035
  _excluded2$3 = ["text", "fontSize", "accentColor", "fontFamily", "style", "className"],
17915
18036
  _excluded3$3 = ["lines", "rotate", "interval", "style", "className"],
17916
18037
  _excluded4$3 = ["logoSrc", "brandName", "tagline", "children", "maxW", "style", "className"],
17917
- _excluded5$2 = ["icons", "columns", "iconSize", "style", "className"];
18038
+ _excluded5$3 = ["icons", "columns", "iconSize", "style", "className"],
18039
+ _excluded6$3 = ["onUpload", "currentSrc", "style", "className"];
17918
18040
  /* ── helpers ────────────────────────────────────────────── */
17919
18041
  function useSI() {
17920
18042
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$bodySize, _t$headingSize;
@@ -18087,7 +18209,7 @@ function BrandIconGrid(_ref5) {
18087
18209
  style = {},
18088
18210
  className = ''
18089
18211
  } = _ref5,
18090
- rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$2);
18212
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$3);
18091
18213
  const si = useSI();
18092
18214
  return jsx("div", _extends({
18093
18215
  className: className,
@@ -18146,10 +18268,14 @@ function BrandIconGrid(_ref5) {
18146
18268
  })
18147
18269
  }));
18148
18270
  }
18149
- function FaviconUploader({
18150
- onUpload,
18151
- currentSrc
18152
- }) {
18271
+ function FaviconUploader(_ref6) {
18272
+ let {
18273
+ onUpload,
18274
+ currentSrc,
18275
+ style = {},
18276
+ className = ''
18277
+ } = _ref6,
18278
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$3);
18153
18279
  const si = useSI();
18154
18280
  const ref = useRef(null);
18155
18281
  const [preview, setPreview] = useState(currentSrc != null ? currentSrc : null);
@@ -18166,14 +18292,16 @@ function FaviconUploader({
18166
18292
  setPreview(URL.createObjectURL(f));
18167
18293
  onUpload == null || onUpload(f);
18168
18294
  };
18169
- return jsxs("div", {
18170
- style: {
18295
+ return jsxs("div", _extends({
18296
+ style: _extends({
18171
18297
  display: 'flex',
18172
18298
  alignItems: 'center',
18173
18299
  gap: 16,
18174
18300
  fontFamily: si.ff,
18175
18301
  color: si.fg
18176
- },
18302
+ }, style),
18303
+ className: className
18304
+ }, rest, {
18177
18305
  children: [jsx("div", {
18178
18306
  onClick: () => {
18179
18307
  var _ref$current;
@@ -18232,13 +18360,16 @@ function FaviconUploader({
18232
18360
  display: 'none'
18233
18361
  }
18234
18362
  })]
18235
- });
18363
+ }));
18236
18364
  }
18237
18365
 
18238
18366
  const _excluded$2 = ["url", "title", "networks", "compact", "style", "className"],
18239
18367
  _excluded2$2 = ["providers", "onLogin", "layout", "style", "className"],
18240
18368
  _excluded3$2 = ["type", "url", "width", "height", "title", "style", "className"],
18241
- _excluded4$2 = ["isFollowed", "followerCount", "onFollow", "onUnfollow", "isLiked", "likeCount", "onLike", "style", "className"];
18369
+ _excluded4$2 = ["isFollowed", "followerCount", "onFollow", "onUnfollow", "isLiked", "likeCount", "onLike", "style", "className"],
18370
+ _excluded5$2 = ["reactions", "onReact", "style", "className"],
18371
+ _excluded6$2 = ["comments", "onSubmit", "title", "style", "className"],
18372
+ _excluded7$2 = ["onSubmit", "style", "className"];
18242
18373
  /* ── helpers ────────────────────────────────────────────── */
18243
18374
  function useSC() {
18244
18375
  var _t$accentColor, _t$textColor, _t$bgColor, _t$borderColor, _t$radius, _t$spacing, _t$bodySize, _t$headingSize;
@@ -18529,18 +18660,24 @@ function FollowLike(_ref4) {
18529
18660
  })]
18530
18661
  }));
18531
18662
  }
18532
- function ReactionsBar({
18533
- reactions = [],
18534
- onReact
18535
- }) {
18663
+ function ReactionsBar(_ref5) {
18664
+ let {
18665
+ reactions = [],
18666
+ onReact,
18667
+ style = {},
18668
+ className = ''
18669
+ } = _ref5,
18670
+ rest = _objectWithoutPropertiesLoose(_ref5, _excluded5$2);
18536
18671
  const sc = useSC();
18537
- return jsx("div", {
18538
- style: {
18672
+ return jsx("div", _extends({
18673
+ style: _extends({
18539
18674
  display: 'flex',
18540
18675
  gap: 6,
18541
18676
  flexWrap: 'wrap',
18542
18677
  fontFamily: sc.ff
18543
- },
18678
+ }, style),
18679
+ className: className
18680
+ }, rest, {
18544
18681
  children: reactions.map(r => jsxs("button", {
18545
18682
  onClick: () => onReact == null ? undefined : onReact(r.label),
18546
18683
  style: {
@@ -18566,13 +18703,17 @@ function ReactionsBar({
18566
18703
  children: r.count
18567
18704
  })]
18568
18705
  }, r.label))
18569
- });
18706
+ }));
18570
18707
  }
18571
- function CommentsBox({
18572
- comments = [],
18573
- onSubmit,
18574
- title = 'Comments'
18575
- }) {
18708
+ function CommentsBox(_ref6) {
18709
+ let {
18710
+ comments = [],
18711
+ onSubmit,
18712
+ title = 'Comments',
18713
+ style = {},
18714
+ className = ''
18715
+ } = _ref6,
18716
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded6$2);
18576
18717
  const sc = useSC();
18577
18718
  const [text, setText] = useState('');
18578
18719
  const send = e => {
@@ -18582,11 +18723,13 @@ function CommentsBox({
18582
18723
  setText('');
18583
18724
  }
18584
18725
  };
18585
- return jsxs("div", {
18586
- style: {
18726
+ return jsxs("div", _extends({
18727
+ style: _extends({
18587
18728
  fontFamily: sc.ff,
18588
18729
  color: sc.fg
18589
- },
18730
+ }, style),
18731
+ className: className
18732
+ }, rest, {
18590
18733
  children: [jsxs("div", {
18591
18734
  style: {
18592
18735
  fontWeight: 700,
@@ -18725,11 +18868,15 @@ function CommentsBox({
18725
18868
  })]
18726
18869
  }, c.id))
18727
18870
  })]
18728
- });
18871
+ }));
18729
18872
  }
18730
- function ReviewsForm({
18731
- onSubmit
18732
- }) {
18873
+ function ReviewsForm(_ref7) {
18874
+ let {
18875
+ onSubmit,
18876
+ style = {},
18877
+ className = ''
18878
+ } = _ref7,
18879
+ rest = _objectWithoutPropertiesLoose(_ref7, _excluded7$2);
18733
18880
  const sc = useSC();
18734
18881
  const [rating, setRating] = useState(0);
18735
18882
  const [hover, setHover] = useState(0);
@@ -18745,15 +18892,17 @@ function ReviewsForm({
18745
18892
  });
18746
18893
  }
18747
18894
  };
18748
- return jsxs("form", {
18895
+ return jsxs("form", _extends({
18749
18896
  onSubmit: handle,
18750
- style: {
18897
+ style: _extends({
18751
18898
  display: 'grid',
18752
18899
  gap: 14,
18753
18900
  fontFamily: sc.ff,
18754
18901
  color: sc.fg,
18755
18902
  maxWidth: 480
18756
- },
18903
+ }, style),
18904
+ className: className
18905
+ }, rest, {
18757
18906
  children: [jsx("div", {
18758
18907
  style: {
18759
18908
  fontWeight: 700,
@@ -18832,7 +18981,7 @@ function ReviewsForm({
18832
18981
  },
18833
18982
  children: "Submit Review"
18834
18983
  })]
18835
- });
18984
+ }));
18836
18985
  }
18837
18986
 
18838
18987
  const _excluded$1 = ["mode", "onSubmit", "onToggleMode", "onForgotPassword", "loading", "error", "style", "className"],