@nation-a/ui 0.16.20 → 0.16.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +254 -210
- package/dist/index.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/styled-system/styles.css +44 -10
- package/dist/styled-system/types/prop-type.d.ts +1 -1
- 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/dist/types/components/Text/index.d.ts +1 -1
- package/dist/types/components/Text/text.recipe.d.ts +2 -0
- package/package.json +3 -3
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,
|
|
@@ -1134,7 +1140,9 @@ const ud = At({
|
|
|
1134
1140
|
"text.body.16.bold": {},
|
|
1135
1141
|
"text.body.16.regular": {},
|
|
1136
1142
|
"label.caption.10.semibold": {},
|
|
1143
|
+
"label.caption.10.regular": {},
|
|
1137
1144
|
"label.caption.12.semibold": {},
|
|
1145
|
+
"label.caption.12.regular": {},
|
|
1138
1146
|
"label.caption.14.semibold": {}
|
|
1139
1147
|
},
|
|
1140
1148
|
language: {
|
|
@@ -1280,6 +1288,14 @@ const ud = At({
|
|
|
1280
1288
|
fontFamily: "dmSans"
|
|
1281
1289
|
}
|
|
1282
1290
|
},
|
|
1291
|
+
{
|
|
1292
|
+
variant: "label.caption.10.regular",
|
|
1293
|
+
language: "en",
|
|
1294
|
+
css: {
|
|
1295
|
+
textStyle: "en.label.caption.10.regular",
|
|
1296
|
+
fontFamily: "dmSans"
|
|
1297
|
+
}
|
|
1298
|
+
},
|
|
1283
1299
|
{
|
|
1284
1300
|
variant: "label.caption.10.semibold",
|
|
1285
1301
|
language: "en",
|
|
@@ -1288,6 +1304,14 @@ const ud = At({
|
|
|
1288
1304
|
fontFamily: "dmSans"
|
|
1289
1305
|
}
|
|
1290
1306
|
},
|
|
1307
|
+
{
|
|
1308
|
+
variant: "label.caption.12.regular",
|
|
1309
|
+
language: "en",
|
|
1310
|
+
css: {
|
|
1311
|
+
textStyle: "en.label.caption.12.regular",
|
|
1312
|
+
fontFamily: "dmSans"
|
|
1313
|
+
}
|
|
1314
|
+
},
|
|
1291
1315
|
{
|
|
1292
1316
|
variant: "label.caption.12.semibold",
|
|
1293
1317
|
language: "en",
|
|
@@ -1424,6 +1448,14 @@ const ud = At({
|
|
|
1424
1448
|
fontFamily: "pretendard"
|
|
1425
1449
|
}
|
|
1426
1450
|
},
|
|
1451
|
+
{
|
|
1452
|
+
variant: "label.caption.10.regular",
|
|
1453
|
+
language: "ko",
|
|
1454
|
+
css: {
|
|
1455
|
+
textStyle: "kr.label.caption.10.regular",
|
|
1456
|
+
fontFamily: "pretendard"
|
|
1457
|
+
}
|
|
1458
|
+
},
|
|
1427
1459
|
{
|
|
1428
1460
|
variant: "label.caption.10.semibold",
|
|
1429
1461
|
language: "ko",
|
|
@@ -1432,6 +1464,14 @@ const ud = At({
|
|
|
1432
1464
|
fontFamily: "pretendard"
|
|
1433
1465
|
}
|
|
1434
1466
|
},
|
|
1467
|
+
{
|
|
1468
|
+
variant: "label.caption.12.regular",
|
|
1469
|
+
language: "ko",
|
|
1470
|
+
css: {
|
|
1471
|
+
textStyle: "kr.label.caption.12.regular",
|
|
1472
|
+
fontFamily: "pretendard"
|
|
1473
|
+
}
|
|
1474
|
+
},
|
|
1435
1475
|
{
|
|
1436
1476
|
variant: "label.caption.12.semibold",
|
|
1437
1477
|
language: "ko",
|
|
@@ -1576,7 +1616,7 @@ const hd = (t, e, n = {}) => {
|
|
|
1576
1616
|
px: "4"
|
|
1577
1617
|
}
|
|
1578
1618
|
}
|
|
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"),
|
|
1619
|
+
}), { 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
1620
|
({ orientation: t = "horizontal", className: e, ...n }) => /* @__PURE__ */ b(
|
|
1581
1621
|
Ut.footer,
|
|
1582
1622
|
{
|
|
@@ -1599,8 +1639,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1599
1639
|
Title: vd,
|
|
1600
1640
|
Description: xd,
|
|
1601
1641
|
Positioner: Sd,
|
|
1602
|
-
Header:
|
|
1603
|
-
Footer:
|
|
1642
|
+
Header: kd,
|
|
1643
|
+
Footer: wd,
|
|
1604
1644
|
Body: Td,
|
|
1605
1645
|
CloseTrigger: Pd
|
|
1606
1646
|
}, Cd = At({
|
|
@@ -1691,7 +1731,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1691
1731
|
h: 7,
|
|
1692
1732
|
w: 7,
|
|
1693
1733
|
p: "4px",
|
|
1694
|
-
|
|
1734
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1735
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1695
1736
|
width: "20px",
|
|
1696
1737
|
height: "20px"
|
|
1697
1738
|
}
|
|
@@ -1700,7 +1741,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1700
1741
|
h: 8,
|
|
1701
1742
|
w: 8,
|
|
1702
1743
|
p: "4px",
|
|
1703
|
-
|
|
1744
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1745
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1704
1746
|
width: "24px",
|
|
1705
1747
|
height: "24px"
|
|
1706
1748
|
}
|
|
@@ -1709,7 +1751,8 @@ const hd = (t, e, n = {}) => {
|
|
|
1709
1751
|
h: 10,
|
|
1710
1752
|
w: 10,
|
|
1711
1753
|
p: "8px",
|
|
1712
|
-
|
|
1754
|
+
// preserveIconSize가 false일 때만 아이콘 크기 강제 적용
|
|
1755
|
+
'&:not([data-preserve-icon-size="true"]) svg': {
|
|
1713
1756
|
width: "24px",
|
|
1714
1757
|
height: "24px"
|
|
1715
1758
|
}
|
|
@@ -1782,21 +1825,22 @@ const hd = (t, e, n = {}) => {
|
|
|
1782
1825
|
}
|
|
1783
1826
|
]
|
|
1784
1827
|
}), vi = _(
|
|
1785
|
-
({ loading: t, disabled: e, children: n, color: r, variant: o, size: i, onClick: s,
|
|
1786
|
-
const
|
|
1828
|
+
({ loading: t, disabled: e, children: n, color: r, variant: o, size: i, onClick: s, preserveIconSize: a, ...l }, u) => {
|
|
1829
|
+
const c = B(Ut.button, Cd);
|
|
1787
1830
|
return /* @__PURE__ */ b(
|
|
1788
|
-
|
|
1831
|
+
c,
|
|
1789
1832
|
{
|
|
1790
1833
|
disabled: e,
|
|
1791
|
-
ref:
|
|
1834
|
+
ref: u,
|
|
1792
1835
|
color: r,
|
|
1793
1836
|
variant: o,
|
|
1794
1837
|
size: i,
|
|
1838
|
+
"data-preserve-icon-size": a,
|
|
1795
1839
|
css: { pointerEvents: t ? "none" : "auto" },
|
|
1796
|
-
onClick: (
|
|
1797
|
-
!t && !e && (s == null || s(
|
|
1840
|
+
onClick: (d) => {
|
|
1841
|
+
!t && !e && (s == null || s(d));
|
|
1798
1842
|
},
|
|
1799
|
-
...
|
|
1843
|
+
...l,
|
|
1800
1844
|
children: t ? /* @__PURE__ */ D(Ie, { children: [
|
|
1801
1845
|
/* @__PURE__ */ b(
|
|
1802
1846
|
vr,
|
|
@@ -1823,7 +1867,7 @@ function Oe(t) {
|
|
|
1823
1867
|
const e = X(null);
|
|
1824
1868
|
return e.current === null && (e.current = t()), e.current;
|
|
1825
1869
|
}
|
|
1826
|
-
const
|
|
1870
|
+
const kr = typeof window != "undefined", wr = kr ? ei : ct, bn = /* @__PURE__ */ xt(null), yn = xt({
|
|
1827
1871
|
transformPagePoint: (t) => t,
|
|
1828
1872
|
isStatic: !1,
|
|
1829
1873
|
reducedMotion: "never"
|
|
@@ -1927,28 +1971,28 @@ function xo(t) {
|
|
|
1927
1971
|
}
|
|
1928
1972
|
const Dd = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: i = "sync", propagate: s = !1, anchorX: a = "left" }) => {
|
|
1929
1973
|
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
|
-
|
|
1974
|
+
wr(() => {
|
|
1931
1975
|
h.current = !1, f.current = c;
|
|
1932
1976
|
for (let x = 0; x < p.length; x++) {
|
|
1933
|
-
const
|
|
1934
|
-
d.includes(
|
|
1977
|
+
const k = Ye(p[x]);
|
|
1978
|
+
d.includes(k) ? m.delete(k) : m.get(k) !== !0 && m.set(k, !1);
|
|
1935
1979
|
}
|
|
1936
1980
|
}, [p, d.length, d.join("-")]);
|
|
1937
1981
|
const S = [];
|
|
1938
1982
|
if (c !== g) {
|
|
1939
1983
|
let x = [...c];
|
|
1940
|
-
for (let
|
|
1941
|
-
const C = p[
|
|
1942
|
-
d.includes(
|
|
1984
|
+
for (let k = 0; k < p.length; k++) {
|
|
1985
|
+
const C = p[k], w = Ye(C);
|
|
1986
|
+
d.includes(w) || (x.splice(k, 0, C), S.push(C));
|
|
1943
1987
|
}
|
|
1944
1988
|
return i === "wait" && S.length && (x = S), v(xo(x)), y(c), null;
|
|
1945
1989
|
}
|
|
1946
1990
|
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
1991
|
const { forceRender: P } = H(Sr);
|
|
1948
1992
|
return b(Ie, { children: p.map((x) => {
|
|
1949
|
-
const
|
|
1950
|
-
if (m.has(
|
|
1951
|
-
m.set(
|
|
1993
|
+
const k = Ye(x), C = s && !l ? !1 : c === p || d.includes(k), w = () => {
|
|
1994
|
+
if (m.has(k))
|
|
1995
|
+
m.set(k, !0);
|
|
1952
1996
|
else
|
|
1953
1997
|
return;
|
|
1954
1998
|
let A = !0;
|
|
@@ -1956,7 +2000,7 @@ const Dd = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presen
|
|
|
1956
2000
|
E || (A = !1);
|
|
1957
2001
|
}), A && (P == null || P(), v(f.current), s && (u == null || u()), r && r());
|
|
1958
2002
|
};
|
|
1959
|
-
return b(Rd, { isPresent: C, initial: !h.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: o, mode: i, onExitComplete: C ? void 0 :
|
|
2003
|
+
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
2004
|
}) });
|
|
1961
2005
|
}, Xe = [
|
|
1962
2006
|
"read",
|
|
@@ -2027,13 +2071,13 @@ function Si(t, e) {
|
|
|
2027
2071
|
};
|
|
2028
2072
|
return { schedule: Xe.reduce((p, v) => {
|
|
2029
2073
|
const S = s[v];
|
|
2030
|
-
return p[v] = (P, x = !1,
|
|
2074
|
+
return p[v] = (P, x = !1, k = !1) => (n || m(), S.schedule(P, x, k)), p;
|
|
2031
2075
|
}, {}), cancel: (p) => {
|
|
2032
2076
|
for (let v = 0; v < Xe.length; v++)
|
|
2033
2077
|
s[Xe[v]].cancel(p);
|
|
2034
2078
|
}, state: o, steps: s };
|
|
2035
2079
|
}
|
|
2036
|
-
const st = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: L, cancel: Pt, state: Y, steps: Fn } = /* @__PURE__ */ Si(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : st, !0),
|
|
2080
|
+
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
2081
|
animation: [
|
|
2038
2082
|
"animate",
|
|
2039
2083
|
"variants",
|
|
@@ -2099,9 +2143,9 @@ const Ld = /* @__PURE__ */ new Set([
|
|
|
2099
2143
|
function sn(t) {
|
|
2100
2144
|
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
2145
|
}
|
|
2102
|
-
let
|
|
2146
|
+
let wi = (t) => !sn(t);
|
|
2103
2147
|
function Id(t) {
|
|
2104
|
-
t && (
|
|
2148
|
+
t && (wi = (e) => e.startsWith("on") ? !sn(e) : t(e));
|
|
2105
2149
|
}
|
|
2106
2150
|
try {
|
|
2107
2151
|
Id(require("@emotion/is-prop-valid").default);
|
|
@@ -2110,13 +2154,13 @@ try {
|
|
|
2110
2154
|
function Bd(t, e, n) {
|
|
2111
2155
|
const r = {};
|
|
2112
2156
|
for (const o in t)
|
|
2113
|
-
o === "values" && typeof t.values == "object" || (
|
|
2157
|
+
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
2158
|
t.draggable && o.startsWith("onDrag")) && (r[o] = t[o]);
|
|
2115
2159
|
return r;
|
|
2116
2160
|
}
|
|
2117
|
-
const
|
|
2161
|
+
const ko = /* @__PURE__ */ new Set();
|
|
2118
2162
|
function je(t, e, n) {
|
|
2119
|
-
t ||
|
|
2163
|
+
t || ko.has(e) || (console.warn(e), ko.add(e));
|
|
2120
2164
|
}
|
|
2121
2165
|
function Od(t) {
|
|
2122
2166
|
if (typeof Proxy == "undefined")
|
|
@@ -2165,9 +2209,9 @@ function jd(t, e) {
|
|
|
2165
2209
|
}
|
|
2166
2210
|
function Nd(t) {
|
|
2167
2211
|
const { initial: e, animate: n } = jd(t, H(vn));
|
|
2168
|
-
return gt(() => ({ initial: e, animate: n }), [
|
|
2212
|
+
return gt(() => ({ initial: e, animate: n }), [wo(e), wo(n)]);
|
|
2169
2213
|
}
|
|
2170
|
-
function
|
|
2214
|
+
function wo(t) {
|
|
2171
2215
|
return Array.isArray(t) ? t.join(" ") : t;
|
|
2172
2216
|
}
|
|
2173
2217
|
const zd = Symbol.for("motionComponentSymbol");
|
|
@@ -2190,7 +2234,7 @@ function Wd(t, e, n) {
|
|
|
2190
2234
|
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
2235
|
function Hd(t, e, n, r, o) {
|
|
2192
2236
|
var g, y;
|
|
2193
|
-
const { visualElement: i } = H(vn), s = H(
|
|
2237
|
+
const { visualElement: i } = H(vn), s = H(ki), a = H(bn), l = H(yn).reducedMotion, u = X(null);
|
|
2194
2238
|
r = r || s.renderer, !u.current && r && (u.current = r(t, {
|
|
2195
2239
|
visualState: e,
|
|
2196
2240
|
parent: i,
|
|
@@ -2206,7 +2250,7 @@ function Hd(t, e, n, r, o) {
|
|
|
2206
2250
|
c && h.current && c.update(n, a);
|
|
2207
2251
|
});
|
|
2208
2252
|
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
|
|
2253
|
+
return wr(() => {
|
|
2210
2254
|
c && (h.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), Ar.render(c.render), m.current && c.animationState && c.animationState.animateChanges());
|
|
2211
2255
|
}), ct(() => {
|
|
2212
2256
|
c && (!m.current && c.animationState && c.animationState.animateChanges(), m.current && (queueMicrotask(() => {
|
|
@@ -2259,7 +2303,7 @@ function Gd({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
|
|
|
2259
2303
|
...u,
|
|
2260
2304
|
layoutId: Kd(u)
|
|
2261
2305
|
}, { isStatic: f } = h, m = Nd(u), g = r(u, f);
|
|
2262
|
-
if (!f &&
|
|
2306
|
+
if (!f && kr) {
|
|
2263
2307
|
Yd(h, t);
|
|
2264
2308
|
const y = Xd(h);
|
|
2265
2309
|
d = y.MeasureLayout, m.visualElement = Hd(o, g, h, e, y.ProjectionNode);
|
|
@@ -2275,7 +2319,7 @@ function Kd({ layoutId: t }) {
|
|
|
2275
2319
|
return e && t !== void 0 ? e + "-" + t : t;
|
|
2276
2320
|
}
|
|
2277
2321
|
function Yd(t, e) {
|
|
2278
|
-
const n = H(
|
|
2322
|
+
const n = H(ki).strict;
|
|
2279
2323
|
if (process.env.NODE_ENV !== "production" && e && n) {
|
|
2280
2324
|
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
2325
|
t.ignoreStrict ? ae(!1, r) : yt(!1, r);
|
|
@@ -2758,7 +2802,7 @@ const _o = ["x", "y", "width", "height", "cx", "cy", "r"], Sh = {
|
|
|
2758
2802
|
}
|
|
2759
2803
|
})
|
|
2760
2804
|
};
|
|
2761
|
-
function
|
|
2805
|
+
function kh(t, e) {
|
|
2762
2806
|
return function(r, { forwardMotionProps: o } = { forwardMotionProps: !1 }) {
|
|
2763
2807
|
const s = {
|
|
2764
2808
|
...Mr(r) ? Sh : xh,
|
|
@@ -2784,19 +2828,19 @@ const ji = /* @__PURE__ */ new Set([
|
|
|
2784
2828
|
...le
|
|
2785
2829
|
]);
|
|
2786
2830
|
let tn;
|
|
2787
|
-
function
|
|
2831
|
+
function wh() {
|
|
2788
2832
|
tn = void 0;
|
|
2789
2833
|
}
|
|
2790
2834
|
const mt = {
|
|
2791
2835
|
now: () => (tn === void 0 && mt.set(Y.isProcessing || Xn.useManualTiming ? Y.timestamp : performance.now()), tn),
|
|
2792
2836
|
set: (t) => {
|
|
2793
|
-
tn = t, queueMicrotask(
|
|
2837
|
+
tn = t, queueMicrotask(wh);
|
|
2794
2838
|
}
|
|
2795
2839
|
};
|
|
2796
2840
|
function Or(t, e) {
|
|
2797
2841
|
t.indexOf(e) === -1 && t.push(e);
|
|
2798
2842
|
}
|
|
2799
|
-
function
|
|
2843
|
+
function kn(t, e) {
|
|
2800
2844
|
const n = t.indexOf(e);
|
|
2801
2845
|
n > -1 && t.splice(n, 1);
|
|
2802
2846
|
}
|
|
@@ -2805,7 +2849,7 @@ class jr {
|
|
|
2805
2849
|
this.subscriptions = [];
|
|
2806
2850
|
}
|
|
2807
2851
|
add(e) {
|
|
2808
|
-
return Or(this.subscriptions, e), () =>
|
|
2852
|
+
return Or(this.subscriptions, e), () => kn(this.subscriptions, e);
|
|
2809
2853
|
}
|
|
2810
2854
|
notify(e, n, r) {
|
|
2811
2855
|
const o = this.subscriptions.length;
|
|
@@ -3439,7 +3483,7 @@ class ua extends Hr {
|
|
|
3439
3483
|
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
3484
|
(Mt.test(t) || t === "0") && // And it contains numbers and/or colors
|
|
3441
3485
|
!t.startsWith("url("));
|
|
3442
|
-
function
|
|
3486
|
+
function wn(t) {
|
|
3443
3487
|
return typeof t == "function" && "applyToOptions" in t;
|
|
3444
3488
|
}
|
|
3445
3489
|
function cf(t) {
|
|
@@ -3457,7 +3501,7 @@ function uf(t, e, n, r) {
|
|
|
3457
3501
|
if (e === "display" || e === "visibility")
|
|
3458
3502
|
return !0;
|
|
3459
3503
|
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" ||
|
|
3504
|
+
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
3505
|
}
|
|
3462
3506
|
const df = (t) => t !== null;
|
|
3463
3507
|
function Tn(t, { repeat: e, repeatType: n = "loop" }, r) {
|
|
@@ -3623,9 +3667,9 @@ const Sf = (t, e) => {
|
|
|
3623
3667
|
function fa(t, e, n) {
|
|
3624
3668
|
return typeof t == "number" && typeof e == "number" && typeof n == "number" ? j(t, e, n) : Ur(t)(t, e);
|
|
3625
3669
|
}
|
|
3626
|
-
const
|
|
3670
|
+
const kf = 5;
|
|
3627
3671
|
function ma(t, e, n) {
|
|
3628
|
-
const r = Math.max(e -
|
|
3672
|
+
const r = Math.max(e - kf, 0);
|
|
3629
3673
|
return Ni(n - t(r), e - r);
|
|
3630
3674
|
}
|
|
3631
3675
|
const W = {
|
|
@@ -3657,7 +3701,7 @@ const W = {
|
|
|
3657
3701
|
minDamping: 0.05,
|
|
3658
3702
|
maxDamping: 1
|
|
3659
3703
|
}, it = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, pt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, No = 1e-3;
|
|
3660
|
-
function
|
|
3704
|
+
function wf({ duration: t = W.duration, bounce: e = W.bounce, velocity: n = W.velocity, mass: r = W.mass }) {
|
|
3661
3705
|
let o, i;
|
|
3662
3706
|
ae(t <= /* @__PURE__ */ it(W.maxDuration), "Spring duration must be 10 seconds or less");
|
|
3663
3707
|
let s = 1 - e;
|
|
@@ -3766,7 +3810,7 @@ function Vf(t) {
|
|
|
3766
3810
|
damping: i
|
|
3767
3811
|
};
|
|
3768
3812
|
} else {
|
|
3769
|
-
const n =
|
|
3813
|
+
const n = wf(t);
|
|
3770
3814
|
e = {
|
|
3771
3815
|
...e,
|
|
3772
3816
|
...n,
|
|
@@ -3790,36 +3834,36 @@ function De(t = W.visualDuration, e = W.bounce) {
|
|
|
3790
3834
|
let S;
|
|
3791
3835
|
if (g < 1) {
|
|
3792
3836
|
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 *
|
|
3837
|
+
S = (k) => {
|
|
3838
|
+
const C = Math.exp(-g * p * k);
|
|
3839
|
+
return s - C * ((m + g * p * y) / x * Math.sin(x * k) + y * Math.cos(x * k));
|
|
3796
3840
|
};
|
|
3797
3841
|
} else if (g === 1)
|
|
3798
3842
|
S = (x) => s - Math.exp(-p * x) * (y + (m + p * y) * x);
|
|
3799
3843
|
else {
|
|
3800
3844
|
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(
|
|
3845
|
+
S = (k) => {
|
|
3846
|
+
const C = Math.exp(-g * p * k), w = Math.min(x * k, 300);
|
|
3847
|
+
return s - C * ((m + g * p * y) * Math.sinh(w) + x * y * Math.cosh(w)) / x;
|
|
3804
3848
|
};
|
|
3805
3849
|
}
|
|
3806
3850
|
const P = {
|
|
3807
3851
|
calculatedDuration: f && d || null,
|
|
3808
3852
|
next: (x) => {
|
|
3809
|
-
const
|
|
3853
|
+
const k = S(x);
|
|
3810
3854
|
if (f)
|
|
3811
3855
|
a.done = x >= d;
|
|
3812
3856
|
else {
|
|
3813
3857
|
let C = 0;
|
|
3814
|
-
g < 1 && (C = x === 0 ? /* @__PURE__ */ it(m) : ma(S, x,
|
|
3815
|
-
const
|
|
3816
|
-
a.done =
|
|
3858
|
+
g < 1 && (C = x === 0 ? /* @__PURE__ */ it(m) : ma(S, x, k));
|
|
3859
|
+
const w = Math.abs(C) <= r, A = Math.abs(s - k) <= o;
|
|
3860
|
+
a.done = w && A;
|
|
3817
3861
|
}
|
|
3818
|
-
return a.value = a.done ? s :
|
|
3862
|
+
return a.value = a.done ? s : k, a;
|
|
3819
3863
|
},
|
|
3820
3864
|
toString: () => {
|
|
3821
|
-
const x = Math.min(Gr(P), ln),
|
|
3822
|
-
return x + "ms " +
|
|
3865
|
+
const x = Math.min(Gr(P), ln), k = ga((C) => P.next(x * C).value, x, 30);
|
|
3866
|
+
return x + "ms " + k;
|
|
3823
3867
|
},
|
|
3824
3868
|
toTransition: () => {
|
|
3825
3869
|
}
|
|
@@ -3834,19 +3878,19 @@ function Wo({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3834
3878
|
const d = t[0], h = {
|
|
3835
3879
|
done: !1,
|
|
3836
3880
|
value: d
|
|
3837
|
-
}, f = (
|
|
3881
|
+
}, 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
3882
|
let g = n * e;
|
|
3839
3883
|
const y = d + g, p = s === void 0 ? y : s(y);
|
|
3840
3884
|
p !== y && (g = p - d);
|
|
3841
|
-
const v = (
|
|
3842
|
-
const A = v(
|
|
3885
|
+
const v = (w) => -g * Math.exp(-w / r), S = (w) => p + v(w), P = (w) => {
|
|
3886
|
+
const A = v(w), E = S(w);
|
|
3843
3887
|
h.done = Math.abs(A) <= u, h.value = h.done ? p : E;
|
|
3844
3888
|
};
|
|
3845
|
-
let x,
|
|
3846
|
-
const C = (
|
|
3847
|
-
f(h.value) && (x =
|
|
3889
|
+
let x, k;
|
|
3890
|
+
const C = (w) => {
|
|
3891
|
+
f(h.value) && (x = w, k = De({
|
|
3848
3892
|
keyframes: [h.value, m(h.value)],
|
|
3849
|
-
velocity: ma(S,
|
|
3893
|
+
velocity: ma(S, w, h.value),
|
|
3850
3894
|
// TODO: This should be passing * 1000
|
|
3851
3895
|
damping: o,
|
|
3852
3896
|
stiffness: i,
|
|
@@ -3856,9 +3900,9 @@ function Wo({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
3856
3900
|
};
|
|
3857
3901
|
return C(0), {
|
|
3858
3902
|
calculatedDuration: null,
|
|
3859
|
-
next: (
|
|
3903
|
+
next: (w) => {
|
|
3860
3904
|
let A = !1;
|
|
3861
|
-
return !
|
|
3905
|
+
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
3906
|
}
|
|
3863
3907
|
};
|
|
3864
3908
|
}
|
|
@@ -3986,7 +4030,7 @@ class Xr extends da {
|
|
|
3986
4030
|
super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
|
|
3987
4031
|
}
|
|
3988
4032
|
initPlayback(e) {
|
|
3989
|
-
const { type: n = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: i, velocity: s = 0 } = this.options, a =
|
|
4033
|
+
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
4034
|
let l, u;
|
|
3991
4035
|
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
4036
|
const c = a({ ...this.options, keyframes: e });
|
|
@@ -4012,8 +4056,8 @@ class Xr extends da {
|
|
|
4012
4056
|
tick(e, n = !1) {
|
|
4013
4057
|
const { resolved: r } = this;
|
|
4014
4058
|
if (!r) {
|
|
4015
|
-
const { keyframes:
|
|
4016
|
-
return { done: !0, value:
|
|
4059
|
+
const { keyframes: w } = this.options;
|
|
4060
|
+
return { done: !0, value: w[w.length - 1] };
|
|
4017
4061
|
}
|
|
4018
4062
|
const { finalKeyframe: o, generator: i, mirroredGenerator: s, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: u, totalDuration: c, resolvedDuration: d } = r;
|
|
4019
4063
|
if (this.startTime === null)
|
|
@@ -4024,15 +4068,15 @@ class Xr extends da {
|
|
|
4024
4068
|
this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
|
|
4025
4069
|
let S = this.currentTime, P = i;
|
|
4026
4070
|
if (f) {
|
|
4027
|
-
const
|
|
4028
|
-
let A = Math.floor(
|
|
4029
|
-
!E &&
|
|
4071
|
+
const w = Math.min(this.currentTime, c) / d;
|
|
4072
|
+
let A = Math.floor(w), E = w % 1;
|
|
4073
|
+
!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
4074
|
}
|
|
4031
4075
|
const x = v ? { done: !1, value: l[0] } : P.next(S);
|
|
4032
4076
|
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" &&
|
|
4077
|
+
let { done: k } = x;
|
|
4078
|
+
!v && u !== null && (k = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
|
|
4079
|
+
const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && k);
|
|
4036
4080
|
return C && o !== void 0 && (x.value = Tn(l, this.options, o)), y && y(x.value), C && this.finish(), x;
|
|
4037
4081
|
}
|
|
4038
4082
|
get duration() {
|
|
@@ -4115,16 +4159,16 @@ const jf = /* @__PURE__ */ new Set([
|
|
|
4115
4159
|
backIn: /* @__PURE__ */ ge([0.31, 0.01, 0.66, -0.59]),
|
|
4116
4160
|
backOut: /* @__PURE__ */ ge([0.33, 1.53, 0.69, 0.99])
|
|
4117
4161
|
};
|
|
4118
|
-
function
|
|
4162
|
+
function ka(t, e) {
|
|
4119
4163
|
if (t)
|
|
4120
|
-
return typeof t == "function" && Ve() ? ga(t, e) : Yr(t) ? ge(t) : Array.isArray(t) ? t.map((n) =>
|
|
4164
|
+
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
4165
|
}
|
|
4122
4166
|
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
4167
|
const c = {
|
|
4124
4168
|
[e]: n
|
|
4125
4169
|
};
|
|
4126
4170
|
l && (c.offset = l);
|
|
4127
|
-
const d =
|
|
4171
|
+
const d = ka(a, o);
|
|
4128
4172
|
return Array.isArray(d) && (c.easing = d), t.animate(c, {
|
|
4129
4173
|
delay: r,
|
|
4130
4174
|
duration: o,
|
|
@@ -4138,12 +4182,12 @@ function zf(t, e, n, { delay: r = 0, duration: o = 300, repeat: i = 0, repeatTyp
|
|
|
4138
4182
|
function Uo(t, e) {
|
|
4139
4183
|
t.timeline = e, t.onfinish = null;
|
|
4140
4184
|
}
|
|
4141
|
-
function
|
|
4142
|
-
return !!(typeof t == "function" && Ve() || !t || typeof t == "string" && (t in ar || Ve()) || Yr(t) || Array.isArray(t) && t.every(
|
|
4185
|
+
function wa(t) {
|
|
4186
|
+
return !!(typeof t == "function" && Ve() || !t || typeof t == "string" && (t in ar || Ve()) || Yr(t) || Array.isArray(t) && t.every(wa));
|
|
4143
4187
|
}
|
|
4144
4188
|
const cn = 10, Wf = 2e4;
|
|
4145
4189
|
function $f(t) {
|
|
4146
|
-
return
|
|
4190
|
+
return wn(t.type) || t.type === "spring" || !wa(t.ease);
|
|
4147
4191
|
}
|
|
4148
4192
|
function Hf(t, e) {
|
|
4149
4193
|
const n = new Xr({
|
|
@@ -4593,15 +4637,15 @@ function lm(t) {
|
|
|
4593
4637
|
for (let y = 0; y < im; y++) {
|
|
4594
4638
|
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
4639
|
x === !1 && (m = y);
|
|
4596
|
-
let
|
|
4597
|
-
if (
|
|
4640
|
+
let k = S === c[p] && S !== u[p] && P;
|
|
4641
|
+
if (k && r && t.manuallyAnimateOnMount && (k = !1), v.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
|
|
4598
4642
|
!v.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
|
|
4599
4643
|
!S && !v.prevProp || // Or if the prop doesn't define an animation
|
|
4600
4644
|
xn(S) || typeof S == "boolean")
|
|
4601
4645
|
continue;
|
|
4602
4646
|
const C = cm(v.prevProp, S);
|
|
4603
|
-
let
|
|
4604
|
-
p === l && v.isActive && !
|
|
4647
|
+
let w = C || // If we're making this variant active, we want to always make it active
|
|
4648
|
+
p === l && v.isActive && !k && P || // If we removed a higher-priority variant (i is in reverse order)
|
|
4605
4649
|
y > m && P, A = !1;
|
|
4606
4650
|
const E = Array.isArray(S) ? S : [S];
|
|
4607
4651
|
let R = E.reduce(o(p), {});
|
|
@@ -4610,7 +4654,7 @@ function lm(t) {
|
|
|
4610
4654
|
...M,
|
|
4611
4655
|
...R
|
|
4612
4656
|
}, at = (I) => {
|
|
4613
|
-
|
|
4657
|
+
w = !0, h.has(I) && (A = !0, h.delete(I)), v.needsAnimating[I] = !0;
|
|
4614
4658
|
const z = t.getValue(I);
|
|
4615
4659
|
z && (z.liveStyle = !1);
|
|
4616
4660
|
};
|
|
@@ -4621,7 +4665,7 @@ function lm(t) {
|
|
|
4621
4665
|
let Vt = !1;
|
|
4622
4666
|
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
4667
|
}
|
|
4624
|
-
v.prevProp = S, v.prevResolvedValues = R, v.isActive && (f = { ...f, ...R }), r && t.blockInitialAnimation && (
|
|
4668
|
+
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
4669
|
animation: I,
|
|
4626
4670
|
options: { type: p }
|
|
4627
4671
|
})));
|
|
@@ -4797,19 +4841,19 @@ function Sm(t, e, n) {
|
|
|
4797
4841
|
function Yo(t, e, n, r = 0.5) {
|
|
4798
4842
|
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
4843
|
}
|
|
4800
|
-
function
|
|
4844
|
+
function ke(t, e, n, r) {
|
|
4801
4845
|
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
4846
|
}
|
|
4803
4847
|
function Xo(t, e, n) {
|
|
4804
4848
|
t.min = n.min + e.min, t.max = t.min + nt(e);
|
|
4805
4849
|
}
|
|
4806
|
-
function
|
|
4850
|
+
function km(t, e, n) {
|
|
4807
4851
|
Xo(t.x, e.x, n.x), Xo(t.y, e.y, n.y);
|
|
4808
4852
|
}
|
|
4809
4853
|
function qo(t, e, n) {
|
|
4810
4854
|
t.min = e.min - n.min, t.max = t.min + nt(e);
|
|
4811
4855
|
}
|
|
4812
|
-
function
|
|
4856
|
+
function we(t, e, n) {
|
|
4813
4857
|
qo(t.x, e.x, n.x), qo(t.y, e.y, n.y);
|
|
4814
4858
|
}
|
|
4815
4859
|
const Zo = () => ({
|
|
@@ -4856,7 +4900,7 @@ function Ea(t, { x: e, y: n }) {
|
|
|
4856
4900
|
ur(t.x, e.translate, e.scale, e.originPoint), ur(t.y, n.translate, n.scale, n.originPoint);
|
|
4857
4901
|
}
|
|
4858
4902
|
const es = 0.999999999999, ns = 1.0000000000001;
|
|
4859
|
-
function
|
|
4903
|
+
function wm(t, e, n, r = !1) {
|
|
4860
4904
|
const o = n.length;
|
|
4861
4905
|
if (!o)
|
|
4862
4906
|
return;
|
|
@@ -5425,7 +5469,7 @@ class Hm {
|
|
|
5425
5469
|
Or(this.children, e), this.isDirty = !0;
|
|
5426
5470
|
}
|
|
5427
5471
|
remove(e) {
|
|
5428
|
-
|
|
5472
|
+
kn(this.children, e), this.isDirty = !0;
|
|
5429
5473
|
}
|
|
5430
5474
|
forEach(e) {
|
|
5431
5475
|
this.isDirty && this.children.sort($m), this.isDirty = !1, this.children.forEach(e);
|
|
@@ -5495,13 +5539,13 @@ function Ss(t, e) {
|
|
|
5495
5539
|
function Qm(t, e) {
|
|
5496
5540
|
return Ss(t.x, e.x) && Ss(t.y, e.y);
|
|
5497
5541
|
}
|
|
5498
|
-
function
|
|
5542
|
+
function ks(t, e) {
|
|
5499
5543
|
return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
|
|
5500
5544
|
}
|
|
5501
5545
|
function Ha(t, e) {
|
|
5502
|
-
return
|
|
5546
|
+
return ks(t.x, e.x) && ks(t.y, e.y);
|
|
5503
5547
|
}
|
|
5504
|
-
function
|
|
5548
|
+
function ws(t) {
|
|
5505
5549
|
return nt(t.x) / nt(t.y);
|
|
5506
5550
|
}
|
|
5507
5551
|
function Ts(t, e) {
|
|
@@ -5515,7 +5559,7 @@ class tp {
|
|
|
5515
5559
|
Or(this.members, e), e.scheduleRender();
|
|
5516
5560
|
}
|
|
5517
5561
|
remove(e) {
|
|
5518
|
-
if (
|
|
5562
|
+
if (kn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
|
|
5519
5563
|
const n = this.members[this.members.length - 1];
|
|
5520
5564
|
n && this.promote(n);
|
|
5521
5565
|
}
|
|
@@ -5836,12 +5880,12 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5836
5880
|
if (!(!this.layout || !(c || d))) {
|
|
5837
5881
|
if (this.resolvedRelativeTargetAt = Y.timestamp, !this.targetDelta && !this.relativeTarget) {
|
|
5838
5882
|
const f = this.getClosestProjectingParent();
|
|
5839
|
-
f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = $(), this.relativeTargetOrigin = $(),
|
|
5883
|
+
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
5884
|
}
|
|
5841
|
-
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = $(), this.targetWithTransforms = $()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(),
|
|
5885
|
+
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
5886
|
this.attemptToResolveRelativeTarget = !1;
|
|
5843
5887
|
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 = $(),
|
|
5888
|
+
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
5889
|
}
|
|
5846
5890
|
}
|
|
5847
5891
|
}
|
|
@@ -5863,13 +5907,13 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5863
5907
|
return;
|
|
5864
5908
|
rt(this.layoutCorrected, this.layout.layoutBox);
|
|
5865
5909
|
const d = this.treeScale.x, h = this.treeScale.y;
|
|
5866
|
-
|
|
5910
|
+
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
5911
|
const { target: f } = s;
|
|
5868
5912
|
if (!f) {
|
|
5869
5913
|
this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
|
|
5870
5914
|
return;
|
|
5871
5915
|
}
|
|
5872
|
-
!this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (gs(this.prevProjectionDelta.x, this.projectionDelta.x), gs(this.prevProjectionDelta.y, this.projectionDelta.y)),
|
|
5916
|
+
!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
5917
|
}
|
|
5874
5918
|
hide() {
|
|
5875
5919
|
this.isVisible = !1;
|
|
@@ -5896,7 +5940,7 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5896
5940
|
let S;
|
|
5897
5941
|
this.mixTargetDelta = (P) => {
|
|
5898
5942
|
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 && (
|
|
5943
|
+
_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
5944
|
}, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
|
|
5901
5945
|
}
|
|
5902
5946
|
startAnimation(s) {
|
|
@@ -5933,7 +5977,7 @@ function Ga({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
|
|
|
5933
5977
|
const h = nt(this.layout.layoutBox.y);
|
|
5934
5978
|
l.y.min = s.target.y.min, l.y.max = l.y.min + h;
|
|
5935
5979
|
}
|
|
5936
|
-
rt(a, l), te(a, c),
|
|
5980
|
+
rt(a, l), te(a, c), ke(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
|
|
5937
5981
|
}
|
|
5938
5982
|
}
|
|
5939
5983
|
registerSharedNode(s, a) {
|
|
@@ -6049,9 +6093,9 @@ function sp(t) {
|
|
|
6049
6093
|
h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[d].max = t.relativeTarget[d].min + f);
|
|
6050
6094
|
});
|
|
6051
6095
|
const a = Jt();
|
|
6052
|
-
|
|
6096
|
+
ke(a, r, e.layoutBox);
|
|
6053
6097
|
const l = Jt();
|
|
6054
|
-
s ?
|
|
6098
|
+
s ? ke(l, t.applyTransform(o, !0), e.measuredBox) : ke(l, r, e.layoutBox);
|
|
6055
6099
|
const u = !$a(a);
|
|
6056
6100
|
let c = !1;
|
|
6057
6101
|
if (!t.resumeFrom) {
|
|
@@ -6060,9 +6104,9 @@ function sp(t) {
|
|
|
6060
6104
|
const { snapshot: h, layout: f } = d;
|
|
6061
6105
|
if (h && f) {
|
|
6062
6106
|
const m = $();
|
|
6063
|
-
|
|
6107
|
+
we(m, e.layoutBox, h.layoutBox);
|
|
6064
6108
|
const g = $();
|
|
6065
|
-
|
|
6109
|
+
we(g, r, f.layoutBox), Ha(m, g) || (c = !0), d.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = d);
|
|
6066
6110
|
}
|
|
6067
6111
|
}
|
|
6068
6112
|
}
|
|
@@ -6137,7 +6181,7 @@ function yp(t) {
|
|
|
6137
6181
|
Es(t.x), Es(t.y);
|
|
6138
6182
|
}
|
|
6139
6183
|
function Ka(t, e, n) {
|
|
6140
|
-
return t === "position" || t === "preserve-aspect" && !Sm(
|
|
6184
|
+
return t === "position" || t === "preserve-aspect" && !Sm(ws(e), ws(n), 0.2);
|
|
6141
6185
|
}
|
|
6142
6186
|
function vp(t) {
|
|
6143
6187
|
var e;
|
|
@@ -6200,7 +6244,7 @@ function qa(t, e) {
|
|
|
6200
6244
|
function Ms(t) {
|
|
6201
6245
|
return !(t.pointerType === "touch" || Ba());
|
|
6202
6246
|
}
|
|
6203
|
-
function
|
|
6247
|
+
function kp(t, e, n = {}) {
|
|
6204
6248
|
const [r, o, i] = qa(t, n), s = (a) => {
|
|
6205
6249
|
if (!Ms(a))
|
|
6206
6250
|
return;
|
|
@@ -6222,10 +6266,10 @@ function Fs(t, e, n) {
|
|
|
6222
6266
|
const o = "onHover" + n, i = r[o];
|
|
6223
6267
|
i && L.postRender(() => i(e, $e(e)));
|
|
6224
6268
|
}
|
|
6225
|
-
class
|
|
6269
|
+
class wp extends Bt {
|
|
6226
6270
|
mount() {
|
|
6227
6271
|
const { current: e } = this.node;
|
|
6228
|
-
e && (this.unmount =
|
|
6272
|
+
e && (this.unmount = kp(e, (n, r) => (Fs(this.node, r, "Start"), (o) => Fs(this.node, o, "End"))));
|
|
6229
6273
|
}
|
|
6230
6274
|
unmount() {
|
|
6231
6275
|
}
|
|
@@ -6392,7 +6436,7 @@ const Bp = {
|
|
|
6392
6436
|
Feature: Tp
|
|
6393
6437
|
},
|
|
6394
6438
|
hover: {
|
|
6395
|
-
Feature:
|
|
6439
|
+
Feature: wp
|
|
6396
6440
|
}
|
|
6397
6441
|
}, Op = {
|
|
6398
6442
|
layout: {
|
|
@@ -6401,7 +6445,7 @@ const Bp = {
|
|
|
6401
6445
|
}
|
|
6402
6446
|
}, dn = { current: null }, to = { current: !1 };
|
|
6403
6447
|
function Ja() {
|
|
6404
|
-
if (to.current = !0, !!
|
|
6448
|
+
if (to.current = !0, !!kr)
|
|
6405
6449
|
if (window.matchMedia) {
|
|
6406
6450
|
const t = window.matchMedia("(prefers-reduced-motion)"), e = () => dn.current = t.matches;
|
|
6407
6451
|
t.addListener(e), e();
|
|
@@ -6713,7 +6757,7 @@ class nl extends tl {
|
|
|
6713
6757
|
}
|
|
6714
6758
|
const $p = (t, e) => Mr(t) ? new nl(e) : new el(e, {
|
|
6715
6759
|
allowProjection: t !== oi
|
|
6716
|
-
}), Hp = /* @__PURE__ */
|
|
6760
|
+
}), Hp = /* @__PURE__ */ kh({
|
|
6717
6761
|
...fm,
|
|
6718
6762
|
...Bp,
|
|
6719
6763
|
...Sp,
|
|
@@ -6729,7 +6773,7 @@ function fr(t) {
|
|
|
6729
6773
|
}
|
|
6730
6774
|
function rl(t, e) {
|
|
6731
6775
|
const n = fr(e()), r = () => n.set(e());
|
|
6732
|
-
return r(),
|
|
6776
|
+
return r(), wr(() => {
|
|
6733
6777
|
const o = () => L.preRender(r, !1, !0), i = t.map((s) => s.on("change", o));
|
|
6734
6778
|
return () => {
|
|
6735
6779
|
i.forEach((s) => s()), Pt(r);
|
|
@@ -6793,7 +6837,7 @@ function Ns(t, e, n, r) {
|
|
|
6793
6837
|
function Zp(t, e, n) {
|
|
6794
6838
|
for (let r = 0; r < t.length; r++) {
|
|
6795
6839
|
const o = t[r];
|
|
6796
|
-
o.at > e && o.at < n && (
|
|
6840
|
+
o.at > e && o.at < n && (kn(t, o), r--);
|
|
6797
6841
|
}
|
|
6798
6842
|
}
|
|
6799
6843
|
function Jp(t, e, n, r, o, i) {
|
|
@@ -6828,19 +6872,19 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6828
6872
|
let [g, y, p = {}] = m;
|
|
6829
6873
|
p.at !== void 0 && (d = Ns(d, p.at, c, u));
|
|
6830
6874
|
let v = 0;
|
|
6831
|
-
const S = (P, x,
|
|
6875
|
+
const S = (P, x, k, C = 0, w = 0) => {
|
|
6832
6876
|
const A = og(P), { delay: E = 0, times: R = Sa(A), type: M = "keyframes", repeat: q, repeatType: at, repeatDelay: N = 0, ...F } = x;
|
|
6833
6877
|
let { ease: I = e.ease || "easeOut", duration: z } = x;
|
|
6834
|
-
const Rt = typeof E == "function" ? E(C,
|
|
6878
|
+
const Rt = typeof E == "function" ? E(C, w) : E, Vt = A.length, Ke = wn(M) ? M : o == null ? void 0 : o[M];
|
|
6835
6879
|
if (Vt <= 2 && Ke) {
|
|
6836
6880
|
let U = 100;
|
|
6837
6881
|
if (Vt === 2 && ag(A)) {
|
|
6838
6882
|
const Ot = A[1] - A[0];
|
|
6839
6883
|
U = Math.abs(Ot);
|
|
6840
6884
|
}
|
|
6841
|
-
const
|
|
6842
|
-
z !== void 0 && (
|
|
6843
|
-
const tt = pa(
|
|
6885
|
+
const kt = { ...F };
|
|
6886
|
+
z !== void 0 && (kt.duration = /* @__PURE__ */ it(z));
|
|
6887
|
+
const tt = pa(kt, U, Ke);
|
|
6844
6888
|
I = tt.ease, z = tt.duration;
|
|
6845
6889
|
}
|
|
6846
6890
|
z != null || (z = i);
|
|
@@ -6849,29 +6893,29 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6849
6893
|
const V = R.length - A.length;
|
|
6850
6894
|
if (V > 0 && xa(R, V), A.length === 1 && A.unshift(null), q) {
|
|
6851
6895
|
yt(q < ng, "Repeat count too high, must be less than 20"), z = qp(z, q);
|
|
6852
|
-
const U = [...A],
|
|
6896
|
+
const U = [...A], kt = [...R];
|
|
6853
6897
|
I = Array.isArray(I) ? [...I] : [I];
|
|
6854
6898
|
const tt = [...I];
|
|
6855
6899
|
for (let Ot = 0; Ot < q; Ot++) {
|
|
6856
6900
|
A.push(...U);
|
|
6857
6901
|
for (let Yt = 0; Yt < U.length; Yt++)
|
|
6858
|
-
R.push(
|
|
6902
|
+
R.push(kt[Yt] + (Ot + 1)), I.push(Yt === 0 ? "linear" : ol(tt, Yt - 1));
|
|
6859
6903
|
}
|
|
6860
6904
|
Qp(R, q);
|
|
6861
6905
|
}
|
|
6862
6906
|
const Q = de + z;
|
|
6863
|
-
Jp(
|
|
6907
|
+
Jp(k, A, I, R, de, Q), v = Math.max(Rt + z, v), h = Math.max(Q, h);
|
|
6864
6908
|
};
|
|
6865
6909
|
if (G(g)) {
|
|
6866
6910
|
const P = zs(g, a);
|
|
6867
6911
|
S(y, p, Ws("default", P));
|
|
6868
6912
|
} else {
|
|
6869
6913
|
const P = sl(g, y, r, l), x = P.length;
|
|
6870
|
-
for (let
|
|
6914
|
+
for (let k = 0; k < x; k++) {
|
|
6871
6915
|
y = y, p = p;
|
|
6872
|
-
const C = P[
|
|
6916
|
+
const C = P[k], w = zs(C, a);
|
|
6873
6917
|
for (const A in y)
|
|
6874
|
-
S(y[A], sg(p, A), Ws(A,
|
|
6918
|
+
S(y[A], sg(p, A), Ws(A, w), k, x);
|
|
6875
6919
|
}
|
|
6876
6920
|
}
|
|
6877
6921
|
c = d, d += v;
|
|
@@ -6882,8 +6926,8 @@ function rg(t, { defaultTransition: e = {}, ...n } = {}, r, o) {
|
|
|
6882
6926
|
y.sort(tg);
|
|
6883
6927
|
const p = [], v = [], S = [];
|
|
6884
6928
|
for (let x = 0; x < y.length; x++) {
|
|
6885
|
-
const { at:
|
|
6886
|
-
p.push(C), v.push(/* @__PURE__ */ se(0, h,
|
|
6929
|
+
const { at: k, value: C, easing: w } = y[x];
|
|
6930
|
+
p.push(C), v.push(/* @__PURE__ */ se(0, h, k)), S.push(w || "easeOut");
|
|
6887
6931
|
}
|
|
6888
6932
|
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
6933
|
keyframes: {},
|
|
@@ -7059,7 +7103,7 @@ function xg({
|
|
|
7059
7103
|
}, [t, e]);
|
|
7060
7104
|
}
|
|
7061
7105
|
function Sg(t, e) {
|
|
7062
|
-
const n =
|
|
7106
|
+
const n = wg(t), r = X(!1), o = J(() => {
|
|
7063
7107
|
var i, s, a, l;
|
|
7064
7108
|
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
7109
|
}, [t, n]);
|
|
@@ -7068,7 +7112,7 @@ function Sg(t, e) {
|
|
|
7068
7112
|
!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
7113
|
}, [t, n]), { handleAnimationComplete: o };
|
|
7070
7114
|
}
|
|
7071
|
-
function
|
|
7115
|
+
function kg() {
|
|
7072
7116
|
const [t, e] = Tt({
|
|
7073
7117
|
height: Fe ? 0 : window.innerHeight,
|
|
7074
7118
|
width: Fe ? 0 : window.innerWidth
|
|
@@ -7085,7 +7129,7 @@ function wg() {
|
|
|
7085
7129
|
};
|
|
7086
7130
|
}, []), t;
|
|
7087
7131
|
}
|
|
7088
|
-
function
|
|
7132
|
+
function wg(t) {
|
|
7089
7133
|
const e = X(void 0);
|
|
7090
7134
|
return ct(() => {
|
|
7091
7135
|
e.current = t;
|
|
@@ -7320,7 +7364,7 @@ function Ys(t) {
|
|
|
7320
7364
|
function Xs(t) {
|
|
7321
7365
|
return t instanceof HTMLInputElement && !Mg.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
|
|
7322
7366
|
}
|
|
7323
|
-
const
|
|
7367
|
+
const wt = {
|
|
7324
7368
|
wrapper: {
|
|
7325
7369
|
position: "fixed",
|
|
7326
7370
|
top: 0,
|
|
@@ -7409,13 +7453,13 @@ const kt = {
|
|
|
7409
7453
|
dragCloseThreshold: S = yg,
|
|
7410
7454
|
...P
|
|
7411
7455
|
}, x) => {
|
|
7412
|
-
const
|
|
7456
|
+
const k = X(null), C = fr(0), { height: w } = kg(), A = Yp(), E = !!(y || A), R = {
|
|
7413
7457
|
type: "tween",
|
|
7414
7458
|
...E ? bg : p
|
|
7415
|
-
}, M = fr(
|
|
7459
|
+
}, M = fr(w), q = hn(M, (V) => {
|
|
7416
7460
|
var Q;
|
|
7417
|
-
return V + 2 >=
|
|
7418
|
-
}), at = hn(M, (V) => V + 2 >=
|
|
7461
|
+
return V + 2 >= w ? -1 : (Q = h == null ? void 0 : h.zIndex) != null ? Q : 1300;
|
|
7462
|
+
}), at = hn(M, (V) => V + 2 >= w ? "hidden" : "visible"), N = X({
|
|
7419
7463
|
onOpenStart: t,
|
|
7420
7464
|
onOpenEnd: e,
|
|
7421
7465
|
onCloseStart: r,
|
|
@@ -7430,8 +7474,8 @@ const kt = {
|
|
|
7430
7474
|
};
|
|
7431
7475
|
});
|
|
7432
7476
|
let F = u;
|
|
7433
|
-
F && (F = F.map((V) => V > 0 && V <= 1 ? Math.round(V *
|
|
7434
|
-
Cg(F) ||
|
|
7477
|
+
F && (F = F.map((V) => V > 0 && V <= 1 ? Math.round(V * w) : V < 0 ? w + V : V), console.assert(
|
|
7478
|
+
Cg(F) || w === 0,
|
|
7435
7479
|
`Snap points need to be in descending order got: [${F.join(", ")}]`
|
|
7436
7480
|
));
|
|
7437
7481
|
const I = Gn((V, { delta: Q }) => {
|
|
@@ -7439,18 +7483,18 @@ const kt = {
|
|
|
7439
7483
|
U > 0 && C.set(10), U < 0 && C.set(-10), M.set(Math.max(M.get() + Q.y, 0));
|
|
7440
7484
|
}), z = Gn(() => {
|
|
7441
7485
|
const V = document.activeElement;
|
|
7442
|
-
if (!V || !
|
|
7443
|
-
(V.tagName === "INPUT" || V.tagName === "TEXTAREA") &&
|
|
7486
|
+
if (!V || !k.current) return;
|
|
7487
|
+
(V.tagName === "INPUT" || V.tagName === "TEXTAREA") && k.current.contains(V) && V.blur();
|
|
7444
7488
|
}), Rt = Gn((V, { velocity: Q }) => {
|
|
7445
7489
|
if (Q.y > v)
|
|
7446
7490
|
n();
|
|
7447
7491
|
else {
|
|
7448
|
-
const U =
|
|
7492
|
+
const U = k.current.getBoundingClientRect().height, kt = M.get();
|
|
7449
7493
|
let tt = 0;
|
|
7450
7494
|
if (F) {
|
|
7451
7495
|
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
|
|
7496
|
+
f === "content-height" && !he.includes(0) && he.unshift(0), tt = Us(he, kt);
|
|
7497
|
+
} else kt / U > S && (tt = U);
|
|
7454
7498
|
if (tt = Gs({ snapTo: tt, sheetHeight: U }), $s(M, tt, R), F && i) {
|
|
7455
7499
|
const he = Math.abs(Math.round(F[0] - tt)), Dn = F.indexOf(Us(F, he));
|
|
7456
7500
|
i(Dn);
|
|
@@ -7467,10 +7511,10 @@ const kt = {
|
|
|
7467
7511
|
}, [l]), Wl(x, () => ({
|
|
7468
7512
|
y: M,
|
|
7469
7513
|
snapTo: (V) => {
|
|
7470
|
-
const Q =
|
|
7514
|
+
const Q = k.current;
|
|
7471
7515
|
if ((F == null ? void 0 : F[V]) !== void 0 && Q) {
|
|
7472
|
-
const U = Q.getBoundingClientRect().height,
|
|
7473
|
-
snapTo: U -
|
|
7516
|
+
const U = Q.getBoundingClientRect().height, kt = F[V], tt = Gs({
|
|
7517
|
+
snapTo: U - kt,
|
|
7474
7518
|
sheetHeight: U
|
|
7475
7519
|
});
|
|
7476
7520
|
$s(M, tt, R), i && i(V), tt >= U && n();
|
|
@@ -7479,7 +7523,7 @@ const kt = {
|
|
|
7479
7523
|
})), xg({
|
|
7480
7524
|
y: M,
|
|
7481
7525
|
rootId: c,
|
|
7482
|
-
sheetRef:
|
|
7526
|
+
sheetRef: k
|
|
7483
7527
|
}), Fg({ isDisabled: a || !l });
|
|
7484
7528
|
const Vt = gt(() => g ? void 0 : {
|
|
7485
7529
|
drag: "y",
|
|
@@ -7489,9 +7533,9 @@ const kt = {
|
|
|
7489
7533
|
onDrag: I,
|
|
7490
7534
|
onDragStart: z,
|
|
7491
7535
|
onDragEnd: Rt
|
|
7492
|
-
}, [g,
|
|
7536
|
+
}, [g, w]), Ke = {
|
|
7493
7537
|
y: M,
|
|
7494
|
-
sheetRef:
|
|
7538
|
+
sheetRef: k,
|
|
7495
7539
|
isOpen: l,
|
|
7496
7540
|
initialSnap: m,
|
|
7497
7541
|
snapPoints: F,
|
|
@@ -7499,11 +7543,11 @@ const kt = {
|
|
|
7499
7543
|
indicatorRotation: C,
|
|
7500
7544
|
callbacks: N,
|
|
7501
7545
|
dragProps: Vt,
|
|
7502
|
-
windowHeight:
|
|
7546
|
+
windowHeight: w,
|
|
7503
7547
|
animationOptions: R,
|
|
7504
7548
|
reduceMotion: E,
|
|
7505
7549
|
disableDrag: g
|
|
7506
|
-
}, de = /* @__PURE__ */ b(ll.Provider, { value: Ke, children: /* @__PURE__ */ b(Et.div, { ...P, ref: x, style: { ...
|
|
7550
|
+
}, 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
7551
|
return Fe ? de : Fc(de, d != null ? d : document.body);
|
|
7508
7552
|
}
|
|
7509
7553
|
);
|
|
@@ -7529,7 +7573,7 @@ const fl = _(
|
|
|
7529
7573
|
ref: no([c, o]),
|
|
7530
7574
|
className: `react-modal-sheet-container ${n}`,
|
|
7531
7575
|
style: {
|
|
7532
|
-
...
|
|
7576
|
+
...wt.container,
|
|
7533
7577
|
...e,
|
|
7534
7578
|
...h === "full-height" && { height: v },
|
|
7535
7579
|
...h === "content-height" && { maxHeight: v },
|
|
@@ -7554,7 +7598,7 @@ const ml = _(
|
|
|
7554
7598
|
...o,
|
|
7555
7599
|
ref: no([i, l]),
|
|
7556
7600
|
className: `react-modal-sheet-content ${r}`,
|
|
7557
|
-
style: { ...
|
|
7601
|
+
style: { ...wt.content, ...e },
|
|
7558
7602
|
...c,
|
|
7559
7603
|
dragConstraints: l,
|
|
7560
7604
|
onMeasureDragConstraints: u,
|
|
@@ -7571,23 +7615,23 @@ const pl = _(({ children: t, style: e, disableDrag: n, ...r }, o) => {
|
|
|
7571
7615
|
{
|
|
7572
7616
|
...r,
|
|
7573
7617
|
ref: no([o, a]),
|
|
7574
|
-
style: { ...
|
|
7618
|
+
style: { ...wt.headerWrapper, ...e },
|
|
7575
7619
|
...u,
|
|
7576
7620
|
dragConstraints: a,
|
|
7577
7621
|
onMeasureDragConstraints: l,
|
|
7578
|
-
children: t || /* @__PURE__ */ D("div", { className: "react-modal-sheet-header", style:
|
|
7622
|
+
children: t || /* @__PURE__ */ D("div", { className: "react-modal-sheet-header", style: wt.header, children: [
|
|
7579
7623
|
/* @__PURE__ */ b(
|
|
7580
7624
|
Et.span,
|
|
7581
7625
|
{
|
|
7582
7626
|
className: "react-modal-sheet-drag-indicator",
|
|
7583
|
-
style: { ...
|
|
7627
|
+
style: { ...wt.indicator, transform: c }
|
|
7584
7628
|
}
|
|
7585
7629
|
),
|
|
7586
7630
|
/* @__PURE__ */ b(
|
|
7587
7631
|
Et.span,
|
|
7588
7632
|
{
|
|
7589
7633
|
className: "react-modal-sheet-drag-indicator",
|
|
7590
|
-
style: { ...
|
|
7634
|
+
style: { ...wt.indicator, transform: d }
|
|
7591
7635
|
}
|
|
7592
7636
|
)
|
|
7593
7637
|
] })
|
|
@@ -7603,7 +7647,7 @@ const qs = (t) => !!t.onClick || !!t.onTap, gl = _(({ style: t = {}, className:
|
|
|
7603
7647
|
...n,
|
|
7604
7648
|
ref: r,
|
|
7605
7649
|
className: `react-modal-sheet-backdrop ${e}`,
|
|
7606
|
-
style: { ...
|
|
7650
|
+
style: { ...wt.backdrop, ...t, pointerEvents: i },
|
|
7607
7651
|
initial: { opacity: 0 },
|
|
7608
7652
|
animate: { opacity: 1 },
|
|
7609
7653
|
exit: { opacity: 0 }
|
|
@@ -7633,7 +7677,7 @@ const bl = _(
|
|
|
7633
7677
|
...o,
|
|
7634
7678
|
ref: i,
|
|
7635
7679
|
className: `react-modal-sheet-scroller ${r}`,
|
|
7636
|
-
style: { ...
|
|
7680
|
+
style: { ...wt.scroller, ...n },
|
|
7637
7681
|
...c,
|
|
7638
7682
|
children: e
|
|
7639
7683
|
}
|
|
@@ -7971,7 +8015,7 @@ const Og = ht({
|
|
|
7971
8015
|
color: "neutral",
|
|
7972
8016
|
avatar: !1
|
|
7973
8017
|
}
|
|
7974
|
-
}),
|
|
8018
|
+
}), kl = _(({ imageSrc: t, text: e, onDeleteClick: n, ...r }, o) => {
|
|
7975
8019
|
const i = B(Ut.div, $g), s = (a) => {
|
|
7976
8020
|
a.stopPropagation(), n && n();
|
|
7977
8021
|
};
|
|
@@ -7988,8 +8032,8 @@ const Og = ht({
|
|
|
7988
8032
|
n ? /* @__PURE__ */ b(Lc, { size: 12, onClick: s, className: bt({ cursor: "pointer" }) }) : null
|
|
7989
8033
|
] });
|
|
7990
8034
|
});
|
|
7991
|
-
|
|
7992
|
-
const sy = ie(
|
|
8035
|
+
kl.displayName = "Tag";
|
|
8036
|
+
const sy = ie(kl), wl = ht({
|
|
7993
8037
|
className: "input",
|
|
7994
8038
|
slots: ["inputContainer", "requiredStar", "description", "label", "textLengthIndicator", "adornment"],
|
|
7995
8039
|
base: {
|
|
@@ -8226,13 +8270,13 @@ const sy = ie(wl), kl = ht({
|
|
|
8226
8270
|
fontSize: y,
|
|
8227
8271
|
...p
|
|
8228
8272
|
}, v) => {
|
|
8229
|
-
const S =
|
|
8273
|
+
const S = wl({
|
|
8230
8274
|
variant: s,
|
|
8231
8275
|
color: a,
|
|
8232
8276
|
radius: l,
|
|
8233
8277
|
removeBorder: m,
|
|
8234
8278
|
error: g
|
|
8235
|
-
}), P = X(null), x = v || P,
|
|
8279
|
+
}), P = X(null), x = v || P, k = J(
|
|
8236
8280
|
(R) => {
|
|
8237
8281
|
if (e) return;
|
|
8238
8282
|
const { value: M } = R.target;
|
|
@@ -8241,7 +8285,7 @@ const sy = ie(wl), kl = ht({
|
|
|
8241
8285
|
[e, u, i]
|
|
8242
8286
|
), C = J(() => {
|
|
8243
8287
|
e || x.current && x.current.focus();
|
|
8244
|
-
}, [e, x]),
|
|
8288
|
+
}, [e, x]), w = J(
|
|
8245
8289
|
() => /* @__PURE__ */ b("span", { className: S.requiredStar, "aria-hidden": "true", children: "*" }),
|
|
8246
8290
|
[S.requiredStar]
|
|
8247
8291
|
), A = J(
|
|
@@ -8250,9 +8294,9 @@ const sy = ie(wl), kl = ht({
|
|
|
8250
8294
|
), E = J(
|
|
8251
8295
|
({ visible: R, children: M }) => R ? /* @__PURE__ */ D("label", { className: S.label, children: [
|
|
8252
8296
|
M,
|
|
8253
|
-
t && /* @__PURE__ */ b(
|
|
8297
|
+
t && /* @__PURE__ */ b(w, {})
|
|
8254
8298
|
] }) : null,
|
|
8255
|
-
[S.label, t,
|
|
8299
|
+
[S.label, t, w]
|
|
8256
8300
|
);
|
|
8257
8301
|
return /* @__PURE__ */ D(yi, { gap: 1, className: "group", "data-disabled": e || void 0, css: { width: "100%" }, children: [
|
|
8258
8302
|
/* @__PURE__ */ b(E, { visible: !!(n && o === "outside"), children: n }),
|
|
@@ -8266,7 +8310,7 @@ const sy = ie(wl), kl = ht({
|
|
|
8266
8310
|
{
|
|
8267
8311
|
ref: x,
|
|
8268
8312
|
disabled: e,
|
|
8269
|
-
onChange:
|
|
8313
|
+
onChange: k,
|
|
8270
8314
|
style: { ...p == null ? void 0 : p.style, fontSize: `${y}px` },
|
|
8271
8315
|
...p
|
|
8272
8316
|
}
|
|
@@ -8299,14 +8343,14 @@ const iy = ie(Tl), Pl = _(
|
|
|
8299
8343
|
error: g,
|
|
8300
8344
|
...y
|
|
8301
8345
|
}, p) => {
|
|
8302
|
-
const [v, S] = Tt((t == null ? void 0 : t.toString().length) || 0), [P, x] = Tt(t),
|
|
8346
|
+
const [v, S] = Tt((t == null ? void 0 : t.toString().length) || 0), [P, x] = Tt(t), k = wl({
|
|
8303
8347
|
variant: c,
|
|
8304
8348
|
color: l,
|
|
8305
8349
|
radius: u,
|
|
8306
8350
|
isTextArea: !0,
|
|
8307
8351
|
removeBorder: m,
|
|
8308
8352
|
error: g
|
|
8309
|
-
}), C = X(null),
|
|
8353
|
+
}), C = X(null), w = p || C, A = J(
|
|
8310
8354
|
(N) => {
|
|
8311
8355
|
if (n) return;
|
|
8312
8356
|
const { value: F } = N.target;
|
|
@@ -8314,20 +8358,20 @@ const iy = ie(Tl), Pl = _(
|
|
|
8314
8358
|
},
|
|
8315
8359
|
[n, d, s, a]
|
|
8316
8360
|
), E = J(() => {
|
|
8317
|
-
n ||
|
|
8318
|
-
}, [n,
|
|
8319
|
-
() => /* @__PURE__ */ b("span", { className:
|
|
8320
|
-
[
|
|
8361
|
+
n || w.current && w.current.focus();
|
|
8362
|
+
}, [n, w]), R = J(
|
|
8363
|
+
() => /* @__PURE__ */ b("span", { className: k.requiredStar, "aria-hidden": "true", children: "*" }),
|
|
8364
|
+
[k.requiredStar]
|
|
8321
8365
|
), M = J(
|
|
8322
|
-
({ children: N }) => /* @__PURE__ */ b("span", { className:
|
|
8323
|
-
[
|
|
8366
|
+
({ children: N }) => /* @__PURE__ */ b("span", { className: k.description, children: N }),
|
|
8367
|
+
[k.description]
|
|
8324
8368
|
), q = J(
|
|
8325
|
-
({ visible: N, children: F }) => N ? /* @__PURE__ */ D("label", { className:
|
|
8369
|
+
({ visible: N, children: F }) => N ? /* @__PURE__ */ D("label", { className: k.label, children: [
|
|
8326
8370
|
F,
|
|
8327
8371
|
e && /* @__PURE__ */ b(R, {})
|
|
8328
8372
|
] }) : null,
|
|
8329
|
-
[
|
|
8330
|
-
), at = ({ count: N, limit: F }) => /* @__PURE__ */ b("span", { className:
|
|
8373
|
+
[k.label, e, R]
|
|
8374
|
+
), at = ({ count: N, limit: F }) => /* @__PURE__ */ b("span", { className: k.textLengthIndicator, children: `${N}${F ? ` / ${F}` : ""}` });
|
|
8331
8375
|
return ct(() => {
|
|
8332
8376
|
const N = t == null ? void 0 : t.toString().slice(0, s);
|
|
8333
8377
|
x(N), S((N == null ? void 0 : N.length) || 0);
|
|
@@ -8337,12 +8381,12 @@ const iy = ie(Tl), Pl = _(
|
|
|
8337
8381
|
xr,
|
|
8338
8382
|
{
|
|
8339
8383
|
gap: 1,
|
|
8340
|
-
className: K(
|
|
8384
|
+
className: K(k.inputContainer, h),
|
|
8341
8385
|
onClick: E,
|
|
8342
8386
|
css: f,
|
|
8343
8387
|
children: [
|
|
8344
8388
|
/* @__PURE__ */ b(q, { visible: !!(r && i === "inside"), children: r }),
|
|
8345
|
-
/* @__PURE__ */ b("textarea", { ref:
|
|
8389
|
+
/* @__PURE__ */ b("textarea", { ref: w, value: P, disabled: n, onChange: A, ...y }),
|
|
8346
8390
|
a && /* @__PURE__ */ b(at, { count: v, limit: s })
|
|
8347
8391
|
]
|
|
8348
8392
|
}
|
|
@@ -8392,7 +8436,7 @@ const ay = ie(Pl), Hg = ht({
|
|
|
8392
8436
|
cursor: "not-allowed"
|
|
8393
8437
|
},
|
|
8394
8438
|
_hover: {
|
|
8395
|
-
color: "content.neutral.
|
|
8439
|
+
color: "content.neutral.bold"
|
|
8396
8440
|
},
|
|
8397
8441
|
_selected: {
|
|
8398
8442
|
color: "content.neutral.bold"
|
|
@@ -9044,11 +9088,11 @@ const ab = Ml(hc, "root"), lb = Ge(
|
|
|
9044
9088
|
}), { withProvider: Fl, withContext: Vn } = It(fb);
|
|
9045
9089
|
Fl(xc, "root");
|
|
9046
9090
|
const mb = Fl(Sc, "root"), pb = Vn(
|
|
9047
|
-
|
|
9091
|
+
kc,
|
|
9048
9092
|
"control"
|
|
9049
9093
|
);
|
|
9050
9094
|
Vn(
|
|
9051
|
-
|
|
9095
|
+
wc,
|
|
9052
9096
|
"group"
|
|
9053
9097
|
);
|
|
9054
9098
|
const Js = Vn(
|
|
@@ -9220,7 +9264,7 @@ const yb = () => /* @__PURE__ */ D("svg", { viewBox: "0 0 14 14", fill: "none",
|
|
|
9220
9264
|
}
|
|
9221
9265
|
}), { withProvider: Ll, withContext: so } = It(xb);
|
|
9222
9266
|
Ll(_c, "root");
|
|
9223
|
-
const Sb = Ll(Rc, "root"),
|
|
9267
|
+
const Sb = Ll(Rc, "root"), kb = so(
|
|
9224
9268
|
Vc,
|
|
9225
9269
|
"control"
|
|
9226
9270
|
);
|
|
@@ -9228,11 +9272,11 @@ so(
|
|
|
9228
9272
|
Dc,
|
|
9229
9273
|
"label"
|
|
9230
9274
|
);
|
|
9231
|
-
const
|
|
9275
|
+
const wb = so(
|
|
9232
9276
|
Ec,
|
|
9233
9277
|
"thumb"
|
|
9234
9278
|
), Tb = _((t, e) => /* @__PURE__ */ D(Sb, { ref: e, ...t, children: [
|
|
9235
|
-
/* @__PURE__ */ b(
|
|
9279
|
+
/* @__PURE__ */ b(kb, { children: /* @__PURE__ */ b(wb, {}) }),
|
|
9236
9280
|
/* @__PURE__ */ b(Mc, {})
|
|
9237
9281
|
] }));
|
|
9238
9282
|
Tb.displayName = "Switch";
|
|
@@ -9497,7 +9541,7 @@ const Rb = {
|
|
|
9497
9541
|
"100%": { transform: "rotate(360deg)" }
|
|
9498
9542
|
}
|
|
9499
9543
|
};
|
|
9500
|
-
var Db = { colors: { content: { neutral: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } }, default: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, subtle: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.900}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.500}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.600}" } }, default_inverse: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } }, default_inverse: { value: { base: "{colors.purple.800}", _dark: "{colors.purple.800}" } } }, danger: { default: { value: { base: "{colors.red.600}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.600}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.600}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.600}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } }, default_inverse: { value: { base: "{colors.ohre.1000}", _dark: "{colors.ohre.1000}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } }, default_inverse: { value: { base: "{colors.cyan.1000}", _dark: "{colors.cyan.1000}" } } }, static: { white: { bold: { value: { base: "{colors.neutral.1200}", _dark: "{colors.neutral.1200}" } }, default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.1050}" } }, subtle: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.1000}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } }, black: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.200}" } }, subtle: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.400}" } }, subtlest: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.600}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } }, default_inverse: { value: { base: "{colors.yellow.1000}", _dark: "{colors.yellow.1000}" } } }, neutralInverse: { bold: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.600}" } }, subtlest: { value: { base: "{colors.neutral.500}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.800}" } }, default_inverse: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } } } }, background: { neutral: { default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } }, selected: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.400}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.600}" } }, selected: { value: { base: "{colors.purple.400}", _dark: "{colors.purple.700}" } } }, neuroidSecondary: { default: { value: { base: "{colors.purple.200}", _dark: "{colors.purple.300}" } }, selected: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.300}", _dark: "{colors.red.700}" } }, selected: { value: { base: "{colors.red.400}", _dark: "{colors.red.800}" } } }, warning: { default: { value: { base: "{colors.orange.300}", _dark: "{colors.orange.700}" } }, selected: { value: { base: "{colors.orange.400}", _dark: "{colors.orange.800}" } } }, success: { default: { value: { base: "{colors.green.300}", _dark: "{colors.green.700}" } }, selected: { value: { base: "{colors.green.400}", _dark: "{colors.green.800}" } } }, informative: { default: { value: { base: "{colors.blue.300}", _dark: "{colors.blue.700}" } }, selected: { value: { base: "{colors.blue.400}", _dark: "{colors.blue.800}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.400}", _dark: "{colors.ohre.400}" } }, selected: { value: { base: "{colors.ohre.500}", _dark: "{colors.ohre.500}" } } }, zoltarinaSecondary: { default: { value: { base: "{colors.ohre.200}", _dark: "{colors.ohre.200}" } }, selected: { value: { base: "{colors.ohre.300}", _dark: "{colors.ohre.300}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.500}", _dark: "{colors.cyan.500}" } }, selected: { value: { base: "{colors.cyan.600}", _dark: "{colors.cyan.600}" } } }, heydSecondary: { default: { value: { base: "{colors.cyan.200}", _dark: "{colors.cyan.200}" } }, selected: { value: { base: "{colors.cyan.300}", _dark: "{colors.cyan.300}" } } }, static: { whiteAlpha: { bold: { value: { base: "{colors.white.800A}", _dark: "{colors.white.800A}" } }, default: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } }, selected: { value: { base: "{colors.white.600A}", _dark: "{colors.white.600A}" } }, disabled: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } } }, blackAlpha: { bold: { value: { base: "{colors.black.700A}", _dark: "{colors.black.700A}" } }, default: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } }, selected: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } }, disabled: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.500}", _dark: "{colors.yellow.500}" } }, selected: { value: { base: "{colors.yellow.600}", _dark: "{colors.yellow.600}" } } }, neutralInverse: { default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.1050}" } }, selected: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, disabled: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.1000}" } } }, v3: { default: { value: { base: "#404040", _dark: "#404040" } } } }, surface: { base: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, layer_1: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.100}" } }, layer_2: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } } }, shadow: { overlay: { value: { base: "{colors.black.100A}", _dark: "{colors.black.400A}" } }, raised: { value: { base: "{colors.black.400A}", _dark: "{colors.black.600A}" } } }, scrim: { default: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } } }, skeleton: { default: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.100}" } }, subtle: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.200}" } } }, border: { neutral: { default: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.400}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.200}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.500}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.500}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.500}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.500}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } } } } }, shadows: { raised: { value: "0px 1px 3px 0px {colors.shadow.raised}" }, overlay: { value: "0px 20px 25px -5px {colors.shadow.overlay}" } } }, Eb = { body: { md: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "md", lineHeight: "xl", letterSpacing: "3xl" } }, sm: { value: { fontSize: "xs", fontWeight: "regular", fontFamily: "notoSans", lineHeight: "md", letterSpacing: "3xl" } } }, label: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "xs", lineHeight: "md", letterSpacing: "3xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } } }, title: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "2xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "md", lineHeight: "xl", letterSpacing: "xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "semibold", fontSize: "lg", lineHeight: "2xl", letterSpacing: "xl" } } }, headline: { sm: { value: { fontFamily: "inter", fontWeight: "semibold", fontSize: "xl", lineHeight: "2xl", letterSpacing: "lg" } }, md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "2xl", lineHeight: "3xl", letterSpacing: "md" } } }, display: { md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "3xl", lineHeight: "4xl", letterSpacing: "sm" } }, lg: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "4xl", lineHeight: "5xl", letterSpacing: "xs" } } }, en: { title: { main: { 22: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "22px", letterSpacing: "3xl" } } }, 24: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "24px", letterSpacing: "3xl" } } }, 30: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "30px", letterSpacing: "2xl" } } }, 56: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } }, 18: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "18px", letterSpacing: "3xl" } } }, 20: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "20px", letterSpacing: "3xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } } } }, body: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } }, kr: { title: { main: { 22: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "22px", letterSpacing: "2xl" } } }, 24: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "24px", letterSpacing: "2xl" } } }, 30: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "30px", letterSpacing: "xl" } } }, 56: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "2xl" } } }, 18: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "18px", letterSpacing: "2xl" } } }, 20: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "20px", letterSpacing: "2xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } } } }, body: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } } }, ti = { semantic: Db, textStyles: Eb };
|
|
9544
|
+
var Db = { colors: { content: { neutral: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } }, default: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, subtle: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.900}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.500}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.600}" } }, default_inverse: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } }, default_inverse: { value: { base: "{colors.purple.800}", _dark: "{colors.purple.800}" } } }, danger: { default: { value: { base: "{colors.red.600}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.600}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.600}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.600}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } }, default_inverse: { value: { base: "{colors.ohre.1000}", _dark: "{colors.ohre.1000}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } }, default_inverse: { value: { base: "{colors.cyan.1000}", _dark: "{colors.cyan.1000}" } } }, static: { white: { bold: { value: { base: "{colors.neutral.1200}", _dark: "{colors.neutral.1200}" } }, default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.1050}" } }, subtle: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.1000}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } }, black: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.200}" } }, subtle: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.400}" } }, subtlest: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.600}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } }, default_inverse: { value: { base: "{colors.yellow.1000}", _dark: "{colors.yellow.1000}" } } }, neutralInverse: { bold: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.600}" } }, subtlest: { value: { base: "{colors.neutral.500}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.800}" } }, default_inverse: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } } } }, background: { neutral: { default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } }, selected: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.400}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.600}" } }, selected: { value: { base: "{colors.purple.400}", _dark: "{colors.purple.700}" } } }, neuroidSecondary: { default: { value: { base: "{colors.purple.200}", _dark: "{colors.purple.300}" } }, selected: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.300}", _dark: "{colors.red.700}" } }, selected: { value: { base: "{colors.red.400}", _dark: "{colors.red.800}" } } }, warning: { default: { value: { base: "{colors.orange.300}", _dark: "{colors.orange.700}" } }, selected: { value: { base: "{colors.orange.400}", _dark: "{colors.orange.800}" } } }, success: { default: { value: { base: "{colors.green.300}", _dark: "{colors.green.700}" } }, selected: { value: { base: "{colors.green.400}", _dark: "{colors.green.800}" } } }, informative: { default: { value: { base: "{colors.blue.300}", _dark: "{colors.blue.700}" } }, selected: { value: { base: "{colors.blue.400}", _dark: "{colors.blue.800}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.400}", _dark: "{colors.ohre.400}" } }, selected: { value: { base: "{colors.ohre.500}", _dark: "{colors.ohre.500}" } } }, zoltarinaSecondary: { default: { value: { base: "{colors.ohre.200}", _dark: "{colors.ohre.200}" } }, selected: { value: { base: "{colors.ohre.300}", _dark: "{colors.ohre.300}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.500}", _dark: "{colors.cyan.500}" } }, selected: { value: { base: "{colors.cyan.600}", _dark: "{colors.cyan.600}" } } }, heydSecondary: { default: { value: { base: "{colors.cyan.200}", _dark: "{colors.cyan.200}" } }, selected: { value: { base: "{colors.cyan.300}", _dark: "{colors.cyan.300}" } } }, static: { whiteAlpha: { bold: { value: { base: "{colors.white.800A}", _dark: "{colors.white.800A}" } }, default: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } }, selected: { value: { base: "{colors.white.600A}", _dark: "{colors.white.600A}" } }, disabled: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } } }, blackAlpha: { bold: { value: { base: "{colors.black.700A}", _dark: "{colors.black.700A}" } }, default: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } }, selected: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } }, disabled: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.500}", _dark: "{colors.yellow.500}" } }, selected: { value: { base: "{colors.yellow.600}", _dark: "{colors.yellow.600}" } } }, neutralInverse: { default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.1050}" } }, selected: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, disabled: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.1000}" } } }, v3: { default: { value: { base: "#404040", _dark: "#404040" } } } }, surface: { base: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, layer_1: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.100}" } }, layer_2: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } } }, shadow: { overlay: { value: { base: "{colors.black.100A}", _dark: "{colors.black.400A}" } }, raised: { value: { base: "{colors.black.400A}", _dark: "{colors.black.600A}" } } }, scrim: { default: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } } }, skeleton: { default: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.100}" } }, subtle: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.200}" } } }, border: { neutral: { default: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.400}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.200}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.500}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.500}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.500}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.500}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } } } } }, shadows: { raised: { value: "0px 1px 3px 0px {colors.shadow.raised}" }, overlay: { value: "0px 20px 25px -5px {colors.shadow.overlay}" } } }, Eb = { body: { md: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "md", lineHeight: "xl", letterSpacing: "3xl" } }, sm: { value: { fontSize: "xs", fontWeight: "regular", fontFamily: "notoSans", lineHeight: "md", letterSpacing: "3xl" } } }, label: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "xs", lineHeight: "md", letterSpacing: "3xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } } }, title: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "2xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "md", lineHeight: "xl", letterSpacing: "xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "semibold", fontSize: "lg", lineHeight: "2xl", letterSpacing: "xl" } } }, headline: { sm: { value: { fontFamily: "inter", fontWeight: "semibold", fontSize: "xl", lineHeight: "2xl", letterSpacing: "lg" } }, md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "2xl", lineHeight: "3xl", letterSpacing: "md" } } }, display: { md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "3xl", lineHeight: "4xl", letterSpacing: "sm" } }, lg: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "4xl", lineHeight: "5xl", letterSpacing: "xs" } } }, en: { title: { main: { 22: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "22px", letterSpacing: "3xl" } } }, 24: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "24px", letterSpacing: "3xl" } } }, 30: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "30px", letterSpacing: "2xl" } } }, 56: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } }, 18: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "18px", letterSpacing: "3xl" } } }, 20: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "20px", letterSpacing: "3xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } } } }, body: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } } } }, label: { caption: { 10: { regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } }, kr: { title: { main: { 22: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "22px", letterSpacing: "2xl" } } }, 24: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "24px", letterSpacing: "2xl" } } }, 30: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "30px", letterSpacing: "xl" } } }, 56: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "2xl" } } }, 18: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "18px", letterSpacing: "2xl" } } }, 20: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "20px", letterSpacing: "2xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } } } }, body: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } } } } }, label: { caption: { 10: { regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } }, semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } } }, ti = { semantic: Db, textStyles: Eb };
|
|
9501
9545
|
const Mb = {
|
|
9502
9546
|
extend: {
|
|
9503
9547
|
collapsed: '&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',
|