@nation-a/ui 0.16.20 → 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 +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +218 -208
- package/dist/index.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/styled-system/styles.css +12 -4
- package/dist/types/components/Button/Button.stories.d.ts +1 -0
- package/dist/types/components/Button/button.recipe.d.ts +4 -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 +3 -3
- 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,
|
|
@@ -667,7 +667,8 @@ const ud = At({
|
|
|
667
667
|
textStyle: "label.sm",
|
|
668
668
|
px: "8px",
|
|
669
669
|
gap: 1,
|
|
670
|
-
|
|
670
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
671
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
671
672
|
width: "20px",
|
|
672
673
|
height: "20px"
|
|
673
674
|
}
|
|
@@ -677,7 +678,8 @@ const ud = At({
|
|
|
677
678
|
textStyle: "label.sm",
|
|
678
679
|
px: "16px",
|
|
679
680
|
gap: 1,
|
|
680
|
-
|
|
681
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
682
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
681
683
|
width: "20px",
|
|
682
684
|
height: "20px"
|
|
683
685
|
}
|
|
@@ -687,7 +689,8 @@ const ud = At({
|
|
|
687
689
|
textStyle: "label.md",
|
|
688
690
|
px: "20px",
|
|
689
691
|
gap: 1,
|
|
690
|
-
|
|
692
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
693
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
691
694
|
width: "24px",
|
|
692
695
|
height: "24px"
|
|
693
696
|
}
|
|
@@ -697,7 +700,8 @@ const ud = At({
|
|
|
697
700
|
textStyle: "body.lg",
|
|
698
701
|
px: "28px",
|
|
699
702
|
gap: 1,
|
|
700
|
-
|
|
703
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
704
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
701
705
|
width: "24px",
|
|
702
706
|
height: "24px"
|
|
703
707
|
}
|
|
@@ -1028,20 +1032,22 @@ const ud = At({
|
|
|
1028
1032
|
size: s,
|
|
1029
1033
|
radius: a,
|
|
1030
1034
|
onClick: l,
|
|
1031
|
-
|
|
1035
|
+
preserveIconSize: u,
|
|
1036
|
+
...c
|
|
1032
1037
|
}) => {
|
|
1033
|
-
const
|
|
1038
|
+
const d = B(Ut.button, ud);
|
|
1034
1039
|
return /* @__PURE__ */ b(
|
|
1035
|
-
|
|
1040
|
+
d,
|
|
1036
1041
|
{
|
|
1037
1042
|
disabled: e,
|
|
1038
1043
|
color: o,
|
|
1039
1044
|
variant: i,
|
|
1040
1045
|
size: s,
|
|
1041
1046
|
radius: a,
|
|
1047
|
+
"data-preserve-icon-size": u,
|
|
1042
1048
|
css: { pointerEvents: t ? "none" : "auto" },
|
|
1043
1049
|
onClick: e || t ? void 0 : l,
|
|
1044
|
-
...
|
|
1050
|
+
...c,
|
|
1045
1051
|
children: t ? n || /* @__PURE__ */ D(Ie, { children: [
|
|
1046
1052
|
/* @__PURE__ */ b(
|
|
1047
1053
|
qu,
|
|
@@ -1576,7 +1582,7 @@ const hd = (t, e, n = {}) => {
|
|
|
1576
1582
|
px: "4"
|
|
1577
1583
|
}
|
|
1578
1584
|
}
|
|
1579
|
-
}), { 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(
|
|
1580
1586
|
({ orientation: t = "horizontal", className: e, ...n }) => /* @__PURE__ */ b(
|
|
1581
1587
|
Ut.footer,
|
|
1582
1588
|
{
|
|
@@ -1599,8 +1605,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1599
1605
|
Title: vd,
|
|
1600
1606
|
Description: xd,
|
|
1601
1607
|
Positioner: Sd,
|
|
1602
|
-
Header:
|
|
1603
|
-
Footer:
|
|
1608
|
+
Header: kd,
|
|
1609
|
+
Footer: wd,
|
|
1604
1610
|
Body: Td,
|
|
1605
1611
|
CloseTrigger: Pd
|
|
1606
1612
|
}, Cd = At({
|
|
@@ -1691,7 +1697,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1691
1697
|
h: 7,
|
|
1692
1698
|
w: 7,
|
|
1693
1699
|
p: "4px",
|
|
1694
|
-
|
|
1700
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1701
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1695
1702
|
width: "20px",
|
|
1696
1703
|
height: "20px"
|
|
1697
1704
|
}
|
|
@@ -1700,7 +1707,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1700
1707
|
h: 8,
|
|
1701
1708
|
w: 8,
|
|
1702
1709
|
p: "4px",
|
|
1703
|
-
|
|
1710
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1711
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1704
1712
|
width: "24px",
|
|
1705
1713
|
height: "24px"
|
|
1706
1714
|
}
|
|
@@ -1709,7 +1717,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1709
1717
|
h: 10,
|
|
1710
1718
|
w: 10,
|
|
1711
1719
|
p: "8px",
|
|
1712
|
-
|
|
1720
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1721
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1713
1722
|
width: "24px",
|
|
1714
1723
|
height: "24px"
|
|
1715
1724
|
}
|
|
@@ -1782,21 +1791,22 @@ const hd = (t, e, n = {}) => {
|
|
|
1782
1791
|
}
|
|
1783
1792
|
]
|
|
1784
1793
|
}), vi = _(
|
|
1785
|
-
({ loading: t, disabled: e, children: n, color: r, variant: o, size: i, onClick: s,
|
|
1786
|
-
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);
|
|
1787
1796
|
return /* @__PURE__ */ b(
|
|
1788
|
-
|
|
1797
|
+
c,
|
|
1789
1798
|
{
|
|
1790
1799
|
disabled: e,
|
|
1791
|
-
ref:
|
|
1800
|
+
ref: u,
|
|
1792
1801
|
color: r,
|
|
1793
1802
|
variant: o,
|
|
1794
1803
|
size: i,
|
|
1804
|
+
"data-preserve-icon-size": a,
|
|
1795
1805
|
css: { pointerEvents: t ? "none" : "auto" },
|
|
1796
|
-
onClick: (
|
|
1797
|
-
!t && !e && (s == null || s(
|
|
1806
|
+
onClick: (d) => {
|
|
1807
|
+
!t && !e && (s == null || s(d));
|
|
1798
1808
|
},
|
|
1799
|
-
...
|
|
1809
|
+
...l,
|
|
1800
1810
|
children: t ? /* @__PURE__ */ D(Ie, { children: [
|
|
1801
1811
|
/* @__PURE__ */ b(
|
|
1802
1812
|
vr,
|
|
@@ -1823,7 +1833,7 @@ function Oe(t) {
|
|
|
1823
1833
|
const e = X(null);
|
|
1824
1834
|
return e.current === null && (e.current = t()), e.current;
|
|
1825
1835
|
}
|
|
1826
|
-
const
|
|
1836
|
+
const kr = typeof window != "undefined", wr = kr ? ei : ct, bn = /* @__PURE__ */ xt(null), yn = xt({
|
|
1827
1837
|
transformPagePoint: (t) => t,
|
|
1828
1838
|
isStatic: !1,
|
|
1829
1839
|
reducedMotion: "never"
|
|
@@ -1927,28 +1937,28 @@ function xo(t) {
|
|
|
1927
1937
|
}
|
|
1928
1938
|
const Dd = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: i = "sync", propagate: s = !1, anchorX: a = "left" }) => {
|
|
1929
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);
|
|
1930
|
-
|
|
1940
|
+
wr(() => {
|
|
1931
1941
|
h.current = !1, f.current = c;
|
|
1932
1942
|
for (let x = 0; x < p.length; x++) {
|
|
1933
|
-
const
|
|
1934
|
-
d.includes(
|
|
1943
|
+
const k = Ye(p[x]);
|
|
1944
|
+
d.includes(k) ? m.delete(k) : m.get(k) !== !0 && m.set(k, !1);
|
|
1935
1945
|
}
|
|
1936
1946
|
}, [p, d.length, d.join("-")]);
|
|
1937
1947
|
const S = [];
|
|
1938
1948
|
if (c !== g) {
|
|
1939
1949
|
let x = [...c];
|
|
1940
|
-
for (let
|
|
1941
|
-
const C = p[
|
|
1942
|
-
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));
|
|
1943
1953
|
}
|
|
1944
1954
|
return i === "wait" && S.length && (x = S), v(xo(x)), y(c), null;
|
|
1945
1955
|
}
|
|
1946
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.`);
|
|
1947
1957
|
const { forceRender: P } = H(Sr);
|
|
1948
1958
|
return b(Ie, { children: p.map((x) => {
|
|
1949
|
-
const
|
|
1950
|
-
if (m.has(
|
|
1951
|
-
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);
|
|
1952
1962
|
else
|
|
1953
1963
|
return;
|
|
1954
1964
|
let A = !0;
|
|
@@ -1956,7 +1966,7 @@ const Dd = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presen
|
|
|
1956
1966
|
E || (A = !1);
|
|
1957
1967
|
}), A && (P == null || P(), v(f.current), s && (u == null || u()), r && r());
|
|
1958
1968
|
};
|
|
1959
|
-
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);
|
|
1960
1970
|
}) });
|
|
1961
1971
|
}, Xe = [
|
|
1962
1972
|
"read",
|
|
@@ -2027,13 +2037,13 @@ function Si(t, e) {
|
|
|
2027
2037
|
};
|
|
2028
2038
|
return { schedule: Xe.reduce((p, v) => {
|
|
2029
2039
|
const S = s[v];
|
|
2030
|
-
return p[v] = (P, x = !1,
|
|
2040
|
+
return p[v] = (P, x = !1, k = !1) => (n || m(), S.schedule(P, x, k)), p;
|
|
2031
2041
|
}, {}), cancel: (p) => {
|
|
2032
2042
|
for (let v = 0; v < Xe.length; v++)
|
|
2033
2043
|
s[Xe[v]].cancel(p);
|
|
2034
2044
|
}, state: o, steps: s };
|
|
2035
2045
|
}
|
|
2036
|
-
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 = {
|
|
2037
2047
|
animation: [
|
|
2038
2048
|
"animate",
|
|
2039
2049
|
"variants",
|
|
@@ -2099,9 +2109,9 @@ const Ld = /* @__PURE__ */ new Set([
|
|
|
2099
2109
|
function sn(t) {
|
|
2100
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);
|
|
2101
2111
|
}
|
|
2102
|
-
let
|
|
2112
|
+
let wi = (t) => !sn(t);
|
|
2103
2113
|
function Id(t) {
|
|
2104
|
-
t && (
|
|
2114
|
+
t && (wi = (e) => e.startsWith("on") ? !sn(e) : t(e));
|
|
2105
2115
|
}
|
|
2106
2116
|
try {
|
|
2107
2117
|
Id(require("@emotion/is-prop-valid").default);
|
|
@@ -2110,13 +2120,13 @@ try {
|
|
|
2110
2120
|
function Bd(t, e, n) {
|
|
2111
2121
|
const r = {};
|
|
2112
2122
|
for (const o in t)
|
|
2113
|
-
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
|
|
2114
2124
|
t.draggable && o.startsWith("onDrag")) && (r[o] = t[o]);
|
|
2115
2125
|
return r;
|
|
2116
2126
|
}
|
|
2117
|
-
const
|
|
2127
|
+
const ko = /* @__PURE__ */ new Set();
|
|
2118
2128
|
function je(t, e, n) {
|
|
2119
|
-
t ||
|
|
2129
|
+
t || ko.has(e) || (console.warn(e), ko.add(e));
|
|
2120
2130
|
}
|
|
2121
2131
|
function Od(t) {
|
|
2122
2132
|
if (typeof Proxy == "undefined")
|
|
@@ -2165,9 +2175,9 @@ function jd(t, e) {
|
|
|
2165
2175
|
}
|
|
2166
2176
|
function Nd(t) {
|
|
2167
2177
|
const { initial: e, animate: n } = jd(t, H(vn));
|
|
2168
|
-
return gt(() => ({ initial: e, animate: n }), [
|
|
2178
|
+
return gt(() => ({ initial: e, animate: n }), [wo(e), wo(n)]);
|
|
2169
2179
|
}
|
|
2170
|
-
function
|
|
2180
|
+
function wo(t) {
|
|
2171
2181
|
return Array.isArray(t) ? t.join(" ") : t;
|
|
2172
2182
|
}
|
|
2173
2183
|
const zd = Symbol.for("motionComponentSymbol");
|
|
@@ -2190,7 +2200,7 @@ function Wd(t, e, n) {
|
|
|
2190
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);
|
|
2191
2201
|
function Hd(t, e, n, r, o) {
|
|
2192
2202
|
var g, y;
|
|
2193
|
-
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);
|
|
2194
2204
|
r = r || s.renderer, !u.current && r && (u.current = r(t, {
|
|
2195
2205
|
visualState: e,
|
|
2196
2206
|
parent: i,
|
|
@@ -2206,7 +2216,7 @@ function Hd(t, e, n, r, o) {
|
|
|
2206
2216
|
c && h.current && c.update(n, a);
|
|
2207
2217
|
});
|
|
2208
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)));
|
|
2209
|
-
return
|
|
2219
|
+
return wr(() => {
|
|
2210
2220
|
c && (h.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), Ar.render(c.render), m.current && c.animationState && c.animationState.animateChanges());
|
|
2211
2221
|
}), ct(() => {
|
|
2212
2222
|
c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
|
|
@@ -2259,7 +2269,7 @@ function Gd({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
|
|
|
2259
2269
|
...u,
|
|
2260
2270
|
layoutId: Kd(u)
|
|
2261
2271
|
}, { isStatic: f } = h, m = Nd(u), g = r(u, f);
|
|
2262
|
-
if (!f &&
|
|
2272
|
+
if (!f && kr) {
|
|
2263
2273
|
Yd(h, t);
|
|
2264
2274
|
const y = Xd(h);
|
|
2265
2275
|
d = y.MeasureLayout, m.visualElement = Hd(o, g, h, e, y.ProjectionNode);
|
|
@@ -2275,7 +2285,7 @@ function Kd({ layoutId: t }) {
|
|
|
2275
2285
|
return e && t !== void 0 ? e + "-" + t : t;
|
|
2276
2286
|
}
|
|
2277
2287
|
function Yd(t, e) {
|
|
2278
|
-
const n = H(
|
|
2288
|
+
const n = H(ki).strict;
|
|
2279
2289
|
if (process.env.NODE_ENV !== "production" && e && n) {
|
|
2280
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.";
|
|
2281
2291
|
t.ignoreStrict ? ae(!1, r) : yt(!1, r);
|
|
@@ -2758,7 +2768,7 @@ const _o = ["x", "y", "width", "height", "cx", "cy", "r"], Sh = {
|
|
|
2758
2768
|
}
|
|
2759
2769
|
})
|
|
2760
2770
|
};
|
|
2761
|
-
function
|
|
2771
|
+
function kh(t, e) {
|
|
2762
2772
|
return function(r, { forwardMotionProps: o } = { forwardMotionProps: !1 }) {
|
|
2763
2773
|
const s = {
|
|
2764
2774
|
...Mr(r) ? Sh : xh,
|
|
@@ -2784,19 +2794,19 @@ const ji = /* @__PURE__ */ new Set([
|
|
|
2784
2794
|
...le
|
|
2785
2795
|
]);
|
|
2786
2796
|
let tn;
|
|
2787
|
-
function
|
|
2797
|
+
function wh() {
|
|
2788
2798
|
tn = void 0;
|
|
2789
2799
|
}
|
|
2790
2800
|
const mt = {
|
|
2791
2801
|
now: () => (tn === void 0 && mt.set(Y.isProcessing || Xn.useManualTiming ? Y.timestamp : performance.now()), tn),
|
|
2792
2802
|
set: (t) => {
|
|
2793
|
-
tn = t, queueMicrotask(
|
|
2803
|
+
tn = t, queueMicrotask(wh);
|
|
2794
2804
|
}
|
|
2795
2805
|
};
|
|
2796
2806
|
function Or(t, e) {
|
|
2797
2807
|
t.indexOf(e) === -1 && t.push(e);
|
|
2798
2808
|
}
|
|
2799
|
-
function
|
|
2809
|
+
function kn(t, e) {
|
|
2800
2810
|
const n = t.indexOf(e);
|
|
2801
2811
|
n > -1 && t.splice(n, 1);
|
|
2802
2812
|
}
|
|
@@ -2805,7 +2815,7 @@ class jr {
|
|
|
2805
2815
|
this.subscriptions = [];
|
|
2806
2816
|
}
|
|
2807
2817
|
add(e) {
|
|
2808
|
-
return Or(this.subscriptions, e), () =>
|
|
2818
|
+
return Or(this.subscriptions, e), () => kn(this.subscriptions, e);
|
|
2809
2819
|
}
|
|
2810
2820
|
notify(e, n, r) {
|
|
2811
2821
|
const o = this.subscriptions.length;
|
|
@@ -3439,7 +3449,7 @@ class ua extends Hr {
|
|
|
3439
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
|
|
3440
3450
|
(Mt.test(t) || t === "0") && // And it contains numbers and/or colors
|
|
3441
3451
|
!t.startsWith("url("));
|
|
3442
|
-
function
|
|
3452
|
+
function wn(t) {
|
|
3443
3453
|
return typeof t == "function" && "applyToOptions" in t;
|
|
3444
3454
|
}
|
|
3445
3455
|
function cf(t) {
|
|
@@ -3457,7 +3467,7 @@ function uf(t, e, n, r) {
|
|
|
3457
3467
|
if (e === "display" || e === "visibility")
|
|
3458
3468
|
return !0;
|
|
3459
3469
|
const i = t[t.length - 1], s = Bo(o, e), a = Bo(i, e);
|
|
3460
|
-
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;
|
|
3461
3471
|
}
|
|
3462
3472
|
const df = (t) => t !== null;
|
|
3463
3473
|
function Tn(t, { repeat: e, repeatType: n = "loop" }, r) {
|
|
@@ -3623,9 +3633,9 @@ const Sf = (t, e) => {
|
|
|
3623
3633
|
function fa(t, e, n) {
|
|
3624
3634
|
return typeof t == "number" && typeof e == "number" && typeof n == "number" ? j(t, e, n) : Ur(t)(t, e);
|
|
3625
3635
|
}
|
|
3626
|
-
const
|
|
3636
|
+
const kf = 5;
|
|
3627
3637
|
function ma(t, e, n) {
|
|
3628
|
-
const r = Math.max(e -
|
|
3638
|
+
const r = Math.max(e - kf, 0);
|
|
3629
3639
|
return Ni(n - t(r), e - r);
|
|
3630
3640
|
}
|
|
3631
3641
|
const W = {
|
|
@@ -3657,7 +3667,7 @@ const W = {
|
|
|
3657
3667
|
minDamping: 0.05,
|
|
3658
3668
|
maxDamping: 1
|
|
3659
3669
|
}, it = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, pt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, No = 1e-3;
|
|
3660
|
-
function
|
|
3670
|
+
function wf({ duration: t = W.duration, bounce: e = W.bounce, velocity: n = W.velocity, mass: r = W.mass }) {
|
|
3661
3671
|
let o, i;
|
|
3662
3672
|
ae(t <= /* @__PURE__ */ it(W.maxDuration), "Spring duration must be 10 seconds or less");
|
|
3663
3673
|
let s = 1 - e;
|
|
@@ -3766,7 +3776,7 @@ function Vf(t) {
|
|
|
3766
3776
|
damping: i
|
|
3767
3777
|
};
|
|
3768
3778
|
} else {
|
|
3769
|
-
const n =
|
|
3779
|
+
const n = wf(t);
|
|
3770
3780
|
e = {
|
|
3771
3781
|
...e,
|
|
3772
3782
|
...n,
|
|
@@ -3790,36 +3800,36 @@ function De(t = W.visualDuration, e = W.bounce) {
|
|
|
3790
3800
|
let S;
|
|
3791
3801
|
if (g < 1) {
|
|
3792
3802
|
const x = ir(p, g);
|
|
3793
|
-
S = (
|
|
3794
|
-
const C = Math.exp(-g * p *
|
|
3795
|
-
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));
|
|
3796
3806
|
};
|
|
3797
3807
|
} else if (g === 1)
|
|
3798
3808
|
S = (x) => s - Math.exp(-p * x) * (y + (m + p * y) * x);
|
|
3799
3809
|
else {
|
|
3800
3810
|
const x = p * Math.sqrt(g * g - 1);
|
|
3801
|
-
S = (
|
|
3802
|
-
const C = Math.exp(-g * p *
|
|
3803
|
-
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;
|
|
3804
3814
|
};
|
|
3805
3815
|
}
|
|
3806
3816
|
const P = {
|
|
3807
3817
|
calculatedDuration: f && d || null,
|
|
3808
3818
|
next: (x) => {
|
|
3809
|
-
const
|
|
3819
|
+
const k = S(x);
|
|
3810
3820
|
if (f)
|
|
3811
3821
|
a.done = x >= d;
|
|
3812
3822
|
else {
|
|
3813
3823
|
let C = 0;
|
|
3814
|
-
g < 1 && (C = x === 0 ? /* @__PURE__ */ it(m) : ma(S, x,
|
|
3815
|
-
const
|
|
3816
|
-
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;
|
|
3817
3827
|
}
|
|
3818
|
-
return a.value = a.done ? s :
|
|
3828
|
+
return a.value = a.done ? s : k, a;
|
|
3819
3829
|
},
|
|
3820
3830
|
toString: () => {
|
|
3821
|
-
const x = Math.min(Gr(P), ln),
|
|
3822
|
-
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;
|
|
3823
3833
|
},
|
|
3824
3834
|
toTransition: () => {
|
|
3825
3835
|
}
|
|
@@ -3834,19 +3844,19 @@ function Wo({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3834
3844
|
const d = t[0], h = {
|
|
3835
3845
|
done: !1,
|
|
3836
3846
|
value: d
|
|
3837
|
-
}, 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;
|
|
3838
3848
|
let g = n * e;
|
|
3839
3849
|
const y = d + g, p = s === void 0 ? y : s(y);
|
|
3840
3850
|
p !== y && (g = p - d);
|
|
3841
|
-
const v = (
|
|
3842
|
-
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);
|
|
3843
3853
|
h.done = Math.abs(A) <= u, h.value = h.done ? p : E;
|
|
3844
3854
|
};
|
|
3845
|
-
let x,
|
|
3846
|
-
const C = (
|
|
3847
|
-
f(h.value) && (x =
|
|
3855
|
+
let x, k;
|
|
3856
|
+
const C = (w) => {
|
|
3857
|
+
f(h.value) && (x = w, k = De({
|
|
3848
3858
|
keyframes: [h.value, m(h.value)],
|
|
3849
|
-
velocity: ma(S,
|
|
3859
|
+
velocity: ma(S, w, h.value),
|
|
3850
3860
|
// TODO: This should be passing * 1000
|
|
3851
3861
|
damping: o,
|
|
3852
3862
|
stiffness: i,
|
|
@@ -3856,9 +3866,9 @@ function Wo({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3856
3866
|
};
|
|
3857
3867
|
return C(0), {
|
|
3858
3868
|
calculatedDuration: null,
|
|
3859
|
-
next: (
|
|
3869
|
+
next: (w) => {
|
|
3860
3870
|
let A = !1;
|
|
3861
|
-
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);
|
|
3862
3872
|
}
|
|
3863
3873
|
};
|
|
3864
3874
|
}
|
|
@@ -3986,7 +3996,7 @@ class Xr extends da {
|
|
|
3986
3996
|
super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
|
|
3987
3997
|
}
|
|
3988
3998
|
initPlayback(e) {
|
|
3989
|
-
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;
|
|
3990
4000
|
let l, u;
|
|
3991
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]);
|
|
3992
4002
|
const c = a({ ...this.options, keyframes: e });
|
|
@@ -4012,8 +4022,8 @@ class Xr extends da {
|
|
|
4012
4022
|
tick(e, n = !1) {
|
|
4013
4023
|
const { resolved: r } = this;
|
|
4014
4024
|
if (!r) {
|
|
4015
|
-
const { keyframes:
|
|
4016
|
-
return { done: !0, value:
|
|
4025
|
+
const { keyframes: w } = this.options;
|
|
4026
|
+
return { done: !0, value: w[w.length - 1] };
|
|
4017
4027
|
}
|
|
4018
4028
|
const { finalKeyframe: o, generator: i, mirroredGenerator: s, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: u, totalDuration: c, resolvedDuration: d } = r;
|
|
4019
4029
|
if (this.startTime === null)
|
|
@@ -4024,15 +4034,15 @@ class Xr extends da {
|
|
|
4024
4034
|
this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
|
|
4025
4035
|
let S = this.currentTime, P = i;
|
|
4026
4036
|
if (f) {
|
|
4027
|
-
const
|
|
4028
|
-
let A = Math.floor(
|
|
4029
|
-
!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;
|
|
4030
4040
|
}
|
|
4031
4041
|
const x = v ? { done: !1, value: l[0] } : P.next(S);
|
|
4032
4042
|
a && (x.value = a(x.value));
|
|
4033
|
-
let { done:
|
|
4034
|
-
!v && u !== null && (
|
|
4035
|
-
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);
|
|
4036
4046
|
return C && o !== void 0 && (x.value = Tn(l, this.options, o)), y && y(x.value), C && this.finish(), x;
|
|
4037
4047
|
}
|
|
4038
4048
|
get duration() {
|
|
@@ -4115,16 +4125,16 @@ const jf = /* @__PURE__ */ new Set([
|
|
|
4115
4125
|
backIn: /* @__PURE__ */ ge([0.31, 0.01, 0.66, -0.59]),
|
|
4116
4126
|
backOut: /* @__PURE__ */ ge([0.33, 1.53, 0.69, 0.99])
|
|
4117
4127
|
};
|
|
4118
|
-
function
|
|
4128
|
+
function ka(t, e) {
|
|
4119
4129
|
if (t)
|
|
4120
|
-
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];
|
|
4121
4131
|
}
|
|
4122
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) {
|
|
4123
4133
|
const c = {
|
|
4124
4134
|
[e]: n
|
|
4125
4135
|
};
|
|
4126
4136
|
l && (c.offset = l);
|
|
4127
|
-
const d =
|
|
4137
|
+
const d = ka(a, o);
|
|
4128
4138
|
return Array.isArray(d) && (c.easing = d), t.animate(c, {
|
|
4129
4139
|
delay: r,
|
|
4130
4140
|
duration: o,
|
|
@@ -4138,12 +4148,12 @@ function zf(t, e, n, { delay: r = 0, duration: o = 300, repeat: i = 0, repeatTyp
|
|
|
4138
4148
|
function Uo(t, e) {
|
|
4139
4149
|
t.timeline = e, t.onfinish = null;
|
|
4140
4150
|
}
|
|
4141
|
-
function
|
|
4142
|
-
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));
|
|
4143
4153
|
}
|
|
4144
4154
|
const cn = 10, Wf = 2e4;
|
|
4145
4155
|
function $f(t) {
|
|
4146
|
-
return
|
|
4156
|
+
return wn(t.type) || t.type === "spring" || !wa(t.ease);
|
|
4147
4157
|
}
|
|
4148
4158
|
function Hf(t, e) {
|
|
4149
4159
|
const n = new Xr({
|
|
@@ -4593,15 +4603,15 @@ function lm(t) {
|
|
|
4593
4603
|
for (let y = 0; y < im; y++) {
|
|
4594
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;
|
|
4595
4605
|
x === !1 && (m = y);
|
|
4596
|
-
let
|
|
4597
|
-
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
|
|
4598
4608
|
!v.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
|
|
4599
4609
|
!S && !v.prevProp || // Or if the prop doesn't define an animation
|
|
4600
4610
|
xn(S) || typeof S == "boolean")
|
|
4601
4611
|
continue;
|
|
4602
4612
|
const C = cm(v.prevProp, S);
|
|
4603
|
-
let
|
|
4604
|
-
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)
|
|
4605
4615
|
y > m && P, A = !1;
|
|
4606
4616
|
const E = Array.isArray(S) ? S : [S];
|
|
4607
4617
|
let R = E.reduce(o(p), {});
|
|
@@ -4610,7 +4620,7 @@ function lm(t) {
|
|
|
4610
4620
|
...M,
|
|
4611
4621
|
...R
|
|
4612
4622
|
}, at = (I) => {
|
|
4613
|
-
|
|
4623
|
+
w = !0, h.has(I) && (A = !0, h.delete(I)), v.needsAnimating[I] = !0;
|
|
4614
4624
|
const z = t.getValue(I);
|
|
4615
4625
|
z && (z.liveStyle = !1);
|
|
4616
4626
|
};
|
|
@@ -4621,7 +4631,7 @@ function lm(t) {
|
|
|
4621
4631
|
let Vt = !1;
|
|
4622
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;
|
|
4623
4633
|
}
|
|
4624
|
-
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) => ({
|
|
4625
4635
|
animation: I,
|
|
4626
4636
|
options: { type: p }
|
|
4627
4637
|
})));
|
|
@@ -4797,19 +4807,19 @@ function Sm(t, e, n) {
|
|
|
4797
4807
|
function Yo(t, e, n, r = 0.5) {
|
|
4798
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);
|
|
4799
4809
|
}
|
|
4800
|
-
function
|
|
4810
|
+
function ke(t, e, n, r) {
|
|
4801
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);
|
|
4802
4812
|
}
|
|
4803
4813
|
function Xo(t, e, n) {
|
|
4804
4814
|
t.min = n.min + e.min, t.max = t.min + nt(e);
|
|
4805
4815
|
}
|
|
4806
|
-
function
|
|
4816
|
+
function km(t, e, n) {
|
|
4807
4817
|
Xo(t.x, e.x, n.x), Xo(t.y, e.y, n.y);
|
|
4808
4818
|
}
|
|
4809
4819
|
function qo(t, e, n) {
|
|
4810
4820
|
t.min = e.min - n.min, t.max = t.min + nt(e);
|
|
4811
4821
|
}
|
|
4812
|
-
function
|
|
4822
|
+
function we(t, e, n) {
|
|
4813
4823
|
qo(t.x, e.x, n.x), qo(t.y, e.y, n.y);
|
|
4814
4824
|
}
|
|
4815
4825
|
const Zo = () => ({
|
|
@@ -4856,7 +4866,7 @@ function Ea(t, { x: e, y: n }) {
|
|
|
4856
4866
|
ur(t.x, e.translate, e.scale, e.originPoint), ur(t.y, n.translate, n.scale, n.originPoint);
|
|
4857
4867
|
}
|
|
4858
4868
|
const es = 0.999999999999, ns = 1.0000000000001;
|
|
4859
|
-
function
|
|
4869
|
+
function wm(t, e, n, r = !1) {
|
|
4860
4870
|
const o = n.length;
|
|
4861
4871
|
if (!o)
|
|
4862
4872
|
return;
|
|
@@ -5425,7 +5435,7 @@ class Hm {
|
|
|
5425
5435
|
Or(this.children, e), this.isDirty = !0;
|
|
5426
5436
|
}
|
|
5427
5437
|
remove(e) {
|
|
5428
|
-
|
|
5438
|
+
kn(this.children, e), this.isDirty = !0;
|
|
5429
5439
|
}
|
|
5430
5440
|
forEach(e) {
|
|
5431
5441
|
this.isDirty && this.children.sort($m), this.isDirty = !1, this.children.forEach(e);
|
|
@@ -5495,13 +5505,13 @@ function Ss(t, e) {
|
|
|
5495
5505
|
function Qm(t, e) {
|
|
5496
5506
|
return Ss(t.x, e.x) && Ss(t.y, e.y);
|
|
5497
5507
|
}
|
|
5498
|
-
function
|
|
5508
|
+
function ks(t, e) {
|
|
5499
5509
|
return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
|
|
5500
5510
|
}
|
|
5501
5511
|
function Ha(t, e) {
|
|
5502
|
-
return
|
|
5512
|
+
return ks(t.x, e.x) && ks(t.y, e.y);
|
|
5503
5513
|
}
|
|
5504
|
-
function
|
|
5514
|
+
function ws(t) {
|
|
5505
5515
|
return nt(t.x) / nt(t.y);
|
|
5506
5516
|
}
|
|
5507
5517
|
function Ts(t, e) {
|
|
@@ -5515,7 +5525,7 @@ class tp {
|
|
|
5515
5525
|
Or(this.members, e), e.scheduleRender();
|
|
5516
5526
|
}
|
|
5517
5527
|
remove(e) {
|
|
5518
|
-
if (
|
|
5528
|
+
if (kn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
|
|
5519
5529
|
const n = this.members[this.members.length - 1];
|
|
5520
5530
|
n && this.promote(n);
|
|
5521
5531
|
}
|
|
@@ -5836,12 +5846,12 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5836
5846
|
if (!(!this.layout || !(c || d))) {
|
|
5837
5847
|
if (this.resolvedRelativeTargetAt = Y.timestamp, !this.targetDelta && !this.relativeTarget) {
|
|
5838
5848
|
const f = this.getClosestProjectingParent();
|
|
5839
|
-
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;
|
|
5840
5850
|
}
|
|
5841
|
-
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)) {
|
|
5842
5852
|
this.attemptToResolveRelativeTarget = !1;
|
|
5843
5853
|
const f = this.getClosestProjectingParent();
|
|
5844
|
-
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;
|
|
5845
5855
|
}
|
|
5846
5856
|
}
|
|
5847
5857
|
}
|
|
@@ -5863,13 +5873,13 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5863
5873
|
return;
|
|
5864
5874
|
rt(this.layoutCorrected, this.layout.layoutBox);
|
|
5865
5875
|
const d = this.treeScale.x, h = this.treeScale.y;
|
|
5866
|
-
|
|
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 = $());
|
|
5867
5877
|
const { target: f } = s;
|
|
5868
5878
|
if (!f) {
|
|
5869
5879
|
this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
|
|
5870
5880
|
return;
|
|
5871
5881
|
}
|
|
5872
|
-
!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));
|
|
5873
5883
|
}
|
|
5874
5884
|
hide() {
|
|
5875
5885
|
this.isVisible = !1;
|
|
@@ -5896,7 +5906,7 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5896
5906
|
let S;
|
|
5897
5907
|
this.mixTargetDelta = (P) => {
|
|
5898
5908
|
const x = P / 1e3;
|
|
5899
|
-
_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;
|
|
5900
5910
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
5901
5911
|
}
|
|
5902
5912
|
startAnimation(s) {
|
|
@@ -5933,7 +5943,7 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5933
5943
|
const h = nt(this.layout.layoutBox.y);
|
|
5934
5944
|
l.y.min = s.target.y.min, l.y.max = l.y.min + h;
|
|
5935
5945
|
}
|
|
5936
|
-
rt(a, l), te(a, c),
|
|
5946
|
+
rt(a, l), te(a, c), ke(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
|
|
5937
5947
|
}
|
|
5938
5948
|
}
|
|
5939
5949
|
registerSharedNode(s, a) {
|
|
@@ -6049,9 +6059,9 @@ function sp(t) {
|
|
|
6049
6059
|
h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[d].max = t.relativeTarget[d].min + f);
|
|
6050
6060
|
});
|
|
6051
6061
|
const a = Jt();
|
|
6052
|
-
|
|
6062
|
+
ke(a, r, e.layoutBox);
|
|
6053
6063
|
const l = Jt();
|
|
6054
|
-
s ?
|
|
6064
|
+
s ? ke(l, t.applyTransform(o, !0), e.measuredBox) : ke(l, r, e.layoutBox);
|
|
6055
6065
|
const u = !$a(a);
|
|
6056
6066
|
let c = !1;
|
|
6057
6067
|
if (!t.resumeFrom) {
|
|
@@ -6060,9 +6070,9 @@ function sp(t) {
|
|
|
6060
6070
|
const { snapshot: h, layout: f } = d;
|
|
6061
6071
|
if (h && f) {
|
|
6062
6072
|
const m = $();
|
|
6063
|
-
|
|
6073
|
+
we(m, e.layoutBox, h.layoutBox);
|
|
6064
6074
|
const g = $();
|
|
6065
|
-
|
|
6075
|
+
we(g, r, f.layoutBox), Ha(m, g) || (c = !0), d.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = d);
|
|
6066
6076
|
}
|
|
6067
6077
|
}
|
|
6068
6078
|
}
|
|
@@ -6137,7 +6147,7 @@ function yp(t) {
|
|
|
6137
6147
|
Es(t.x), Es(t.y);
|
|
6138
6148
|
}
|
|
6139
6149
|
function Ka(t, e, n) {
|
|
6140
|
-
return t === "position" || t === "preserve-aspect" && !Sm(
|
|
6150
|
+
return t === "position" || t === "preserve-aspect" && !Sm(ws(e), ws(n), 0.2);
|
|
6141
6151
|
}
|
|
6142
6152
|
function vp(t) {
|
|
6143
6153
|
var e;
|
|
@@ -6200,7 +6210,7 @@ function qa(t, e) {
|
|
|
6200
6210
|
function Ms(t) {
|
|
6201
6211
|
return !(t.pointerType === "touch" || Ba());
|
|
6202
6212
|
}
|
|
6203
|
-
function
|
|
6213
|
+
function kp(t, e, n = {}) {
|
|
6204
6214
|
const [r, o, i] = qa(t, n), s = (a) => {
|
|
6205
6215
|
if (!Ms(a))
|
|
6206
6216
|
return;
|
|
@@ -6222,10 +6232,10 @@ function Fs(t, e, n) {
|
|
|
6222
6232
|
const o = "onHover" + n, i = r[o];
|
|
6223
6233
|
i && L.postRender(() => i(e, $e(e)));
|
|
6224
6234
|
}
|
|
6225
|
-
class
|
|
6235
|
+
class wp extends Bt {
|
|
6226
6236
|
mount() {
|
|
6227
6237
|
const { current: e } = this.node;
|
|
6228
|
-
e && (this.unmount =
|
|
6238
|
+
e && (this.unmount = kp(e, (n, r) => (Fs(this.node, r, "Start"), (o) => Fs(this.node, o, "End"))));
|
|
6229
6239
|
}
|
|
6230
6240
|
unmount() {
|
|
6231
6241
|
}
|
|
@@ -6392,7 +6402,7 @@ const Bp = {
|
|
|
6392
6402
|
Feature: Tp
|
|
6393
6403
|
},
|
|
6394
6404
|
hover: {
|
|
6395
|
-
Feature:
|
|
6405
|
+
Feature: wp
|
|
6396
6406
|
}
|
|
6397
6407
|
}, Op = {
|
|
6398
6408
|
layout: {
|
|
@@ -6401,7 +6411,7 @@ const Bp = {
|
|
|
6401
6411
|
}
|
|
6402
6412
|
}, dn = { current: null }, to = { current: !1 };
|
|
6403
6413
|
function Ja() {
|
|
6404
|
-
if (to.current = !0, !!
|
|
6414
|
+
if (to.current = !0, !!kr)
|
|
6405
6415
|
if (window.matchMedia) {
|
|
6406
6416
|
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => dn.current = t.matches;
|
|
6407
6417
|
t.addListener(e), e();
|
|
@@ -6713,7 +6723,7 @@ class nl extends tl {
|
|
|
6713
6723
|
}
|
|
6714
6724
|
const $p = (t, e) => Mr(t) ? new nl(e) : new el(e, {
|
|
6715
6725
|
allowProjection: t !== oi
|
|
6716
|
-
}), Hp = /* @__PURE__ */
|
|
6726
|
+
}), Hp = /* @__PURE__ */ kh({
|
|
6717
6727
|
...fm,
|
|
6718
6728
|
...Bp,
|
|
6719
6729
|
...Sp,
|
|
@@ -6729,7 +6739,7 @@ function fr(t) {
|
|
|
6729
6739
|
}
|
|
6730
6740
|
function rl(t, e) {
|
|
6731
6741
|
const n = fr(e()), r = () => n.set(e());
|
|
6732
|
-
return r(),
|
|
6742
|
+
return r(), wr(() => {
|
|
6733
6743
|
const o = () => L.preRender(r, !1, !0), i = t.map((s) => s.on("change", o));
|
|
6734
6744
|
return () => {
|
|
6735
6745
|
i.forEach((s) => s()), Pt(r);
|
|
@@ -6793,7 +6803,7 @@ function Ns(t, e, n, r) {
|
|
|
6793
6803
|
function Zp(t, e, n) {
|
|
6794
6804
|
for (let r = 0; r < t.length; r++) {
|
|
6795
6805
|
const o = t[r];
|
|
6796
|
-
o.at > e && o.at < n && (
|
|
6806
|
+
o.at > e && o.at < n && (kn(t, o), r--);
|
|
6797
6807
|
}
|
|
6798
6808
|
}
|
|
6799
6809
|
function Jp(t, e, n, r, o, i) {
|
|
@@ -6828,19 +6838,19 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6828
6838
|
let [g, y, p = {}] = m;
|
|
6829
6839
|
p.at !== void 0 && (d = Ns(d, p.at, c, u));
|
|
6830
6840
|
let v = 0;
|
|
6831
|
-
const S = (P, x,
|
|
6841
|
+
const S = (P, x, k, C = 0, w = 0) => {
|
|
6832
6842
|
const A = og(P), { delay: E = 0, times: R = Sa(A), type: M = "keyframes", repeat: q, repeatType: at, repeatDelay: N = 0, ...F } = x;
|
|
6833
6843
|
let { ease: I = e.ease || "easeOut", duration: z } = x;
|
|
6834
|
-
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];
|
|
6835
6845
|
if (Vt <= 2 && Ke) {
|
|
6836
6846
|
let U = 100;
|
|
6837
6847
|
if (Vt === 2 && ag(A)) {
|
|
6838
6848
|
const Ot = A[1] - A[0];
|
|
6839
6849
|
U = Math.abs(Ot);
|
|
6840
6850
|
}
|
|
6841
|
-
const
|
|
6842
|
-
z !== void 0 && (
|
|
6843
|
-
const tt = pa(
|
|
6851
|
+
const kt = { ...F };
|
|
6852
|
+
z !== void 0 && (kt.duration = /* @__PURE__ */ it(z));
|
|
6853
|
+
const tt = pa(kt, U, Ke);
|
|
6844
6854
|
I = tt.ease, z = tt.duration;
|
|
6845
6855
|
}
|
|
6846
6856
|
z != null || (z = i);
|
|
@@ -6849,29 +6859,29 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6849
6859
|
const V = R.length - A.length;
|
|
6850
6860
|
if (V > 0 && xa(R, V), A.length === 1 && A.unshift(null), q) {
|
|
6851
6861
|
yt(q < ng, "Repeat count too high, must be less than 20"), z = qp(z, q);
|
|
6852
|
-
const U = [...A],
|
|
6862
|
+
const U = [...A], kt = [...R];
|
|
6853
6863
|
I = Array.isArray(I) ? [...I] : [I];
|
|
6854
6864
|
const tt = [...I];
|
|
6855
6865
|
for (let Ot = 0; Ot < q; Ot++) {
|
|
6856
6866
|
A.push(...U);
|
|
6857
6867
|
for (let Yt = 0; Yt < U.length; Yt++)
|
|
6858
|
-
R.push(
|
|
6868
|
+
R.push(kt[Yt] + (Ot + 1)), I.push(Yt === 0 ? "linear" : ol(tt, Yt - 1));
|
|
6859
6869
|
}
|
|
6860
6870
|
Qp(R, q);
|
|
6861
6871
|
}
|
|
6862
6872
|
const Q = de + z;
|
|
6863
|
-
Jp(
|
|
6873
|
+
Jp(k, A, I, R, de, Q), v = Math.max(Rt + z, v), h = Math.max(Q, h);
|
|
6864
6874
|
};
|
|
6865
6875
|
if (G(g)) {
|
|
6866
6876
|
const P = zs(g, a);
|
|
6867
6877
|
S(y, p, Ws("default", P));
|
|
6868
6878
|
} else {
|
|
6869
6879
|
const P = sl(g, y, r, l), x = P.length;
|
|
6870
|
-
for (let
|
|
6880
|
+
for (let k = 0; k < x; k++) {
|
|
6871
6881
|
y = y, p = p;
|
|
6872
|
-
const C = P[
|
|
6882
|
+
const C = P[k], w = zs(C, a);
|
|
6873
6883
|
for (const A in y)
|
|
6874
|
-
S(y[A], sg(p, A), Ws(A,
|
|
6884
|
+
S(y[A], sg(p, A), Ws(A, w), k, x);
|
|
6875
6885
|
}
|
|
6876
6886
|
}
|
|
6877
6887
|
c = d, d += v;
|
|
@@ -6882,8 +6892,8 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6882
6892
|
y.sort(tg);
|
|
6883
6893
|
const p = [], v = [], S = [];
|
|
6884
6894
|
for (let x = 0; x < y.length; x++) {
|
|
6885
|
-
const { at:
|
|
6886
|
-
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");
|
|
6887
6897
|
}
|
|
6888
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, {
|
|
6889
6899
|
keyframes: {},
|
|
@@ -7059,7 +7069,7 @@ function xg({
|
|
|
7059
7069
|
}, [t, e]);
|
|
7060
7070
|
}
|
|
7061
7071
|
function Sg(t, e) {
|
|
7062
|
-
const n =
|
|
7072
|
+
const n = wg(t), r = X(!1), o = J(() => {
|
|
7063
7073
|
var i, s, a, l;
|
|
7064
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);
|
|
7065
7075
|
}, [t, n]);
|
|
@@ -7068,7 +7078,7 @@ function Sg(t, e) {
|
|
|
7068
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));
|
|
7069
7079
|
}, [t, n]), { handleAnimationComplete: o };
|
|
7070
7080
|
}
|
|
7071
|
-
function
|
|
7081
|
+
function kg() {
|
|
7072
7082
|
const [t, e] = Tt({
|
|
7073
7083
|
height: Fe ? 0 : window.innerHeight,
|
|
7074
7084
|
width: Fe ? 0 : window.innerWidth
|
|
@@ -7085,7 +7095,7 @@ function wg() {
|
|
|
7085
7095
|
};
|
|
7086
7096
|
}, []), t;
|
|
7087
7097
|
}
|
|
7088
|
-
function
|
|
7098
|
+
function wg(t) {
|
|
7089
7099
|
const e = X(void 0);
|
|
7090
7100
|
return ct(() => {
|
|
7091
7101
|
e.current = t;
|
|
@@ -7320,7 +7330,7 @@ function Ys(t) {
|
|
|
7320
7330
|
function Xs(t) {
|
|
7321
7331
|
return t instanceof HTMLInputElement && !Mg.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
|
|
7322
7332
|
}
|
|
7323
|
-
const
|
|
7333
|
+
const wt = {
|
|
7324
7334
|
wrapper: {
|
|
7325
7335
|
position: "fixed",
|
|
7326
7336
|
top: 0,
|
|
@@ -7409,13 +7419,13 @@ const kt = {
|
|
|
7409
7419
|
dragCloseThreshold: S = yg,
|
|
7410
7420
|
...P
|
|
7411
7421
|
}, x) => {
|
|
7412
|
-
const
|
|
7422
|
+
const k = X(null), C = fr(0), { height: w } = kg(), A = Yp(), E = !!(y || A), R = {
|
|
7413
7423
|
type: "tween",
|
|
7414
7424
|
...E ? bg : p
|
|
7415
|
-
}, M = fr(
|
|
7425
|
+
}, M = fr(w), q = hn(M, (V) => {
|
|
7416
7426
|
var Q;
|
|
7417
|
-
return V + 2 >=
|
|
7418
|
-
}), 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({
|
|
7419
7429
|
onOpenStart: t,
|
|
7420
7430
|
onOpenEnd: e,
|
|
7421
7431
|
onCloseStart: r,
|
|
@@ -7430,8 +7440,8 @@ const kt = {
|
|
|
7430
7440
|
};
|
|
7431
7441
|
});
|
|
7432
7442
|
let F = u;
|
|
7433
|
-
F && (F = F.map((V) => V > 0 && V <= 1 ? Math.round(V *
|
|
7434
|
-
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,
|
|
7435
7445
|
`Snap points need to be in descending order got: [${F.join(", ")}]`
|
|
7436
7446
|
));
|
|
7437
7447
|
const I = Gn((V, { delta: Q }) => {
|
|
@@ -7439,18 +7449,18 @@ const kt = {
|
|
|
7439
7449
|
U > 0 && C.set(10), U < 0 && C.set(-10), M.set(Math.max(M.get() + Q.y, 0));
|
|
7440
7450
|
}), z = Gn(() => {
|
|
7441
7451
|
const V = document.activeElement;
|
|
7442
|
-
if (!V || !
|
|
7443
|
-
(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();
|
|
7444
7454
|
}), Rt = Gn((V, { velocity: Q }) => {
|
|
7445
7455
|
if (Q.y > v)
|
|
7446
7456
|
n();
|
|
7447
7457
|
else {
|
|
7448
|
-
const U =
|
|
7458
|
+
const U = k.current.getBoundingClientRect().height, kt = M.get();
|
|
7449
7459
|
let tt = 0;
|
|
7450
7460
|
if (F) {
|
|
7451
7461
|
const he = F.map((Dn) => U - Math.min(Dn, U));
|
|
7452
|
-
f === "content-height" && !he.includes(0) && he.unshift(0), tt = Us(he,
|
|
7453
|
-
} else
|
|
7462
|
+
f === "content-height" && !he.includes(0) && he.unshift(0), tt = Us(he, kt);
|
|
7463
|
+
} else kt / U > S && (tt = U);
|
|
7454
7464
|
if (tt = Gs({ snapTo: tt, sheetHeight: U }), $s(M, tt, R), F && i) {
|
|
7455
7465
|
const he = Math.abs(Math.round(F[0] - tt)), Dn = F.indexOf(Us(F, he));
|
|
7456
7466
|
i(Dn);
|
|
@@ -7467,10 +7477,10 @@ const kt = {
|
|
|
7467
7477
|
}, [l]), Wl(x, () => ({
|
|
7468
7478
|
y: M,
|
|
7469
7479
|
snapTo: (V) => {
|
|
7470
|
-
const Q =
|
|
7480
|
+
const Q = k.current;
|
|
7471
7481
|
if ((F == null ? void 0 : F[V]) !== void 0 && Q) {
|
|
7472
|
-
const U = Q.getBoundingClientRect().height,
|
|
7473
|
-
snapTo: U -
|
|
7482
|
+
const U = Q.getBoundingClientRect().height, kt = F[V], tt = Gs({
|
|
7483
|
+
snapTo: U - kt,
|
|
7474
7484
|
sheetHeight: U
|
|
7475
7485
|
});
|
|
7476
7486
|
$s(M, tt, R), i && i(V), tt >= U && n();
|
|
@@ -7479,7 +7489,7 @@ const kt = {
|
|
|
7479
7489
|
})), xg({
|
|
7480
7490
|
y: M,
|
|
7481
7491
|
rootId: c,
|
|
7482
|
-
sheetRef:
|
|
7492
|
+
sheetRef: k
|
|
7483
7493
|
}), Fg({ isDisabled: a || !l });
|
|
7484
7494
|
const Vt = gt(() => g ? void 0 : {
|
|
7485
7495
|
drag: "y",
|
|
@@ -7489,9 +7499,9 @@ const kt = {
|
|
|
7489
7499
|
onDrag: I,
|
|
7490
7500
|
onDragStart: z,
|
|
7491
7501
|
onDragEnd: Rt
|
|
7492
|
-
}, [g,
|
|
7502
|
+
}, [g, w]), Ke = {
|
|
7493
7503
|
y: M,
|
|
7494
|
-
sheetRef:
|
|
7504
|
+
sheetRef: k,
|
|
7495
7505
|
isOpen: l,
|
|
7496
7506
|
initialSnap: m,
|
|
7497
7507
|
snapPoints: F,
|
|
@@ -7499,11 +7509,11 @@ const kt = {
|
|
|
7499
7509
|
indicatorRotation: C,
|
|
7500
7510
|
callbacks: N,
|
|
7501
7511
|
dragProps: Vt,
|
|
7502
|
-
windowHeight:
|
|
7512
|
+
windowHeight: w,
|
|
7503
7513
|
animationOptions: R,
|
|
7504
7514
|
reduceMotion: E,
|
|
7505
7515
|
disableDrag: g
|
|
7506
|
-
}, 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 }) }) });
|
|
7507
7517
|
return Fe ? de : Fc(de, d != null ? d : document.body);
|
|
7508
7518
|
}
|
|
7509
7519
|
);
|
|
@@ -7529,7 +7539,7 @@ const fl = _(
|
|
|
7529
7539
|
ref: no([c, o]),
|
|
7530
7540
|
className: `react-modal-sheet-container ${n}`,
|
|
7531
7541
|
style: {
|
|
7532
|
-
...
|
|
7542
|
+
...wt.container,
|
|
7533
7543
|
...e,
|
|
7534
7544
|
...h === "full-height" && { height: v },
|
|
7535
7545
|
...h === "content-height" && { maxHeight: v },
|
|
@@ -7554,7 +7564,7 @@ const ml = _(
|
|
|
7554
7564
|
...o,
|
|
7555
7565
|
ref: no([i, l]),
|
|
7556
7566
|
className: `react-modal-sheet-content ${r}`,
|
|
7557
|
-
style: { ...
|
|
7567
|
+
style: { ...wt.content, ...e },
|
|
7558
7568
|
...c,
|
|
7559
7569
|
dragConstraints: l,
|
|
7560
7570
|
onMeasureDragConstraints: u,
|
|
@@ -7571,23 +7581,23 @@ const pl = _(({ children: t, style: e, disableDrag: n, ...r }, o) => {
|
|
|
7571
7581
|
{
|
|
7572
7582
|
...r,
|
|
7573
7583
|
ref: no([o, a]),
|
|
7574
|
-
style: { ...
|
|
7584
|
+
style: { ...wt.headerWrapper, ...e },
|
|
7575
7585
|
...u,
|
|
7576
7586
|
dragConstraints: a,
|
|
7577
7587
|
onMeasureDragConstraints: l,
|
|
7578
|
-
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: [
|
|
7579
7589
|
/* @__PURE__ */ b(
|
|
7580
7590
|
Et.span,
|
|
7581
7591
|
{
|
|
7582
7592
|
className: "react-modal-sheet-drag-indicator",
|
|
7583
|
-
style: { ...
|
|
7593
|
+
style: { ...wt.indicator, transform: c }
|
|
7584
7594
|
}
|
|
7585
7595
|
),
|
|
7586
7596
|
/* @__PURE__ */ b(
|
|
7587
7597
|
Et.span,
|
|
7588
7598
|
{
|
|
7589
7599
|
className: "react-modal-sheet-drag-indicator",
|
|
7590
|
-
style: { ...
|
|
7600
|
+
style: { ...wt.indicator, transform: d }
|
|
7591
7601
|
}
|
|
7592
7602
|
)
|
|
7593
7603
|
] })
|
|
@@ -7603,7 +7613,7 @@ const qs = (t) => !!t.onClick || !!t.onTap, gl = _(({ style: t = {}, className:
|
|
|
7603
7613
|
...n,
|
|
7604
7614
|
ref: r,
|
|
7605
7615
|
className: `react-modal-sheet-backdrop ${e}`,
|
|
7606
|
-
style: { ...
|
|
7616
|
+
style: { ...wt.backdrop, ...t, pointerEvents: i },
|
|
7607
7617
|
initial: { opacity: 0 },
|
|
7608
7618
|
animate: { opacity: 1 },
|
|
7609
7619
|
exit: { opacity: 0 }
|
|
@@ -7633,7 +7643,7 @@ const bl = _(
|
|
|
7633
7643
|
...o,
|
|
7634
7644
|
ref: i,
|
|
7635
7645
|
className: `react-modal-sheet-scroller ${r}`,
|
|
7636
|
-
style: { ...
|
|
7646
|
+
style: { ...wt.scroller, ...n },
|
|
7637
7647
|
...c,
|
|
7638
7648
|
children: e
|
|
7639
7649
|
}
|
|
@@ -7971,7 +7981,7 @@ const Og = ht({
|
|
|
7971
7981
|
color: "neutral",
|
|
7972
7982
|
avatar: !1
|
|
7973
7983
|
}
|
|
7974
|
-
}),
|
|
7984
|
+
}), kl = _(({ imageSrc: t, text: e, onDeleteClick: n, ...r }, o) => {
|
|
7975
7985
|
const i = B(Ut.div, $g), s = (a) => {
|
|
7976
7986
|
a.stopPropagation(), n && n();
|
|
7977
7987
|
};
|
|
@@ -7988,8 +7998,8 @@ const Og = ht({
|
|
|
7988
7998
|
n ? /* @__PURE__ */ b(Lc, { size: 12, onClick: s, className: bt({ cursor: "pointer" }) }) : null
|
|
7989
7999
|
] });
|
|
7990
8000
|
});
|
|
7991
|
-
|
|
7992
|
-
const sy = ie(
|
|
8001
|
+
kl.displayName = "Tag";
|
|
8002
|
+
const sy = ie(kl), wl = ht({
|
|
7993
8003
|
className: "input",
|
|
7994
8004
|
slots: ["inputContainer", "requiredStar", "description", "label", "textLengthIndicator", "adornment"],
|
|
7995
8005
|
base: {
|
|
@@ -8226,13 +8236,13 @@ const sy = ie(wl), kl = ht({
|
|
|
8226
8236
|
fontSize: y,
|
|
8227
8237
|
...p
|
|
8228
8238
|
}, v) => {
|
|
8229
|
-
const S =
|
|
8239
|
+
const S = wl({
|
|
8230
8240
|
variant: s,
|
|
8231
8241
|
color: a,
|
|
8232
8242
|
radius: l,
|
|
8233
8243
|
removeBorder: m,
|
|
8234
8244
|
error: g
|
|
8235
|
-
}), P = X(null), x = v || P,
|
|
8245
|
+
}), P = X(null), x = v || P, k = J(
|
|
8236
8246
|
(R) => {
|
|
8237
8247
|
if (e) return;
|
|
8238
8248
|
const { value: M } = R.target;
|
|
@@ -8241,7 +8251,7 @@ const sy = ie(wl), kl = ht({
|
|
|
8241
8251
|
[e, u, i]
|
|
8242
8252
|
), C = J(() => {
|
|
8243
8253
|
e || x.current && x.current.focus();
|
|
8244
|
-
}, [e, x]),
|
|
8254
|
+
}, [e, x]), w = J(
|
|
8245
8255
|
() => /* @__PURE__ */ b("span", { className: S.requiredStar, "aria-hidden": "true", children: "*" }),
|
|
8246
8256
|
[S.requiredStar]
|
|
8247
8257
|
), A = J(
|
|
@@ -8250,9 +8260,9 @@ const sy = ie(wl), kl = ht({
|
|
|
8250
8260
|
), E = J(
|
|
8251
8261
|
({ visible: R, children: M }) => R ? /* @__PURE__ */ D("label", { className: S.label, children: [
|
|
8252
8262
|
M,
|
|
8253
|
-
t && /* @__PURE__ */ b(
|
|
8263
|
+
t && /* @__PURE__ */ b(w, {})
|
|
8254
8264
|
] }) : null,
|
|
8255
|
-
[S.label, t,
|
|
8265
|
+
[S.label, t, w]
|
|
8256
8266
|
);
|
|
8257
8267
|
return /* @__PURE__ */ D(yi, { gap: 1, className: "group", "data-disabled": e || void 0, css: { width: "100%" }, children: [
|
|
8258
8268
|
/* @__PURE__ */ b(E, { visible: !!(n && o === "outside"), children: n }),
|
|
@@ -8266,7 +8276,7 @@ const sy = ie(wl), kl = ht({
|
|
|
8266
8276
|
{
|
|
8267
8277
|
ref: x,
|
|
8268
8278
|
disabled: e,
|
|
8269
|
-
onChange:
|
|
8279
|
+
onChange: k,
|
|
8270
8280
|
style: { ...p == null ? void 0 : p.style, fontSize: `${y}px` },
|
|
8271
8281
|
...p
|
|
8272
8282
|
}
|
|
@@ -8299,14 +8309,14 @@ const iy = ie(Tl), Pl = _(
|
|
|
8299
8309
|
error: g,
|
|
8300
8310
|
...y
|
|
8301
8311
|
}, p) => {
|
|
8302
|
-
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({
|
|
8303
8313
|
variant: c,
|
|
8304
8314
|
color: l,
|
|
8305
8315
|
radius: u,
|
|
8306
8316
|
isTextArea: !0,
|
|
8307
8317
|
removeBorder: m,
|
|
8308
8318
|
error: g
|
|
8309
|
-
}), C = X(null),
|
|
8319
|
+
}), C = X(null), w = p || C, A = J(
|
|
8310
8320
|
(N) => {
|
|
8311
8321
|
if (n) return;
|
|
8312
8322
|
const { value: F } = N.target;
|
|
@@ -8314,20 +8324,20 @@ const iy = ie(Tl), Pl = _(
|
|
|
8314
8324
|
},
|
|
8315
8325
|
[n, d, s, a]
|
|
8316
8326
|
), E = J(() => {
|
|
8317
|
-
n ||
|
|
8318
|
-
}, [n,
|
|
8319
|
-
() => /* @__PURE__ */ b("span", { className:
|
|
8320
|
-
[
|
|
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]
|
|
8321
8331
|
), M = J(
|
|
8322
|
-
({ children: N }) => /* @__PURE__ */ b("span", { className:
|
|
8323
|
-
[
|
|
8332
|
+
({ children: N }) => /* @__PURE__ */ b("span", { className: k.description, children: N }),
|
|
8333
|
+
[k.description]
|
|
8324
8334
|
), q = J(
|
|
8325
|
-
({ visible: N, children: F }) => N ? /* @__PURE__ */ D("label", { className:
|
|
8335
|
+
({ visible: N, children: F }) => N ? /* @__PURE__ */ D("label", { className: k.label, children: [
|
|
8326
8336
|
F,
|
|
8327
8337
|
e && /* @__PURE__ */ b(R, {})
|
|
8328
8338
|
] }) : null,
|
|
8329
|
-
[
|
|
8330
|
-
), 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}` : ""}` });
|
|
8331
8341
|
return ct(() => {
|
|
8332
8342
|
const N = t == null ? void 0 : t.toString().slice(0, s);
|
|
8333
8343
|
x(N), S((N == null ? void 0 : N.length) || 0);
|
|
@@ -8337,12 +8347,12 @@ const iy = ie(Tl), Pl = _(
|
|
|
8337
8347
|
xr,
|
|
8338
8348
|
{
|
|
8339
8349
|
gap: 1,
|
|
8340
|
-
className: K(
|
|
8350
|
+
className: K(k.inputContainer, h),
|
|
8341
8351
|
onClick: E,
|
|
8342
8352
|
css: f,
|
|
8343
8353
|
children: [
|
|
8344
8354
|
/* @__PURE__ */ b(q, { visible: !!(r && i === "inside"), children: r }),
|
|
8345
|
-
/* @__PURE__ */ b("textarea", { ref:
|
|
8355
|
+
/* @__PURE__ */ b("textarea", { ref: w, value: P, disabled: n, onChange: A, ...y }),
|
|
8346
8356
|
a && /* @__PURE__ */ b(at, { count: v, limit: s })
|
|
8347
8357
|
]
|
|
8348
8358
|
}
|
|
@@ -9044,11 +9054,11 @@ const ab = Ml(hc, "root"), lb = Ge(
|
|
|
9044
9054
|
}), { withProvider: Fl, withContext: Vn } = It(fb);
|
|
9045
9055
|
Fl(xc, "root");
|
|
9046
9056
|
const mb = Fl(Sc, "root"), pb = Vn(
|
|
9047
|
-
|
|
9057
|
+
kc,
|
|
9048
9058
|
"control"
|
|
9049
9059
|
);
|
|
9050
9060
|
Vn(
|
|
9051
|
-
|
|
9061
|
+
wc,
|
|
9052
9062
|
"group"
|
|
9053
9063
|
);
|
|
9054
9064
|
const Js = Vn(
|
|
@@ -9220,7 +9230,7 @@ const yb = () => /* @__PURE__ */ D("svg", { viewBox: "0 0 14 14", fill: "none",
|
|
|
9220
9230
|
}
|
|
9221
9231
|
}), { withProvider: Ll, withContext: so } = It(xb);
|
|
9222
9232
|
Ll(_c, "root");
|
|
9223
|
-
const Sb = Ll(Rc, "root"),
|
|
9233
|
+
const Sb = Ll(Rc, "root"), kb = so(
|
|
9224
9234
|
Vc,
|
|
9225
9235
|
"control"
|
|
9226
9236
|
);
|
|
@@ -9228,11 +9238,11 @@ so(
|
|
|
9228
9238
|
Dc,
|
|
9229
9239
|
"label"
|
|
9230
9240
|
);
|
|
9231
|
-
const
|
|
9241
|
+
const wb = so(
|
|
9232
9242
|
Ec,
|
|
9233
9243
|
"thumb"
|
|
9234
9244
|
), Tb = _((t, e) => /* @__PURE__ */ D(Sb, { ref: e, ...t, children: [
|
|
9235
|
-
/* @__PURE__ */ b(
|
|
9245
|
+
/* @__PURE__ */ b(kb, { children: /* @__PURE__ */ b(wb, {}) }),
|
|
9236
9246
|
/* @__PURE__ */ b(Mc, {})
|
|
9237
9247
|
] }));
|
|
9238
9248
|
Tb.displayName = "Switch";
|