@nation-a/ui 0.16.19 → 0.16.21
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/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +245 -256
- package/dist/index.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/styled-system/styles.css +24 -10
- package/dist/types/components/Button/Button.stories.d.ts +1 -0
- package/dist/types/components/Button/button.recipe.d.ts +10 -4
- package/dist/types/components/Button/index.d.ts +5 -1
- package/dist/types/components/IconButton/IconButton.stories.d.ts +1 -0
- package/dist/types/components/IconButton/icon-button.recipe.d.ts +11 -5
- package/dist/types/components/IconButton/index.d.ts +3 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as b, jsxs as D, Fragment as Ie } from "react/jsx-runtime";
|
|
2
2
|
import * as fn from "react";
|
|
3
3
|
import { forwardRef as _, useMemo as gt, createElement as vt, useState as Tt, useEffect as ct, memo as ie, createContext as xt, useContext as H, useRef as X, useLayoutEffect as ei, useId as pr, useInsertionEffect as ni, useCallback as J, Children as ri, isValidElement as Nl, Fragment as oi, Component as zl, useImperativeHandle as Wl, cloneElement as $l } from "react";
|
|
4
|
-
import { a as Ut, b as Hl, D as Ul, c as Gl, d as Kl, e as Yl, f as Xl, g as ql, h as Zl, i as Jl, j as si, T as ii, k as ai, l as li, m as Ql, n as tc, o as ec, S as nc, p as rc, q as oc, r as sc, s as ic, t as ac, u as lc, v as cc, w as uc, R as dc, x as hc, y as fc, z as mc, A as pc, B as gc, C as bc, E as yc, F as vc, G as xc, H as Sc, I as
|
|
4
|
+
import { a as Ut, b as Hl, D as Ul, c as Gl, d as Kl, e as Yl, f as Xl, g as ql, h as Zl, i as Jl, j as si, T as ii, k as ai, l as li, m as Ql, n as tc, o as ec, S as nc, p as rc, q as oc, r as sc, s as ic, t as ac, u as lc, v as cc, w as uc, R as dc, x as hc, y as fc, z as mc, A as pc, B as gc, C as bc, E as yc, F as vc, G as xc, H as Sc, I as kc, J as wc, K as Tc, L as Pc, M as Cc, N as Ac, O as _c, P as Rc, Q as Vc, U as Dc, V as Ec, W as Mc } from "./ark-ui-BitYUtmQ.js";
|
|
5
5
|
import { X as gy, Y as by } from "./ark-ui-BitYUtmQ.js";
|
|
6
6
|
import { createPortal as Fc } from "react-dom";
|
|
7
7
|
import { CloseOutlineIcon as Lc, CheckCircleFillIcon as Ic, CloseCircleFillIcon as Bc } from "@nation-a/icons";
|
|
@@ -222,8 +222,8 @@ function Su(t) {
|
|
|
222
222
|
return r && !o ? 1 : !r && o ? -1 : 0;
|
|
223
223
|
});
|
|
224
224
|
}
|
|
225
|
-
const
|
|
226
|
-
|
|
225
|
+
const ku = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle", mi = /* @__PURE__ */ new Map(), pi = /* @__PURE__ */ new Map();
|
|
226
|
+
ku.split(",").forEach((t) => {
|
|
227
227
|
const [e, n] = t.split(":"), [r, ...o] = n.split("/");
|
|
228
228
|
mi.set(e, r), o.length && o.forEach((i) => {
|
|
229
229
|
pi.set(i === "1" ? r : i, e);
|
|
@@ -244,7 +244,7 @@ const co = (t) => pi.get(t) || t, gi = {
|
|
|
244
244
|
toHash: (t, e) => e(t.join(":")),
|
|
245
245
|
resolveShorthand: co
|
|
246
246
|
}
|
|
247
|
-
},
|
|
247
|
+
}, wu = Jc(gi), bt = (...t) => wu(et(...t));
|
|
248
248
|
bt.raw = (...t) => et(...t);
|
|
249
249
|
const { mergeCss: et } = tu(gi);
|
|
250
250
|
function K() {
|
|
@@ -350,17 +350,17 @@ function En(t, e = {}, n = {}) {
|
|
|
350
350
|
n.defaultProps
|
|
351
351
|
), a = Fu(t.__cva__, r), l = Mu(t, i), u = t.__base__ || t, c = /* @__PURE__ */ _(function(f, m) {
|
|
352
352
|
var R;
|
|
353
|
-
const { as: g = u, children: y, ...p } = f, v = gt(() => Object.assign({}, s, p), [p]), [S, P, x,
|
|
354
|
-
function
|
|
353
|
+
const { as: g = u, children: y, ...p } = f, v = gt(() => Object.assign({}, s, p), [p]), [S, P, x, k, C] = gt(() => dt(v, Yn.keys, l, a.variantKeys, yr), [v]);
|
|
354
|
+
function w() {
|
|
355
355
|
var N;
|
|
356
|
-
const { css: M, ...q } =
|
|
356
|
+
const { css: M, ...q } = k, at = (N = a.__getCompoundVariantCss__) == null ? void 0 : N.call(a, x);
|
|
357
357
|
return K(a(x, !1), bt(at, q, M), v.className);
|
|
358
358
|
}
|
|
359
359
|
function A() {
|
|
360
|
-
const { css: M, ...q } =
|
|
360
|
+
const { css: M, ...q } = k, at = a.raw(x);
|
|
361
361
|
return K(bt(at, q, M), v.className);
|
|
362
362
|
}
|
|
363
|
-
const E = e.__recipe__ ?
|
|
363
|
+
const E = e.__recipe__ ? w : A;
|
|
364
364
|
return vt(g, {
|
|
365
365
|
ref: m,
|
|
366
366
|
...P,
|
|
@@ -636,6 +636,12 @@ const ud = At({
|
|
|
636
636
|
color: "content.neutral.disabled",
|
|
637
637
|
cursor: "not-allowed",
|
|
638
638
|
pointerEvents: "none"
|
|
639
|
+
},
|
|
640
|
+
_hover: {
|
|
641
|
+
background: "black.100A",
|
|
642
|
+
_dark: {
|
|
643
|
+
background: "white.100A"
|
|
644
|
+
}
|
|
639
645
|
}
|
|
640
646
|
}
|
|
641
647
|
},
|
|
@@ -661,7 +667,8 @@ const ud = At({
|
|
|
661
667
|
textStyle: "label.sm",
|
|
662
668
|
px: "8px",
|
|
663
669
|
gap: 1,
|
|
664
|
-
|
|
670
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
671
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
665
672
|
width: "20px",
|
|
666
673
|
height: "20px"
|
|
667
674
|
}
|
|
@@ -671,7 +678,8 @@ const ud = At({
|
|
|
671
678
|
textStyle: "label.sm",
|
|
672
679
|
px: "16px",
|
|
673
680
|
gap: 1,
|
|
674
|
-
|
|
681
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
682
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
675
683
|
width: "20px",
|
|
676
684
|
height: "20px"
|
|
677
685
|
}
|
|
@@ -681,7 +689,8 @@ const ud = At({
|
|
|
681
689
|
textStyle: "label.md",
|
|
682
690
|
px: "20px",
|
|
683
691
|
gap: 1,
|
|
684
|
-
|
|
692
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
693
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
685
694
|
width: "24px",
|
|
686
695
|
height: "24px"
|
|
687
696
|
}
|
|
@@ -691,7 +700,8 @@ const ud = At({
|
|
|
691
700
|
textStyle: "body.lg",
|
|
692
701
|
px: "28px",
|
|
693
702
|
gap: 1,
|
|
694
|
-
|
|
703
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
704
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
695
705
|
width: "24px",
|
|
696
706
|
height: "24px"
|
|
697
707
|
}
|
|
@@ -892,7 +902,10 @@ const ud = At({
|
|
|
892
902
|
color: "content.neutral.default",
|
|
893
903
|
borderColor: "border.neutral.default",
|
|
894
904
|
_hover: {
|
|
895
|
-
background: "
|
|
905
|
+
background: "black.100A",
|
|
906
|
+
_dark: {
|
|
907
|
+
background: "white.100A"
|
|
908
|
+
},
|
|
896
909
|
color: "content.neutral.bold"
|
|
897
910
|
}
|
|
898
911
|
}
|
|
@@ -949,99 +962,63 @@ const ud = At({
|
|
|
949
962
|
variant: "light",
|
|
950
963
|
color: "neuroid_primary",
|
|
951
964
|
css: {
|
|
952
|
-
|
|
953
|
-
color: "content.neuroidPrimary.default",
|
|
954
|
-
_hover: {
|
|
955
|
-
textDecoration: "underline"
|
|
956
|
-
}
|
|
965
|
+
color: "content.neuroidPrimary.default"
|
|
957
966
|
}
|
|
958
967
|
},
|
|
959
968
|
{
|
|
960
969
|
variant: "light",
|
|
961
970
|
color: "zoltarina_primary",
|
|
962
971
|
css: {
|
|
963
|
-
|
|
964
|
-
color: "content.zoltarinaPrimary.default",
|
|
965
|
-
_hover: {
|
|
966
|
-
textDecoration: "underline"
|
|
967
|
-
}
|
|
972
|
+
color: "content.zoltarinaPrimary.default"
|
|
968
973
|
}
|
|
969
974
|
},
|
|
970
975
|
{
|
|
971
976
|
variant: "light",
|
|
972
977
|
color: "heyd_primary",
|
|
973
978
|
css: {
|
|
974
|
-
|
|
975
|
-
color: "content.heydPrimary.default",
|
|
976
|
-
_hover: {
|
|
977
|
-
textDecoration: "underline"
|
|
978
|
-
}
|
|
979
|
+
color: "content.heydPrimary.default"
|
|
979
980
|
}
|
|
980
981
|
},
|
|
981
982
|
{
|
|
982
983
|
variant: "light",
|
|
983
984
|
color: "heybee_primary",
|
|
984
985
|
css: {
|
|
985
|
-
|
|
986
|
-
color: "content.heybeePrimary.default",
|
|
987
|
-
_hover: {
|
|
988
|
-
textDecoration: "underline"
|
|
989
|
-
}
|
|
986
|
+
color: "content.heybeePrimary.default"
|
|
990
987
|
}
|
|
991
988
|
},
|
|
992
989
|
{
|
|
993
990
|
variant: "light",
|
|
994
991
|
color: "neutral",
|
|
995
992
|
css: {
|
|
996
|
-
|
|
997
|
-
color: "content.neutral.bold",
|
|
998
|
-
_hover: {
|
|
999
|
-
textDecoration: "underline"
|
|
1000
|
-
}
|
|
993
|
+
color: "content.neutral.bold"
|
|
1001
994
|
}
|
|
1002
995
|
},
|
|
1003
996
|
{
|
|
1004
997
|
variant: "light",
|
|
1005
998
|
color: "danger",
|
|
1006
999
|
css: {
|
|
1007
|
-
|
|
1008
|
-
color: "content.danger.default",
|
|
1009
|
-
_hover: {
|
|
1010
|
-
textDecoration: "underline"
|
|
1011
|
-
}
|
|
1000
|
+
color: "content.danger.default"
|
|
1012
1001
|
}
|
|
1013
1002
|
},
|
|
1014
1003
|
{
|
|
1015
1004
|
variant: "light",
|
|
1016
1005
|
color: "warning",
|
|
1017
1006
|
css: {
|
|
1018
|
-
|
|
1019
|
-
color: "content.warning.default",
|
|
1020
|
-
_hover: {
|
|
1021
|
-
textDecoration: "underline"
|
|
1022
|
-
}
|
|
1007
|
+
color: "content.warning.default"
|
|
1023
1008
|
}
|
|
1024
1009
|
},
|
|
1025
1010
|
{
|
|
1026
1011
|
variant: "light",
|
|
1027
1012
|
color: "success",
|
|
1028
1013
|
css: {
|
|
1029
|
-
|
|
1030
|
-
color: "content.success.default",
|
|
1031
|
-
_hover: {
|
|
1032
|
-
textDecoration: "underline"
|
|
1033
|
-
}
|
|
1014
|
+
color: "content.success.default"
|
|
1034
1015
|
}
|
|
1035
1016
|
},
|
|
1036
1017
|
{
|
|
1037
1018
|
variant: "light",
|
|
1038
1019
|
color: "informative",
|
|
1039
1020
|
css: {
|
|
1040
|
-
|
|
1041
|
-
color: "content.informative.default",
|
|
1042
|
-
_hover: {
|
|
1043
|
-
textDecoration: "underline"
|
|
1044
|
-
}
|
|
1021
|
+
color: "content.informative.default"
|
|
1045
1022
|
}
|
|
1046
1023
|
}
|
|
1047
1024
|
]
|
|
@@ -1055,20 +1032,22 @@ const ud = At({
|
|
|
1055
1032
|
size: s,
|
|
1056
1033
|
radius: a,
|
|
1057
1034
|
onClick: l,
|
|
1058
|
-
|
|
1035
|
+
preserveIconSize: u,
|
|
1036
|
+
...c
|
|
1059
1037
|
}) => {
|
|
1060
|
-
const
|
|
1038
|
+
const d = B(Ut.button, ud);
|
|
1061
1039
|
return /* @__PURE__ */ b(
|
|
1062
|
-
|
|
1040
|
+
d,
|
|
1063
1041
|
{
|
|
1064
1042
|
disabled: e,
|
|
1065
1043
|
color: o,
|
|
1066
1044
|
variant: i,
|
|
1067
1045
|
size: s,
|
|
1068
1046
|
radius: a,
|
|
1047
|
+
"data-preserve-icon-size": u,
|
|
1069
1048
|
css: { pointerEvents: t ? "none" : "auto" },
|
|
1070
1049
|
onClick: e || t ? void 0 : l,
|
|
1071
|
-
...
|
|
1050
|
+
...c,
|
|
1072
1051
|
children: t ? n || /* @__PURE__ */ D(Ie, { children: [
|
|
1073
1052
|
/* @__PURE__ */ b(
|
|
1074
1053
|
qu,
|
|
@@ -1603,7 +1582,7 @@ const hd = (t, e, n = {}) => {
|
|
|
1603
1582
|
px: "4"
|
|
1604
1583
|
}
|
|
1605
1584
|
}
|
|
1606
|
-
}), { withRootProvider: md, withContext: St } = It(fd), pd = md(Ul), gd = St(Gl, "backdrop"), bd = St(Kl, "trigger"), yd = St(Yl, "content"), vd = St(Xl, "title"), xd = St(ql, "description"), Sd = St(Zl, "positioner"),
|
|
1585
|
+
}), { withRootProvider: md, withContext: St } = It(fd), pd = md(Ul), gd = St(Gl, "backdrop"), bd = St(Kl, "trigger"), yd = St(Yl, "content"), vd = St(Xl, "title"), xd = St(ql, "description"), Sd = St(Zl, "positioner"), kd = St(Ut.header, "header"), wd = St(
|
|
1607
1586
|
({ orientation: t = "horizontal", className: e, ...n }) => /* @__PURE__ */ b(
|
|
1608
1587
|
Ut.footer,
|
|
1609
1588
|
{
|
|
@@ -1626,8 +1605,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1626
1605
|
Title: vd,
|
|
1627
1606
|
Description: xd,
|
|
1628
1607
|
Positioner: Sd,
|
|
1629
|
-
Header:
|
|
1630
|
-
Footer:
|
|
1608
|
+
Header: kd,
|
|
1609
|
+
Footer: wd,
|
|
1631
1610
|
Body: Td,
|
|
1632
1611
|
CloseTrigger: Pd
|
|
1633
1612
|
}, Cd = At({
|
|
@@ -1681,7 +1660,10 @@ const hd = (t, e, n = {}) => {
|
|
|
1681
1660
|
pointerEvents: "none"
|
|
1682
1661
|
},
|
|
1683
1662
|
_hover: {
|
|
1684
|
-
background: "
|
|
1663
|
+
background: "black.100A",
|
|
1664
|
+
_dark: {
|
|
1665
|
+
background: "white.100A"
|
|
1666
|
+
}
|
|
1685
1667
|
}
|
|
1686
1668
|
},
|
|
1687
1669
|
light: {
|
|
@@ -1694,7 +1676,10 @@ const hd = (t, e, n = {}) => {
|
|
|
1694
1676
|
pointerEvents: "none"
|
|
1695
1677
|
},
|
|
1696
1678
|
_hover: {
|
|
1697
|
-
background: "
|
|
1679
|
+
background: "black.100A",
|
|
1680
|
+
_dark: {
|
|
1681
|
+
background: "white.100A"
|
|
1682
|
+
}
|
|
1698
1683
|
}
|
|
1699
1684
|
}
|
|
1700
1685
|
},
|
|
@@ -1712,7 +1697,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1712
1697
|
h: 7,
|
|
1713
1698
|
w: 7,
|
|
1714
1699
|
p: "4px",
|
|
1715
|
-
|
|
1700
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1701
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1716
1702
|
width: "20px",
|
|
1717
1703
|
height: "20px"
|
|
1718
1704
|
}
|
|
@@ -1721,7 +1707,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1721
1707
|
h: 8,
|
|
1722
1708
|
w: 8,
|
|
1723
1709
|
p: "4px",
|
|
1724
|
-
|
|
1710
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1711
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1725
1712
|
width: "24px",
|
|
1726
1713
|
height: "24px"
|
|
1727
1714
|
}
|
|
@@ -1730,7 +1717,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1730
1717
|
h: 10,
|
|
1731
1718
|
w: 10,
|
|
1732
1719
|
p: "8px",
|
|
1733
|
-
|
|
1720
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1721
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1734
1722
|
width: "24px",
|
|
1735
1723
|
height: "24px"
|
|
1736
1724
|
}
|
|
@@ -1803,21 +1791,22 @@ const hd = (t, e, n = {}) => {
|
|
|
1803
1791
|
}
|
|
1804
1792
|
]
|
|
1805
1793
|
}), vi = _(
|
|
1806
|
-
({ loading: t, disabled: e, children: n, color: r, variant: o, size: i, onClick: s,
|
|
1807
|
-
const
|
|
1794
|
+
({ loading: t, disabled: e, children: n, color: r, variant: o, size: i, onClick: s, preserveIconSize: a, ...l }, u) => {
|
|
1795
|
+
const c = B(Ut.button, Cd);
|
|
1808
1796
|
return /* @__PURE__ */ b(
|
|
1809
|
-
|
|
1797
|
+
c,
|
|
1810
1798
|
{
|
|
1811
1799
|
disabled: e,
|
|
1812
|
-
ref:
|
|
1800
|
+
ref: u,
|
|
1813
1801
|
color: r,
|
|
1814
1802
|
variant: o,
|
|
1815
1803
|
size: i,
|
|
1804
|
+
"data-preserve-icon-size": a,
|
|
1816
1805
|
css: { pointerEvents: t ? "none" : "auto" },
|
|
1817
|
-
onClick: (
|
|
1818
|
-
!t && !e && (s == null || s(
|
|
1806
|
+
onClick: (d) => {
|
|
1807
|
+
!t && !e && (s == null || s(d));
|
|
1819
1808
|
},
|
|
1820
|
-
...
|
|
1809
|
+
...l,
|
|
1821
1810
|
children: t ? /* @__PURE__ */ D(Ie, { children: [
|
|
1822
1811
|
/* @__PURE__ */ b(
|
|
1823
1812
|
vr,
|
|
@@ -1844,7 +1833,7 @@ function Oe(t) {
|
|
|
1844
1833
|
const e = X(null);
|
|
1845
1834
|
return e.current === null && (e.current = t()), e.current;
|
|
1846
1835
|
}
|
|
1847
|
-
const
|
|
1836
|
+
const kr = typeof window != "undefined", wr = kr ? ei : ct, bn = /* @__PURE__ */ xt(null), yn = xt({
|
|
1848
1837
|
transformPagePoint: (t) => t,
|
|
1849
1838
|
isStatic: !1,
|
|
1850
1839
|
reducedMotion: "never"
|
|
@@ -1948,28 +1937,28 @@ function xo(t) {
|
|
|
1948
1937
|
}
|
|
1949
1938
|
const Dd = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: i = "sync", propagate: s = !1, anchorX: a = "left" }) => {
|
|
1950
1939
|
const [l, u] = xi(s), c = gt(() => xo(t), [t]), d = s && !l ? [] : c.map(Ye), h = X(!0), f = X(c), m = Oe(() => /* @__PURE__ */ new Map()), [g, y] = Tt(c), [p, v] = Tt(c);
|
|
1951
|
-
|
|
1940
|
+
wr(() => {
|
|
1952
1941
|
h.current = !1, f.current = c;
|
|
1953
1942
|
for (let x = 0; x < p.length; x++) {
|
|
1954
|
-
const
|
|
1955
|
-
d.includes(
|
|
1943
|
+
const k = Ye(p[x]);
|
|
1944
|
+
d.includes(k) ? m.delete(k) : m.get(k) !== !0 && m.set(k, !1);
|
|
1956
1945
|
}
|
|
1957
1946
|
}, [p, d.length, d.join("-")]);
|
|
1958
1947
|
const S = [];
|
|
1959
1948
|
if (c !== g) {
|
|
1960
1949
|
let x = [...c];
|
|
1961
|
-
for (let
|
|
1962
|
-
const C = p[
|
|
1963
|
-
d.includes(
|
|
1950
|
+
for (let k = 0; k < p.length; k++) {
|
|
1951
|
+
const C = p[k], w = Ye(C);
|
|
1952
|
+
d.includes(w) || (x.splice(k, 0, C), S.push(C));
|
|
1964
1953
|
}
|
|
1965
1954
|
return i === "wait" && S.length && (x = S), v(xo(x)), y(c), null;
|
|
1966
1955
|
}
|
|
1967
1956
|
process.env.NODE_ENV !== "production" && i === "wait" && p.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
|
|
1968
1957
|
const { forceRender: P } = H(Sr);
|
|
1969
1958
|
return b(Ie, { children: p.map((x) => {
|
|
1970
|
-
const
|
|
1971
|
-
if (m.has(
|
|
1972
|
-
m.set(
|
|
1959
|
+
const k = Ye(x), C = s && !l ? !1 : c === p || d.includes(k), w = () => {
|
|
1960
|
+
if (m.has(k))
|
|
1961
|
+
m.set(k, !0);
|
|
1973
1962
|
else
|
|
1974
1963
|
return;
|
|
1975
1964
|
let A = !0;
|
|
@@ -1977,7 +1966,7 @@ const Dd = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presen
|
|
|
1977
1966
|
E || (A = !1);
|
|
1978
1967
|
}), A && (P == null || P(), v(f.current), s && (u == null || u()), r && r());
|
|
1979
1968
|
};
|
|
1980
|
-
return b(Rd, { isPresent: C, initial: !h.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: o, mode: i, onExitComplete: C ? void 0 :
|
|
1969
|
+
return b(Rd, { isPresent: C, initial: !h.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: o, mode: i, onExitComplete: C ? void 0 : w, anchorX: a, children: x }, k);
|
|
1981
1970
|
}) });
|
|
1982
1971
|
}, Xe = [
|
|
1983
1972
|
"read",
|
|
@@ -2048,13 +2037,13 @@ function Si(t, e) {
|
|
|
2048
2037
|
};
|
|
2049
2038
|
return { schedule: Xe.reduce((p, v) => {
|
|
2050
2039
|
const S = s[v];
|
|
2051
|
-
return p[v] = (P, x = !1,
|
|
2040
|
+
return p[v] = (P, x = !1, k = !1) => (n || m(), S.schedule(P, x, k)), p;
|
|
2052
2041
|
}, {}), cancel: (p) => {
|
|
2053
2042
|
for (let v = 0; v < Xe.length; v++)
|
|
2054
2043
|
s[Xe[v]].cancel(p);
|
|
2055
2044
|
}, state: o, steps: s };
|
|
2056
2045
|
}
|
|
2057
|
-
const st = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: L, cancel: Pt, state: Y, steps: Fn } = /* @__PURE__ */ Si(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : st, !0),
|
|
2046
|
+
const st = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: L, cancel: Pt, state: Y, steps: Fn } = /* @__PURE__ */ Si(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : st, !0), ki = xt({ strict: !1 }), So = {
|
|
2058
2047
|
animation: [
|
|
2059
2048
|
"animate",
|
|
2060
2049
|
"variants",
|
|
@@ -2120,9 +2109,9 @@ const Ld = /* @__PURE__ */ new Set([
|
|
|
2120
2109
|
function sn(t) {
|
|
2121
2110
|
return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Ld.has(t);
|
|
2122
2111
|
}
|
|
2123
|
-
let
|
|
2112
|
+
let wi = (t) => !sn(t);
|
|
2124
2113
|
function Id(t) {
|
|
2125
|
-
t && (
|
|
2114
|
+
t && (wi = (e) => e.startsWith("on") ? !sn(e) : t(e));
|
|
2126
2115
|
}
|
|
2127
2116
|
try {
|
|
2128
2117
|
Id(require("@emotion/is-prop-valid").default);
|
|
@@ -2131,13 +2120,13 @@ try {
|
|
|
2131
2120
|
function Bd(t, e, n) {
|
|
2132
2121
|
const r = {};
|
|
2133
2122
|
for (const o in t)
|
|
2134
|
-
o === "values" && typeof t.values == "object" || (
|
|
2123
|
+
o === "values" && typeof t.values == "object" || (wi(o) || n === !0 && sn(o) || !e && !sn(o) || // If trying to use native HTML drag events, forward drag listeners
|
|
2135
2124
|
t.draggable && o.startsWith("onDrag")) && (r[o] = t[o]);
|
|
2136
2125
|
return r;
|
|
2137
2126
|
}
|
|
2138
|
-
const
|
|
2127
|
+
const ko = /* @__PURE__ */ new Set();
|
|
2139
2128
|
function je(t, e, n) {
|
|
2140
|
-
t ||
|
|
2129
|
+
t || ko.has(e) || (console.warn(e), ko.add(e));
|
|
2141
2130
|
}
|
|
2142
2131
|
function Od(t) {
|
|
2143
2132
|
if (typeof Proxy == "undefined")
|
|
@@ -2186,9 +2175,9 @@ function jd(t, e) {
|
|
|
2186
2175
|
}
|
|
2187
2176
|
function Nd(t) {
|
|
2188
2177
|
const { initial: e, animate: n } = jd(t, H(vn));
|
|
2189
|
-
return gt(() => ({ initial: e, animate: n }), [
|
|
2178
|
+
return gt(() => ({ initial: e, animate: n }), [wo(e), wo(n)]);
|
|
2190
2179
|
}
|
|
2191
|
-
function
|
|
2180
|
+
function wo(t) {
|
|
2192
2181
|
return Array.isArray(t) ? t.join(" ") : t;
|
|
2193
2182
|
}
|
|
2194
2183
|
const zd = Symbol.for("motionComponentSymbol");
|
|
@@ -2211,7 +2200,7 @@ function Wd(t, e, n) {
|
|
|
2211
2200
|
const Cr = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), $d = "framerAppearId", Pi = "data-" + Cr($d), Ci = xt({}), { schedule: Ar } = /* @__PURE__ */ Si(queueMicrotask, !1);
|
|
2212
2201
|
function Hd(t, e, n, r, o) {
|
|
2213
2202
|
var g, y;
|
|
2214
|
-
const { visualElement: i } = H(vn), s = H(
|
|
2203
|
+
const { visualElement: i } = H(vn), s = H(ki), a = H(bn), l = H(yn).reducedMotion, u = X(null);
|
|
2215
2204
|
r = r || s.renderer, !u.current && r && (u.current = r(t, {
|
|
2216
2205
|
visualState: e,
|
|
2217
2206
|
parent: i,
|
|
@@ -2227,7 +2216,7 @@ function Hd(t, e, n, r, o) {
|
|
|
2227
2216
|
c && h.current && c.update(n, a);
|
|
2228
2217
|
});
|
|
2229
2218
|
const f = n[Pi], m = X(!!f && !((g = window.MotionHandoffIsComplete) != null && g.call(window, f)) && ((y = window.MotionHasOptimisedAnimation) == null ? void 0 : y.call(window, f)));
|
|
2230
|
-
return
|
|
2219
|
+
return wr(() => {
|
|
2231
2220
|
c && (h.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), Ar.render(c.render), m.current && c.animationState && c.animationState.animateChanges());
|
|
2232
2221
|
}), ct(() => {
|
|
2233
2222
|
c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
|
|
@@ -2280,7 +2269,7 @@ function Gd({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
|
|
|
2280
2269
|
...u,
|
|
2281
2270
|
layoutId: Kd(u)
|
|
2282
2271
|
}, { isStatic: f } = h, m = Nd(u), g = r(u, f);
|
|
2283
|
-
if (!f &&
|
|
2272
|
+
if (!f && kr) {
|
|
2284
2273
|
Yd(h, t);
|
|
2285
2274
|
const y = Xd(h);
|
|
2286
2275
|
d = y.MeasureLayout, m.visualElement = Hd(o, g, h, e, y.ProjectionNode);
|
|
@@ -2296,7 +2285,7 @@ function Kd({ layoutId: t }) {
|
|
|
2296
2285
|
return e && t !== void 0 ? e + "-" + t : t;
|
|
2297
2286
|
}
|
|
2298
2287
|
function Yd(t, e) {
|
|
2299
|
-
const n = H(
|
|
2288
|
+
const n = H(ki).strict;
|
|
2300
2289
|
if (process.env.NODE_ENV !== "production" && e && n) {
|
|
2301
2290
|
const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
|
|
2302
2291
|
t.ignoreStrict ? ae(!1, r) : yt(!1, r);
|
|
@@ -2779,7 +2768,7 @@ const _o = ["x", "y", "width", "height", "cx", "cy", "r"], Sh = {
|
|
|
2779
2768
|
}
|
|
2780
2769
|
})
|
|
2781
2770
|
};
|
|
2782
|
-
function
|
|
2771
|
+
function kh(t, e) {
|
|
2783
2772
|
return function(r, { forwardMotionProps: o } = { forwardMotionProps: !1 }) {
|
|
2784
2773
|
const s = {
|
|
2785
2774
|
...Mr(r) ? Sh : xh,
|
|
@@ -2805,19 +2794,19 @@ const ji = /* @__PURE__ */ new Set([
|
|
|
2805
2794
|
...le
|
|
2806
2795
|
]);
|
|
2807
2796
|
let tn;
|
|
2808
|
-
function
|
|
2797
|
+
function wh() {
|
|
2809
2798
|
tn = void 0;
|
|
2810
2799
|
}
|
|
2811
2800
|
const mt = {
|
|
2812
2801
|
now: () => (tn === void 0 && mt.set(Y.isProcessing || Xn.useManualTiming ? Y.timestamp : performance.now()), tn),
|
|
2813
2802
|
set: (t) => {
|
|
2814
|
-
tn = t, queueMicrotask(
|
|
2803
|
+
tn = t, queueMicrotask(wh);
|
|
2815
2804
|
}
|
|
2816
2805
|
};
|
|
2817
2806
|
function Or(t, e) {
|
|
2818
2807
|
t.indexOf(e) === -1 && t.push(e);
|
|
2819
2808
|
}
|
|
2820
|
-
function
|
|
2809
|
+
function kn(t, e) {
|
|
2821
2810
|
const n = t.indexOf(e);
|
|
2822
2811
|
n > -1 && t.splice(n, 1);
|
|
2823
2812
|
}
|
|
@@ -2826,7 +2815,7 @@ class jr {
|
|
|
2826
2815
|
this.subscriptions = [];
|
|
2827
2816
|
}
|
|
2828
2817
|
add(e) {
|
|
2829
|
-
return Or(this.subscriptions, e), () =>
|
|
2818
|
+
return Or(this.subscriptions, e), () => kn(this.subscriptions, e);
|
|
2830
2819
|
}
|
|
2831
2820
|
notify(e, n, r) {
|
|
2832
2821
|
const o = this.subscriptions.length;
|
|
@@ -3460,7 +3449,7 @@ class ua extends Hr {
|
|
|
3460
3449
|
const Bo = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
|
|
3461
3450
|
(Mt.test(t) || t === "0") && // And it contains numbers and/or colors
|
|
3462
3451
|
!t.startsWith("url("));
|
|
3463
|
-
function
|
|
3452
|
+
function wn(t) {
|
|
3464
3453
|
return typeof t == "function" && "applyToOptions" in t;
|
|
3465
3454
|
}
|
|
3466
3455
|
function cf(t) {
|
|
@@ -3478,7 +3467,7 @@ function uf(t, e, n, r) {
|
|
|
3478
3467
|
if (e === "display" || e === "visibility")
|
|
3479
3468
|
return !0;
|
|
3480
3469
|
const i = t[t.length - 1], s = Bo(o, e), a = Bo(i, e);
|
|
3481
|
-
return ae(s === a, `You are trying to animate ${e} from "${o}" to "${i}". ${o} is not an animatable value - to enable this animation set ${o} to a value animatable to ${i} via the \`style\` property.`), !s || !a ? !1 : cf(t) || (n === "spring" ||
|
|
3470
|
+
return ae(s === a, `You are trying to animate ${e} from "${o}" to "${i}". ${o} is not an animatable value - to enable this animation set ${o} to a value animatable to ${i} via the \`style\` property.`), !s || !a ? !1 : cf(t) || (n === "spring" || wn(n)) && r;
|
|
3482
3471
|
}
|
|
3483
3472
|
const df = (t) => t !== null;
|
|
3484
3473
|
function Tn(t, { repeat: e, repeatType: n = "loop" }, r) {
|
|
@@ -3644,9 +3633,9 @@ const Sf = (t, e) => {
|
|
|
3644
3633
|
function fa(t, e, n) {
|
|
3645
3634
|
return typeof t == "number" && typeof e == "number" && typeof n == "number" ? j(t, e, n) : Ur(t)(t, e);
|
|
3646
3635
|
}
|
|
3647
|
-
const
|
|
3636
|
+
const kf = 5;
|
|
3648
3637
|
function ma(t, e, n) {
|
|
3649
|
-
const r = Math.max(e -
|
|
3638
|
+
const r = Math.max(e - kf, 0);
|
|
3650
3639
|
return Ni(n - t(r), e - r);
|
|
3651
3640
|
}
|
|
3652
3641
|
const W = {
|
|
@@ -3678,7 +3667,7 @@ const W = {
|
|
|
3678
3667
|
minDamping: 0.05,
|
|
3679
3668
|
maxDamping: 1
|
|
3680
3669
|
}, it = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, pt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, No = 1e-3;
|
|
3681
|
-
function
|
|
3670
|
+
function wf({ duration: t = W.duration, bounce: e = W.bounce, velocity: n = W.velocity, mass: r = W.mass }) {
|
|
3682
3671
|
let o, i;
|
|
3683
3672
|
ae(t <= /* @__PURE__ */ it(W.maxDuration), "Spring duration must be 10 seconds or less");
|
|
3684
3673
|
let s = 1 - e;
|
|
@@ -3787,7 +3776,7 @@ function Vf(t) {
|
|
|
3787
3776
|
damping: i
|
|
3788
3777
|
};
|
|
3789
3778
|
} else {
|
|
3790
|
-
const n =
|
|
3779
|
+
const n = wf(t);
|
|
3791
3780
|
e = {
|
|
3792
3781
|
...e,
|
|
3793
3782
|
...n,
|
|
@@ -3811,36 +3800,36 @@ function De(t = W.visualDuration, e = W.bounce) {
|
|
|
3811
3800
|
let S;
|
|
3812
3801
|
if (g < 1) {
|
|
3813
3802
|
const x = ir(p, g);
|
|
3814
|
-
S = (
|
|
3815
|
-
const C = Math.exp(-g * p *
|
|
3816
|
-
return s - C * ((m + g * p * y) / x * Math.sin(x *
|
|
3803
|
+
S = (k) => {
|
|
3804
|
+
const C = Math.exp(-g * p * k);
|
|
3805
|
+
return s - C * ((m + g * p * y) / x * Math.sin(x * k) + y * Math.cos(x * k));
|
|
3817
3806
|
};
|
|
3818
3807
|
} else if (g === 1)
|
|
3819
3808
|
S = (x) => s - Math.exp(-p * x) * (y + (m + p * y) * x);
|
|
3820
3809
|
else {
|
|
3821
3810
|
const x = p * Math.sqrt(g * g - 1);
|
|
3822
|
-
S = (
|
|
3823
|
-
const C = Math.exp(-g * p *
|
|
3824
|
-
return s - C * ((m + g * p * y) * Math.sinh(
|
|
3811
|
+
S = (k) => {
|
|
3812
|
+
const C = Math.exp(-g * p * k), w = Math.min(x * k, 300);
|
|
3813
|
+
return s - C * ((m + g * p * y) * Math.sinh(w) + x * y * Math.cosh(w)) / x;
|
|
3825
3814
|
};
|
|
3826
3815
|
}
|
|
3827
3816
|
const P = {
|
|
3828
3817
|
calculatedDuration: f && d || null,
|
|
3829
3818
|
next: (x) => {
|
|
3830
|
-
const
|
|
3819
|
+
const k = S(x);
|
|
3831
3820
|
if (f)
|
|
3832
3821
|
a.done = x >= d;
|
|
3833
3822
|
else {
|
|
3834
3823
|
let C = 0;
|
|
3835
|
-
g < 1 && (C = x === 0 ? /* @__PURE__ */ it(m) : ma(S, x,
|
|
3836
|
-
const
|
|
3837
|
-
a.done =
|
|
3824
|
+
g < 1 && (C = x === 0 ? /* @__PURE__ */ it(m) : ma(S, x, k));
|
|
3825
|
+
const w = Math.abs(C) <= r, A = Math.abs(s - k) <= o;
|
|
3826
|
+
a.done = w && A;
|
|
3838
3827
|
}
|
|
3839
|
-
return a.value = a.done ? s :
|
|
3828
|
+
return a.value = a.done ? s : k, a;
|
|
3840
3829
|
},
|
|
3841
3830
|
toString: () => {
|
|
3842
|
-
const x = Math.min(Gr(P), ln),
|
|
3843
|
-
return x + "ms " +
|
|
3831
|
+
const x = Math.min(Gr(P), ln), k = ga((C) => P.next(x * C).value, x, 30);
|
|
3832
|
+
return x + "ms " + k;
|
|
3844
3833
|
},
|
|
3845
3834
|
toTransition: () => {
|
|
3846
3835
|
}
|
|
@@ -3855,19 +3844,19 @@ function Wo({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3855
3844
|
const d = t[0], h = {
|
|
3856
3845
|
done: !1,
|
|
3857
3846
|
value: d
|
|
3858
|
-
}, f = (
|
|
3847
|
+
}, f = (w) => a !== void 0 && w < a || l !== void 0 && w > l, m = (w) => a === void 0 ? l : l === void 0 || Math.abs(a - w) < Math.abs(l - w) ? a : l;
|
|
3859
3848
|
let g = n * e;
|
|
3860
3849
|
const y = d + g, p = s === void 0 ? y : s(y);
|
|
3861
3850
|
p !== y && (g = p - d);
|
|
3862
|
-
const v = (
|
|
3863
|
-
const A = v(
|
|
3851
|
+
const v = (w) => -g * Math.exp(-w / r), S = (w) => p + v(w), P = (w) => {
|
|
3852
|
+
const A = v(w), E = S(w);
|
|
3864
3853
|
h.done = Math.abs(A) <= u, h.value = h.done ? p : E;
|
|
3865
3854
|
};
|
|
3866
|
-
let x,
|
|
3867
|
-
const C = (
|
|
3868
|
-
f(h.value) && (x =
|
|
3855
|
+
let x, k;
|
|
3856
|
+
const C = (w) => {
|
|
3857
|
+
f(h.value) && (x = w, k = De({
|
|
3869
3858
|
keyframes: [h.value, m(h.value)],
|
|
3870
|
-
velocity: ma(S,
|
|
3859
|
+
velocity: ma(S, w, h.value),
|
|
3871
3860
|
// TODO: This should be passing * 1000
|
|
3872
3861
|
damping: o,
|
|
3873
3862
|
stiffness: i,
|
|
@@ -3877,9 +3866,9 @@ function Wo({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3877
3866
|
};
|
|
3878
3867
|
return C(0), {
|
|
3879
3868
|
calculatedDuration: null,
|
|
3880
|
-
next: (
|
|
3869
|
+
next: (w) => {
|
|
3881
3870
|
let A = !1;
|
|
3882
|
-
return !
|
|
3871
|
+
return !k && x === void 0 && (A = !0, P(w), C(w)), x !== void 0 && w >= x ? k.next(w - x) : (!A && P(w), h);
|
|
3883
3872
|
}
|
|
3884
3873
|
};
|
|
3885
3874
|
}
|
|
@@ -4007,7 +3996,7 @@ class Xr extends da {
|
|
|
4007
3996
|
super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
|
|
4008
3997
|
}
|
|
4009
3998
|
initPlayback(e) {
|
|
4010
|
-
const { type: n = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: i, velocity: s = 0 } = this.options, a =
|
|
3999
|
+
const { type: n = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: i, velocity: s = 0 } = this.options, a = wn(n) ? n : Bf[n] || xe;
|
|
4011
4000
|
let l, u;
|
|
4012
4001
|
process.env.NODE_ENV !== "production" && a !== xe && yt(e.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), a !== xe && typeof e[0] != "number" && (l = We(Of, fa(e[0], e[1])), e = [0, 100]);
|
|
4013
4002
|
const c = a({ ...this.options, keyframes: e });
|
|
@@ -4033,8 +4022,8 @@ class Xr extends da {
|
|
|
4033
4022
|
tick(e, n = !1) {
|
|
4034
4023
|
const { resolved: r } = this;
|
|
4035
4024
|
if (!r) {
|
|
4036
|
-
const { keyframes:
|
|
4037
|
-
return { done: !0, value:
|
|
4025
|
+
const { keyframes: w } = this.options;
|
|
4026
|
+
return { done: !0, value: w[w.length - 1] };
|
|
4038
4027
|
}
|
|
4039
4028
|
const { finalKeyframe: o, generator: i, mirroredGenerator: s, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: u, totalDuration: c, resolvedDuration: d } = r;
|
|
4040
4029
|
if (this.startTime === null)
|
|
@@ -4045,15 +4034,15 @@ class Xr extends da {
|
|
|
4045
4034
|
this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
|
|
4046
4035
|
let S = this.currentTime, P = i;
|
|
4047
4036
|
if (f) {
|
|
4048
|
-
const
|
|
4049
|
-
let A = Math.floor(
|
|
4050
|
-
!E &&
|
|
4037
|
+
const w = Math.min(this.currentTime, c) / d;
|
|
4038
|
+
let A = Math.floor(w), E = w % 1;
|
|
4039
|
+
!E && w >= 1 && (E = 1), E === 1 && A--, A = Math.min(A, f + 1), !!(A % 2) && (m === "reverse" ? (E = 1 - E, g && (E -= g / d)) : m === "mirror" && (P = s)), S = Ct(0, 1, E) * d;
|
|
4051
4040
|
}
|
|
4052
4041
|
const x = v ? { done: !1, value: l[0] } : P.next(S);
|
|
4053
4042
|
a && (x.value = a(x.value));
|
|
4054
|
-
let { done:
|
|
4055
|
-
!v && u !== null && (
|
|
4056
|
-
const C = this.holdTime === null && (this.state === "finished" || this.state === "running" &&
|
|
4043
|
+
let { done: k } = x;
|
|
4044
|
+
!v && u !== null && (k = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
|
|
4045
|
+
const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && k);
|
|
4057
4046
|
return C && o !== void 0 && (x.value = Tn(l, this.options, o)), y && y(x.value), C && this.finish(), x;
|
|
4058
4047
|
}
|
|
4059
4048
|
get duration() {
|
|
@@ -4136,16 +4125,16 @@ const jf = /* @__PURE__ */ new Set([
|
|
|
4136
4125
|
backIn: /* @__PURE__ */ ge([0.31, 0.01, 0.66, -0.59]),
|
|
4137
4126
|
backOut: /* @__PURE__ */ ge([0.33, 1.53, 0.69, 0.99])
|
|
4138
4127
|
};
|
|
4139
|
-
function
|
|
4128
|
+
function ka(t, e) {
|
|
4140
4129
|
if (t)
|
|
4141
|
-
return typeof t == "function" && Ve() ? ga(t, e) : Yr(t) ? ge(t) : Array.isArray(t) ? t.map((n) =>
|
|
4130
|
+
return typeof t == "function" && Ve() ? ga(t, e) : Yr(t) ? ge(t) : Array.isArray(t) ? t.map((n) => ka(n, e) || ar.easeOut) : ar[t];
|
|
4142
4131
|
}
|
|
4143
4132
|
function zf(t, e, n, { delay: r = 0, duration: o = 300, repeat: i = 0, repeatType: s = "loop", ease: a = "easeInOut", times: l } = {}, u = void 0) {
|
|
4144
4133
|
const c = {
|
|
4145
4134
|
[e]: n
|
|
4146
4135
|
};
|
|
4147
4136
|
l && (c.offset = l);
|
|
4148
|
-
const d =
|
|
4137
|
+
const d = ka(a, o);
|
|
4149
4138
|
return Array.isArray(d) && (c.easing = d), t.animate(c, {
|
|
4150
4139
|
delay: r,
|
|
4151
4140
|
duration: o,
|
|
@@ -4159,12 +4148,12 @@ function zf(t, e, n, { delay: r = 0, duration: o = 300, repeat: i = 0, repeatTyp
|
|
|
4159
4148
|
function Uo(t, e) {
|
|
4160
4149
|
t.timeline = e, t.onfinish = null;
|
|
4161
4150
|
}
|
|
4162
|
-
function
|
|
4163
|
-
return !!(typeof t == "function" && Ve() || !t || typeof t == "string" && (t in ar || Ve()) || Yr(t) || Array.isArray(t) && t.every(
|
|
4151
|
+
function wa(t) {
|
|
4152
|
+
return !!(typeof t == "function" && Ve() || !t || typeof t == "string" && (t in ar || Ve()) || Yr(t) || Array.isArray(t) && t.every(wa));
|
|
4164
4153
|
}
|
|
4165
4154
|
const cn = 10, Wf = 2e4;
|
|
4166
4155
|
function $f(t) {
|
|
4167
|
-
return
|
|
4156
|
+
return wn(t.type) || t.type === "spring" || !wa(t.ease);
|
|
4168
4157
|
}
|
|
4169
4158
|
function Hf(t, e) {
|
|
4170
4159
|
const n = new Xr({
|
|
@@ -4614,15 +4603,15 @@ function lm(t) {
|
|
|
4614
4603
|
for (let y = 0; y < im; y++) {
|
|
4615
4604
|
const p = sm[y], v = n[p], S = u[p] !== void 0 ? u[p] : c[p], P = Pe(S), x = p === l ? v.isActive : null;
|
|
4616
4605
|
x === !1 && (m = y);
|
|
4617
|
-
let
|
|
4618
|
-
if (
|
|
4606
|
+
let k = S === c[p] && S !== u[p] && P;
|
|
4607
|
+
if (k && r && t.manuallyAnimateOnMount && (k = !1), v.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
|
|
4619
4608
|
!v.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
|
|
4620
4609
|
!S && !v.prevProp || // Or if the prop doesn't define an animation
|
|
4621
4610
|
xn(S) || typeof S == "boolean")
|
|
4622
4611
|
continue;
|
|
4623
4612
|
const C = cm(v.prevProp, S);
|
|
4624
|
-
let
|
|
4625
|
-
p === l && v.isActive && !
|
|
4613
|
+
let w = C || // If we're making this variant active, we want to always make it active
|
|
4614
|
+
p === l && v.isActive && !k && P || // If we removed a higher-priority variant (i is in reverse order)
|
|
4626
4615
|
y > m && P, A = !1;
|
|
4627
4616
|
const E = Array.isArray(S) ? S : [S];
|
|
4628
4617
|
let R = E.reduce(o(p), {});
|
|
@@ -4631,7 +4620,7 @@ function lm(t) {
|
|
|
4631
4620
|
...M,
|
|
4632
4621
|
...R
|
|
4633
4622
|
}, at = (I) => {
|
|
4634
|
-
|
|
4623
|
+
w = !0, h.has(I) && (A = !0, h.delete(I)), v.needsAnimating[I] = !0;
|
|
4635
4624
|
const z = t.getValue(I);
|
|
4636
4625
|
z && (z.liveStyle = !1);
|
|
4637
4626
|
};
|
|
@@ -4642,7 +4631,7 @@ function lm(t) {
|
|
|
4642
4631
|
let Vt = !1;
|
|
4643
4632
|
qn(z) && qn(Rt) ? Vt = !Ca(z, Rt) : Vt = z !== Rt, Vt ? z != null ? at(I) : h.add(I) : z !== void 0 && h.has(I) ? at(I) : v.protectedKeys[I] = !0;
|
|
4644
4633
|
}
|
|
4645
|
-
v.prevProp = S, v.prevResolvedValues = R, v.isActive && (f = { ...f, ...R }), r && t.blockInitialAnimation && (
|
|
4634
|
+
v.prevProp = S, v.prevResolvedValues = R, v.isActive && (f = { ...f, ...R }), r && t.blockInitialAnimation && (w = !1), w && (!(k && C) || A) && d.push(...E.map((I) => ({
|
|
4646
4635
|
animation: I,
|
|
4647
4636
|
options: { type: p }
|
|
4648
4637
|
})));
|
|
@@ -4818,19 +4807,19 @@ function Sm(t, e, n) {
|
|
|
4818
4807
|
function Yo(t, e, n, r = 0.5) {
|
|
4819
4808
|
t.origin = r, t.originPoint = j(e.min, e.max, t.origin), t.scale = nt(n) / nt(e), t.translate = j(n.min, n.max, t.origin) - t.originPoint, (t.scale >= bm && t.scale <= ym || isNaN(t.scale)) && (t.scale = 1), (t.translate >= vm && t.translate <= xm || isNaN(t.translate)) && (t.translate = 0);
|
|
4820
4809
|
}
|
|
4821
|
-
function
|
|
4810
|
+
function ke(t, e, n, r) {
|
|
4822
4811
|
Yo(t.x, e.x, n.x, r ? r.originX : void 0), Yo(t.y, e.y, n.y, r ? r.originY : void 0);
|
|
4823
4812
|
}
|
|
4824
4813
|
function Xo(t, e, n) {
|
|
4825
4814
|
t.min = n.min + e.min, t.max = t.min + nt(e);
|
|
4826
4815
|
}
|
|
4827
|
-
function
|
|
4816
|
+
function km(t, e, n) {
|
|
4828
4817
|
Xo(t.x, e.x, n.x), Xo(t.y, e.y, n.y);
|
|
4829
4818
|
}
|
|
4830
4819
|
function qo(t, e, n) {
|
|
4831
4820
|
t.min = e.min - n.min, t.max = t.min + nt(e);
|
|
4832
4821
|
}
|
|
4833
|
-
function
|
|
4822
|
+
function we(t, e, n) {
|
|
4834
4823
|
qo(t.x, e.x, n.x), qo(t.y, e.y, n.y);
|
|
4835
4824
|
}
|
|
4836
4825
|
const Zo = () => ({
|
|
@@ -4877,7 +4866,7 @@ function Ea(t, { x: e, y: n }) {
|
|
|
4877
4866
|
ur(t.x, e.translate, e.scale, e.originPoint), ur(t.y, n.translate, n.scale, n.originPoint);
|
|
4878
4867
|
}
|
|
4879
4868
|
const es = 0.999999999999, ns = 1.0000000000001;
|
|
4880
|
-
function
|
|
4869
|
+
function wm(t, e, n, r = !1) {
|
|
4881
4870
|
const o = n.length;
|
|
4882
4871
|
if (!o)
|
|
4883
4872
|
return;
|
|
@@ -5446,7 +5435,7 @@ class Hm {
|
|
|
5446
5435
|
Or(this.children, e), this.isDirty = !0;
|
|
5447
5436
|
}
|
|
5448
5437
|
remove(e) {
|
|
5449
|
-
|
|
5438
|
+
kn(this.children, e), this.isDirty = !0;
|
|
5450
5439
|
}
|
|
5451
5440
|
forEach(e) {
|
|
5452
5441
|
this.isDirty && this.children.sort($m), this.isDirty = !1, this.children.forEach(e);
|
|
@@ -5516,13 +5505,13 @@ function Ss(t, e) {
|
|
|
5516
5505
|
function Qm(t, e) {
|
|
5517
5506
|
return Ss(t.x, e.x) && Ss(t.y, e.y);
|
|
5518
5507
|
}
|
|
5519
|
-
function
|
|
5508
|
+
function ks(t, e) {
|
|
5520
5509
|
return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
|
|
5521
5510
|
}
|
|
5522
5511
|
function Ha(t, e) {
|
|
5523
|
-
return
|
|
5512
|
+
return ks(t.x, e.x) && ks(t.y, e.y);
|
|
5524
5513
|
}
|
|
5525
|
-
function
|
|
5514
|
+
function ws(t) {
|
|
5526
5515
|
return nt(t.x) / nt(t.y);
|
|
5527
5516
|
}
|
|
5528
5517
|
function Ts(t, e) {
|
|
@@ -5536,7 +5525,7 @@ class tp {
|
|
|
5536
5525
|
Or(this.members, e), e.scheduleRender();
|
|
5537
5526
|
}
|
|
5538
5527
|
remove(e) {
|
|
5539
|
-
if (
|
|
5528
|
+
if (kn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
|
|
5540
5529
|
const n = this.members[this.members.length - 1];
|
|
5541
5530
|
n && this.promote(n);
|
|
5542
5531
|
}
|
|
@@ -5857,12 +5846,12 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5857
5846
|
if (!(!this.layout || !(c || d))) {
|
|
5858
5847
|
if (this.resolvedRelativeTargetAt = Y.timestamp, !this.targetDelta && !this.relativeTarget) {
|
|
5859
5848
|
const f = this.getClosestProjectingParent();
|
|
5860
|
-
f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = $(), this.relativeTargetOrigin = $(),
|
|
5849
|
+
f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = $(), this.relativeTargetOrigin = $(), we(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), rt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
5861
5850
|
}
|
|
5862
|
-
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = $(), this.targetWithTransforms = $()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(),
|
|
5851
|
+
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = $(), this.targetWithTransforms = $()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), km(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : rt(this.target, this.layout.layoutBox), Ea(this.target, this.targetDelta)) : rt(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
|
|
5863
5852
|
this.attemptToResolveRelativeTarget = !1;
|
|
5864
5853
|
const f = this.getClosestProjectingParent();
|
|
5865
|
-
f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = $(), this.relativeTargetOrigin = $(),
|
|
5854
|
+
f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = $(), this.relativeTargetOrigin = $(), we(this.relativeTargetOrigin, this.target, f.target), rt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
5866
5855
|
}
|
|
5867
5856
|
}
|
|
5868
5857
|
}
|
|
@@ -5884,13 +5873,13 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5884
5873
|
return;
|
|
5885
5874
|
rt(this.layoutCorrected, this.layout.layoutBox);
|
|
5886
5875
|
const d = this.treeScale.x, h = this.treeScale.y;
|
|
5887
|
-
|
|
5876
|
+
wm(this.layoutCorrected, this.treeScale, this.path, a), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox, s.targetWithTransforms = $());
|
|
5888
5877
|
const { target: f } = s;
|
|
5889
5878
|
if (!f) {
|
|
5890
5879
|
this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
|
|
5891
5880
|
return;
|
|
5892
5881
|
}
|
|
5893
|
-
!this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (gs(this.prevProjectionDelta.x, this.projectionDelta.x), gs(this.prevProjectionDelta.y, this.projectionDelta.y)),
|
|
5882
|
+
!this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (gs(this.prevProjectionDelta.x, this.projectionDelta.x), gs(this.prevProjectionDelta.y, this.projectionDelta.y)), ke(this.projectionDelta, this.layoutCorrected, f, this.latestValues), (this.treeScale.x !== d || this.treeScale.y !== h || !Ts(this.projectionDelta.x, this.prevProjectionDelta.x) || !Ts(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", f));
|
|
5894
5883
|
}
|
|
5895
5884
|
hide() {
|
|
5896
5885
|
this.isVisible = !1;
|
|
@@ -5917,7 +5906,7 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5917
5906
|
let S;
|
|
5918
5907
|
this.mixTargetDelta = (P) => {
|
|
5919
5908
|
const x = P / 1e3;
|
|
5920
|
-
_s(d.x, s.x, x), _s(d.y, s.y, x), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (
|
|
5909
|
+
_s(d.x, s.x, x), _s(d.y, s.y, x), this.setTargetDelta(d), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (we(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), pp(this.relativeTarget, this.relativeTargetOrigin, h, x), S && Qm(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = $()), rt(S, this.relativeTarget)), g && (this.animationValues = c, Km(c, u, this.latestValues, x, v, p)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
|
|
5921
5910
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
5922
5911
|
}
|
|
5923
5912
|
startAnimation(s) {
|
|
@@ -5954,7 +5943,7 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5954
5943
|
const h = nt(this.layout.layoutBox.y);
|
|
5955
5944
|
l.y.min = s.target.y.min, l.y.max = l.y.min + h;
|
|
5956
5945
|
}
|
|
5957
|
-
rt(a, l), te(a, c),
|
|
5946
|
+
rt(a, l), te(a, c), ke(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
|
|
5958
5947
|
}
|
|
5959
5948
|
}
|
|
5960
5949
|
registerSharedNode(s, a) {
|
|
@@ -6070,9 +6059,9 @@ function sp(t) {
|
|
|
6070
6059
|
h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[d].max = t.relativeTarget[d].min + f);
|
|
6071
6060
|
});
|
|
6072
6061
|
const a = Jt();
|
|
6073
|
-
|
|
6062
|
+
ke(a, r, e.layoutBox);
|
|
6074
6063
|
const l = Jt();
|
|
6075
|
-
s ?
|
|
6064
|
+
s ? ke(l, t.applyTransform(o, !0), e.measuredBox) : ke(l, r, e.layoutBox);
|
|
6076
6065
|
const u = !$a(a);
|
|
6077
6066
|
let c = !1;
|
|
6078
6067
|
if (!t.resumeFrom) {
|
|
@@ -6081,9 +6070,9 @@ function sp(t) {
|
|
|
6081
6070
|
const { snapshot: h, layout: f } = d;
|
|
6082
6071
|
if (h && f) {
|
|
6083
6072
|
const m = $();
|
|
6084
|
-
|
|
6073
|
+
we(m, e.layoutBox, h.layoutBox);
|
|
6085
6074
|
const g = $();
|
|
6086
|
-
|
|
6075
|
+
we(g, r, f.layoutBox), Ha(m, g) || (c = !0), d.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = d);
|
|
6087
6076
|
}
|
|
6088
6077
|
}
|
|
6089
6078
|
}
|
|
@@ -6158,7 +6147,7 @@ function yp(t) {
|
|
|
6158
6147
|
Es(t.x), Es(t.y);
|
|
6159
6148
|
}
|
|
6160
6149
|
function Ka(t, e, n) {
|
|
6161
|
-
return t === "position" || t === "preserve-aspect" && !Sm(
|
|
6150
|
+
return t === "position" || t === "preserve-aspect" && !Sm(ws(e), ws(n), 0.2);
|
|
6162
6151
|
}
|
|
6163
6152
|
function vp(t) {
|
|
6164
6153
|
var e;
|
|
@@ -6221,7 +6210,7 @@ function qa(t, e) {
|
|
|
6221
6210
|
function Ms(t) {
|
|
6222
6211
|
return !(t.pointerType === "touch" || Ba());
|
|
6223
6212
|
}
|
|
6224
|
-
function
|
|
6213
|
+
function kp(t, e, n = {}) {
|
|
6225
6214
|
const [r, o, i] = qa(t, n), s = (a) => {
|
|
6226
6215
|
if (!Ms(a))
|
|
6227
6216
|
return;
|
|
@@ -6243,10 +6232,10 @@ function Fs(t, e, n) {
|
|
|
6243
6232
|
const o = "onHover" + n, i = r[o];
|
|
6244
6233
|
i && L.postRender(() => i(e, $e(e)));
|
|
6245
6234
|
}
|
|
6246
|
-
class
|
|
6235
|
+
class wp extends Bt {
|
|
6247
6236
|
mount() {
|
|
6248
6237
|
const { current: e } = this.node;
|
|
6249
|
-
e && (this.unmount =
|
|
6238
|
+
e && (this.unmount = kp(e, (n, r) => (Fs(this.node, r, "Start"), (o) => Fs(this.node, o, "End"))));
|
|
6250
6239
|
}
|
|
6251
6240
|
unmount() {
|
|
6252
6241
|
}
|
|
@@ -6413,7 +6402,7 @@ const Bp = {
|
|
|
6413
6402
|
Feature: Tp
|
|
6414
6403
|
},
|
|
6415
6404
|
hover: {
|
|
6416
|
-
Feature:
|
|
6405
|
+
Feature: wp
|
|
6417
6406
|
}
|
|
6418
6407
|
}, Op = {
|
|
6419
6408
|
layout: {
|
|
@@ -6422,7 +6411,7 @@ const Bp = {
|
|
|
6422
6411
|
}
|
|
6423
6412
|
}, dn = { current: null }, to = { current: !1 };
|
|
6424
6413
|
function Ja() {
|
|
6425
|
-
if (to.current = !0, !!
|
|
6414
|
+
if (to.current = !0, !!kr)
|
|
6426
6415
|
if (window.matchMedia) {
|
|
6427
6416
|
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => dn.current = t.matches;
|
|
6428
6417
|
t.addListener(e), e();
|
|
@@ -6734,7 +6723,7 @@ class nl extends tl {
|
|
|
6734
6723
|
}
|
|
6735
6724
|
const $p = (t, e) => Mr(t) ? new nl(e) : new el(e, {
|
|
6736
6725
|
allowProjection: t !== oi
|
|
6737
|
-
}), Hp = /* @__PURE__ */
|
|
6726
|
+
}), Hp = /* @__PURE__ */ kh({
|
|
6738
6727
|
...fm,
|
|
6739
6728
|
...Bp,
|
|
6740
6729
|
...Sp,
|
|
@@ -6750,7 +6739,7 @@ function fr(t) {
|
|
|
6750
6739
|
}
|
|
6751
6740
|
function rl(t, e) {
|
|
6752
6741
|
const n = fr(e()), r = () => n.set(e());
|
|
6753
|
-
return r(),
|
|
6742
|
+
return r(), wr(() => {
|
|
6754
6743
|
const o = () => L.preRender(r, !1, !0), i = t.map((s) => s.on("change", o));
|
|
6755
6744
|
return () => {
|
|
6756
6745
|
i.forEach((s) => s()), Pt(r);
|
|
@@ -6814,7 +6803,7 @@ function Ns(t, e, n, r) {
|
|
|
6814
6803
|
function Zp(t, e, n) {
|
|
6815
6804
|
for (let r = 0; r < t.length; r++) {
|
|
6816
6805
|
const o = t[r];
|
|
6817
|
-
o.at > e && o.at < n && (
|
|
6806
|
+
o.at > e && o.at < n && (kn(t, o), r--);
|
|
6818
6807
|
}
|
|
6819
6808
|
}
|
|
6820
6809
|
function Jp(t, e, n, r, o, i) {
|
|
@@ -6849,19 +6838,19 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6849
6838
|
let [g, y, p = {}] = m;
|
|
6850
6839
|
p.at !== void 0 && (d = Ns(d, p.at, c, u));
|
|
6851
6840
|
let v = 0;
|
|
6852
|
-
const S = (P, x,
|
|
6841
|
+
const S = (P, x, k, C = 0, w = 0) => {
|
|
6853
6842
|
const A = og(P), { delay: E = 0, times: R = Sa(A), type: M = "keyframes", repeat: q, repeatType: at, repeatDelay: N = 0, ...F } = x;
|
|
6854
6843
|
let { ease: I = e.ease || "easeOut", duration: z } = x;
|
|
6855
|
-
const Rt = typeof E == "function" ? E(C,
|
|
6844
|
+
const Rt = typeof E == "function" ? E(C, w) : E, Vt = A.length, Ke = wn(M) ? M : o == null ? void 0 : o[M];
|
|
6856
6845
|
if (Vt <= 2 && Ke) {
|
|
6857
6846
|
let U = 100;
|
|
6858
6847
|
if (Vt === 2 && ag(A)) {
|
|
6859
6848
|
const Ot = A[1] - A[0];
|
|
6860
6849
|
U = Math.abs(Ot);
|
|
6861
6850
|
}
|
|
6862
|
-
const
|
|
6863
|
-
z !== void 0 && (
|
|
6864
|
-
const tt = pa(
|
|
6851
|
+
const kt = { ...F };
|
|
6852
|
+
z !== void 0 && (kt.duration = /* @__PURE__ */ it(z));
|
|
6853
|
+
const tt = pa(kt, U, Ke);
|
|
6865
6854
|
I = tt.ease, z = tt.duration;
|
|
6866
6855
|
}
|
|
6867
6856
|
z != null || (z = i);
|
|
@@ -6870,29 +6859,29 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6870
6859
|
const V = R.length - A.length;
|
|
6871
6860
|
if (V > 0 && xa(R, V), A.length === 1 && A.unshift(null), q) {
|
|
6872
6861
|
yt(q < ng, "Repeat count too high, must be less than 20"), z = qp(z, q);
|
|
6873
|
-
const U = [...A],
|
|
6862
|
+
const U = [...A], kt = [...R];
|
|
6874
6863
|
I = Array.isArray(I) ? [...I] : [I];
|
|
6875
6864
|
const tt = [...I];
|
|
6876
6865
|
for (let Ot = 0; Ot < q; Ot++) {
|
|
6877
6866
|
A.push(...U);
|
|
6878
6867
|
for (let Yt = 0; Yt < U.length; Yt++)
|
|
6879
|
-
R.push(
|
|
6868
|
+
R.push(kt[Yt] + (Ot + 1)), I.push(Yt === 0 ? "linear" : ol(tt, Yt - 1));
|
|
6880
6869
|
}
|
|
6881
6870
|
Qp(R, q);
|
|
6882
6871
|
}
|
|
6883
6872
|
const Q = de + z;
|
|
6884
|
-
Jp(
|
|
6873
|
+
Jp(k, A, I, R, de, Q), v = Math.max(Rt + z, v), h = Math.max(Q, h);
|
|
6885
6874
|
};
|
|
6886
6875
|
if (G(g)) {
|
|
6887
6876
|
const P = zs(g, a);
|
|
6888
6877
|
S(y, p, Ws("default", P));
|
|
6889
6878
|
} else {
|
|
6890
6879
|
const P = sl(g, y, r, l), x = P.length;
|
|
6891
|
-
for (let
|
|
6880
|
+
for (let k = 0; k < x; k++) {
|
|
6892
6881
|
y = y, p = p;
|
|
6893
|
-
const C = P[
|
|
6882
|
+
const C = P[k], w = zs(C, a);
|
|
6894
6883
|
for (const A in y)
|
|
6895
|
-
S(y[A], sg(p, A), Ws(A,
|
|
6884
|
+
S(y[A], sg(p, A), Ws(A, w), k, x);
|
|
6896
6885
|
}
|
|
6897
6886
|
}
|
|
6898
6887
|
c = d, d += v;
|
|
@@ -6903,8 +6892,8 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6903
6892
|
y.sort(tg);
|
|
6904
6893
|
const p = [], v = [], S = [];
|
|
6905
6894
|
for (let x = 0; x < y.length; x++) {
|
|
6906
|
-
const { at:
|
|
6907
|
-
p.push(C), v.push(/* @__PURE__ */ se(0, h,
|
|
6895
|
+
const { at: k, value: C, easing: w } = y[x];
|
|
6896
|
+
p.push(C), v.push(/* @__PURE__ */ se(0, h, k)), S.push(w || "easeOut");
|
|
6908
6897
|
}
|
|
6909
6898
|
v[0] !== 0 && (v.unshift(0), p.unshift(p[0]), S.unshift(eg)), v[v.length - 1] !== 1 && (v.push(1), p.push(null)), s.has(m) || s.set(m, {
|
|
6910
6899
|
keyframes: {},
|
|
@@ -7080,7 +7069,7 @@ function xg({
|
|
|
7080
7069
|
}, [t, e]);
|
|
7081
7070
|
}
|
|
7082
7071
|
function Sg(t, e) {
|
|
7083
|
-
const n =
|
|
7072
|
+
const n = wg(t), r = X(!1), o = J(() => {
|
|
7084
7073
|
var i, s, a, l;
|
|
7085
7074
|
r.current ? ((l = (a = e.current) == null ? void 0 : a.onCloseEnd) == null || l.call(a), r.current = !1) : ((s = (i = e.current) == null ? void 0 : i.onOpenEnd) == null || s.call(i), r.current = !0);
|
|
7086
7075
|
}, [t, n]);
|
|
@@ -7089,7 +7078,7 @@ function Sg(t, e) {
|
|
|
7089
7078
|
!n && t ? (s = (i = e.current) == null ? void 0 : i.onOpenStart) == null || s.call(i) : !t && n && ((l = (a = e.current) == null ? void 0 : a.onCloseStart) == null || l.call(a));
|
|
7090
7079
|
}, [t, n]), { handleAnimationComplete: o };
|
|
7091
7080
|
}
|
|
7092
|
-
function
|
|
7081
|
+
function kg() {
|
|
7093
7082
|
const [t, e] = Tt({
|
|
7094
7083
|
height: Fe ? 0 : window.innerHeight,
|
|
7095
7084
|
width: Fe ? 0 : window.innerWidth
|
|
@@ -7106,7 +7095,7 @@ function wg() {
|
|
|
7106
7095
|
};
|
|
7107
7096
|
}, []), t;
|
|
7108
7097
|
}
|
|
7109
|
-
function
|
|
7098
|
+
function wg(t) {
|
|
7110
7099
|
const e = X(void 0);
|
|
7111
7100
|
return ct(() => {
|
|
7112
7101
|
e.current = t;
|
|
@@ -7341,7 +7330,7 @@ function Ys(t) {
|
|
|
7341
7330
|
function Xs(t) {
|
|
7342
7331
|
return t instanceof HTMLInputElement && !Mg.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
|
|
7343
7332
|
}
|
|
7344
|
-
const
|
|
7333
|
+
const wt = {
|
|
7345
7334
|
wrapper: {
|
|
7346
7335
|
position: "fixed",
|
|
7347
7336
|
top: 0,
|
|
@@ -7430,13 +7419,13 @@ const kt = {
|
|
|
7430
7419
|
dragCloseThreshold: S = yg,
|
|
7431
7420
|
...P
|
|
7432
7421
|
}, x) => {
|
|
7433
|
-
const
|
|
7422
|
+
const k = X(null), C = fr(0), { height: w } = kg(), A = Yp(), E = !!(y || A), R = {
|
|
7434
7423
|
type: "tween",
|
|
7435
7424
|
...E ? bg : p
|
|
7436
|
-
}, M = fr(
|
|
7425
|
+
}, M = fr(w), q = hn(M, (V) => {
|
|
7437
7426
|
var Q;
|
|
7438
|
-
return V + 2 >=
|
|
7439
|
-
}), at = hn(M, (V) => V + 2 >=
|
|
7427
|
+
return V + 2 >= w ? -1 : (Q = h == null ? void 0 : h.zIndex) != null ? Q : 1300;
|
|
7428
|
+
}), at = hn(M, (V) => V + 2 >= w ? "hidden" : "visible"), N = X({
|
|
7440
7429
|
onOpenStart: t,
|
|
7441
7430
|
onOpenEnd: e,
|
|
7442
7431
|
onCloseStart: r,
|
|
@@ -7451,8 +7440,8 @@ const kt = {
|
|
|
7451
7440
|
};
|
|
7452
7441
|
});
|
|
7453
7442
|
let F = u;
|
|
7454
|
-
F && (F = F.map((V) => V > 0 && V <= 1 ? Math.round(V *
|
|
7455
|
-
Cg(F) ||
|
|
7443
|
+
F && (F = F.map((V) => V > 0 && V <= 1 ? Math.round(V * w) : V < 0 ? w + V : V), console.assert(
|
|
7444
|
+
Cg(F) || w === 0,
|
|
7456
7445
|
`Snap points need to be in descending order got: [${F.join(", ")}]`
|
|
7457
7446
|
));
|
|
7458
7447
|
const I = Gn((V, { delta: Q }) => {
|
|
@@ -7460,18 +7449,18 @@ const kt = {
|
|
|
7460
7449
|
U > 0 && C.set(10), U < 0 && C.set(-10), M.set(Math.max(M.get() + Q.y, 0));
|
|
7461
7450
|
}), z = Gn(() => {
|
|
7462
7451
|
const V = document.activeElement;
|
|
7463
|
-
if (!V || !
|
|
7464
|
-
(V.tagName === "INPUT" || V.tagName === "TEXTAREA") &&
|
|
7452
|
+
if (!V || !k.current) return;
|
|
7453
|
+
(V.tagName === "INPUT" || V.tagName === "TEXTAREA") && k.current.contains(V) && V.blur();
|
|
7465
7454
|
}), Rt = Gn((V, { velocity: Q }) => {
|
|
7466
7455
|
if (Q.y > v)
|
|
7467
7456
|
n();
|
|
7468
7457
|
else {
|
|
7469
|
-
const U =
|
|
7458
|
+
const U = k.current.getBoundingClientRect().height, kt = M.get();
|
|
7470
7459
|
let tt = 0;
|
|
7471
7460
|
if (F) {
|
|
7472
7461
|
const he = F.map((Dn) => U - Math.min(Dn, U));
|
|
7473
|
-
f === "content-height" && !he.includes(0) && he.unshift(0), tt = Us(he,
|
|
7474
|
-
} else
|
|
7462
|
+
f === "content-height" && !he.includes(0) && he.unshift(0), tt = Us(he, kt);
|
|
7463
|
+
} else kt / U > S && (tt = U);
|
|
7475
7464
|
if (tt = Gs({ snapTo: tt, sheetHeight: U }), $s(M, tt, R), F && i) {
|
|
7476
7465
|
const he = Math.abs(Math.round(F[0] - tt)), Dn = F.indexOf(Us(F, he));
|
|
7477
7466
|
i(Dn);
|
|
@@ -7488,10 +7477,10 @@ const kt = {
|
|
|
7488
7477
|
}, [l]), Wl(x, () => ({
|
|
7489
7478
|
y: M,
|
|
7490
7479
|
snapTo: (V) => {
|
|
7491
|
-
const Q =
|
|
7480
|
+
const Q = k.current;
|
|
7492
7481
|
if ((F == null ? void 0 : F[V]) !== void 0 && Q) {
|
|
7493
|
-
const U = Q.getBoundingClientRect().height,
|
|
7494
|
-
snapTo: U -
|
|
7482
|
+
const U = Q.getBoundingClientRect().height, kt = F[V], tt = Gs({
|
|
7483
|
+
snapTo: U - kt,
|
|
7495
7484
|
sheetHeight: U
|
|
7496
7485
|
});
|
|
7497
7486
|
$s(M, tt, R), i && i(V), tt >= U && n();
|
|
@@ -7500,7 +7489,7 @@ const kt = {
|
|
|
7500
7489
|
})), xg({
|
|
7501
7490
|
y: M,
|
|
7502
7491
|
rootId: c,
|
|
7503
|
-
sheetRef:
|
|
7492
|
+
sheetRef: k
|
|
7504
7493
|
}), Fg({ isDisabled: a || !l });
|
|
7505
7494
|
const Vt = gt(() => g ? void 0 : {
|
|
7506
7495
|
drag: "y",
|
|
@@ -7510,9 +7499,9 @@ const kt = {
|
|
|
7510
7499
|
onDrag: I,
|
|
7511
7500
|
onDragStart: z,
|
|
7512
7501
|
onDragEnd: Rt
|
|
7513
|
-
}, [g,
|
|
7502
|
+
}, [g, w]), Ke = {
|
|
7514
7503
|
y: M,
|
|
7515
|
-
sheetRef:
|
|
7504
|
+
sheetRef: k,
|
|
7516
7505
|
isOpen: l,
|
|
7517
7506
|
initialSnap: m,
|
|
7518
7507
|
snapPoints: F,
|
|
@@ -7520,11 +7509,11 @@ const kt = {
|
|
|
7520
7509
|
indicatorRotation: C,
|
|
7521
7510
|
callbacks: N,
|
|
7522
7511
|
dragProps: Vt,
|
|
7523
|
-
windowHeight:
|
|
7512
|
+
windowHeight: w,
|
|
7524
7513
|
animationOptions: R,
|
|
7525
7514
|
reduceMotion: E,
|
|
7526
7515
|
disableDrag: g
|
|
7527
|
-
}, de = /* @__PURE__ */ b(ll.Provider, { value: Ke, children: /* @__PURE__ */ b(Et.div, { ...P, ref: x, style: { ...
|
|
7516
|
+
}, de = /* @__PURE__ */ b(ll.Provider, { value: Ke, children: /* @__PURE__ */ b(Et.div, { ...P, ref: x, style: { ...wt.wrapper, zIndex: q, visibility: at, ...h }, children: /* @__PURE__ */ b(Dd, { children: l ? /* @__PURE__ */ b(Pg, { children: ri.map(s, (V, Q) => $l(V, { key: `sheet-child-${Q}` })) }) : null }) }) });
|
|
7528
7517
|
return Fe ? de : Fc(de, d != null ? d : document.body);
|
|
7529
7518
|
}
|
|
7530
7519
|
);
|
|
@@ -7550,7 +7539,7 @@ const fl = _(
|
|
|
7550
7539
|
ref: no([c, o]),
|
|
7551
7540
|
className: `react-modal-sheet-container ${n}`,
|
|
7552
7541
|
style: {
|
|
7553
|
-
...
|
|
7542
|
+
...wt.container,
|
|
7554
7543
|
...e,
|
|
7555
7544
|
...h === "full-height" && { height: v },
|
|
7556
7545
|
...h === "content-height" && { maxHeight: v },
|
|
@@ -7575,7 +7564,7 @@ const ml = _(
|
|
|
7575
7564
|
...o,
|
|
7576
7565
|
ref: no([i, l]),
|
|
7577
7566
|
className: `react-modal-sheet-content ${r}`,
|
|
7578
|
-
style: { ...
|
|
7567
|
+
style: { ...wt.content, ...e },
|
|
7579
7568
|
...c,
|
|
7580
7569
|
dragConstraints: l,
|
|
7581
7570
|
onMeasureDragConstraints: u,
|
|
@@ -7592,23 +7581,23 @@ const pl = _(({ children: t, style: e, disableDrag: n, ...r }, o) => {
|
|
|
7592
7581
|
{
|
|
7593
7582
|
...r,
|
|
7594
7583
|
ref: no([o, a]),
|
|
7595
|
-
style: { ...
|
|
7584
|
+
style: { ...wt.headerWrapper, ...e },
|
|
7596
7585
|
...u,
|
|
7597
7586
|
dragConstraints: a,
|
|
7598
7587
|
onMeasureDragConstraints: l,
|
|
7599
|
-
children: t || /* @__PURE__ */ D("div", { className: "react-modal-sheet-header", style:
|
|
7588
|
+
children: t || /* @__PURE__ */ D("div", { className: "react-modal-sheet-header", style: wt.header, children: [
|
|
7600
7589
|
/* @__PURE__ */ b(
|
|
7601
7590
|
Et.span,
|
|
7602
7591
|
{
|
|
7603
7592
|
className: "react-modal-sheet-drag-indicator",
|
|
7604
|
-
style: { ...
|
|
7593
|
+
style: { ...wt.indicator, transform: c }
|
|
7605
7594
|
}
|
|
7606
7595
|
),
|
|
7607
7596
|
/* @__PURE__ */ b(
|
|
7608
7597
|
Et.span,
|
|
7609
7598
|
{
|
|
7610
7599
|
className: "react-modal-sheet-drag-indicator",
|
|
7611
|
-
style: { ...
|
|
7600
|
+
style: { ...wt.indicator, transform: d }
|
|
7612
7601
|
}
|
|
7613
7602
|
)
|
|
7614
7603
|
] })
|
|
@@ -7624,7 +7613,7 @@ const qs = (t) => !!t.onClick || !!t.onTap, gl = _(({ style: t = {}, className:
|
|
|
7624
7613
|
...n,
|
|
7625
7614
|
ref: r,
|
|
7626
7615
|
className: `react-modal-sheet-backdrop ${e}`,
|
|
7627
|
-
style: { ...
|
|
7616
|
+
style: { ...wt.backdrop, ...t, pointerEvents: i },
|
|
7628
7617
|
initial: { opacity: 0 },
|
|
7629
7618
|
animate: { opacity: 1 },
|
|
7630
7619
|
exit: { opacity: 0 }
|
|
@@ -7654,7 +7643,7 @@ const bl = _(
|
|
|
7654
7643
|
...o,
|
|
7655
7644
|
ref: i,
|
|
7656
7645
|
className: `react-modal-sheet-scroller ${r}`,
|
|
7657
|
-
style: { ...
|
|
7646
|
+
style: { ...wt.scroller, ...n },
|
|
7658
7647
|
...c,
|
|
7659
7648
|
children: e
|
|
7660
7649
|
}
|
|
@@ -7992,7 +7981,7 @@ const Og = ht({
|
|
|
7992
7981
|
color: "neutral",
|
|
7993
7982
|
avatar: !1
|
|
7994
7983
|
}
|
|
7995
|
-
}),
|
|
7984
|
+
}), kl = _(({ imageSrc: t, text: e, onDeleteClick: n, ...r }, o) => {
|
|
7996
7985
|
const i = B(Ut.div, $g), s = (a) => {
|
|
7997
7986
|
a.stopPropagation(), n && n();
|
|
7998
7987
|
};
|
|
@@ -8009,8 +7998,8 @@ const Og = ht({
|
|
|
8009
7998
|
n ? /* @__PURE__ */ b(Lc, { size: 12, onClick: s, className: bt({ cursor: "pointer" }) }) : null
|
|
8010
7999
|
] });
|
|
8011
8000
|
});
|
|
8012
|
-
|
|
8013
|
-
const sy = ie(
|
|
8001
|
+
kl.displayName = "Tag";
|
|
8002
|
+
const sy = ie(kl), wl = ht({
|
|
8014
8003
|
className: "input",
|
|
8015
8004
|
slots: ["inputContainer", "requiredStar", "description", "label", "textLengthIndicator", "adornment"],
|
|
8016
8005
|
base: {
|
|
@@ -8247,13 +8236,13 @@ const sy = ie(wl), kl = ht({
|
|
|
8247
8236
|
fontSize: y,
|
|
8248
8237
|
...p
|
|
8249
8238
|
}, v) => {
|
|
8250
|
-
const S =
|
|
8239
|
+
const S = wl({
|
|
8251
8240
|
variant: s,
|
|
8252
8241
|
color: a,
|
|
8253
8242
|
radius: l,
|
|
8254
8243
|
removeBorder: m,
|
|
8255
8244
|
error: g
|
|
8256
|
-
}), P = X(null), x = v || P,
|
|
8245
|
+
}), P = X(null), x = v || P, k = J(
|
|
8257
8246
|
(R) => {
|
|
8258
8247
|
if (e) return;
|
|
8259
8248
|
const { value: M } = R.target;
|
|
@@ -8262,7 +8251,7 @@ const sy = ie(wl), kl = ht({
|
|
|
8262
8251
|
[e, u, i]
|
|
8263
8252
|
), C = J(() => {
|
|
8264
8253
|
e || x.current && x.current.focus();
|
|
8265
|
-
}, [e, x]),
|
|
8254
|
+
}, [e, x]), w = J(
|
|
8266
8255
|
() => /* @__PURE__ */ b("span", { className: S.requiredStar, "aria-hidden": "true", children: "*" }),
|
|
8267
8256
|
[S.requiredStar]
|
|
8268
8257
|
), A = J(
|
|
@@ -8271,9 +8260,9 @@ const sy = ie(wl), kl = ht({
|
|
|
8271
8260
|
), E = J(
|
|
8272
8261
|
({ visible: R, children: M }) => R ? /* @__PURE__ */ D("label", { className: S.label, children: [
|
|
8273
8262
|
M,
|
|
8274
|
-
t && /* @__PURE__ */ b(
|
|
8263
|
+
t && /* @__PURE__ */ b(w, {})
|
|
8275
8264
|
] }) : null,
|
|
8276
|
-
[S.label, t,
|
|
8265
|
+
[S.label, t, w]
|
|
8277
8266
|
);
|
|
8278
8267
|
return /* @__PURE__ */ D(yi, { gap: 1, className: "group", "data-disabled": e || void 0, css: { width: "100%" }, children: [
|
|
8279
8268
|
/* @__PURE__ */ b(E, { visible: !!(n && o === "outside"), children: n }),
|
|
@@ -8287,7 +8276,7 @@ const sy = ie(wl), kl = ht({
|
|
|
8287
8276
|
{
|
|
8288
8277
|
ref: x,
|
|
8289
8278
|
disabled: e,
|
|
8290
|
-
onChange:
|
|
8279
|
+
onChange: k,
|
|
8291
8280
|
style: { ...p == null ? void 0 : p.style, fontSize: `${y}px` },
|
|
8292
8281
|
...p
|
|
8293
8282
|
}
|
|
@@ -8320,14 +8309,14 @@ const iy = ie(Tl), Pl = _(
|
|
|
8320
8309
|
error: g,
|
|
8321
8310
|
...y
|
|
8322
8311
|
}, p) => {
|
|
8323
|
-
const [v, S] = Tt((t == null ? void 0 : t.toString().length) || 0), [P, x] = Tt(t),
|
|
8312
|
+
const [v, S] = Tt((t == null ? void 0 : t.toString().length) || 0), [P, x] = Tt(t), k = wl({
|
|
8324
8313
|
variant: c,
|
|
8325
8314
|
color: l,
|
|
8326
8315
|
radius: u,
|
|
8327
8316
|
isTextArea: !0,
|
|
8328
8317
|
removeBorder: m,
|
|
8329
8318
|
error: g
|
|
8330
|
-
}), C = X(null),
|
|
8319
|
+
}), C = X(null), w = p || C, A = J(
|
|
8331
8320
|
(N) => {
|
|
8332
8321
|
if (n) return;
|
|
8333
8322
|
const { value: F } = N.target;
|
|
@@ -8335,20 +8324,20 @@ const iy = ie(Tl), Pl = _(
|
|
|
8335
8324
|
},
|
|
8336
8325
|
[n, d, s, a]
|
|
8337
8326
|
), E = J(() => {
|
|
8338
|
-
n ||
|
|
8339
|
-
}, [n,
|
|
8340
|
-
() => /* @__PURE__ */ b("span", { className:
|
|
8341
|
-
[
|
|
8327
|
+
n || w.current && w.current.focus();
|
|
8328
|
+
}, [n, w]), R = J(
|
|
8329
|
+
() => /* @__PURE__ */ b("span", { className: k.requiredStar, "aria-hidden": "true", children: "*" }),
|
|
8330
|
+
[k.requiredStar]
|
|
8342
8331
|
), M = J(
|
|
8343
|
-
({ children: N }) => /* @__PURE__ */ b("span", { className:
|
|
8344
|
-
[
|
|
8332
|
+
({ children: N }) => /* @__PURE__ */ b("span", { className: k.description, children: N }),
|
|
8333
|
+
[k.description]
|
|
8345
8334
|
), q = J(
|
|
8346
|
-
({ visible: N, children: F }) => N ? /* @__PURE__ */ D("label", { className:
|
|
8335
|
+
({ visible: N, children: F }) => N ? /* @__PURE__ */ D("label", { className: k.label, children: [
|
|
8347
8336
|
F,
|
|
8348
8337
|
e && /* @__PURE__ */ b(R, {})
|
|
8349
8338
|
] }) : null,
|
|
8350
|
-
[
|
|
8351
|
-
), at = ({ count: N, limit: F }) => /* @__PURE__ */ b("span", { className:
|
|
8339
|
+
[k.label, e, R]
|
|
8340
|
+
), at = ({ count: N, limit: F }) => /* @__PURE__ */ b("span", { className: k.textLengthIndicator, children: `${N}${F ? ` / ${F}` : ""}` });
|
|
8352
8341
|
return ct(() => {
|
|
8353
8342
|
const N = t == null ? void 0 : t.toString().slice(0, s);
|
|
8354
8343
|
x(N), S((N == null ? void 0 : N.length) || 0);
|
|
@@ -8358,12 +8347,12 @@ const iy = ie(Tl), Pl = _(
|
|
|
8358
8347
|
xr,
|
|
8359
8348
|
{
|
|
8360
8349
|
gap: 1,
|
|
8361
|
-
className: K(
|
|
8350
|
+
className: K(k.inputContainer, h),
|
|
8362
8351
|
onClick: E,
|
|
8363
8352
|
css: f,
|
|
8364
8353
|
children: [
|
|
8365
8354
|
/* @__PURE__ */ b(q, { visible: !!(r && i === "inside"), children: r }),
|
|
8366
|
-
/* @__PURE__ */ b("textarea", { ref:
|
|
8355
|
+
/* @__PURE__ */ b("textarea", { ref: w, value: P, disabled: n, onChange: A, ...y }),
|
|
8367
8356
|
a && /* @__PURE__ */ b(at, { count: v, limit: s })
|
|
8368
8357
|
]
|
|
8369
8358
|
}
|
|
@@ -9065,11 +9054,11 @@ const ab = Ml(hc, "root"), lb = Ge(
|
|
|
9065
9054
|
}), { withProvider: Fl, withContext: Vn } = It(fb);
|
|
9066
9055
|
Fl(xc, "root");
|
|
9067
9056
|
const mb = Fl(Sc, "root"), pb = Vn(
|
|
9068
|
-
|
|
9057
|
+
kc,
|
|
9069
9058
|
"control"
|
|
9070
9059
|
);
|
|
9071
9060
|
Vn(
|
|
9072
|
-
|
|
9061
|
+
wc,
|
|
9073
9062
|
"group"
|
|
9074
9063
|
);
|
|
9075
9064
|
const Js = Vn(
|
|
@@ -9241,7 +9230,7 @@ const yb = () => /* @__PURE__ */ D("svg", { viewBox: "0 0 14 14", fill: "none",
|
|
|
9241
9230
|
}
|
|
9242
9231
|
}), { withProvider: Ll, withContext: so } = It(xb);
|
|
9243
9232
|
Ll(_c, "root");
|
|
9244
|
-
const Sb = Ll(Rc, "root"),
|
|
9233
|
+
const Sb = Ll(Rc, "root"), kb = so(
|
|
9245
9234
|
Vc,
|
|
9246
9235
|
"control"
|
|
9247
9236
|
);
|
|
@@ -9249,11 +9238,11 @@ so(
|
|
|
9249
9238
|
Dc,
|
|
9250
9239
|
"label"
|
|
9251
9240
|
);
|
|
9252
|
-
const
|
|
9241
|
+
const wb = so(
|
|
9253
9242
|
Ec,
|
|
9254
9243
|
"thumb"
|
|
9255
9244
|
), Tb = _((t, e) => /* @__PURE__ */ D(Sb, { ref: e, ...t, children: [
|
|
9256
|
-
/* @__PURE__ */ b(
|
|
9245
|
+
/* @__PURE__ */ b(kb, { children: /* @__PURE__ */ b(wb, {}) }),
|
|
9257
9246
|
/* @__PURE__ */ b(Mc, {})
|
|
9258
9247
|
] }));
|
|
9259
9248
|
Tb.displayName = "Switch";
|