lizaui 12.0.21 → 12.0.22

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.
@@ -4,7 +4,7 @@ import { I as Input } from "../chunks/input-DO2QjJ-y.js";
4
4
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
5
5
  import { c } from "react/compiler-runtime";
6
6
  import * as React from "react";
7
- import { P as Primitive, c as createContextScope, m as useDirection, n as useControllableState, l as useCallbackRef, d as composeEventHandlers, k as useId, u as useLayoutEffect2, f as Presence, a as createPopperScope, o as Popper, b as PopperAnchor, e as Portal, h as hideOthers, q as useFocusScopeBranch, p as useFocusScopeBranchRegistry, g as useFocusGuards, r as FocusScopeBranchProvider, R as ReactRemoveScroll, F as FocusScope, D as DismissableLayer, j as PopperContent, t as dispatchDiscreteCustomEvent, C as Check, v as useSize } from "../chunks/index-DvmTR3H_.js";
7
+ import { P as Primitive, c as createContextScope, k as useId, u as useLayoutEffect2, d as composeEventHandlers, m as useDirection, n as useControllableState, l as useCallbackRef, f as Presence, a as createPopperScope, o as Popper, b as PopperAnchor, e as Portal, h as hideOthers, q as useFocusScopeBranch, p as useFocusScopeBranchRegistry, g as useFocusGuards, r as FocusScopeBranchProvider, R as ReactRemoveScroll, F as FocusScope, D as DismissableLayer, j as PopperContent, t as dispatchDiscreteCustomEvent, C as Check, v as useSize } from "../chunks/index-DvmTR3H_.js";
8
8
  import { c as cn } from "../chunks/utils-H80jjgLf.js";
9
9
  import { L } from "../chunks/label-error-Agq8c0z2.js";
10
10
  import { u as useComposedRefs, c as createSlot, b as createSlottable } from "../chunks/index-aB7p1uJB.js";
@@ -18,10 +18,10 @@ import { C, i as i2, j as j2, k, l, m, n, o, p, P, q, r, s, S as S3, t } from ".
18
18
  import { C as ChevronDown } from "../chunks/chevron-up-Diak1VOI.js";
19
19
  import * as ReactDOM from "react-dom";
20
20
  import { b as button, B as Button } from "../chunks/button-BFgg3tFM.js";
