lizaui 9.0.11 → 9.0.13
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.
- package/dist/button/index.es.js +1 -1
- package/dist/calendar/index.es.js +1 -1
- package/dist/checkbox/index.es.js +1 -1
- package/dist/chunks/{button-B0fpJrMg.js → button-CA3Y2GZ1.js} +2 -2
- package/dist/chunks/{button-B0fpJrMg.js.map → button-CA3Y2GZ1.js.map} +1 -1
- package/dist/chunks/{checkbox-C1Sssumg.js → checkbox-qzZKMLRN.js} +2 -2
- package/dist/chunks/{checkbox-C1Sssumg.js.map → checkbox-qzZKMLRN.js.map} +1 -1
- package/dist/chunks/{floating-ui.dom-DsMDyTcd.js → floating-ui.dom-N5ROFCJy.js} +1 -10
- package/dist/chunks/{floating-ui.dom-DsMDyTcd.js.map → floating-ui.dom-N5ROFCJy.js.map} +1 -1
- package/dist/chunks/{floating-ui.dom-Bd-QJw02.js → floating-ui.dom-NqZWWqNg.js} +4 -13
- package/dist/chunks/{floating-ui.dom-Bd-QJw02.js.map → floating-ui.dom-NqZWWqNg.js.map} +1 -1
- package/dist/chunks/index-CuySPbdY.js +559 -0
- package/dist/chunks/index-CuySPbdY.js.map +1 -0
- package/dist/chunks/index-DBDBh58Q.js +575 -0
- package/dist/chunks/index-DBDBh58Q.js.map +1 -0
- package/dist/chunks/index-DNSql2gU.js +662 -0
- package/dist/chunks/index-DNSql2gU.js.map +1 -0
- package/dist/chunks/{index-B4RTH1-D.js → index-DiC9dI6_.js} +4 -4
- package/dist/chunks/{index-B4RTH1-D.js.map → index-DiC9dI6_.js.map} +1 -1
- package/dist/chunks/index-DlZi5TkN.js +646 -0
- package/dist/chunks/index-DlZi5TkN.js.map +1 -0
- package/dist/chunks/{scroll-area-JgKF61tc.js → scroll-area-BcM0NCEM.js} +4 -4
- package/dist/chunks/{scroll-area-JgKF61tc.js.map → scroll-area-BcM0NCEM.js.map} +1 -1
- package/dist/chunks/{scroll-area-C0NhSIO2.js → scroll-area-CgJodNZ_.js} +27 -27
- package/dist/chunks/{scroll-area-C0NhSIO2.js.map → scroll-area-CgJodNZ_.js.map} +1 -1
- package/dist/chunks/{select-Dpyj5dUk.js → select-DaKy-WhC.js} +11 -367
- package/dist/chunks/select-DaKy-WhC.js.map +1 -0
- package/dist/chunks/{select-DGnc8VJi.js → select-DyihZY-4.js} +83 -439
- package/dist/chunks/select-DyihZY-4.js.map +1 -0
- package/dist/chunks/{textarea-D2_KC-J4.js → textarea-By2Vv44z.js} +36 -587
- package/dist/chunks/textarea-By2Vv44z.js.map +1 -0
- package/dist/chunks/{textarea-_HQpXiCX.js → textarea-ClJsk9Gp.js} +35 -586
- package/dist/chunks/textarea-ClJsk9Gp.js.map +1 -0
- package/dist/chunks/tooltip-D4UvkD2G.js +525 -0
- package/dist/chunks/tooltip-D4UvkD2G.js.map +1 -0
- package/dist/chunks/tooltip-WGeoFpGx.js +541 -0
- package/dist/chunks/tooltip-WGeoFpGx.js.map +1 -0
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/divider/index.es.js +1 -1
- package/dist/modal/index.es.js +1 -1
- package/dist/pagination/index.cjs.js +2 -2
- package/dist/pagination/index.es.js +3 -3
- package/dist/phone-input/index.cjs.js +2 -2
- package/dist/phone-input/index.es.js +3 -3
- package/dist/select-input/index.cjs.js +1 -1
- package/dist/select-input/index.es.js +2 -2
- package/dist/table/index.cjs.js +1 -1
- package/dist/table/index.es.js +2 -2
- package/dist/time-input/index.cjs.js +1 -1
- package/dist/time-input/index.es.js +2 -2
- package/dist/tooltip/index.cjs.js +1 -1
- package/dist/tooltip/index.es.js +1 -1
- package/dist/ui/index.cjs.js +292 -290
- package/dist/ui/index.cjs.js.map +1 -1
- package/dist/ui/index.es.js +192 -190
- package/dist/ui/index.es.js.map +1 -1
- package/package.json +10 -10
- package/dist/chunks/floating-ui.react-dom-CjlUwp8V.js +0 -294
- package/dist/chunks/floating-ui.react-dom-CjlUwp8V.js.map +0 -1
- package/dist/chunks/floating-ui.react-dom-D5BI9L2i.js +0 -310
- package/dist/chunks/floating-ui.react-dom-D5BI9L2i.js.map +0 -1
- package/dist/chunks/select-DGnc8VJi.js.map +0 -1
- package/dist/chunks/select-Dpyj5dUk.js.map +0 -1
- package/dist/chunks/textarea-D2_KC-J4.js.map +0 -1
- package/dist/chunks/textarea-_HQpXiCX.js.map +0 -1
- package/dist/chunks/tooltip-GGFk8ALK.js +0 -1402
- package/dist/chunks/tooltip-GGFk8ALK.js.map +0 -1
- package/dist/chunks/tooltip-JwIbppjO.js +0 -1387
- package/dist/chunks/tooltip-JwIbppjO.js.map +0 -1
|
@@ -11,8 +11,8 @@ const pattern = require("./pattern-D0UCtvgZ.js");
|
|
|
11
11
|
require("./assertion-C4-_LOAB.js");
|
|
12
12
|
const labelError = require("./label-error-C8lIsfXu.js");
|
|
13
13
|
const framerMotion = require("framer-motion");
|
|
14
|
-
const index$1 = require("./index-
|
|
15
|
-
const
|
|
14
|
+
const index$1 = require("./index-DBDBh58Q.js");
|
|
15
|
+
const index$2 = require("./index-C_sOsPRt.js");
|
|
16
16
|
const button = require("./button-d5z8H59K.js");
|
|
17
17
|
function _interopNamespaceDefault(e) {
|
|
18
18
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -31,7 +31,6 @@ function _interopNamespaceDefault(e) {
|
|
|
31
31
|
return Object.freeze(n);
|
|
32
32
|
}
|
|
33
33
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
34
|
-
const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
|
|
35
34
|
const badge = tv.tv({
|
|
36
35
|
slots: {
|
|
37
36
|
base: ["relative", "inline-flex", "shrink-0"],
|
|
@@ -548,41 +547,6 @@ const Input = React__namespace.forwardRef((props2, ref) => {
|
|
|
548
547
|
] });
|
|
549
548
|
});
|
|
550
549
|
Input.displayName = "Input";
|
|
551
|
-
var NODES = [
|
|
552
|
-
"a",
|
|
553
|
-
"button",
|
|
554
|
-
"div",
|
|
555
|
-
"form",
|
|
556
|
-
"h2",
|
|
557
|
-
"h3",
|
|
558
|
-
"img",
|
|
559
|
-
"input",
|
|
560
|
-
"label",
|
|
561
|
-
"li",
|
|
562
|
-
"nav",
|
|
563
|
-
"ol",
|
|
564
|
-
"p",
|
|
565
|
-
"select",
|
|
566
|
-
"span",
|
|
567
|
-
"svg",
|
|
568
|
-
"ul"
|
|
569
|
-
];
|
|
570
|
-
var Primitive = NODES.reduce((primitive, node) => {
|
|
571
|
-
const Slot2 = index$1.createSlot(`Primitive.${node}`);
|
|
572
|
-
const Node2 = React__namespace.forwardRef((props2, forwardedRef) => {
|
|
573
|
-
const { asChild, ...primitiveProps } = props2;
|
|
574
|
-
const Comp = asChild ? Slot2 : node;
|
|
575
|
-
if (typeof window !== "undefined") {
|
|
576
|
-
window[Symbol.for("radix-ui")] = true;
|
|
577
|
-
}
|
|
578
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
579
|
-
});
|
|
580
|
-
Node2.displayName = `Primitive.${node}`;
|
|
581
|
-
return { ...primitive, [node]: Node2 };
|
|
582
|
-
}, {});
|
|
583
|
-
function dispatchDiscreteCustomEvent(target, event) {
|
|
584
|
-
if (target) ReactDOM__namespace.flushSync(() => target.dispatchEvent(event));
|
|
585
|
-
}
|
|
586
550
|
const SwitchClassProps = index.cva(["flex items-center cursor-pointer relative rounded-full p-0.5 px-1 relative overflow-hidden"], {
|
|
587
551
|
variants: {
|
|
588
552
|
color: {
|
|
@@ -722,382 +686,18 @@ const Switch = ({
|
|
|
722
686
|
] });
|
|
723
687
|
};
|
|
724
688
|
Switch.displayName = "Switch";
|
|
725
|
-
|
|
726
|
-
return function handleEvent(event) {
|
|
727
|
-
originalEventHandler?.(event);
|
|
728
|
-
if (checkForDefaultPrevented === false || !event.defaultPrevented) {
|
|
729
|
-
return ourEventHandler?.(event);
|
|
730
|
-
}
|
|
731
|
-
};
|
|
732
|
-
}
|
|
733
|
-
function createContext2(rootComponentName, defaultContext) {
|
|
734
|
-
const Context = React__namespace.createContext(defaultContext);
|
|
735
|
-
const Provider = (props2) => {
|
|
736
|
-
const { children, ...context } = props2;
|
|
737
|
-
const value = React__namespace.useMemo(() => context, Object.values(context));
|
|
738
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
|
|
739
|
-
};
|
|
740
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
741
|
-
function useContext2(consumerName) {
|
|
742
|
-
const context = React__namespace.useContext(Context);
|
|
743
|
-
if (context) return context;
|
|
744
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
745
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
746
|
-
}
|
|
747
|
-
return [Provider, useContext2];
|
|
748
|
-
}
|
|
749
|
-
function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
750
|
-
let defaultContexts = [];
|
|
751
|
-
function createContext3(rootComponentName, defaultContext) {
|
|
752
|
-
const BaseContext = React__namespace.createContext(defaultContext);
|
|
753
|
-
const index2 = defaultContexts.length;
|
|
754
|
-
defaultContexts = [...defaultContexts, defaultContext];
|
|
755
|
-
const Provider = (props2) => {
|
|
756
|
-
const { scope, children, ...context } = props2;
|
|
757
|
-
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
758
|
-
const value = React__namespace.useMemo(() => context, Object.values(context));
|
|
759
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
|
|
760
|
-
};
|
|
761
|
-
Provider.displayName = rootComponentName + "Provider";
|
|
762
|
-
function useContext2(consumerName, scope) {
|
|
763
|
-
const Context = scope?.[scopeName]?.[index2] || BaseContext;
|
|
764
|
-
const context = React__namespace.useContext(Context);
|
|
765
|
-
if (context) return context;
|
|
766
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
767
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
768
|
-
}
|
|
769
|
-
return [Provider, useContext2];
|
|
770
|
-
}
|
|
771
|
-
const createScope = () => {
|
|
772
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
773
|
-
return React__namespace.createContext(defaultContext);
|
|
774
|
-
});
|
|
775
|
-
return function useScope(scope) {
|
|
776
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
777
|
-
return React__namespace.useMemo(
|
|
778
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
779
|
-
[scope, contexts]
|
|
780
|
-
);
|
|
781
|
-
};
|
|
782
|
-
};
|
|
783
|
-
createScope.scopeName = scopeName;
|
|
784
|
-
return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
|
|
785
|
-
}
|
|
786
|
-
function composeContextScopes(...scopes) {
|
|
787
|
-
const baseScope = scopes[0];
|
|
788
|
-
if (scopes.length === 1) return baseScope;
|
|
789
|
-
const createScope = () => {
|
|
790
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
791
|
-
useScope: createScope2(),
|
|
792
|
-
scopeName: createScope2.scopeName
|
|
793
|
-
}));
|
|
794
|
-
return function useComposedScopes(overrideScopes) {
|
|
795
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
796
|
-
const scopeProps = useScope(overrideScopes);
|
|
797
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
798
|
-
return { ...nextScopes2, ...currentScope };
|
|
799
|
-
}, {});
|
|
800
|
-
return React__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
801
|
-
};
|
|
802
|
-
};
|
|
803
|
-
createScope.scopeName = baseScope.scopeName;
|
|
804
|
-
return createScope;
|
|
805
|
-
}
|
|
806
|
-
var useLayoutEffect2 = globalThis?.document ? React__namespace.useLayoutEffect : () => {
|
|
807
|
-
};
|
|
808
|
-
var useInsertionEffect = React__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
809
|
-
function useControllableState({
|
|
810
|
-
prop,
|
|
811
|
-
defaultProp,
|
|
812
|
-
onChange = () => {
|
|
813
|
-
},
|
|
814
|
-
caller
|
|
815
|
-
}) {
|
|
816
|
-
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
|
|
817
|
-
defaultProp,
|
|
818
|
-
onChange
|
|
819
|
-
});
|
|
820
|
-
const isControlled = prop !== void 0;
|
|
821
|
-
const value = isControlled ? prop : uncontrolledProp;
|
|
822
|
-
{
|
|
823
|
-
const isControlledRef = React__namespace.useRef(prop !== void 0);
|
|
824
|
-
React__namespace.useEffect(() => {
|
|
825
|
-
const wasControlled = isControlledRef.current;
|
|
826
|
-
if (wasControlled !== isControlled) {
|
|
827
|
-
const from = wasControlled ? "controlled" : "uncontrolled";
|
|
828
|
-
const to = isControlled ? "controlled" : "uncontrolled";
|
|
829
|
-
}
|
|
830
|
-
isControlledRef.current = isControlled;
|
|
831
|
-
}, [isControlled, caller]);
|
|
832
|
-
}
|
|
833
|
-
const setValue = React__namespace.useCallback(
|
|
834
|
-
(nextValue) => {
|
|
835
|
-
if (isControlled) {
|
|
836
|
-
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
|
|
837
|
-
if (value2 !== prop) {
|
|
838
|
-
onChangeRef.current?.(value2);
|
|
839
|
-
}
|
|
840
|
-
} else {
|
|
841
|
-
setUncontrolledProp(nextValue);
|
|
842
|
-
}
|
|
843
|
-
},
|
|
844
|
-
[isControlled, prop, setUncontrolledProp, onChangeRef]
|
|
845
|
-
);
|
|
846
|
-
return [value, setValue];
|
|
847
|
-
}
|
|
848
|
-
function useUncontrolledState({
|
|
849
|
-
defaultProp,
|
|
850
|
-
onChange
|
|
851
|
-
}) {
|
|
852
|
-
const [value, setValue] = React__namespace.useState(defaultProp);
|
|
853
|
-
const prevValueRef = React__namespace.useRef(value);
|
|
854
|
-
const onChangeRef = React__namespace.useRef(onChange);
|
|
855
|
-
useInsertionEffect(() => {
|
|
856
|
-
onChangeRef.current = onChange;
|
|
857
|
-
}, [onChange]);
|
|
858
|
-
React__namespace.useEffect(() => {
|
|
859
|
-
if (prevValueRef.current !== value) {
|
|
860
|
-
onChangeRef.current?.(value);
|
|
861
|
-
prevValueRef.current = value;
|
|
862
|
-
}
|
|
863
|
-
}, [value, prevValueRef]);
|
|
864
|
-
return [value, setValue, onChangeRef];
|
|
865
|
-
}
|
|
866
|
-
function isFunction(value) {
|
|
867
|
-
return typeof value === "function";
|
|
868
|
-
}
|
|
869
|
-
function useCallbackRef$1(callback) {
|
|
870
|
-
const callbackRef = React__namespace.useRef(callback);
|
|
871
|
-
React__namespace.useEffect(() => {
|
|
872
|
-
callbackRef.current = callback;
|
|
873
|
-
});
|
|
874
|
-
return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
875
|
-
}
|
|
876
|
-
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
877
|
-
const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
|
|
878
|
-
React__namespace.useEffect(() => {
|
|
879
|
-
const handleKeyDown = (event) => {
|
|
880
|
-
if (event.key === "Escape") {
|
|
881
|
-
onEscapeKeyDown(event);
|
|
882
|
-
}
|
|
883
|
-
};
|
|
884
|
-
ownerDocument.addEventListener("keydown", handleKeyDown, { capture: true });
|
|
885
|
-
return () => ownerDocument.removeEventListener("keydown", handleKeyDown, { capture: true });
|
|
886
|
-
}, [onEscapeKeyDown, ownerDocument]);
|
|
887
|
-
}
|
|
888
|
-
var DISMISSABLE_LAYER_NAME = "DismissableLayer";
|
|
889
|
-
var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
890
|
-
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
891
|
-
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
892
|
-
var originalBodyPointerEvents;
|
|
893
|
-
var DismissableLayerContext = React__namespace.createContext({
|
|
894
|
-
layers: /* @__PURE__ */ new Set(),
|
|
895
|
-
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
896
|
-
branches: /* @__PURE__ */ new Set()
|
|
897
|
-
});
|
|
898
|
-
var DismissableLayer = React__namespace.forwardRef(
|
|
899
|
-
(props2, forwardedRef) => {
|
|
900
|
-
const {
|
|
901
|
-
disableOutsidePointerEvents = false,
|
|
902
|
-
onEscapeKeyDown,
|
|
903
|
-
onPointerDownOutside,
|
|
904
|
-
onFocusOutside,
|
|
905
|
-
onInteractOutside,
|
|
906
|
-
onDismiss,
|
|
907
|
-
...layerProps
|
|
908
|
-
} = props2;
|
|
909
|
-
const context = React__namespace.useContext(DismissableLayerContext);
|
|
910
|
-
const [node, setNode] = React__namespace.useState(null);
|
|
911
|
-
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
912
|
-
const [, force] = React__namespace.useState({});
|
|
913
|
-
const composedRefs = index$1.useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
914
|
-
const layers = Array.from(context.layers);
|
|
915
|
-
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
916
|
-
const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
|
|
917
|
-
const index2 = node ? layers.indexOf(node) : -1;
|
|
918
|
-
const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
|
919
|
-
const isPointerEventsEnabled = index2 >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
|
920
|
-
const pointerDownOutside = usePointerDownOutside((event) => {
|
|
921
|
-
const target = event.target;
|
|
922
|
-
const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
923
|
-
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
|
924
|
-
onPointerDownOutside?.(event);
|
|
925
|
-
onInteractOutside?.(event);
|
|
926
|
-
if (!event.defaultPrevented) onDismiss?.();
|
|
927
|
-
}, ownerDocument);
|
|
928
|
-
const focusOutside = useFocusOutside((event) => {
|
|
929
|
-
const target = event.target;
|
|
930
|
-
const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
931
|
-
if (isFocusInBranch) return;
|
|
932
|
-
onFocusOutside?.(event);
|
|
933
|
-
onInteractOutside?.(event);
|
|
934
|
-
if (!event.defaultPrevented) onDismiss?.();
|
|
935
|
-
}, ownerDocument);
|
|
936
|
-
useEscapeKeydown((event) => {
|
|
937
|
-
const isHighestLayer = index2 === context.layers.size - 1;
|
|
938
|
-
if (!isHighestLayer) return;
|
|
939
|
-
onEscapeKeyDown?.(event);
|
|
940
|
-
if (!event.defaultPrevented && onDismiss) {
|
|
941
|
-
event.preventDefault();
|
|
942
|
-
onDismiss();
|
|
943
|
-
}
|
|
944
|
-
}, ownerDocument);
|
|
945
|
-
React__namespace.useEffect(() => {
|
|
946
|
-
if (!node) return;
|
|
947
|
-
if (disableOutsidePointerEvents) {
|
|
948
|
-
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
949
|
-
originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
|
|
950
|
-
ownerDocument.body.style.pointerEvents = "none";
|
|
951
|
-
}
|
|
952
|
-
context.layersWithOutsidePointerEventsDisabled.add(node);
|
|
953
|
-
}
|
|
954
|
-
context.layers.add(node);
|
|
955
|
-
dispatchUpdate();
|
|
956
|
-
return () => {
|
|
957
|
-
if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {
|
|
958
|
-
ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;
|
|
959
|
-
}
|
|
960
|
-
};
|
|
961
|
-
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
962
|
-
React__namespace.useEffect(() => {
|
|
963
|
-
return () => {
|
|
964
|
-
if (!node) return;
|
|
965
|
-
context.layers.delete(node);
|
|
966
|
-
context.layersWithOutsidePointerEventsDisabled.delete(node);
|
|
967
|
-
dispatchUpdate();
|
|
968
|
-
};
|
|
969
|
-
}, [node, context]);
|
|
970
|
-
React__namespace.useEffect(() => {
|
|
971
|
-
const handleUpdate = () => force({});
|
|
972
|
-
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
973
|
-
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
974
|
-
}, []);
|
|
975
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
976
|
-
Primitive.div,
|
|
977
|
-
{
|
|
978
|
-
...layerProps,
|
|
979
|
-
ref: composedRefs,
|
|
980
|
-
style: {
|
|
981
|
-
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
|
|
982
|
-
...props2.style
|
|
983
|
-
},
|
|
984
|
-
onFocusCapture: composeEventHandlers(props2.onFocusCapture, focusOutside.onFocusCapture),
|
|
985
|
-
onBlurCapture: composeEventHandlers(props2.onBlurCapture, focusOutside.onBlurCapture),
|
|
986
|
-
onPointerDownCapture: composeEventHandlers(
|
|
987
|
-
props2.onPointerDownCapture,
|
|
988
|
-
pointerDownOutside.onPointerDownCapture
|
|
989
|
-
)
|
|
990
|
-
}
|
|
991
|
-
);
|
|
992
|
-
}
|
|
993
|
-
);
|
|
994
|
-
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
995
|
-
var BRANCH_NAME = "DismissableLayerBranch";
|
|
996
|
-
var DismissableLayerBranch = React__namespace.forwardRef((props2, forwardedRef) => {
|
|
997
|
-
const context = React__namespace.useContext(DismissableLayerContext);
|
|
998
|
-
const ref = React__namespace.useRef(null);
|
|
999
|
-
const composedRefs = index$1.useComposedRefs(forwardedRef, ref);
|
|
1000
|
-
React__namespace.useEffect(() => {
|
|
1001
|
-
const node = ref.current;
|
|
1002
|
-
if (node) {
|
|
1003
|
-
context.branches.add(node);
|
|
1004
|
-
return () => {
|
|
1005
|
-
context.branches.delete(node);
|
|
1006
|
-
};
|
|
1007
|
-
}
|
|
1008
|
-
}, [context.branches]);
|
|
1009
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...props2, ref: composedRefs });
|
|
1010
|
-
});
|
|
1011
|
-
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
1012
|
-
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
1013
|
-
const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
|
|
1014
|
-
const isPointerInsideReactTreeRef = React__namespace.useRef(false);
|
|
1015
|
-
const handleClickRef = React__namespace.useRef(() => {
|
|
1016
|
-
});
|
|
1017
|
-
React__namespace.useEffect(() => {
|
|
1018
|
-
const handlePointerDown2 = (event) => {
|
|
1019
|
-
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
1020
|
-
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
1021
|
-
handleAndDispatchCustomEvent(
|
|
1022
|
-
POINTER_DOWN_OUTSIDE,
|
|
1023
|
-
handlePointerDownOutside,
|
|
1024
|
-
eventDetail,
|
|
1025
|
-
{ discrete: true }
|
|
1026
|
-
);
|
|
1027
|
-
};
|
|
1028
|
-
const eventDetail = { originalEvent: event };
|
|
1029
|
-
if (event.pointerType === "touch") {
|
|
1030
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
1031
|
-
handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
|
|
1032
|
-
ownerDocument.addEventListener("click", handleClickRef.current, { once: true });
|
|
1033
|
-
} else {
|
|
1034
|
-
handleAndDispatchPointerDownOutsideEvent2();
|
|
1035
|
-
}
|
|
1036
|
-
} else {
|
|
1037
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
1038
|
-
}
|
|
1039
|
-
isPointerInsideReactTreeRef.current = false;
|
|
1040
|
-
};
|
|
1041
|
-
const timerId = window.setTimeout(() => {
|
|
1042
|
-
ownerDocument.addEventListener("pointerdown", handlePointerDown2);
|
|
1043
|
-
}, 0);
|
|
1044
|
-
return () => {
|
|
1045
|
-
window.clearTimeout(timerId);
|
|
1046
|
-
ownerDocument.removeEventListener("pointerdown", handlePointerDown2);
|
|
1047
|
-
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
1048
|
-
};
|
|
1049
|
-
}, [ownerDocument, handlePointerDownOutside]);
|
|
1050
|
-
return {
|
|
1051
|
-
// ensures we check React component tree (not just DOM tree)
|
|
1052
|
-
onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
|
|
1053
|
-
};
|
|
1054
|
-
}
|
|
1055
|
-
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
1056
|
-
const handleFocusOutside = useCallbackRef$1(onFocusOutside);
|
|
1057
|
-
const isFocusInsideReactTreeRef = React__namespace.useRef(false);
|
|
1058
|
-
React__namespace.useEffect(() => {
|
|
1059
|
-
const handleFocus = (event) => {
|
|
1060
|
-
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
1061
|
-
const eventDetail = { originalEvent: event };
|
|
1062
|
-
handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
|
|
1063
|
-
discrete: false
|
|
1064
|
-
});
|
|
1065
|
-
}
|
|
1066
|
-
};
|
|
1067
|
-
ownerDocument.addEventListener("focusin", handleFocus);
|
|
1068
|
-
return () => ownerDocument.removeEventListener("focusin", handleFocus);
|
|
1069
|
-
}, [ownerDocument, handleFocusOutside]);
|
|
1070
|
-
return {
|
|
1071
|
-
onFocusCapture: () => isFocusInsideReactTreeRef.current = true,
|
|
1072
|
-
onBlurCapture: () => isFocusInsideReactTreeRef.current = false
|
|
1073
|
-
};
|
|
1074
|
-
}
|
|
1075
|
-
function dispatchUpdate() {
|
|
1076
|
-
const event = new CustomEvent(CONTEXT_UPDATE);
|
|
1077
|
-
document.dispatchEvent(event);
|
|
1078
|
-
}
|
|
1079
|
-
function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
1080
|
-
const target = detail.originalEvent.target;
|
|
1081
|
-
const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
|
|
1082
|
-
if (handler) target.addEventListener(name, handler, { once: true });
|
|
1083
|
-
if (discrete) {
|
|
1084
|
-
dispatchDiscreteCustomEvent(target, event);
|
|
1085
|
-
} else {
|
|
1086
|
-
target.dispatchEvent(event);
|
|
1087
|
-
}
|
|
1088
|
-
}
|
|
1089
|
-
var count$1 = 0;
|
|
689
|
+
var count = 0;
|
|
1090
690
|
function useFocusGuards() {
|
|
1091
691
|
React__namespace.useEffect(() => {
|
|
1092
692
|
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
1093
693
|
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
|
|
1094
694
|
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
|
|
1095
|
-
count
|
|
695
|
+
count++;
|
|
1096
696
|
return () => {
|
|
1097
|
-
if (count
|
|
697
|
+
if (count === 1) {
|
|
1098
698
|
document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
|
|
1099
699
|
}
|
|
1100
|
-
count
|
|
700
|
+
count--;
|
|
1101
701
|
};
|
|
1102
702
|
}, []);
|
|
1103
703
|
}
|
|
@@ -1124,10 +724,10 @@ var FocusScope = React__namespace.forwardRef((props2, forwardedRef) => {
|
|
|
1124
724
|
...scopeProps
|
|
1125
725
|
} = props2;
|
|
1126
726
|
const [container, setContainer] = React__namespace.useState(null);
|
|
1127
|
-
const onMountAutoFocus =
|
|
1128
|
-
const onUnmountAutoFocus =
|
|
727
|
+
const onMountAutoFocus = index$1.useCallbackRef(onMountAutoFocusProp);
|
|
728
|
+
const onUnmountAutoFocus = index$1.useCallbackRef(onUnmountAutoFocusProp);
|
|
1129
729
|
const lastFocusedElementRef = React__namespace.useRef(null);
|
|
1130
|
-
const composedRefs = index$
|
|
730
|
+
const composedRefs = index$2.useComposedRefs(forwardedRef, (node) => setContainer(node));
|
|
1131
731
|
const focusScope = React__namespace.useRef({
|
|
1132
732
|
paused: false,
|
|
1133
733
|
pause() {
|
|
@@ -1228,7 +828,7 @@ var FocusScope = React__namespace.forwardRef((props2, forwardedRef) => {
|
|
|
1228
828
|
},
|
|
1229
829
|
[loop, trapped, focusScope.paused]
|
|
1230
830
|
);
|
|
1231
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
831
|
+
return /* @__PURE__ */ jsxRuntime.jsx(index$1.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
1232
832
|
});
|
|
1233
833
|
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
1234
834
|
function focusFirst(candidates, { select = false } = {}) {
|
|
@@ -1310,146 +910,6 @@ function arrayRemove(array, item) {
|
|
|
1310
910
|
function removeLinks(items) {
|
|
1311
911
|
return items.filter((item) => item.tagName !== "A");
|
|
1312
912
|
}
|
|
1313
|
-
var useReactId = React__namespace[" useId ".trim().toString()] || (() => void 0);
|
|
1314
|
-
var count = 0;
|
|
1315
|
-
function useId$1(deterministicId) {
|
|
1316
|
-
const [id, setId] = React__namespace.useState(useReactId());
|
|
1317
|
-
useLayoutEffect2(() => {
|
|
1318
|
-
setId((reactId) => reactId ?? String(count++));
|
|
1319
|
-
}, [deterministicId]);
|
|
1320
|
-
return deterministicId || (id ? `radix-${id}` : "");
|
|
1321
|
-
}
|
|
1322
|
-
var PORTAL_NAME$1 = "Portal";
|
|
1323
|
-
var Portal$1 = React__namespace.forwardRef((props2, forwardedRef) => {
|
|
1324
|
-
const { container: containerProp, ...portalProps } = props2;
|
|
1325
|
-
const [mounted, setMounted] = React__namespace.useState(false);
|
|
1326
|
-
useLayoutEffect2(() => setMounted(true), []);
|
|
1327
|
-
const container = containerProp || mounted && globalThis?.document?.body;
|
|
1328
|
-
return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
1329
|
-
});
|
|
1330
|
-
Portal$1.displayName = PORTAL_NAME$1;
|
|
1331
|
-
function useStateMachine(initialState, machine) {
|
|
1332
|
-
return React__namespace.useReducer((state, event) => {
|
|
1333
|
-
const nextState = machine[state][event];
|
|
1334
|
-
return nextState ?? state;
|
|
1335
|
-
}, initialState);
|
|
1336
|
-
}
|
|
1337
|
-
var Presence = (props2) => {
|
|
1338
|
-
const { present, children } = props2;
|
|
1339
|
-
const presence = usePresence(present);
|
|
1340
|
-
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React__namespace.Children.only(children);
|
|
1341
|
-
const ref = index$1.useComposedRefs(presence.ref, getElementRef(child));
|
|
1342
|
-
const forceMount = typeof children === "function";
|
|
1343
|
-
return forceMount || presence.isPresent ? React__namespace.cloneElement(child, { ref }) : null;
|
|
1344
|
-
};
|
|
1345
|
-
Presence.displayName = "Presence";
|
|
1346
|
-
function usePresence(present) {
|
|
1347
|
-
const [node, setNode] = React__namespace.useState();
|
|
1348
|
-
const stylesRef = React__namespace.useRef(null);
|
|
1349
|
-
const prevPresentRef = React__namespace.useRef(present);
|
|
1350
|
-
const prevAnimationNameRef = React__namespace.useRef("none");
|
|
1351
|
-
const initialState = present ? "mounted" : "unmounted";
|
|
1352
|
-
const [state, send] = useStateMachine(initialState, {
|
|
1353
|
-
mounted: {
|
|
1354
|
-
UNMOUNT: "unmounted",
|
|
1355
|
-
ANIMATION_OUT: "unmountSuspended"
|
|
1356
|
-
},
|
|
1357
|
-
unmountSuspended: {
|
|
1358
|
-
MOUNT: "mounted",
|
|
1359
|
-
ANIMATION_END: "unmounted"
|
|
1360
|
-
},
|
|
1361
|
-
unmounted: {
|
|
1362
|
-
MOUNT: "mounted"
|
|
1363
|
-
}
|
|
1364
|
-
});
|
|
1365
|
-
React__namespace.useEffect(() => {
|
|
1366
|
-
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
1367
|
-
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
1368
|
-
}, [state]);
|
|
1369
|
-
useLayoutEffect2(() => {
|
|
1370
|
-
const styles = stylesRef.current;
|
|
1371
|
-
const wasPresent = prevPresentRef.current;
|
|
1372
|
-
const hasPresentChanged = wasPresent !== present;
|
|
1373
|
-
if (hasPresentChanged) {
|
|
1374
|
-
const prevAnimationName = prevAnimationNameRef.current;
|
|
1375
|
-
const currentAnimationName = getAnimationName(styles);
|
|
1376
|
-
if (present) {
|
|
1377
|
-
send("MOUNT");
|
|
1378
|
-
} else if (currentAnimationName === "none" || styles?.display === "none") {
|
|
1379
|
-
send("UNMOUNT");
|
|
1380
|
-
} else {
|
|
1381
|
-
const isAnimating = prevAnimationName !== currentAnimationName;
|
|
1382
|
-
if (wasPresent && isAnimating) {
|
|
1383
|
-
send("ANIMATION_OUT");
|
|
1384
|
-
} else {
|
|
1385
|
-
send("UNMOUNT");
|
|
1386
|
-
}
|
|
1387
|
-
}
|
|
1388
|
-
prevPresentRef.current = present;
|
|
1389
|
-
}
|
|
1390
|
-
}, [present, send]);
|
|
1391
|
-
useLayoutEffect2(() => {
|
|
1392
|
-
if (node) {
|
|
1393
|
-
let timeoutId;
|
|
1394
|
-
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
|
1395
|
-
const handleAnimationEnd = (event) => {
|
|
1396
|
-
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
1397
|
-
const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
|
|
1398
|
-
if (event.target === node && isCurrentAnimation) {
|
|
1399
|
-
send("ANIMATION_END");
|
|
1400
|
-
if (!prevPresentRef.current) {
|
|
1401
|
-
const currentFillMode = node.style.animationFillMode;
|
|
1402
|
-
node.style.animationFillMode = "forwards";
|
|
1403
|
-
timeoutId = ownerWindow.setTimeout(() => {
|
|
1404
|
-
if (node.style.animationFillMode === "forwards") {
|
|
1405
|
-
node.style.animationFillMode = currentFillMode;
|
|
1406
|
-
}
|
|
1407
|
-
});
|
|
1408
|
-
}
|
|
1409
|
-
}
|
|
1410
|
-
};
|
|
1411
|
-
const handleAnimationStart = (event) => {
|
|
1412
|
-
if (event.target === node) {
|
|
1413
|
-
prevAnimationNameRef.current = getAnimationName(stylesRef.current);
|
|
1414
|
-
}
|
|
1415
|
-
};
|
|
1416
|
-
node.addEventListener("animationstart", handleAnimationStart);
|
|
1417
|
-
node.addEventListener("animationcancel", handleAnimationEnd);
|
|
1418
|
-
node.addEventListener("animationend", handleAnimationEnd);
|
|
1419
|
-
return () => {
|
|
1420
|
-
ownerWindow.clearTimeout(timeoutId);
|
|
1421
|
-
node.removeEventListener("animationstart", handleAnimationStart);
|
|
1422
|
-
node.removeEventListener("animationcancel", handleAnimationEnd);
|
|
1423
|
-
node.removeEventListener("animationend", handleAnimationEnd);
|
|
1424
|
-
};
|
|
1425
|
-
} else {
|
|
1426
|
-
send("ANIMATION_END");
|
|
1427
|
-
}
|
|
1428
|
-
}, [node, send]);
|
|
1429
|
-
return {
|
|
1430
|
-
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
1431
|
-
ref: React__namespace.useCallback((node2) => {
|
|
1432
|
-
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
1433
|
-
setNode(node2);
|
|
1434
|
-
}, [])
|
|
1435
|
-
};
|
|
1436
|
-
}
|
|
1437
|
-
function getAnimationName(styles) {
|
|
1438
|
-
return styles?.animationName || "none";
|
|
1439
|
-
}
|
|
1440
|
-
function getElementRef(element) {
|
|
1441
|
-
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
1442
|
-
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
1443
|
-
if (mayWarn) {
|
|
1444
|
-
return element.ref;
|
|
1445
|
-
}
|
|
1446
|
-
getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
|
|
1447
|
-
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
1448
|
-
if (mayWarn) {
|
|
1449
|
-
return element.props.ref;
|
|
1450
|
-
}
|
|
1451
|
-
return element.props.ref || element.ref;
|
|
1452
|
-
}
|
|
1453
913
|
var getDefaultParent = function(originalTarget) {
|
|
1454
914
|
if (typeof document === "undefined") {
|
|
1455
915
|
return null;
|
|
@@ -4327,7 +3787,7 @@ function PanelResizeHandle({
|
|
|
4327
3787
|
}
|
|
4328
3788
|
PanelResizeHandle.displayName = "PanelResizeHandle";
|
|
4329
3789
|
var DIALOG_NAME = "Dialog";
|
|
4330
|
-
var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
|
|
3790
|
+
var [createDialogContext, createDialogScope] = index$1.createContextScope(DIALOG_NAME);
|
|
4331
3791
|
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
4332
3792
|
var Dialog$1 = (props2) => {
|
|
4333
3793
|
const {
|
|
@@ -4340,7 +3800,7 @@ var Dialog$1 = (props2) => {
|
|
|
4340
3800
|
} = props2;
|
|
4341
3801
|
const triggerRef = React__namespace.useRef(null);
|
|
4342
3802
|
const contentRef = React__namespace.useRef(null);
|
|
4343
|
-
const [open, setOpen] = useControllableState({
|
|
3803
|
+
const [open, setOpen] = index$1.useControllableState({
|
|
4344
3804
|
prop: openProp,
|
|
4345
3805
|
defaultProp: defaultOpen ?? false,
|
|
4346
3806
|
onChange: onOpenChange,
|
|
@@ -4352,9 +3812,9 @@ var Dialog$1 = (props2) => {
|
|
|
4352
3812
|
scope: __scopeDialog,
|
|
4353
3813
|
triggerRef,
|
|
4354
3814
|
contentRef,
|
|
4355
|
-
contentId:
|
|
4356
|
-
titleId:
|
|
4357
|
-
descriptionId:
|
|
3815
|
+
contentId: index$1.useId(),
|
|
3816
|
+
titleId: index$1.useId(),
|
|
3817
|
+
descriptionId: index$1.useId(),
|
|
4358
3818
|
open,
|
|
4359
3819
|
onOpenChange: setOpen,
|
|
4360
3820
|
onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
@@ -4369,9 +3829,9 @@ var DialogTrigger$1 = React__namespace.forwardRef(
|
|
|
4369
3829
|
(props2, forwardedRef) => {
|
|
4370
3830
|
const { __scopeDialog, ...triggerProps } = props2;
|
|
4371
3831
|
const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
|
|
4372
|
-
const composedTriggerRef = index$
|
|
3832
|
+
const composedTriggerRef = index$2.useComposedRefs(forwardedRef, context.triggerRef);
|
|
4373
3833
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4374
|
-
Primitive.button,
|
|
3834
|
+
index$1.Primitive.button,
|
|
4375
3835
|
{
|
|
4376
3836
|
type: "button",
|
|
4377
3837
|
"aria-haspopup": "dialog",
|
|
@@ -4380,7 +3840,7 @@ var DialogTrigger$1 = React__namespace.forwardRef(
|
|
|
4380
3840
|
"data-state": getState(context.open),
|
|
4381
3841
|
...triggerProps,
|
|
4382
3842
|
ref: composedTriggerRef,
|
|
4383
|
-
onClick: composeEventHandlers(props2.onClick, context.onOpenToggle)
|
|
3843
|
+
onClick: index$1.composeEventHandlers(props2.onClick, context.onOpenToggle)
|
|
4384
3844
|
}
|
|
4385
3845
|
);
|
|
4386
3846
|
}
|
|
@@ -4393,7 +3853,7 @@ var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, {
|
|
|
4393
3853
|
var DialogPortal$1 = (props2) => {
|
|
4394
3854
|
const { __scopeDialog, forceMount, children, container } = props2;
|
|
4395
3855
|
const context = useDialogContext(PORTAL_NAME, __scopeDialog);
|
|
4396
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeDialog, forceMount, children: React__namespace.Children.map(children, (child) => /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3856
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeDialog, forceMount, children: React__namespace.Children.map(children, (child) => /* @__PURE__ */ jsxRuntime.jsx(index$1.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Portal, { asChild: true, container, children: child }) })) });
|
|
4397
3857
|
};
|
|
4398
3858
|
DialogPortal$1.displayName = PORTAL_NAME;
|
|
4399
3859
|
var OVERLAY_NAME = "DialogOverlay";
|
|
@@ -4402,11 +3862,11 @@ var DialogOverlay$1 = React__namespace.forwardRef(
|
|
|
4402
3862
|
const portalContext = usePortalContext(OVERLAY_NAME, props2.__scopeDialog);
|
|
4403
3863
|
const { forceMount = portalContext.forceMount, ...overlayProps } = props2;
|
|
4404
3864
|
const context = useDialogContext(OVERLAY_NAME, props2.__scopeDialog);
|
|
4405
|
-
return context.modal ? /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
|
|
3865
|
+
return context.modal ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
|
|
4406
3866
|
}
|
|
4407
3867
|
);
|
|
4408
3868
|
DialogOverlay$1.displayName = OVERLAY_NAME;
|
|
4409
|
-
var Slot = index$
|
|
3869
|
+
var Slot = index$2.createSlot("DialogOverlay.RemoveScroll");
|
|
4410
3870
|
var DialogOverlayImpl = React__namespace.forwardRef(
|
|
4411
3871
|
(props2, forwardedRef) => {
|
|
4412
3872
|
const { __scopeDialog, ...overlayProps } = props2;
|
|
@@ -4415,7 +3875,7 @@ var DialogOverlayImpl = React__namespace.forwardRef(
|
|
|
4415
3875
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
4416
3876
|
// ie. when `Overlay` and `Content` are siblings
|
|
4417
3877
|
/* @__PURE__ */ jsxRuntime.jsx(ReactRemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4418
|
-
Primitive.div,
|
|
3878
|
+
index$1.Primitive.div,
|
|
4419
3879
|
{
|
|
4420
3880
|
"data-state": getState(context.open),
|
|
4421
3881
|
...overlayProps,
|
|
@@ -4432,7 +3892,7 @@ var DialogContent$1 = React__namespace.forwardRef(
|
|
|
4432
3892
|
const portalContext = usePortalContext(CONTENT_NAME, props2.__scopeDialog);
|
|
4433
3893
|
const { forceMount = portalContext.forceMount, ...contentProps } = props2;
|
|
4434
3894
|
const context = useDialogContext(CONTENT_NAME, props2.__scopeDialog);
|
|
4435
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsxRuntime.jsx(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
3895
|
+
return /* @__PURE__ */ jsxRuntime.jsx(index$1.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsxRuntime.jsx(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
4436
3896
|
}
|
|
4437
3897
|
);
|
|
4438
3898
|
DialogContent$1.displayName = CONTENT_NAME;
|
|
@@ -4440,7 +3900,7 @@ var DialogContentModal = React__namespace.forwardRef(
|
|
|
4440
3900
|
(props2, forwardedRef) => {
|
|
4441
3901
|
const context = useDialogContext(CONTENT_NAME, props2.__scopeDialog);
|
|
4442
3902
|
const contentRef = React__namespace.useRef(null);
|
|
4443
|
-
const composedRefs = index$
|
|
3903
|
+
const composedRefs = index$2.useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
4444
3904
|
React__namespace.useEffect(() => {
|
|
4445
3905
|
const content = contentRef.current;
|
|
4446
3906
|
if (content) return hideOthers(content);
|
|
@@ -4452,17 +3912,17 @@ var DialogContentModal = React__namespace.forwardRef(
|
|
|
4452
3912
|
ref: composedRefs,
|
|
4453
3913
|
trapFocus: context.open,
|
|
4454
3914
|
disableOutsidePointerEvents: true,
|
|
4455
|
-
onCloseAutoFocus: composeEventHandlers(props2.onCloseAutoFocus, (event) => {
|
|
3915
|
+
onCloseAutoFocus: index$1.composeEventHandlers(props2.onCloseAutoFocus, (event) => {
|
|
4456
3916
|
event.preventDefault();
|
|
4457
3917
|
context.triggerRef.current?.focus();
|
|
4458
3918
|
}),
|
|
4459
|
-
onPointerDownOutside: composeEventHandlers(props2.onPointerDownOutside, (event) => {
|
|
3919
|
+
onPointerDownOutside: index$1.composeEventHandlers(props2.onPointerDownOutside, (event) => {
|
|
4460
3920
|
const originalEvent = event.detail.originalEvent;
|
|
4461
3921
|
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
|
4462
3922
|
const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
|
|
4463
3923
|
if (isRightClick) event.preventDefault();
|
|
4464
3924
|
}),
|
|
4465
|
-
onFocusOutside: composeEventHandlers(
|
|
3925
|
+
onFocusOutside: index$1.composeEventHandlers(
|
|
4466
3926
|
props2.onFocusOutside,
|
|
4467
3927
|
(event) => event.preventDefault()
|
|
4468
3928
|
)
|
|
@@ -4515,7 +3975,7 @@ var DialogContentImpl = React__namespace.forwardRef(
|
|
|
4515
3975
|
const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props2;
|
|
4516
3976
|
const context = useDialogContext(CONTENT_NAME, __scopeDialog);
|
|
4517
3977
|
const contentRef = React__namespace.useRef(null);
|
|
4518
|
-
const composedRefs = index$
|
|
3978
|
+
const composedRefs = index$2.useComposedRefs(forwardedRef, contentRef);
|
|
4519
3979
|
useFocusGuards();
|
|
4520
3980
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4521
3981
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4527,7 +3987,7 @@ var DialogContentImpl = React__namespace.forwardRef(
|
|
|
4527
3987
|
onMountAutoFocus: onOpenAutoFocus,
|
|
4528
3988
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
4529
3989
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4530
|
-
DismissableLayer,
|
|
3990
|
+
index$1.DismissableLayer,
|
|
4531
3991
|
{
|
|
4532
3992
|
role: "dialog",
|
|
4533
3993
|
id: context.contentId,
|
|
@@ -4553,7 +4013,7 @@ var DialogTitle$1 = React__namespace.forwardRef(
|
|
|
4553
4013
|
(props2, forwardedRef) => {
|
|
4554
4014
|
const { __scopeDialog, ...titleProps } = props2;
|
|
4555
4015
|
const context = useDialogContext(TITLE_NAME, __scopeDialog);
|
|
4556
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
|
|
4016
|
+
return /* @__PURE__ */ jsxRuntime.jsx(index$1.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
|
|
4557
4017
|
}
|
|
4558
4018
|
);
|
|
4559
4019
|
DialogTitle$1.displayName = TITLE_NAME;
|
|
@@ -4562,7 +4022,7 @@ var DialogDescription$1 = React__namespace.forwardRef(
|
|
|
4562
4022
|
(props2, forwardedRef) => {
|
|
4563
4023
|
const { __scopeDialog, ...descriptionProps } = props2;
|
|
4564
4024
|
const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
|
|
4565
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
|
|
4025
|
+
return /* @__PURE__ */ jsxRuntime.jsx(index$1.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
|
|
4566
4026
|
}
|
|
4567
4027
|
);
|
|
4568
4028
|
DialogDescription$1.displayName = DESCRIPTION_NAME;
|
|
@@ -4572,12 +4032,12 @@ var DialogClose$1 = React__namespace.forwardRef(
|
|
|
4572
4032
|
const { __scopeDialog, ...closeProps } = props2;
|
|
4573
4033
|
const context = useDialogContext(CLOSE_NAME, __scopeDialog);
|
|
4574
4034
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4575
|
-
Primitive.button,
|
|
4035
|
+
index$1.Primitive.button,
|
|
4576
4036
|
{
|
|
4577
4037
|
type: "button",
|
|
4578
4038
|
...closeProps,
|
|
4579
4039
|
ref: forwardedRef,
|
|
4580
|
-
onClick: composeEventHandlers(props2.onClick, () => context.onOpenChange(false))
|
|
4040
|
+
onClick: index$1.composeEventHandlers(props2.onClick, () => context.onOpenChange(false))
|
|
4581
4041
|
}
|
|
4582
4042
|
);
|
|
4583
4043
|
}
|
|
@@ -4587,7 +4047,7 @@ function getState(open) {
|
|
|
4587
4047
|
return open ? "open" : "closed";
|
|
4588
4048
|
}
|
|
4589
4049
|
var TITLE_WARNING_NAME = "DialogTitleWarning";
|
|
4590
|
-
var [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
|
|
4050
|
+
var [WarningProvider, useWarningContext] = index$1.createContext2(TITLE_WARNING_NAME, {
|
|
4591
4051
|
contentName: CONTENT_NAME,
|
|
4592
4052
|
titleName: TITLE_NAME,
|
|
4593
4053
|
docsSlug: "dialog"
|
|
@@ -5013,7 +4473,6 @@ exports.DialogOverlay = DialogOverlay;
|
|
|
5013
4473
|
exports.DialogPortal = DialogPortal;
|
|
5014
4474
|
exports.DialogTitle = DialogTitle;
|
|
5015
4475
|
exports.DialogTrigger = DialogTrigger;
|
|
5016
|
-
exports.DismissableLayer = DismissableLayer;
|
|
5017
4476
|
exports.FocusScope = FocusScope;
|
|
5018
4477
|
exports.Input = Input;
|
|
5019
4478
|
exports.Lt = Lt;
|
|
@@ -5021,10 +4480,7 @@ exports.Overlay = Overlay;
|
|
|
5021
4480
|
exports.Panel = Panel;
|
|
5022
4481
|
exports.PanelGroup = PanelGroup;
|
|
5023
4482
|
exports.PanelResizeHandle = PanelResizeHandle;
|
|
5024
|
-
exports.Portal = Portal
|
|
5025
|
-
exports.Portal$1 = Portal;
|
|
5026
|
-
exports.Presence = Presence;
|
|
5027
|
-
exports.Primitive = Primitive;
|
|
4483
|
+
exports.Portal = Portal;
|
|
5028
4484
|
exports.ReactRemoveScroll = ReactRemoveScroll;
|
|
5029
4485
|
exports.Root = Root;
|
|
5030
4486
|
exports.Switch = Switch;
|
|
@@ -5032,15 +4488,8 @@ exports.Textarea = Textarea;
|
|
|
5032
4488
|
exports.Title = Title;
|
|
5033
4489
|
exports.Trigger = Trigger;
|
|
5034
4490
|
exports.WarningProvider = WarningProvider;
|
|
5035
|
-
exports.composeEventHandlers = composeEventHandlers;
|
|
5036
|
-
exports.createContextScope = createContextScope;
|
|
5037
4491
|
exports.createDialogScope = createDialogScope;
|
|
5038
|
-
exports.dispatchDiscreteCustomEvent = dispatchDiscreteCustomEvent;
|
|
5039
4492
|
exports.hideOthers = hideOthers;
|
|
5040
4493
|
exports.jt = jt;
|
|
5041
|
-
exports.useCallbackRef = useCallbackRef$1;
|
|
5042
|
-
exports.useControllableState = useControllableState;
|
|
5043
4494
|
exports.useFocusGuards = useFocusGuards;
|
|
5044
|
-
|
|
5045
|
-
exports.useLayoutEffect2 = useLayoutEffect2;
|
|
5046
|
-
//# sourceMappingURL=textarea-D2_KC-J4.js.map
|
|
4495
|
+
//# sourceMappingURL=textarea-By2Vv44z.js.map
|