21
- var __defProp$f = Object.defineProperty;
22
- var __name$f = (target, value) => __defProp$f(target, "name", { value, configurable: true });
21
+ var __defProp$e = Object.defineProperty;
22
+ var __name$e = (target, value) => __defProp$e(target, "name", { value, configurable: true });
23
23
  var Label$1 = /* @__PURE__ */ React.forwardRef(
24
- /* @__PURE__ */ __name$f(function Label2(props, forwardedRef) {
24
+ /* @__PURE__ */ __name$e(function Label2(props, forwardedRef) {
25
25
  return /* @__PURE__ */ jsx(
26
26
  Primitive.label,
27
27
  {
@@ -72,8 +72,8 @@ function Label(t0) {
72
72
  }
73
73
  return t2;
74
74
  }
75
- var __defProp$e = Object.defineProperty;
76
- var __name$e = (target, value) => __defProp$e(target, "name", { value, configurable: true });
75
+ var __defProp$d = Object.defineProperty;
76
+ var __name$d = (target, value) => __defProp$d(target, "name", { value, configurable: true });
77
77
  var _isHydrated = false;
78
78
  function useIsHydrated() {
79
79
  const [isHydrated, setIsHydrated] = React.useState(_isHydrated);
@@ -85,13 +85,13 @@ function useIsHydrated() {
85
85
  }, []);
86
86
  return isHydrated;
87
87
  }
88
- __name$e(useIsHydrated, "useIsHydrated");
88
+ __name$d(useIsHydrated, "useIsHydrated");
89
89
  var useReactSyncExternalStore = React[" useSyncExternalStore ".trim().toString()];
90
90
  function subscribe() {
91
91
  return () => {
92
92
  };
93
93
  }
94
- __name$e(subscribe, "subscribe");
94
+ __name$d(subscribe, "subscribe");
95
95
  function useIsHydratedModern() {
96
96
  return useReactSyncExternalStore(
97
97
  subscribe,
@@ -99,10 +99,10 @@ function useIsHydratedModern() {
99
99
  () => false
100
100
  );
101
101
  }
102
- __name$e(useIsHydratedModern, "useIsHydratedModern");
102
+ __name$d(useIsHydratedModern, "useIsHydratedModern");
103
103
  var useIsHydrated2 = typeof useReactSyncExternalStore === "function" ? useIsHydratedModern : useIsHydrated;
104
- var __defProp$d = Object.defineProperty;
105
- var __name$d = (target, value) => __defProp$d(target, "name", { value, configurable: true });
104
+ var __defProp$c = Object.defineProperty;
105
+ var __name$c = (target, value) => __defProp$c(target, "name", { value, configurable: true });
106
106
  var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
107
107
  var EVENT_OPTIONS = { bubbles: false, cancelable: true };
108
108
  var GROUP_NAME = "RovingFocusGroup";
@@ -121,11 +121,11 @@ var Direction$4 = {
121
121
  var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
122
122
  var RovingFocusGroup = /* @__PURE__ */ React.forwardRef(
123
123
  // blank line to reduce diff noise
124
- /* @__PURE__ */ __name$d(function RovingFocusGroup2(props, forwardedRef) {
124
+ /* @__PURE__ */ __name$c(function RovingFocusGroup2(props, forwardedRef) {
125
125
  return /* @__PURE__ */ jsx(Collection$4.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(Collection$4.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
126
126
  }, "RovingFocusGroup")
127
127
  );
128
- var RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$d(function RovingFocusGroupImpl2(props, forwardedRef) {
128
+ var RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$c(function RovingFocusGroupImpl2(props, forwardedRef) {
129
129
  const {
130
130
  __scopeRovingFocusGroup,
131
131
  orientation,
@@ -218,7 +218,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __na
218
218
  var ITEM_NAME$3 = "RovingFocusGroupItem";
219
219
  var RovingFocusGroupItem = /* @__PURE__ */ React.forwardRef(
220
220
  // blank line to reduce diff noise
221
- /* @__PURE__ */ __name$d(function RovingFocusGroupItem2(props, forwardedRef) {
221
+ /* @__PURE__ */ __name$c(function RovingFocusGroupItem2(props, forwardedRef) {
222
222
  const {
223
223
  __scopeRovingFocusGroup,
224
224
  focusable = true,
@@ -309,7 +309,7 @@ function getDirectionAwareKey(key, dir) {
309
309
  if (dir !== Direction$4.RTL) return key;
310
310
  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
311
311
  }
312
- __name$d(getDirectionAwareKey, "getDirectionAwareKey");
312
+ __name$c(getDirectionAwareKey, "getDirectionAwareKey");
313
313
  function getFocusIntent(event, orientation, dir) {
314
314
  const key = getDirectionAwareKey(event.key, dir);
315
315
  if (orientation === Orientation$2.Vertical && ["ArrowLeft", "ArrowRight"].includes(key)) {
@@ -320,7 +320,7 @@ function getFocusIntent(event, orientation, dir) {
320
320
  }
321
321
  return MAP_KEY_TO_FOCUS_INTENT[key];
322
322
  }
323
- __name$d(getFocusIntent, "getFocusIntent");
323
+ __name$c(getFocusIntent, "getFocusIntent");
324
324
  function focusFirst$2(candidates, preventScroll = false) {
325
325
  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
326
326
  for (const candidate of candidates) {
@@ -329,13 +329,13 @@ function focusFirst$2(candidates, preventScroll = false) {
329
329
  if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
330
330
  }
331
331
  }
332
- __name$d(focusFirst$2, "focusFirst");
332
+ __name$c(focusFirst$2, "focusFirst");
333
333
  function wrapArray$2(array, startIndex) {
334
334
  return array.map((_, index) => array[(startIndex + index) % array.length]);
335
335
  }
336
- __name$d(wrapArray$2, "wrapArray");
337
- var __defProp$c = Object.defineProperty;
338
- var __name$c = (target, value) => __defProp$c(target, "name", { value, configurable: true });
336
+ __name$c(wrapArray$2, "wrapArray");
337
+ var __defProp$b = Object.defineProperty;
338
+ var __name$b = (target, value) => __defProp$b(target, "name", { value, configurable: true });
339
339
  var Direction$3 = {
340
340
  RTL: "rtl"
341
341
  };
@@ -359,10 +359,10 @@ var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME$1, [
359
359
  createRovingFocusGroupScope
360
360
  ]);
361
361
  var usePopperScope$1 = createPopperScope();
362
- var useRovingFocusGroupScope$3 = createRovingFocusGroupScope();
362
+ var useRovingFocusGroupScope$2 = createRovingFocusGroupScope();
363
363
  var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME$1);
364
364
  var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME$1);
365
- var Menu = /* @__PURE__ */ __name$c((props) => {
365
+ var Menu = /* @__PURE__ */ __name$b((props) => {
366
366
  const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
367
367
  const popperScope = usePopperScope$1(__scopeMenu);
368
368
  const [content, setContent] = React.useState(null);
@@ -370,12 +370,12 @@ var Menu = /* @__PURE__ */ __name$c((props) => {
370
370
  const handleOpenChange = useCallbackRef(onOpenChange);
371
371
  const direction = useDirection(dir);
372
372
  React.useEffect(() => {
373
- const handleKeyDown = /* @__PURE__ */ __name$c(() => {
373
+ const handleKeyDown = /* @__PURE__ */ __name$b(() => {
374
374
  isUsingKeyboardRef.current = true;
375
375
  document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
376
376
  document.addEventListener("pointermove", handlePointer, { capture: true, once: true });
377
377
  }, "handleKeyDown");
378
- const handlePointer = /* @__PURE__ */ __name$c(() => isUsingKeyboardRef.current = false, "handlePointer");
378
+ const handlePointer = /* @__PURE__ */ __name$b(() => isUsingKeyboardRef.current = false, "handlePointer");
379
379
  document.addEventListener("keydown", handleKeyDown, { capture: true });
380
380
  return () => {
381
381
  document.removeEventListener("keydown", handleKeyDown, { capture: true });
@@ -387,7 +387,7 @@ var Menu = /* @__PURE__ */ __name$c((props) => {
387
387
  if (!open) {
388
388
  return;
389
389
  }
390
- const handleBlur = /* @__PURE__ */ __name$c(() => handleOpenChange(false), "handleBlur");
390
+ const handleBlur = /* @__PURE__ */ __name$b(() => handleOpenChange(false), "handleBlur");
391
391
  window.addEventListener("blur", handleBlur);
392
392
  return () => window.removeEventListener("blur", handleBlur);
393
393
  }, [open, handleOpenChange]);
@@ -414,7 +414,7 @@ var Menu = /* @__PURE__ */ __name$c((props) => {
414
414
  ) });
415
415
  }, "Menu");
416
416
  var MenuAnchor = /* @__PURE__ */ React.forwardRef(
417
- /* @__PURE__ */ __name$c(function MenuAnchor2(props, forwardedRef) {
417
+ /* @__PURE__ */ __name$b(function MenuAnchor2(props, forwardedRef) {
418
418
  const { __scopeMenu, ...anchorProps } = props;
419
419
  const popperScope = usePopperScope$1(__scopeMenu);
420
420
  return /* @__PURE__ */ jsx(PopperAnchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
@@ -424,26 +424,26 @@ var PORTAL_NAME$1 = "MenuPortal";
424
424
  var [PortalProvider$1, usePortalContext$1] = createMenuContext(PORTAL_NAME$1, {
425
425
  forceMount: void 0
426
426
  });
427
- var MenuPortal = /* @__PURE__ */ __name$c((props) => {
427
+ var MenuPortal = /* @__PURE__ */ __name$b((props) => {
428
428
  const { __scopeMenu, forceMount, children, container } = props;
429
429
  const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
430
430
  return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal, { asChild: true, container, children }) }) });
431
431
  }, "MenuPortal");
432
- var CONTENT_NAME$9 = "MenuContent";
433
- var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$9);
432
+ var CONTENT_NAME$8 = "MenuContent";
433
+ var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$8);
434
434
  var MenuContent = /* @__PURE__ */ React.forwardRef(
435
- /* @__PURE__ */ __name$c(function MenuContent2(props, forwardedRef) {
436
- const portalContext = usePortalContext$1(CONTENT_NAME$9, props.__scopeMenu);
435
+ /* @__PURE__ */ __name$b(function MenuContent2(props, forwardedRef) {
436
+ const portalContext = usePortalContext$1(CONTENT_NAME$8, props.__scopeMenu);
437
437
  const { forceMount = portalContext.forceMount, ...contentProps } = props;
438
- const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
439
- const rootContext = useMenuRootContext(CONTENT_NAME$9, props.__scopeMenu);
438
+ const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
439
+ const rootContext = useMenuRootContext(CONTENT_NAME$8, props.__scopeMenu);
440
440
  return /* @__PURE__ */ jsx(Collection$3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection$3.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
441
441
  }, "MenuContent")
442
442
  );
443
443
  var MenuRootContentModal = /* @__PURE__ */ React.forwardRef(
444
444
  // blank line to reduce diff noise
445
- /* @__PURE__ */ __name$c(function MenuRootContentModal2(props, forwardedRef) {
446
- const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
445
+ /* @__PURE__ */ __name$b(function MenuRootContentModal2(props, forwardedRef) {
446
+ const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
447
447
  const ref = React.useRef(null);
448
448
  const composedRefs = useComposedRefs(forwardedRef, ref);
449
449
  React.useEffect(() => {
@@ -468,8 +468,8 @@ var MenuRootContentModal = /* @__PURE__ */ React.forwardRef(
468
468
  );
469
469
  }, "MenuRootContentModal")
470
470
  );
471
- var MenuRootContentNonModal = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$c(function MenuRootContentNonModal2(props, forwardedRef) {
472
- const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
471
+ var MenuRootContentNonModal = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function MenuRootContentNonModal2(props, forwardedRef) {
472
+ const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
473
473
  return /* @__PURE__ */ jsx(
474
474
  MenuContentImpl,
475
475
  {
@@ -485,7 +485,7 @@ var MenuRootContentNonModal = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ _
485
485
  var Slot = createSlot("MenuContent.ScrollLock");
486
486
  var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
487
487
  // blank line to reduce diff noise
488
- /* @__PURE__ */ __name$c(function MenuContentImpl2(props, forwardedRef) {
488
+ /* @__PURE__ */ __name$b(function MenuContentImpl2(props, forwardedRef) {
489
489
  const {
490
490
  __scopeMenu,
491
491
  loop = false,
@@ -502,10 +502,10 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
502
502
  disableOutsideScroll,
503
503
  ...contentProps
504
504
  } = props;
505
- const context = useMenuContext(CONTENT_NAME$9, __scopeMenu);
506
- const rootContext = useMenuRootContext(CONTENT_NAME$9, __scopeMenu);
505
+ const context = useMenuContext(CONTENT_NAME$8, __scopeMenu);
506
+ const rootContext = useMenuRootContext(CONTENT_NAME$8, __scopeMenu);
507
507
  const popperScope = usePopperScope$1(__scopeMenu);
508
- const rovingFocusGroupScope = useRovingFocusGroupScope$3(__scopeMenu);
508
+ const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeMenu);
509
509
  const getItems = useCollection$3(__scopeMenu);
510
510
  const [currentItemId, setCurrentItemId] = React.useState(null);
511
511
  const contentRef = React.useRef(null);
@@ -535,7 +535,7 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
535
535
  allowPinchZoom: true,
536
536
  shards
537
537
  } : void 0;
538
- const handleTypeaheadSearch = /* @__PURE__ */ __name$c((key) => {
538
+ const handleTypeaheadSearch = /* @__PURE__ */ __name$b((key) => {
539
539
  const search = searchRef.current + key;
540
540
  const items = getItems().filter((item) => !item.disabled);
541
541
  const currentItem = document.activeElement;
@@ -543,7 +543,7 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
543
543
  const values = items.map((item) => item.textValue);
544
544
  const nextMatch = getNextMatch(values, search, currentMatch);
545
545
  const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
546
- (/* @__PURE__ */ __name$c((function updateSearch(value) {
546
+ (/* @__PURE__ */ __name$b((function updateSearch(value) {
547
547
  searchRef.current = value;
548
548
  window.clearTimeout(timerRef.current);
549
549
  if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
@@ -685,13 +685,13 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
685
685
  }, "MenuContentImpl")
686
686
  );
687
687
  var MenuGroup = /* @__PURE__ */ React.forwardRef(
688
- /* @__PURE__ */ __name$c(function MenuGroup2(props, forwardedRef) {
688
+ /* @__PURE__ */ __name$b(function MenuGroup2(props, forwardedRef) {
689
689
  const { __scopeMenu, ...groupProps } = props;
690
690
  return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
691
691
  }, "MenuGroup")
692
692
  );
693
693
  var MenuLabel = /* @__PURE__ */ React.forwardRef(
694
- /* @__PURE__ */ __name$c(function MenuLabel2(props, forwardedRef) {
694
+ /* @__PURE__ */ __name$b(function MenuLabel2(props, forwardedRef) {
695
695
  const { __scopeMenu, ...labelProps } = props;
696
696
  return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
697
697
  }, "MenuLabel")
@@ -700,14 +700,14 @@ var ITEM_NAME$2 = "MenuItem";
700
700
  var ITEM_SELECT = "menu.itemSelect";
701
701
  var MenuItem = /* @__PURE__ */ React.forwardRef(
702
702
  // blank line to reduce diff noise
703
- /* @__PURE__ */ __name$c(function MenuItem2(props, forwardedRef) {
703
+ /* @__PURE__ */ __name$b(function MenuItem2(props, forwardedRef) {
704
704
  const { disabled = false, onSelect, ...itemProps } = props;
705
705
  const ref = React.useRef(null);
706
706
  const rootContext = useMenuRootContext(ITEM_NAME$2, props.__scopeMenu);
707
707
  const contentContext = useMenuContentContext(ITEM_NAME$2, props.__scopeMenu);
708
708
  const composedRefs = useComposedRefs(forwardedRef, ref);
709
709
  const isPointerDownRef = React.useRef(false);
710
- const handleSelect = /* @__PURE__ */ __name$c(() => {
710
+ const handleSelect = /* @__PURE__ */ __name$b(() => {
711
711
  const menuItem = ref.current;
712
712
  if (!disabled && menuItem) {
713
713
  const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
@@ -752,10 +752,10 @@ var MenuItem = /* @__PURE__ */ React.forwardRef(
752
752
  }, "MenuItem")
753
753
  );
754
754
  var MenuItemImpl = /* @__PURE__ */ React.forwardRef(
755
- /* @__PURE__ */ __name$c(function MenuItemImpl2(props, forwardedRef) {
755
+ /* @__PURE__ */ __name$b(function MenuItemImpl2(props, forwardedRef) {
756
756
  const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
757
757
  const contentContext = useMenuContentContext(ITEM_NAME$2, __scopeMenu);
758
- const rovingFocusGroupScope = useRovingFocusGroupScope$3(__scopeMenu);
758
+ const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeMenu);
759
759
  const ref = React.useRef(null);
760
760
  const composedRefs = useComposedRefs(forwardedRef, ref);
761
761
  const [isFocused, setIsFocused] = React.useState(false);
@@ -809,7 +809,7 @@ var MenuItemImpl = /* @__PURE__ */ React.forwardRef(
809
809
  );
810
810
  var MenuCheckboxItem = /* @__PURE__ */ React.forwardRef(
811
811
  // blank line to reduce diff noise
812
- /* @__PURE__ */ __name$c(function MenuCheckboxItem2(props, forwardedRef) {
812
+ /* @__PURE__ */ __name$b(function MenuCheckboxItem2(props, forwardedRef) {
813
813
  const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
814
814
  return /* @__PURE__ */ jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx(
815
815
  MenuItem,
@@ -831,11 +831,11 @@ var MenuCheckboxItem = /* @__PURE__ */ React.forwardRef(
831
831
  var RADIO_GROUP_NAME$1 = "MenuRadioGroup";
832
832
  var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext(
833
833
  RADIO_GROUP_NAME$1,
834
- { value: void 0, onValueChange: /* @__PURE__ */ __name$c(() => {
834
+ { value: void 0, onValueChange: /* @__PURE__ */ __name$b(() => {
835
835
  }, "onValueChange") }
836
836
  );
837
837
  var MenuRadioGroup = /* @__PURE__ */ React.forwardRef(
838
- /* @__PURE__ */ __name$c(function MenuRadioGroup2(props, forwardedRef) {
838
+ /* @__PURE__ */ __name$b(function MenuRadioGroup2(props, forwardedRef) {
839
839
  const { value, onValueChange, ...groupProps } = props;
840
840
  const handleValueChange = useCallbackRef(onValueChange);
841
841
  return /* @__PURE__ */ jsx(RadioGroupProvider$1, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
@@ -843,7 +843,7 @@ var MenuRadioGroup = /* @__PURE__ */ React.forwardRef(
843
843
  );
844
844
  var RADIO_ITEM_NAME = "MenuRadioItem";
845
845
  var MenuRadioItem = /* @__PURE__ */ React.forwardRef(
846
- /* @__PURE__ */ __name$c(function MenuRadioItem2(props, forwardedRef) {
846
+ /* @__PURE__ */ __name$b(function MenuRadioItem2(props, forwardedRef) {
847
847
  const { value, ...radioItemProps } = props;
848
848
  const context = useRadioGroupContext$1(RADIO_ITEM_NAME, props.__scopeMenu);
849
849
  const checked = value === context.value;
@@ -871,7 +871,7 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
871
871
  );
872
872
  var MenuItemIndicator = /* @__PURE__ */ React.forwardRef(
873
873
  // blank line to reduce diff noise
874
- /* @__PURE__ */ __name$c(function MenuItemIndicator2(props, forwardedRef) {
874
+ /* @__PURE__ */ __name$b(function MenuItemIndicator2(props, forwardedRef) {
875
875
  const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
876
876
  const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
877
877
  return /* @__PURE__ */ jsx(
@@ -891,7 +891,7 @@ var MenuItemIndicator = /* @__PURE__ */ React.forwardRef(
891
891
  }, "MenuItemIndicator")
892
892
  );
893
893
  var MenuSeparator = /* @__PURE__ */ React.forwardRef(
894
- /* @__PURE__ */ __name$c(function MenuSeparator2(props, forwardedRef) {
894
+ /* @__PURE__ */ __name$b(function MenuSeparator2(props, forwardedRef) {
895
895
  const { __scopeMenu, ...separatorProps } = props;
896
896
  return /* @__PURE__ */ jsx(
897
897
  Primitive.div,
@@ -906,7 +906,7 @@ var MenuSeparator = /* @__PURE__ */ React.forwardRef(
906
906
  );
907
907
  var SUB_NAME$2 = "MenuSub";
908
908
  var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME$2);
909
- var MenuSub = /* @__PURE__ */ __name$c((props) => {
909
+ var MenuSub = /* @__PURE__ */ __name$b((props) => {
910
910
  const { __scopeMenu, children, open = false, onOpenChange } = props;
911
911
  const parentMenuContext = useMenuContext(SUB_NAME$2, __scopeMenu);
912
912
  const popperScope = usePopperScope$1(__scopeMenu);
@@ -941,7 +941,7 @@ var MenuSub = /* @__PURE__ */ __name$c((props) => {
941
941
  }, "MenuSub");
942
942
  var SUB_TRIGGER_NAME = "MenuSubTrigger";
943
943
  var MenuSubTrigger = /* @__PURE__ */ React.forwardRef(
944
- /* @__PURE__ */ __name$c(function MenuSubTrigger2(props, forwardedRef) {
944
+ /* @__PURE__ */ __name$b(function MenuSubTrigger2(props, forwardedRef) {
945
945
  const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
946
946
  const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
947
947
  const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
@@ -1047,11 +1047,11 @@ var MenuSubTrigger = /* @__PURE__ */ React.forwardRef(
1047
1047
  );
1048
1048
  var SUB_CONTENT_NAME = "MenuSubContent";
1049
1049
  var MenuSubContent = /* @__PURE__ */ React.forwardRef(
1050
- /* @__PURE__ */ __name$c(function MenuSubContent2(props, forwardedRef) {
1051
- const portalContext = usePortalContext$1(CONTENT_NAME$9, props.__scopeMenu);
1050
+ /* @__PURE__ */ __name$b(function MenuSubContent2(props, forwardedRef) {
1051
+ const portalContext = usePortalContext$1(CONTENT_NAME$8, props.__scopeMenu);
1052
1052
  const { forceMount = portalContext.forceMount, align = "start", ...subContentProps } = props;
1053
- const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
1054
- const rootContext = useMenuRootContext(CONTENT_NAME$9, props.__scopeMenu);
1053
+ const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
1054
+ const rootContext = useMenuRootContext(CONTENT_NAME$8, props.__scopeMenu);
1055
1055
  const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
1056
1056
  const ref = React.useRef(null);
1057
1057
  const composedRefs = useComposedRefs(forwardedRef, ref);
@@ -1095,15 +1095,15 @@ var MenuSubContent = /* @__PURE__ */ React.forwardRef(
1095
1095
  function getOpenState$1(open) {
1096
1096
  return open ? "open" : "closed";
1097
1097
  }
1098
- __name$c(getOpenState$1, "getOpenState");
1098
+ __name$b(getOpenState$1, "getOpenState");
1099
1099
  function isIndeterminate(checked) {
1100
1100
  return checked === "indeterminate";
1101
1101
  }
1102
- __name$c(isIndeterminate, "isIndeterminate");
1102
+ __name$b(isIndeterminate, "isIndeterminate");
1103
1103
  function getCheckedState(checked) {
1104
1104
  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
1105
1105
  }
1106
- __name$c(getCheckedState, "getCheckedState");
1106
+ __name$b(getCheckedState, "getCheckedState");
1107
1107
  function focusFirst$1(candidates) {
1108
1108
  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
1109
1109
  for (const candidate of candidates) {
@@ -1112,11 +1112,11 @@ function focusFirst$1(candidates) {
1112
1112
  if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
1113
1113
  }
1114
1114
  }
1115
- __name$c(focusFirst$1, "focusFirst");
1115
+ __name$b(focusFirst$1, "focusFirst");
1116
1116
  function wrapArray$1(array, startIndex) {
1117
1117
  return array.map((_, index) => array[(startIndex + index) % array.length]);
1118
1118
  }
1119
- __name$c(wrapArray$1, "wrapArray");
1119
+ __name$b(wrapArray$1, "wrapArray");
1120
1120
  function getNextMatch(values, search, currentMatch) {
1121
1121
  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
1122
1122
  const normalizedSearch = isRepeated ? search[0] : search;
@@ -1129,7 +1129,7 @@ function getNextMatch(values, search, currentMatch) {
1129
1129
  );
1130
1130
  return nextMatch !== currentMatch ? nextMatch : void 0;
1131
1131
  }
1132
- __name$c(getNextMatch, "getNextMatch");
1132
+ __name$b(getNextMatch, "getNextMatch");
1133
1133
  function isPointInPolygon(point, polygon) {
1134
1134
  const { x, y } = point;
1135
1135
  let inside = false;
@@ -1145,19 +1145,19 @@ function isPointInPolygon(point, polygon) {
1145
1145
  }
1146
1146
  return inside;
1147
1147
  }
1148
- __name$c(isPointInPolygon, "isPointInPolygon");
1148
+ __name$b(isPointInPolygon, "isPointInPolygon");
1149
1149
  function isPointerInGraceArea(event, area) {
1150
1150
  if (!area) return false;
1151
1151
  const cursorPos = { x: event.clientX, y: event.clientY };
1152
1152
  return isPointInPolygon(cursorPos, area);
1153
1153
  }
1154
- __name$c(isPointerInGraceArea, "isPointerInGraceArea");
1154
+ __name$b(isPointerInGraceArea, "isPointerInGraceArea");
1155
1155
  function whenMouse$1(handler) {
1156
1156
  return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
1157
1157
  }
1158
- __name$c(whenMouse$1, "whenMouse");
1159
- var __defProp$b = Object.defineProperty;
1160
- var __name$b = (target, value) => __defProp$b(target, "name", { value, configurable: true });
1158
+ __name$b(whenMouse$1, "whenMouse");
1159
+ var __defProp$a = Object.defineProperty;
1160
+ var __name$a = (target, value) => __defProp$a(target, "name", { value, configurable: true });
1161
1161
  var DROPDOWN_MENU_NAME = "DropdownMenu";
1162
1162
  var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
1163
1163
  DROPDOWN_MENU_NAME,
@@ -1165,7 +1165,7 @@ var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
1165
1165
  );
1166
1166
  var useMenuScope$2 = createMenuScope();
1167
1167
  var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
1168
- var DropdownMenu$1 = /* @__PURE__ */ __name$b((props) => {
1168
+ var DropdownMenu$1 = /* @__PURE__ */ __name$a((props) => {
1169
1169
  const {
1170
1170
  __scopeDropdownMenu,
1171
1171
  children,
@@ -1198,12 +1198,12 @@ var DropdownMenu$1 = /* @__PURE__ */ __name$b((props) => {
1198
1198
  }
1199
1199
  );
1200
1200
  }, "DropdownMenu");
1201
- var TRIGGER_NAME$8 = "DropdownMenuTrigger";
1201
+ var TRIGGER_NAME$7 = "DropdownMenuTrigger";
1202
1202
  var DropdownMenuTrigger$1 = /* @__PURE__ */ React.forwardRef(
1203
1203
  // blank line to reduce diff noise
1204
- /* @__PURE__ */ __name$b(function DropdownMenuTrigger2(props, forwardedRef) {
1204
+ /* @__PURE__ */ __name$a(function DropdownMenuTrigger2(props, forwardedRef) {
1205
1205
  const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
1206
- const context = useDropdownMenuContext(TRIGGER_NAME$8, __scopeDropdownMenu);
1206
+ const context = useDropdownMenuContext(TRIGGER_NAME$7, __scopeDropdownMenu);
1207
1207
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1208
1208
  const composedRefs = useComposedRefs(forwardedRef, context.triggerRef);
1209
1209
  return /* @__PURE__ */ jsx(MenuAnchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
@@ -1235,17 +1235,17 @@ var DropdownMenuTrigger$1 = /* @__PURE__ */ React.forwardRef(
1235
1235
  ) });
1236
1236
  }, "DropdownMenuTrigger")
1237
1237
  );
1238
- var DropdownMenuPortal$1 = /* @__PURE__ */ __name$b((props) => {
1238
+ var DropdownMenuPortal$1 = /* @__PURE__ */ __name$a((props) => {
1239
1239
  const { __scopeDropdownMenu, ...portalProps } = props;
1240
1240
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1241
1241
  return /* @__PURE__ */ jsx(MenuPortal, { ...menuScope, ...portalProps });
1242
1242
  }, "DropdownMenuPortal");
1243
- var CONTENT_NAME$8 = "DropdownMenuContent";
1243
+ var CONTENT_NAME$7 = "DropdownMenuContent";
1244
1244
  var DropdownMenuContent$1 = /* @__PURE__ */ React.forwardRef(
1245
1245
  // blank line to reduce diff noise
1246
- /* @__PURE__ */ __name$b(function DropdownMenuContent2(props, forwardedRef) {
1246
+ /* @__PURE__ */ __name$a(function DropdownMenuContent2(props, forwardedRef) {
1247
1247
  const { __scopeDropdownMenu, ...contentProps } = props;
1248
- const context = useDropdownMenuContext(CONTENT_NAME$8, __scopeDropdownMenu);
1248
+ const context = useDropdownMenuContext(CONTENT_NAME$7, __scopeDropdownMenu);
1249
1249
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1250
1250
  const hasInteractedOutsideRef = React.useRef(false);
1251
1251
  return /* @__PURE__ */ jsx(
@@ -1284,7 +1284,7 @@ var DropdownMenuContent$1 = /* @__PURE__ */ React.forwardRef(
1284
1284
  );
1285
1285
  var DropdownMenuGroup$1 = /* @__PURE__ */ React.forwardRef(
1286
1286
  // blank line to reduce diff noise
1287
- /* @__PURE__ */ __name$b(function DropdownMenuGroup2(props, forwardedRef) {
1287
+ /* @__PURE__ */ __name$a(function DropdownMenuGroup2(props, forwardedRef) {
1288
1288
  const { __scopeDropdownMenu, ...groupProps } = props;
1289
1289
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1290
1290
  return /* @__PURE__ */ jsx(MenuGroup, { ...menuScope, ...groupProps, ref: forwardedRef });
@@ -1292,7 +1292,7 @@ var DropdownMenuGroup$1 = /* @__PURE__ */ React.forwardRef(
1292
1292
  );
1293
1293
  var DropdownMenuLabel$1 = /* @__PURE__ */ React.forwardRef(
1294
1294
  // blank line to reduce diff noise
1295
- /* @__PURE__ */ __name$b(function DropdownMenuLabel2(props, forwardedRef) {
1295
+ /* @__PURE__ */ __name$a(function DropdownMenuLabel2(props, forwardedRef) {
1296
1296
  const { __scopeDropdownMenu, ...labelProps } = props;
1297
1297
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1298
1298
  return /* @__PURE__ */ jsx(MenuLabel, { ...menuScope, ...labelProps, ref: forwardedRef });
@@ -1300,38 +1300,38 @@ var DropdownMenuLabel$1 = /* @__PURE__ */ React.forwardRef(
1300
1300
  );
1301
1301
  var DropdownMenuItem$1 = /* @__PURE__ */ React.forwardRef(
1302
1302
  // blank line to reduce diff noise
1303
- /* @__PURE__ */ __name$b(function DropdownMenuItem2(props, forwardedRef) {
1303
+ /* @__PURE__ */ __name$a(function DropdownMenuItem2(props, forwardedRef) {
1304
1304
  const { __scopeDropdownMenu, ...itemProps } = props;
1305
1305
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1306
1306
  return /* @__PURE__ */ jsx(MenuItem, { ...menuScope, ...itemProps, ref: forwardedRef });
1307
1307
  }, "DropdownMenuItem")
1308
1308
  );
1309
- var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function DropdownMenuCheckboxItem2(props, forwardedRef) {
1309
+ var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuCheckboxItem2(props, forwardedRef) {
1310
1310
  const { __scopeDropdownMenu, ...checkboxItemProps } = props;
1311
1311
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1312
1312
  return /* @__PURE__ */ jsx(MenuCheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
1313
1313
  }, "DropdownMenuCheckboxItem"));
1314
- var DropdownMenuRadioGroup$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function DropdownMenuRadioGroup2(props, forwardedRef) {
1314
+ var DropdownMenuRadioGroup$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuRadioGroup2(props, forwardedRef) {
1315
1315
  const { __scopeDropdownMenu, ...radioGroupProps } = props;
1316
1316
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1317
1317
  return /* @__PURE__ */ jsx(MenuRadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
1318
1318
  }, "DropdownMenuRadioGroup"));
1319
- var DropdownMenuRadioItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function DropdownMenuRadioItem2(props, forwardedRef) {
1319
+ var DropdownMenuRadioItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuRadioItem2(props, forwardedRef) {
1320
1320
  const { __scopeDropdownMenu, ...radioItemProps } = props;
1321
1321
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1322
1322
  return /* @__PURE__ */ jsx(MenuRadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
1323
1323
  }, "DropdownMenuRadioItem"));
1324
- var DropdownMenuItemIndicator = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function DropdownMenuItemIndicator2(props, forwardedRef) {
1324
+ var DropdownMenuItemIndicator = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuItemIndicator2(props, forwardedRef) {
1325
1325
  const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
1326
1326
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1327
1327
  return /* @__PURE__ */ jsx(MenuItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
1328
1328
  }, "DropdownMenuItemIndicator"));
1329
- var DropdownMenuSeparator$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function DropdownMenuSeparator2(props, forwardedRef) {
1329
+ var DropdownMenuSeparator$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuSeparator2(props, forwardedRef) {
1330
1330
  const { __scopeDropdownMenu, ...separatorProps } = props;
1331
1331
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1332
1332
  return /* @__PURE__ */ jsx(MenuSeparator, { ...menuScope, ...separatorProps, ref: forwardedRef });
1333
1333
  }, "DropdownMenuSeparator"));
1334
- var DropdownMenuSub$1 = /* @__PURE__ */ __name$b((props) => {
1334
+ var DropdownMenuSub$1 = /* @__PURE__ */ __name$a((props) => {
1335
1335
  const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
1336
1336
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1337
1337
  const [open, setOpen] = useControllableState({
@@ -1342,12 +1342,12 @@ var DropdownMenuSub$1 = /* @__PURE__ */ __name$b((props) => {
1342
1342
  });
1343
1343
  return /* @__PURE__ */ jsx(MenuSub, { ...menuScope, open, onOpenChange: setOpen, children });
1344
1344
  }, "DropdownMenuSub");
1345
- var DropdownMenuSubTrigger$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function DropdownMenuSubTrigger2(props, forwardedRef) {
1345
+ var DropdownMenuSubTrigger$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuSubTrigger2(props, forwardedRef) {
1346
1346
  const { __scopeDropdownMenu, ...subTriggerProps } = props;
1347
1347
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1348
1348
  return /* @__PURE__ */ jsx(MenuSubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
1349
1349
  }, "DropdownMenuSubTrigger"));
1350
- var DropdownMenuSubContent$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function DropdownMenuSubContent2(props, forwardedRef) {
1350
+ var DropdownMenuSubContent$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuSubContent2(props, forwardedRef) {
1351
1351
  const { __scopeDropdownMenu, ...subContentProps } = props;
1352
1352
  const menuScope = useMenuScope$2(__scopeDropdownMenu);
1353
1353
  return /* @__PURE__ */ jsx(
@@ -1922,328 +1922,6 @@ function DropdownMenuSubContent(t0) {
1922
1922
  }
1923
1923
  return t2;
1924
1924
  }
1925
- var __defProp$a = Object.defineProperty;
1926
- var __name$a = (target, value) => __defProp$a(target, "name", { value, configurable: true });
1927
- var ActivationMode$1 = {
1928
- Automatic: "automatic",
1929
- Manual: "manual"
1930
- };
1931
- var TABS_NAME = "Tabs";
1932
- var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
1933
- createRovingFocusGroupScope
1934
- ]);
1935
- var useRovingFocusGroupScope$2 = createRovingFocusGroupScope();
1936
- var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
1937
- var Tabs$1 = /* @__PURE__ */ React.forwardRef(
1938
- // blank line to reduce diff noise
1939
- /* @__PURE__ */ __name$a(function Tabs2(props, forwardedRef) {
1940
- const {
1941
- __scopeTabs,
1942
- value: valueProp,
1943
- onValueChange,
1944
- defaultValue,
1945
- orientation = "horizontal",
1946
- dir,
1947
- activationMode = ActivationMode$1.Automatic,
1948
- ...tabsProps
1949
- } = props;
1950
- const direction = useDirection(dir);
1951
- const [value, setValue] = useControllableState({
1952
- prop: valueProp,
1953
- onChange: onValueChange,
1954
- defaultProp: defaultValue ?? "",
1955
- caller: TABS_NAME
1956
- });
1957
- return /* @__PURE__ */ jsx(
1958
- TabsProvider,
1959
- {
1960
- scope: __scopeTabs,
1961
- baseId: useId(),
1962
- value,
1963
- onValueChange: setValue,
1964
- orientation,
1965
- dir: direction,
1966
- activationMode,
1967
- children: /* @__PURE__ */ jsx(
1968
- Primitive.div,
1969
- {
1970
- dir: direction,
1971
- "data-orientation": orientation,
1972
- ...tabsProps,
1973
- ref: forwardedRef
1974
- }
1975
- )
1976
- }
1977
- );
1978
- }, "Tabs")
1979
- );
1980
- var TAB_LIST_NAME = "TabsList";
1981
- var TabsList$1 = /* @__PURE__ */ React.forwardRef(
1982
- // blank line to reduce diff noise
1983
- /* @__PURE__ */ __name$a(function TabsList2(props, forwardedRef) {
1984
- const { __scopeTabs, loop = true, ...listProps } = props;
1985
- const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
1986
- const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeTabs);
1987
- return /* @__PURE__ */ jsx(
1988
- RovingFocusGroup,
1989
- {
1990
- asChild: true,
1991
- ...rovingFocusGroupScope,
1992
- orientation: context.orientation,
1993
- dir: context.dir,
1994
- loop,
1995
- children: /* @__PURE__ */ jsx(
1996
- Primitive.div,
1997
- {
1998
- role: "tablist",
1999
- "aria-orientation": context.orientation,
2000
- ...listProps,
2001
- ref: forwardedRef
2002
- }
2003
- )
2004
- }
2005
- );
2006
- }, "TabsList")
2007
- );
2008
- var TRIGGER_NAME$7 = "TabsTrigger";
2009
- var TabsTrigger$1 = /* @__PURE__ */ React.forwardRef(
2010
- /* @__PURE__ */ __name$a(function TabsTrigger2(props, forwardedRef) {
2011
- const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
2012
- const context = useTabsContext(TRIGGER_NAME$7, __scopeTabs);
2013
- const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeTabs);
2014
- const triggerId = makeTriggerId$1(context.baseId, value);
2015
- const contentId = makeContentId$1(context.baseId, value);
2016
- const isSelected = value === context.value;
2017
- return /* @__PURE__ */ jsx(
2018
- RovingFocusGroupItem,
2019
- {
2020
- asChild: true,
2021
- ...rovingFocusGroupScope,
2022
- focusable: !disabled,
2023
- active: isSelected,
2024
- children: /* @__PURE__ */ jsx(
2025
- Primitive.button,
2026
- {
2027
- type: "button",
2028
- role: "tab",
2029
- "aria-selected": isSelected,
2030
- "aria-controls": contentId,
2031
- "data-state": isSelected ? "active" : "inactive",
2032
- "data-disabled": disabled ? "" : void 0,
2033
- disabled,
2034
- id: triggerId,
2035
- ...triggerProps,
2036
- ref: forwardedRef,
2037
- onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
2038
- if (!disabled && event.button === 0 && event.ctrlKey === false) {
2039
- event.currentTarget.focus();
2040
- context.onValueChange(value);
2041
- } else {
2042
- event.preventDefault();
2043
- }
2044
- }),
2045
- onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
2046
- if (disabled || event.target !== event.currentTarget) {
2047
- return;
2048
- }
2049
- if ([" ", "Enter"].includes(event.key)) {
2050
- context.onValueChange(value);
2051
- }
2052
- }),
2053
- onFocus: composeEventHandlers(props.onFocus, () => {
2054
- const isAutomaticActivation = context.activationMode !== ActivationMode$1.Manual;
2055
- if (!isSelected && !disabled && isAutomaticActivation) {
2056
- context.onValueChange(value);
2057
- }
2058
- })
2059
- }
2060
- )
2061
- }
2062
- );
2063
- }, "TabsTrigger")
2064
- );
2065
- var CONTENT_NAME$7 = "TabsContent";
2066
- var TabsContent$1 = /* @__PURE__ */ React.forwardRef(
2067
- /* @__PURE__ */ __name$a(function TabsContent2(props, forwardedRef) {
2068
- const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
2069
- const context = useTabsContext(CONTENT_NAME$7, __scopeTabs);
2070
- const triggerId = makeTriggerId$1(context.baseId, value);
2071
- const contentId = makeContentId$1(context.baseId, value);
2072
- const isSelected = value === context.value;
2073
- const isMountAnimationPreventedRef = React.useRef(isSelected);
2074
- React.useEffect(() => {
2075
- const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
2076
- return () => cancelAnimationFrame(rAF);
2077
- }, []);
2078
- return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
2079
- Primitive.div,
2080
- {
2081
- "data-state": isSelected ? "active" : "inactive",
2082
- "data-orientation": context.orientation,
2083
- role: "tabpanel",
2084
- "aria-labelledby": triggerId,
2085
- hidden: !present,
2086
- id: contentId,
2087
- tabIndex: 0,
2088
- ...contentProps,
2089
- ref: forwardedRef,
2090
- style: {
2091
- ...props.style,
2092
- animationDuration: isMountAnimationPreventedRef.current ? "0s" : void 0
2093
- },
2094
- children: present && children
2095
- }
2096
- ) });
2097
- }, "TabsContent")
2098
- );
2099
- function makeTriggerId$1(baseId, value) {
2100
- return `${baseId}-trigger-${value}`;
2101
- }
2102
- __name$a(makeTriggerId$1, "makeTriggerId");
2103
- function makeContentId$1(baseId, value) {
2104
- return `${baseId}-content-${value}`;
2105
- }
2106
- __name$a(makeContentId$1, "makeContentId");
2107
- function Tabs(t0) {
2108
- const $ = c(8);
2109
- let className;
2110
- let props;
2111
- if ($[0] !== t0) {
2112
- ({
2113
- className,
2114
- ...props
2115
- } = t0);
2116
- $[0] = t0;
2117
- $[1] = className;
2118
- $[2] = props;
2119
- } else {
2120
- className = $[1];
2121
- props = $[2];
2122
- }
2123
- let t1;
2124
- if ($[3] !== className) {
2125
- t1 = cn("flex flex-col gap-2", className);
2126
- $[3] = className;
2127
- $[4] = t1;
2128
- } else {
2129
- t1 = $[4];
2130
- }
2131
- let t2;
2132
- if ($[5] !== props || $[6] !== t1) {
2133
- t2 = /* @__PURE__ */ jsx(Tabs$1, { "data-slot": "tabs", className: t1, ...props });
2134
- $[5] = props;
2135
- $[6] = t1;
2136
- $[7] = t2;
2137
- } else {
2138
- t2 = $[7];
2139
- }
2140
- return t2;
2141
- }
2142
- function TabsList(t0) {
2143
- const $ = c(8);
2144
- let className;
2145
- let props;
2146
- if ($[0] !== t0) {
2147
- ({
2148
- className,
2149
- ...props
2150
- } = t0);
2151
- $[0] = t0;
2152
- $[1] = className;
2153
- $[2] = props;
2154
- } else {
2155
- className = $[1];
2156
- props = $[2];
2157
- }
2158
- let t1;
2159
- if ($[3] !== className) {
2160
- t1 = cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className);
2161
- $[3] = className;
2162
- $[4] = t1;
2163
- } else {
2164
- t1 = $[4];
2165
- }
2166
- let t2;
2167
- if ($[5] !== props || $[6] !== t1) {
2168
- t2 = /* @__PURE__ */ jsx(TabsList$1, { "data-slot": "tabs-list", className: t1, ...props });
2169
- $[5] = props;
2170
- $[6] = t1;
2171
- $[7] = t2;
2172
- } else {
2173
- t2 = $[7];
2174
- }
2175
- return t2;
2176
- }
2177
- function TabsTrigger(t0) {
2178
- const $ = c(8);
2179
- let className;
2180
- let props;
2181
- if ($[0] !== t0) {
2182
- ({
2183
- className,
2184
- ...props
2185
- } = t0);
2186
- $[0] = t0;
2187
- $[1] = className;
2188
- $[2] = props;
2189
- } else {
2190
- className = $[1];
2191
- props = $[2];
2192
- }
2193
- let t1;
2194
- if ($[3] !== className) {
2195
- t1 = cn("data-[state=active]:bg-content1 dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
2196
- $[3] = className;
2197
- $[4] = t1;
2198
- } else {
2199
- t1 = $[4];
2200
- }
2201
- let t2;
2202
- if ($[5] !== props || $[6] !== t1) {
2203
- t2 = /* @__PURE__ */ jsx(TabsTrigger$1, { "data-slot": "tabs-trigger", className: t1, ...props });
2204
- $[5] = props;
2205
- $[6] = t1;
2206
- $[7] = t2;
2207
- } else {
2208
- t2 = $[7];
2209
- }
2210
- return t2;
2211
- }
2212
- function TabsContent(t0) {
2213
- const $ = c(8);
2214
- let className;
2215
- let props;
2216
- if ($[0] !== t0) {
2217
- ({
2218
- className,
2219
- ...props
2220
- } = t0);
2221
- $[0] = t0;
2222
- $[1] = className;
2223
- $[2] = props;
2224
- } else {
2225
- className = $[1];
2226
- props = $[2];
2227
- }
2228
- let t1;
2229
- if ($[3] !== className) {
2230
- t1 = cn("flex-1 outline-none", className);
2231
- $[3] = className;
2232
- $[4] = t1;
2233
- } else {
2234
- t1 = $[4];
2235
- }
2236
- let t2;
2237
- if ($[5] !== props || $[6] !== t1) {
2238
- t2 = /* @__PURE__ */ jsx(TabsContent$1, { "data-slot": "tabs-content", className: t1, ...props });
2239
- $[5] = props;
2240
- $[6] = t1;
2241
- $[7] = t2;
2242
- } else {
2243
- t2 = $[7];
2244
- }
2245
- return t2;
2246
- }
2247
1925
  function Skeleton(t0) {
2248
1926
  const $ = c(8);
2249
1927
  let className;
@@ -8321,10 +7999,6 @@ export {
8321
7999
  b as SelectValue,
8322
8000
  Skeleton,
8323
8001
  S as Switch,
8324
- Tabs,
8325
- TabsContent,
8326
- TabsList,
8327
- TabsTrigger,
8328
8002
  Textarea,
8329
8003
  navigationMenuTriggerStyle
8330
8004
  };