@sanity/ui 4.0.6 → 4.0.7
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/{arrow-BBpqkhzC.js → arrow-CL8xmdbg.js} +2 -2
- package/dist/{arrow-BBpqkhzC.js.map → arrow-CL8xmdbg.js.map} +1 -1
- package/dist/autocomplete.js +6 -6
- package/dist/autocomplete.js.map +1 -1
- package/dist/breadcrumbs.js +6 -6
- package/dist/breadcrumbs.js.map +1 -1
- package/dist/{button-DPIMguMh.js → button-DQH2KIbq.js} +5 -5
- package/dist/{button-DPIMguMh.js.map → button-DQH2KIbq.js.map} +1 -1
- package/dist/code.js +2 -2
- package/dist/code.js.map +1 -1
- package/dist/{codeFontStyle-DHrcV3wD.js → codeFontStyle-84SMhFtI.js} +2 -2
- package/dist/{codeFontStyle-DHrcV3wD.js.map → codeFontStyle-84SMhFtI.js.map} +1 -1
- package/dist/{flex-CDMKJ54v.js → flex-CySCBzQm.js} +3 -3
- package/dist/{flex-CDMKJ54v.js.map → flex-CySCBzQm.js.map} +1 -1
- package/dist/{grid-CFhbAO8d.js → grid-I2TNptX-.js} +3 -3
- package/dist/{grid-CFhbAO8d.js.map → grid-I2TNptX-.js.map} +1 -1
- package/dist/{helpers-CmuDTEVl.js → helpers-C8xxXAQC.js} +6 -3
- package/dist/helpers-C8xxXAQC.js.map +1 -0
- package/dist/{hotkeys-B8-FMlBd.js → hotkeys-BPlacpG8.js} +4 -4
- package/dist/{hotkeys-B8-FMlBd.js.map → hotkeys-BPlacpG8.js.map} +1 -1
- package/dist/index.js +13 -13
- package/dist/index.js.map +1 -1
- package/dist/{layer-BQuAIq9M.js → layer-DGn7KJIB.js} +3 -3
- package/dist/{layer-BQuAIq9M.js.map → layer-DGn7KJIB.js.map} +1 -1
- package/dist/menu.js +7 -7
- package/dist/menu.js.map +1 -1
- package/dist/{popover-dCgSQgsm.js → popover-CEbjxiPx.js} +22 -32
- package/dist/popover-CEbjxiPx.js.map +1 -0
- package/dist/popover.js +1 -1
- package/dist/{responsiveFont-CYyTL7C5.js → responsiveFont-CilwaORG.js} +2 -2
- package/dist/{responsiveFont-CYyTL7C5.js.map → responsiveFont-CilwaORG.js.map} +1 -1
- package/dist/{stack-BKKeh5M0.js → stack-BGFEokua.js} +4 -4
- package/dist/{stack-BKKeh5M0.js.map → stack-BGFEokua.js.map} +1 -1
- package/dist/{textInput-Cp2Jvgw1.js → textInput-B6ZZJSOj.js} +5 -5
- package/dist/{textInput-Cp2Jvgw1.js.map → textInput-B6ZZJSOj.js.map} +1 -1
- package/dist/toast.js +5 -5
- package/dist/toast.js.map +1 -1
- package/dist/tooltip.js +14 -24
- package/dist/tooltip.js.map +1 -1
- package/dist/{useClickOutsideEvent-CQ40LrHo.js → useClickOutsideEvent-wGLGWBZN.js} +2 -2
- package/dist/{useClickOutsideEvent-CQ40LrHo.js.map → useClickOutsideEvent-wGLGWBZN.js.map} +1 -1
- package/dist/{useLayer-DzgZ2cTe.js → useLayer-jUJIz8mh.js} +2 -2
- package/dist/{useLayer-DzgZ2cTe.js.map → useLayer-jUJIz8mh.js.map} +1 -1
- package/package.json +10 -10
- package/dist/helpers-CmuDTEVl.js.map +0 -1
- package/dist/popover-dCgSQgsm.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { c as POPOVER_MOTION_PROPS, n as _getArrayProp } from "./helpers-
|
|
2
|
-
import { _ as useTheme_v2, i as usePrefersReducedMotion, n as LayerProvider, o as useMediaIndex, s as Card, t as useLayer } from "./useLayer-
|
|
3
|
-
import { t as Flex } from "./flex-
|
|
1
|
+
import { c as POPOVER_MOTION_PROPS, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
|
|
2
|
+
import { _ as useTheme_v2, i as usePrefersReducedMotion, n as LayerProvider, o as useMediaIndex, s as Card, t as useLayer } from "./useLayer-jUJIz8mh.js";
|
|
3
|
+
import { t as Flex } from "./flex-CySCBzQm.js";
|
|
4
4
|
import { t as useElementSize } from "./useElementSize-BJvbGHq8.js";
|
|
5
5
|
import { n as AnimateActivity, r as origin, t as getElementRef } from "./getElementRef-5HZQ-Owu.js";
|
|
6
|
-
import { a as useBoundaryElement, n as Portal, t as Arrow } from "./arrow-
|
|
6
|
+
import { a as useBoundaryElement, n as Portal, t as Arrow } from "./arrow-CL8xmdbg.js";
|
|
7
7
|
import { c } from "react/compiler-runtime";
|
|
8
8
|
import { Activity, cloneElement, useEffect, useImperativeHandle, useRef, useState } from "react";
|
|
9
9
|
import { styled } from "styled-components";
|
|
@@ -107,13 +107,13 @@ function calcMaxWidth(params) {
|
|
|
107
107
|
}
|
|
108
108
|
const MotionCard = styled(motion.create(Card)).withConfig({
|
|
109
109
|
displayName: "MotionCard",
|
|
110
|
-
componentId: "sc-
|
|
110
|
+
componentId: "sc-x815ar-0"
|
|
111
111
|
})`&:not([hidden]){display:flex;}flex-direction:column;width:max-content;min-width:min-content;will-change:transform;`;
|
|
112
112
|
/**
|
|
113
113
|
* @internal
|
|
114
114
|
*/
|
|
115
115
|
function PopoverCard(props) {
|
|
116
|
-
let $ = c(
|
|
116
|
+
let $ = c(59), animate, arrow, arrowRef, arrowX, arrowY, children, marginsProp, originX, originY, overflow, padding, placement, radius, ref, restProps, scheme, shadow, strategy, style, tone, width, xProp, yProp;
|
|
117
117
|
$[0] === props ? (animate = $[1], arrow = $[2], arrowRef = $[3], arrowX = $[4], arrowY = $[5], children = $[6], marginsProp = $[7], originX = $[8], originY = $[9], overflow = $[10], padding = $[11], placement = $[12], radius = $[13], ref = $[14], restProps = $[15], scheme = $[16], shadow = $[17], strategy = $[18], style = $[19], tone = $[20], width = $[21], xProp = $[22], yProp = $[23]) : ({__unstable_margins: marginsProp, animate, arrow, arrowRef, arrowX, arrowY, children, padding, placement, originX, originY, overflow, radius, ref, scheme, shadow, strategy, style, tone, width, x: xProp, y: yProp, ...restProps} = props, $[0] = props, $[1] = animate, $[2] = arrow, $[3] = arrowRef, $[4] = arrowX, $[5] = arrowY, $[6] = children, $[7] = marginsProp, $[8] = originX, $[9] = originY, $[10] = overflow, $[11] = padding, $[12] = placement, $[13] = radius, $[14] = ref, $[15] = restProps, $[16] = scheme, $[17] = shadow, $[18] = strategy, $[19] = style, $[20] = tone, $[21] = width, $[22] = xProp, $[23] = yProp);
|
|
118
118
|
let { zIndex } = useLayer(), margins = marginsProp || DEFAULT_POPOVER_MARGINS, x = (xProp ?? 0) + margins[3], y = (yProp ?? 0) + margins[0], t0 = animate ? "transform" : void 0, t1;
|
|
119
119
|
$[24] !== originX || $[25] !== originY || $[26] !== strategy || $[27] !== style || $[28] !== t0 || $[29] !== width || $[30] !== x || $[31] !== y || $[32] !== zIndex ? (t1 = {
|
|
@@ -134,37 +134,31 @@ function PopoverCard(props) {
|
|
|
134
134
|
right: void 0,
|
|
135
135
|
bottom: void 0
|
|
136
136
|
}, $[34] = t2, $[35] = t3, $[36] = t4) : t4 = $[36];
|
|
137
|
-
let arrowStyle = t4, t5;
|
|
138
|
-
$[37]
|
|
139
|
-
let t6;
|
|
140
|
-
$[39] === animate ? t6 = $[40] : (t6 = animate ? ["visible", "scaleIn"] : void 0, $[39] = animate, $[40] = t6);
|
|
141
|
-
let t7;
|
|
142
|
-
$[41] === animate ? t7 = $[42] : (t7 = animate ? ["hidden", "scaleOut"] : void 0, $[41] = animate, $[42] = t7);
|
|
143
|
-
let t8;
|
|
144
|
-
$[43] !== children || $[44] !== padding ? (t8 = /* @__PURE__ */ jsx(Flex, {
|
|
137
|
+
let arrowStyle = t4, t5 = animate ? POPOVER_MOTION_PROPS : void 0, t6;
|
|
138
|
+
$[37] !== children || $[38] !== padding ? (t6 = /* @__PURE__ */ jsx(Flex, {
|
|
145
139
|
direction: "column",
|
|
146
140
|
flex: 1,
|
|
147
141
|
padding,
|
|
148
142
|
children
|
|
149
|
-
}), $[
|
|
150
|
-
let
|
|
151
|
-
$[
|
|
143
|
+
}), $[37] = children, $[38] = padding, $[39] = t6) : t6 = $[39];
|
|
144
|
+
let t7;
|
|
145
|
+
$[40] !== overflow || $[41] !== t6 ? (t7 = /* @__PURE__ */ jsx(Flex, {
|
|
152
146
|
"data-ui": "Popover__wrapper",
|
|
153
147
|
direction: "column",
|
|
154
148
|
flex: 1,
|
|
155
149
|
overflow,
|
|
156
|
-
children:
|
|
157
|
-
}), $[
|
|
158
|
-
let
|
|
159
|
-
$[
|
|
150
|
+
children: t6
|
|
151
|
+
}), $[40] = overflow, $[41] = t6, $[42] = t7) : t7 = $[42];
|
|
152
|
+
let t8;
|
|
153
|
+
$[43] !== arrow || $[44] !== arrowRef || $[45] !== arrowStyle ? (t8 = arrow && /* @__PURE__ */ jsx(Arrow, {
|
|
160
154
|
ref: arrowRef,
|
|
161
155
|
style: arrowStyle,
|
|
162
156
|
width: 19,
|
|
163
157
|
height: 8,
|
|
164
158
|
radius: 2
|
|
165
|
-
}), $[
|
|
166
|
-
let
|
|
167
|
-
return $[
|
|
159
|
+
}), $[43] = arrow, $[44] = arrowRef, $[45] = arrowStyle, $[46] = t8) : t8 = $[46];
|
|
160
|
+
let t9;
|
|
161
|
+
return $[47] !== placement || $[48] !== radius || $[49] !== ref || $[50] !== restProps || $[51] !== rootStyle || $[52] !== scheme || $[53] !== shadow || $[54] !== t5 || $[55] !== t7 || $[56] !== t8 || $[57] !== tone ? (t9 = /* @__PURE__ */ jsxs(MotionCard, {
|
|
168
162
|
"data-ui": "Popover",
|
|
169
163
|
...restProps,
|
|
170
164
|
"data-placement": placement,
|
|
@@ -175,13 +169,9 @@ function PopoverCard(props) {
|
|
|
175
169
|
sizing: "border",
|
|
176
170
|
style: rootStyle,
|
|
177
171
|
tone,
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
animate: t6,
|
|
182
|
-
exit: t7,
|
|
183
|
-
children: [t9, t10]
|
|
184
|
-
}), $[53] = placement, $[54] = radius, $[55] = ref, $[56] = restProps, $[57] = rootStyle, $[58] = scheme, $[59] = shadow, $[60] = t10, $[61] = t5, $[62] = t6, $[63] = t7, $[64] = t9, $[65] = tone, $[66] = t11) : t11 = $[66], t11;
|
|
172
|
+
...t5,
|
|
173
|
+
children: [t7, t8]
|
|
174
|
+
}), $[47] = placement, $[48] = radius, $[49] = ref, $[50] = restProps, $[51] = rootStyle, $[52] = scheme, $[53] = shadow, $[54] = t5, $[55] = t7, $[56] = t8, $[57] = tone, $[58] = t9) : t9 = $[58], t9;
|
|
185
175
|
}
|
|
186
176
|
const ViewportOverlay = () => {
|
|
187
177
|
let $ = c(2), { zIndex } = useLayer(), t0;
|
|
@@ -411,4 +401,4 @@ function useMiddleware(t0) {
|
|
|
411
401
|
}
|
|
412
402
|
export { Popover as t };
|
|
413
403
|
|
|
414
|
-
//# sourceMappingURL=popover-
|
|
404
|
+
//# sourceMappingURL=popover-CEbjxiPx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover-CEbjxiPx.js","names":["{\n left: x,\n originX,\n originY,\n position: strategy,\n top: y,\n width,\n zIndex,\n willChange: animate ? 'transform' : undefined,\n ...style,\n }","animate ? 'transform' : undefined","useMemo(\n () => ({\n left: x,\n originX,\n originY,\n position: strategy,\n top: y,\n width,\n zIndex,\n willChange: animate ? 'transform' : undefined,\n ...style,\n }),\n [animate, originX, originY, strategy, style, width, x, y, zIndex],\n )","{\n left: arrowX !== null ? arrowX : undefined,\n top: arrowY !== null ? arrowY : undefined,\n right: undefined,\n bottom: undefined,\n }","arrowX !== null ? arrowX : undefined","arrowY !== null ? arrowY : undefined","useMemo(\n () => ({\n left: arrowX !== null ? arrowX : undefined,\n top: arrowY !== null ? arrowY : undefined,\n right: undefined,\n bottom: undefined,\n }),\n [arrowX, arrowY],\n )","<Flex direction=\"column\" flex={1} padding={padding}>\n {children}\n </Flex>","<Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n <Flex direction=\"column\" flex={1} padding={padding}>\n {children}\n </Flex>\n </Flex>","arrow && (\n <Arrow\n ref={arrowRef}\n style={arrowStyle}\n width={DEFAULT_POPOVER_ARROW_WIDTH}\n height={DEFAULT_POPOVER_ARROW_HEIGHT}\n radius={DEFAULT_POPOVER_ARROW_RADIUS}\n />\n )","<MotionCard\n data-ui=\"Popover\"\n {...restProps}\n data-placement={placement}\n radius={radius}\n ref={ref}\n scheme={scheme}\n shadow={shadow}\n sizing=\"border\"\n style={rootStyle}\n tone={tone}\n {...(animate ? POPOVER_MOTION_PROPS : undefined)}\n >\n <Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n <Flex direction=\"column\" flex={1} padding={padding}>\n {children}\n </Flex>\n </Flex>\n\n {arrow && (\n <Arrow\n ref={arrowRef}\n style={arrowStyle}\n width={DEFAULT_POPOVER_ARROW_WIDTH}\n height={DEFAULT_POPOVER_ARROW_HEIGHT}\n radius={DEFAULT_POPOVER_ARROW_RADIUS}\n />\n )}\n </MotionCard>","animate ? POPOVER_MOTION_PROPS : undefined","<div style={{height: '100vh', inset: 0, position: 'fixed', width: '100vw', zIndex}} />","margins = DEFAULT_POPOVER_MARGINS","_animate = false","tone = 'inherit'","widthProp = 'auto'","arrowProp = false","constrainSize = false","overflow = 'hidden'","placementProp = 'bottom'","placementStrategy = 'flip'","preventOverflow = true","radiusProp = 3","shadowProp = 3","childProp","_fallbackPlacements","_floatingBoundary","paddingProp","forwardedRef","_referenceBoundary","_zOffsetProp","...restProps","_getArrayProp(paddingProp)","_getArrayProp(radiusProp)","_getArrayProp(shadowProp)","_getArrayProp(zOffsetProp)","() => ref.current","() => {\n widthRef.current = width\n }","[width]","calcMaxWidth({boundaryWidth, currentWidth: width})","() => {\n maxWidthRef.current = maxWidth\n }","[maxWidth]","() => {\n const floatingElement = ref.current\n\n if (!open || !floatingElement) return\n\n const referenceWidth = referenceWidthRef.current\n\n if (matchReferenceWidth) {\n if (referenceWidth !== undefined) {\n floatingElement.style.width = `${referenceWidth}px`\n }\n } else if (width !== undefined) {\n floatingElement.style.width = `${width}px`\n }\n\n if (typeof maxWidth === 'number') {\n floatingElement.style.maxWidth = `${maxWidth}px`\n }\n }","[width, matchReferenceWidth, maxWidth, open]","referenceWidth","{\n animate,\n arrowProp,\n arrowRef,\n constrainSize,\n fallbackPlacements,\n floatingBoundary,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n placementProp,\n placementStrategy,\n preventOverflow,\n referenceBoundary,\n referenceWidthRef,\n rootBoundary,\n setReferenceWidth,\n widthRef,\n }","referenceElement\n ? {\n reference: referenceElement,\n }\n : undefined","{\n middleware,\n placement: placementProp,\n whileElementsMounted: autoUpdate,\n elements: referenceElement\n ? {\n reference: referenceElement,\n }\n : undefined,\n }","(arrowEl: HTMLDivElement | null) => {\n arrowRef.current = arrowEl\n }","useCallback((arrowEl: HTMLDivElement | null) => {\n arrowRef.current = arrowEl\n }, [])","(node: HTMLDivElement | null) => {\n ref.current = node\n refs.setFloating(node)\n }","useCallback(\n (node: HTMLDivElement | null) => {\n ref.current = node\n refs.setFloating(node)\n },\n [refs],\n )","childProp ? getElementRef(childProp) : null","() => refs.reference.current","current","useMemo(() => {\n // If a reference element is defined, we don't need to clone the child\n if (referenceElement) return childProp\n\n if (!childProp) return null\n\n return cloneElement(childProp, {ref: refs.setReference})\n }, [childProp, referenceElement, refs.setReference])","cloneElement(childProp, {ref: refs.setReference})","setReference","() => update","[update]","childProp || <></>","modal && <ViewportOverlay />","<PopoverCard\n {...restProps}\n __unstable_margins={margins}\n animate={animate}\n arrow={arrowProp}\n arrowRef={setArrow}\n arrowX={arrowX}\n arrowY={arrowY}\n hidden={referenceHidden}\n overflow={overflow}\n padding={padding}\n placement={placement}\n radius={radius}\n ref={setFloating}\n scheme={scheme}\n shadow={shadow}\n originX={originX}\n originY={originY}\n strategy={strategy}\n tone={tone}\n width={matchReferenceWidth ? referenceWidth : width}\n x={x}\n y={y}\n >\n {content}\n </PopoverCard>","matchReferenceWidth ? referenceWidth : width","<LayerProvider zOffset={zOffset}>\n {/* Optional transparent blocking overlay at the top-most z-index layer. Must be positioned before the below popover card. */}\n {modal && <ViewportOverlay />}\n\n <PopoverCard\n {...restProps}\n __unstable_margins={margins}\n animate={animate}\n arrow={arrowProp}\n arrowRef={setArrow}\n arrowX={arrowX}\n arrowY={arrowY}\n hidden={referenceHidden}\n overflow={overflow}\n padding={padding}\n placement={placement}\n radius={radius}\n ref={setFloating}\n scheme={scheme}\n shadow={shadow}\n originX={originX}\n originY={originY}\n strategy={strategy}\n tone={tone}\n width={matchReferenceWidth ? referenceWidth : width}\n x={x}\n y={y}\n >\n {content}\n </PopoverCard>\n </LayerProvider>","portal ? (\n <Portal __unstable_name={typeof portal === 'string' ? portal : undefined}>{popover}</Portal>\n ) : (\n popover\n )","animate ? (\n <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n {popoverNode}\n </AnimateActivity>\n ) : (\n <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n )","<>\n {/* the popover */}\n {animate ? (\n <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n {popoverNode}\n </AnimateActivity>\n ) : (\n <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n )}\n\n {/* the referred element */}\n {child}\n </>","{\n animate,\n arrowProp,\n arrowRef,\n constrainSize,\n fallbackPlacements,\n floatingBoundary,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n placementProp,\n placementStrategy,\n preventOverflow,\n referenceBoundary,\n referenceWidthRef,\n rootBoundary,\n setReferenceWidth,\n widthRef,\n}: {\n animate: boolean\n arrowProp: boolean\n arrowRef: React.RefObject<HTMLDivElement | null>\n constrainSize: boolean\n fallbackPlacements: Placement[]\n floatingBoundary: HTMLElement | null\n margins: PopoverMargins\n matchReferenceWidth: boolean | undefined\n maxWidthRef: React.RefObject<number | undefined>\n placementProp: Placement\n placementStrategy: 'flip' | 'autoPlacement'\n preventOverflow: boolean\n referenceBoundary: HTMLElement | null\n referenceWidthRef: React.RefObject<number | undefined>\n rootBoundary: RootBoundary\n setReferenceWidth: (referenceWidth: number) => void\n widthRef: React.RefObject<number | undefined>\n}","autoPlacement({\n allowedPlacements: [placementProp].concat(fallbackPlacements),\n })","flip({\n boundary: floatingBoundary || undefined,\n fallbackPlacements,\n padding: DEFAULT_POPOVER_PADDING,\n rootBoundary,\n })","floatingBoundary || undefined","offset({mainAxis: DEFAULT_POPOVER_DISTANCE})","size({\n boundaryElement: floatingBoundary || undefined,\n constrainSize,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n padding: DEFAULT_POPOVER_PADDING,\n referenceWidthRef,\n setReferenceWidth,\n widthRef,\n })","shift({\n boundary: floatingBoundary || undefined,\n rootBoundary,\n padding: DEFAULT_POPOVER_PADDING,\n })","arrow({\n element: arrowRef,\n padding: DEFAULT_POPOVER_PADDING,\n })","hide({\n boundary: referenceBoundary || undefined,\n padding: DEFAULT_POPOVER_PADDING,\n strategy: 'referenceHidden',\n })","referenceBoundary || undefined","useMemo(() => {\n const ret: Middleware[] = []\n\n // Flip the floating element when leaving the boundary box\n if (constrainSize || preventOverflow) {\n if (placementStrategy === 'autoPlacement') {\n ret.push(\n autoPlacement({\n allowedPlacements: [placementProp].concat(fallbackPlacements),\n }),\n )\n } else {\n ret.push(\n flip({\n boundary: floatingBoundary || undefined,\n fallbackPlacements,\n padding: DEFAULT_POPOVER_PADDING,\n rootBoundary,\n }),\n )\n }\n }\n\n // Define distance between reference and floating element\n ret.push(offset({mainAxis: DEFAULT_POPOVER_DISTANCE}))\n\n // Track sizes\n if (constrainSize || matchReferenceWidth) {\n ret.push(\n size({\n boundaryElement: floatingBoundary || undefined,\n constrainSize,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n padding: DEFAULT_POPOVER_PADDING,\n referenceWidthRef,\n setReferenceWidth,\n widthRef,\n }),\n )\n }\n\n // Shift the popover so its sits within the boundary element\n if (preventOverflow) {\n ret.push(\n shift({\n boundary: floatingBoundary || undefined,\n rootBoundary,\n padding: DEFAULT_POPOVER_PADDING,\n }),\n )\n }\n\n // Place arrow\n if (arrowProp) {\n ret.push(\n arrow({\n element: arrowRef,\n padding: DEFAULT_POPOVER_PADDING,\n }),\n )\n }\n\n // Determine the origin to scale from.\n // Must be placed after `@sanity/ui/size` and `shift` middleware.\n if (animate) {\n ret.push(origin)\n }\n\n ret.push(\n hide({\n boundary: referenceBoundary || undefined,\n padding: DEFAULT_POPOVER_PADDING,\n strategy: 'referenceHidden',\n }),\n )\n\n return ret\n }, [\n animate,\n arrowProp,\n arrowRef,\n constrainSize,\n fallbackPlacements,\n floatingBoundary,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n placementProp,\n placementStrategy,\n preventOverflow,\n referenceBoundary,\n referenceWidthRef,\n rootBoundary,\n setReferenceWidth,\n widthRef,\n ])"],"sources":["../src/core/primitives/popover/constants.ts","../src/core/primitives/popover/floating-ui/size.ts","../src/core/primitives/popover/helpers.ts","../src/core/primitives/popover/popoverCard.tsx","../src/core/primitives/popover/popover.tsx"],"sourcesContent":["import {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\n\nexport const DEFAULT_POPOVER_DISTANCE = 4\nexport const DEFAULT_POPOVER_PADDING = 4\nexport const DEFAULT_POPOVER_ARROW_WIDTH = 19\nexport const DEFAULT_POPOVER_ARROW_HEIGHT = 8\nexport const DEFAULT_POPOVER_ARROW_RADIUS = 2\nexport const DEFAULT_POPOVER_MARGINS: PopoverMargins = [0, 0, 0, 0]\nexport const DEFAULT_FALLBACK_PLACEMENTS: Record<Placement, Placement[]> = {\n 'top': ['bottom', 'left', 'right'],\n 'top-start': ['bottom-start', 'left-start', 'right-start'],\n 'top-end': ['bottom-end', 'left-end', 'right-end'],\n 'bottom': ['top', 'left', 'right'],\n 'bottom-start': ['top-start', 'left-start', 'right-start'],\n 'bottom-end': ['top-end', 'left-end', 'right-end'],\n 'left': ['right', 'top', 'bottom'],\n 'left-start': ['right-start', 'top-start', 'bottom-start'],\n 'left-end': ['right-end', 'top-end', 'bottom-end'],\n 'right': ['left', 'top', 'bottom'],\n 'right-start': ['left-start', 'top-start', 'bottom-start'],\n 'right-end': ['left-end', 'top-end', 'bottom-end'],\n}\n","import {detectOverflow, Middleware} from '@floating-ui/react-dom'\n\nimport {PopoverMargins} from '../../../types/popover'\n\nexport function size(options: {\n boundaryElement?: HTMLElement | null\n constrainSize: boolean\n margins: PopoverMargins\n matchReferenceWidth?: boolean\n maxWidthRef: React.RefObject<number | undefined>\n padding?: number\n referenceWidthRef: React.RefObject<number | undefined>\n setReferenceWidth: (referenceWidth: number) => void\n widthRef: React.RefObject<number | undefined>\n}): Middleware {\n const {\n constrainSize,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n padding = 0,\n referenceWidthRef,\n setReferenceWidth,\n widthRef,\n } = options\n\n return {\n name: '@sanity/ui/size',\n async fn(args) {\n const {elements, placement, platform, rects} = args\n const {floating, reference} = rects\n\n const overflow = await detectOverflow(args, {\n altBoundary: true,\n boundary: options.boundaryElement || undefined,\n elementContext: 'floating',\n padding,\n rootBoundary: 'viewport',\n })\n\n let maxWidth = Infinity\n let maxHeight = Infinity\n\n const floatingW = floating.width\n const floatingH = floating.height\n\n if (placement.includes('top')) {\n maxWidth = floatingW - (overflow.left + overflow.right)\n maxHeight = floatingH - overflow.top\n }\n\n if (placement.includes('right')) {\n maxWidth = floatingW - overflow.right\n maxHeight = floatingH - (overflow.top + overflow.bottom)\n }\n\n if (placement.includes('bottom')) {\n maxWidth = floatingW - (overflow.left + overflow.right)\n maxHeight = floatingH - overflow.bottom\n }\n\n if (placement.includes('left')) {\n maxWidth = floatingW - overflow.left\n maxHeight = floatingH - (overflow.top + overflow.bottom)\n }\n\n // IMPORTANT – APPLY ELEMENT STYLES HERE\n // Elements need to be resized BEFORE the `platform.getDimensions` call below\n const availableWidth = maxWidth - margins[1] - margins[3]\n const availableHeight = maxHeight - margins[0] - margins[2]\n const referenceWidth = reference.width - margins[1] - margins[3]\n referenceWidthRef.current = referenceWidth\n setReferenceWidth(referenceWidth)\n\n if (matchReferenceWidth) {\n elements.floating.style.width = `${referenceWidth}px`\n } else if (widthRef.current !== undefined) {\n elements.floating.style.width = `${widthRef.current}px`\n }\n\n if (constrainSize) {\n elements.floating.style.maxWidth = `${Math.min(availableWidth, maxWidthRef.current ?? Infinity)}px`\n\n elements.floating.style.maxHeight = `${availableHeight}px`\n }\n\n const nextDimensions = await platform.getDimensions(elements.floating)\n\n const targetH = nextDimensions.height\n const targetW = nextDimensions.width\n\n if (floatingW !== targetW || floatingH !== targetH) {\n return {reset: {rects: true}}\n }\n\n return {}\n },\n }\n}\n","import {DEFAULT_POPOVER_PADDING} from './constants'\nimport {PopoverWidth} from './types'\n\nexport function calcCurrentWidth(params: {\n mediaIndex: number\n container: number[]\n width: PopoverWidth[]\n}): number | undefined {\n const {container, mediaIndex, width} = params\n\n const w = width[mediaIndex]\n const currentWidth: PopoverWidth | undefined = w === undefined ? width[width.length - 1] : w\n\n return typeof currentWidth === 'number' ? container[currentWidth] : undefined\n}\n\nexport function calcMaxWidth(params: {\n boundaryWidth: number | undefined\n currentWidth: number | undefined\n}): number | undefined {\n const {boundaryWidth, currentWidth} = params\n\n if (currentWidth === undefined && boundaryWidth === undefined) {\n return undefined\n }\n\n return Math.min(\n currentWidth ?? Infinity,\n (boundaryWidth || Infinity) - DEFAULT_POPOVER_PADDING * 2,\n )\n}\n","import {Strategy} from '@floating-ui/react-dom'\nimport {motion} from 'motion/react'\nimport React, {CSSProperties, useMemo} from 'react'\nimport {styled} from 'styled-components'\n\nimport {ThemeColorSchemeKey} from '../../../theme/system/color/_system'\nimport {POPOVER_MOTION_PROPS} from '../../constants'\nimport {BoxOverflow} from '../../types/box'\nimport {CardTone} from '../../types/card'\nimport {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\nimport {Radius} from '../../types/radius'\nimport {Arrow} from '../../utils/arrow/arrow'\nimport {useLayer} from '../../utils/layer/useLayer'\nimport {Card} from '../card/card'\nimport {Flex} from '../flex/flex'\nimport {\n DEFAULT_POPOVER_ARROW_HEIGHT,\n DEFAULT_POPOVER_ARROW_RADIUS,\n DEFAULT_POPOVER_ARROW_WIDTH,\n DEFAULT_POPOVER_MARGINS,\n} from './constants'\n\nconst MotionCard = styled(motion.create(Card))`\n &:not([hidden]) {\n display: flex;\n }\n flex-direction: column;\n width: max-content;\n min-width: min-content;\n will-change: transform;\n`\n\n/**\n * @internal\n */\nexport function PopoverCard(\n props: {\n /** @beta*/\n __unstable_margins?: PopoverMargins\n animate?: boolean\n arrow: boolean\n arrowRef: React.Ref<HTMLDivElement>\n arrowX?: number\n arrowY?: number\n originX?: number\n originY?: number\n overflow?: BoxOverflow\n padding?: number | number[]\n placement: Placement\n radius?: Radius | Radius[]\n scheme?: ThemeColorSchemeKey\n shadow?: number | number[]\n strategy: Strategy\n tone: CardTone\n width: number | undefined\n x: number | null\n y: number | null\n } & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'width'>,\n) {\n const {\n __unstable_margins: marginsProp,\n animate,\n arrow,\n arrowRef,\n arrowX,\n arrowY,\n children,\n padding,\n placement,\n originX,\n originY,\n overflow,\n radius,\n ref,\n scheme,\n shadow,\n strategy,\n style,\n tone,\n width,\n x: xProp,\n y: yProp,\n ...restProps\n } = props\n\n const {zIndex} = useLayer()\n\n // Get margins: [top, right, bottom, left]\n const margins: PopoverMargins = useMemo(\n () => marginsProp || DEFAULT_POPOVER_MARGINS,\n [marginsProp],\n )\n\n // Translate according to margins\n const x = (xProp ?? 0) + margins[3]\n const y = (yProp ?? 0) + margins[0]\n\n const rootStyle: CSSProperties = useMemo(\n () => ({\n left: x,\n originX,\n originY,\n position: strategy,\n top: y,\n width,\n zIndex,\n willChange: animate ? 'transform' : undefined,\n ...style,\n }),\n [animate, originX, originY, strategy, style, width, x, y, zIndex],\n )\n\n const arrowStyle: CSSProperties = useMemo(\n () => ({\n left: arrowX !== null ? arrowX : undefined,\n top: arrowY !== null ? arrowY : undefined,\n right: undefined,\n bottom: undefined,\n }),\n [arrowX, arrowY],\n )\n\n return (\n <MotionCard\n data-ui=\"Popover\"\n {...restProps}\n data-placement={placement}\n radius={radius}\n ref={ref}\n scheme={scheme}\n shadow={shadow}\n sizing=\"border\"\n style={rootStyle}\n tone={tone}\n {...(animate ? POPOVER_MOTION_PROPS : undefined)}\n >\n <Flex data-ui=\"Popover__wrapper\" direction=\"column\" flex={1} overflow={overflow}>\n <Flex direction=\"column\" flex={1} padding={padding}>\n {children}\n </Flex>\n </Flex>\n\n {arrow && (\n <Arrow\n ref={arrowRef}\n style={arrowStyle}\n width={DEFAULT_POPOVER_ARROW_WIDTH}\n height={DEFAULT_POPOVER_ARROW_HEIGHT}\n radius={DEFAULT_POPOVER_ARROW_RADIUS}\n />\n )}\n </MotionCard>\n )\n}\n","import {\n arrow,\n autoPlacement,\n autoUpdate,\n flip,\n hide,\n Middleware,\n offset,\n RootBoundary,\n shift,\n useFloating,\n} from '@floating-ui/react-dom'\nimport {\n Activity,\n cloneElement,\n type Ref,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport {ThemeColorSchemeKey} from '../../../theme/system/color/_system'\nimport {useElementSize} from '../../hooks/useElementSize'\nimport {useMediaIndex} from '../../hooks/useMediaIndex/useMediaIndex'\nimport {usePrefersReducedMotion} from '../../hooks/usePrefersReducedMotion'\nimport {origin} from '../../middleware/origin'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {useTheme_v2} from '../../theme/useTheme'\nimport {BoxOverflow} from '../../types/box'\nimport {CardTone} from '../../types/card'\nimport {Placement} from '../../types/placement'\nimport {PopoverMargins} from '../../types/popover'\nimport {AnimateActivity} from '../../utils/animateActivity'\nimport {useBoundaryElement} from '../../utils/boundaryElement/useBoundaryElement'\nimport {getElementRef} from '../../utils/getElementRef'\nimport {LayerProps} from '../../utils/layer/layer'\nimport {LayerProvider} from '../../utils/layer/layerProvider'\nimport {useLayer} from '../../utils/layer/useLayer'\nimport {Portal} from '../../utils/portal/portal'\nimport {ResponsiveRadiusProps, ResponsiveShadowProps} from '../types'\nimport {\n DEFAULT_FALLBACK_PLACEMENTS,\n DEFAULT_POPOVER_DISTANCE,\n DEFAULT_POPOVER_MARGINS,\n DEFAULT_POPOVER_PADDING,\n} from './constants'\nimport {size} from './floating-ui/size'\nimport {calcCurrentWidth, calcMaxWidth} from './helpers'\nimport {PopoverCard} from './popoverCard'\nimport {PopoverUpdateCallback, PopoverWidth} from './types'\n\n/** @public */\nexport interface PopoverProps\n extends Omit<LayerProps, 'as'>, ResponsiveRadiusProps, ResponsiveShadowProps {\n /** @beta */\n __unstable_margins?: PopoverMargins\n /**\n * Whether the popover should animate in and out.\n *\n * @beta\n * @defaultValue false\n */\n animate?: boolean\n arrow?: boolean\n /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */\n boundaryElement?: never\n children?: React.JSX.Element\n /**\n * When `true`, prevent overflow within the current boundary:\n * - by flipping on its side axis\n * - by resizing\n /*\n * Note that:\n * - setting `preventOverflow` to `true` also prevents overflow on its side axis\n * - setting `matchReferenceWidth` to `true` also causes the popover to resize\n *\n * @defaultValue false\n */\n constrainSize?: boolean\n content?: React.ReactNode\n disabled?: boolean\n fallbackPlacements?: Placement[]\n floatingBoundary?: HTMLElement | null\n /**\n * When `true`, set the maximum width to match the reference element, and also prevent overflow within\n * the current boundary by resizing.\n *\n * Note that setting `constrainSize` to `true` also causes the popover to resize\n *\n * @defaultValue false\n */\n matchReferenceWidth?: boolean\n /**\n * When true, blocks all pointer interaction with elements beneath the popover until closed.\n *\n * @beta\n * @defaultValue false\n */\n modal?: boolean\n open?: boolean\n overflow?: BoxOverflow\n padding?: number | number[]\n placement?: Placement\n /**\n * When 'flip' (default), the placement is determined from the initial placement and the\n * fallback placements in order. Whichever fits in the viewport first.\n *\n * When 'autoPlacement', the initial placement and all fallback placements are evaluated\n * and the placement with the most viewport space available.\n *\n * Option is only relevant if either `constrainSize` or `preventOverflow` is `true`\n */\n placementStrategy?: 'flip' | 'autoPlacement'\n /** Whether or not to render the popover in a portal element. */\n portal?: boolean | string\n preventOverflow?: boolean\n referenceBoundary?: HTMLElement | null\n /**\n * When defined, the popover will be positioned relative to this element.\n * The children of the popover won't be rendered.\n */\n referenceElement?: HTMLElement | null\n scheme?: ThemeColorSchemeKey\n tone?: CardTone\n /** @beta */\n updateRef?: Ref<PopoverUpdateCallback | undefined>\n width?: PopoverWidth | PopoverWidth[]\n}\n\nconst ViewportOverlay = () => {\n const {zIndex} = useLayer()\n\n return <div style={{height: '100vh', inset: 0, position: 'fixed', width: '100vw', zIndex}} />\n}\n\n/**\n * The `Popover` component is used to display some content on top of another.\n *\n * @public\n */\nexport function Popover(\n props: PopoverProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'width'>,\n): React.JSX.Element {\n const {container, layer} = useTheme_v2()\n const boundaryElementContext = useBoundaryElement()\n\n const {\n __unstable_margins: margins = DEFAULT_POPOVER_MARGINS,\n animate: _animate = false,\n arrow: arrowProp = false,\n children: childProp,\n constrainSize = false,\n content,\n disabled,\n fallbackPlacements: _fallbackPlacements,\n matchReferenceWidth,\n floatingBoundary: _floatingBoundary,\n modal,\n // oxlint-disable-next-line no-unused-vars\n onActivate,\n open,\n overflow = 'hidden',\n padding: paddingProp,\n placement: placementProp = 'bottom',\n placementStrategy = 'flip',\n portal,\n preventOverflow = true,\n radius: radiusProp = 3,\n ref: forwardedRef,\n referenceBoundary: _referenceBoundary,\n referenceElement,\n scheme,\n shadow: shadowProp = 3,\n tone = 'inherit',\n width: widthProp = 'auto',\n zOffset: _zOffsetProp,\n updateRef,\n ...restProps\n } = props\n const fallbackPlacements =\n _fallbackPlacements ?? DEFAULT_FALLBACK_PLACEMENTS[props.placement ?? 'bottom']\n const floatingBoundary = _floatingBoundary ?? boundaryElementContext.element\n const referenceBoundary = _referenceBoundary ?? boundaryElementContext.element\n // Max-width uses BoundaryElementProvider when present; otherwise the floating\n // boundary (same element the old `boundaryElement` prop used for both).\n const boundaryElement = boundaryElementContext.element ?? floatingBoundary\n const zOffsetProp = _zOffsetProp ?? layer.popover.zOffset\n const prefersReducedMotion = usePrefersReducedMotion()\n const animate = prefersReducedMotion ? false : _animate\n const boundarySize = useElementSize(boundaryElement)?.border\n const padding = _getArrayProp(paddingProp)\n const radius = _getArrayProp(radiusProp)\n const shadow = _getArrayProp(shadowProp)\n const widthArrayProp = _getArrayProp(widthProp)\n const zOffset = _getArrayProp(zOffsetProp)\n const ref = useRef<HTMLDivElement | null>(null)\n const arrowRef = useRef<HTMLDivElement | null>(null)\n const rootBoundary: RootBoundary = 'viewport'\n\n useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n const mediaIndex = useMediaIndex()\n const boundaryWidth = constrainSize || preventOverflow ? boundarySize?.width : undefined\n\n // Update width when\n // - media index changes\n // - `width` property changes\n const width = calcCurrentWidth({\n container,\n mediaIndex,\n width: widthArrayProp,\n })\n const widthRef = useRef(width)\n\n useEffect(() => {\n widthRef.current = width\n }, [width])\n\n // Update max width when\n // - boundary width changes\n // - `width` property changes\n const maxWidth = calcMaxWidth({boundaryWidth, currentWidth: width})\n const maxWidthRef = useRef(maxWidth)\n\n useEffect(() => {\n maxWidthRef.current = maxWidth\n }, [maxWidth])\n\n // Keep track of reference element width (see `size` middleware below)\n const referenceWidthRef = useRef<number>(undefined)\n\n // Force apply width & max width to floating element\n useEffect(() => {\n const floatingElement = ref.current\n\n if (!open || !floatingElement) return\n\n const referenceWidth = referenceWidthRef.current\n\n if (matchReferenceWidth) {\n if (referenceWidth !== undefined) {\n floatingElement.style.width = `${referenceWidth}px`\n }\n } else if (width !== undefined) {\n floatingElement.style.width = `${width}px`\n }\n\n if (typeof maxWidth === 'number') {\n floatingElement.style.maxWidth = `${maxWidth}px`\n }\n }, [width, matchReferenceWidth, maxWidth, open])\n\n const [referenceWidth, setReferenceWidth] = useState<number | undefined>(undefined)\n const middleware = useMiddleware({\n animate,\n arrowProp,\n arrowRef,\n constrainSize,\n fallbackPlacements,\n floatingBoundary,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n placementProp,\n placementStrategy,\n preventOverflow,\n referenceBoundary,\n referenceWidthRef,\n rootBoundary,\n setReferenceWidth,\n widthRef,\n })\n\n const {x, y, middlewareData, placement, refs, strategy, update} = useFloating({\n middleware,\n placement: placementProp,\n whileElementsMounted: autoUpdate,\n elements: referenceElement\n ? {\n reference: referenceElement,\n }\n : undefined,\n })\n\n const referenceHidden = middlewareData.hide?.referenceHidden\n\n const arrowX = middlewareData.arrow?.x\n const arrowY = middlewareData.arrow?.y\n\n const originX = middlewareData['@sanity/ui/origin']?.originX\n const originY = middlewareData['@sanity/ui/origin']?.originY\n\n const setArrow = useCallback((arrowEl: HTMLDivElement | null) => {\n arrowRef.current = arrowEl\n }, [])\n\n const setFloating = useCallback(\n (node: HTMLDivElement | null) => {\n ref.current = node\n refs.setFloating(node)\n },\n [refs],\n )\n\n // If there's a child then we need to set the reference element to the cloned child ref\n // and if child changes we make sure to update or remove the reference element.\n useImperativeHandle(childProp ? getElementRef(childProp) : null, () => refs.reference.current)\n\n const child = useMemo(() => {\n // If a reference element is defined, we don't need to clone the child\n if (referenceElement) return childProp\n\n if (!childProp) return null\n\n return cloneElement(childProp, {ref: refs.setReference})\n }, [childProp, referenceElement, refs.setReference])\n\n useImperativeHandle(updateRef, () => update, [update])\n\n if (disabled) {\n return childProp || <></>\n }\n\n const popover = (\n <LayerProvider zOffset={zOffset}>\n {/* Optional transparent blocking overlay at the top-most z-index layer. Must be positioned before the below popover card. */}\n {modal && <ViewportOverlay />}\n\n <PopoverCard\n {...restProps}\n __unstable_margins={margins}\n animate={animate}\n arrow={arrowProp}\n arrowRef={setArrow}\n arrowX={arrowX}\n arrowY={arrowY}\n hidden={referenceHidden}\n overflow={overflow}\n padding={padding}\n placement={placement}\n radius={radius}\n ref={setFloating}\n scheme={scheme}\n shadow={shadow}\n originX={originX}\n originY={originY}\n strategy={strategy}\n tone={tone}\n width={matchReferenceWidth ? referenceWidth : width}\n x={x}\n y={y}\n >\n {content}\n </PopoverCard>\n </LayerProvider>\n )\n\n const popoverNode = portal ? (\n <Portal __unstable_name={typeof portal === 'string' ? portal : undefined}>{popover}</Portal>\n ) : (\n popover\n )\n\n return (\n <>\n {/* the popover */}\n {animate ? (\n <AnimateActivity layoutMode=\"default\" mode={open ? 'visible' : 'hidden'}>\n {popoverNode}\n </AnimateActivity>\n ) : (\n <Activity mode={open ? 'visible' : 'hidden'}>{popoverNode}</Activity>\n )}\n\n {/* the referred element */}\n {child}\n </>\n )\n}\n\nfunction useMiddleware({\n animate,\n arrowProp,\n arrowRef,\n constrainSize,\n fallbackPlacements,\n floatingBoundary,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n placementProp,\n placementStrategy,\n preventOverflow,\n referenceBoundary,\n referenceWidthRef,\n rootBoundary,\n setReferenceWidth,\n widthRef,\n}: {\n animate: boolean\n arrowProp: boolean\n arrowRef: React.RefObject<HTMLDivElement | null>\n constrainSize: boolean\n fallbackPlacements: Placement[]\n floatingBoundary: HTMLElement | null\n margins: PopoverMargins\n matchReferenceWidth: boolean | undefined\n maxWidthRef: React.RefObject<number | undefined>\n placementProp: Placement\n placementStrategy: 'flip' | 'autoPlacement'\n preventOverflow: boolean\n referenceBoundary: HTMLElement | null\n referenceWidthRef: React.RefObject<number | undefined>\n rootBoundary: RootBoundary\n setReferenceWidth: (referenceWidth: number) => void\n widthRef: React.RefObject<number | undefined>\n}) {\n return useMemo(() => {\n const ret: Middleware[] = []\n\n // Flip the floating element when leaving the boundary box\n if (constrainSize || preventOverflow) {\n if (placementStrategy === 'autoPlacement') {\n ret.push(\n autoPlacement({\n allowedPlacements: [placementProp].concat(fallbackPlacements),\n }),\n )\n } else {\n ret.push(\n flip({\n boundary: floatingBoundary || undefined,\n fallbackPlacements,\n padding: DEFAULT_POPOVER_PADDING,\n rootBoundary,\n }),\n )\n }\n }\n\n // Define distance between reference and floating element\n ret.push(offset({mainAxis: DEFAULT_POPOVER_DISTANCE}))\n\n // Track sizes\n if (constrainSize || matchReferenceWidth) {\n ret.push(\n size({\n boundaryElement: floatingBoundary || undefined,\n constrainSize,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n padding: DEFAULT_POPOVER_PADDING,\n referenceWidthRef,\n setReferenceWidth,\n widthRef,\n }),\n )\n }\n\n // Shift the popover so its sits within the boundary element\n if (preventOverflow) {\n ret.push(\n shift({\n boundary: floatingBoundary || undefined,\n rootBoundary,\n padding: DEFAULT_POPOVER_PADDING,\n }),\n )\n }\n\n // Place arrow\n if (arrowProp) {\n ret.push(\n arrow({\n element: arrowRef,\n padding: DEFAULT_POPOVER_PADDING,\n }),\n )\n }\n\n // Determine the origin to scale from.\n // Must be placed after `@sanity/ui/size` and `shift` middleware.\n if (animate) {\n ret.push(origin)\n }\n\n ret.push(\n hide({\n boundary: referenceBoundary || undefined,\n padding: DEFAULT_POPOVER_PADDING,\n strategy: 'referenceHidden',\n }),\n )\n\n return ret\n }, [\n animate,\n arrowProp,\n arrowRef,\n constrainSize,\n fallbackPlacements,\n floatingBoundary,\n margins,\n matchReferenceWidth,\n maxWidthRef,\n placementProp,\n placementStrategy,\n preventOverflow,\n referenceBoundary,\n referenceWidthRef,\n rootBoundary,\n setReferenceWidth,\n widthRef,\n ])\n}\n"],"mappings":"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"}
|
package/dist/popover.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as rem, i as _responsive } from "./helpers-
|
|
1
|
+
import { a as rem, i as _responsive } from "./helpers-C8xxXAQC.js";
|
|
2
2
|
import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
|
|
3
3
|
/**
|
|
4
4
|
* A utility function getting responsive font styles.
|
|
@@ -52,4 +52,4 @@ function fontSize(size) {
|
|
|
52
52
|
}
|
|
53
53
|
export { responsiveFont as t };
|
|
54
54
|
|
|
55
|
-
//# sourceMappingURL=responsiveFont-
|
|
55
|
+
//# sourceMappingURL=responsiveFont-CilwaORG.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveFont-
|
|
1
|
+
{"version":3,"file":"responsiveFont-CilwaORG.js","names":[],"sources":["../src/core/styles/font/responsiveFont.ts"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {ThemeFontKey, ThemeFontSize} from '../../../theme/system/font'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {FontWeightStyleProps, ResponsiveFontSizeStyleProps} from './types'\n\n/**\n * A utility function getting responsive font styles.\n * @internal\n */\nexport function responsiveFont(\n fontKey: ThemeFontKey,\n props: FontWeightStyleProps & ResponsiveFontSizeStyleProps & ThemeProps,\n): CSSObject[] {\n const {$size, $weight} = props\n const {font, media} = getTheme_v2(props.theme)\n const {family, sizes, weights} = font[fontKey]\n const fontWeight = ($weight && weights[$weight]) || weights.regular\n\n // @todo: make this configurable\n const defaultSize = sizes[2]\n\n const base: CSSObject = {\n 'position': 'relative',\n 'fontFamily': family,\n 'fontWeight': `${fontWeight}`,\n 'padding': '1px 0',\n 'margin': 0,\n\n '&:before': {\n content: '\"\"',\n display: 'block',\n height: 0,\n },\n\n '&:after': {\n content: '\"\"',\n display: 'block',\n height: 0,\n },\n\n '& > code, & > span': {\n display: 'block',\n },\n\n '&:not([hidden])': {\n display: 'block',\n },\n }\n\n // @TODO fix the real condition that is causing $size to be undefined sometimes\n if (!$size) {\n // @ts-expect-error: `warned` isn't typed, the underlying issue should be solved rather than typing it\n if (!responsiveFont.warned) {\n console.warn('No size specified for responsive font', {fontKey, $size, props, base})\n // @ts-expect-error: `warned` isn't typed, the underlying issue should be solved rather than typing it\n responsiveFont.warned = true\n }\n\n return [base]\n }\n\n const resp = _responsive(media, $size, (sizeIndex) => fontSize(sizes[sizeIndex] || defaultSize))\n\n return [base, ...resp]\n}\n\nfunction fontSize(size: ThemeFontSize): CSSObject {\n const {ascenderHeight, descenderHeight, fontSize, iconSize, letterSpacing, lineHeight} = size\n const negHeight = ascenderHeight + descenderHeight\n const capHeight = lineHeight - negHeight\n const iconOffset = (capHeight - iconSize) / 2\n const customIconSize = Math.floor((fontSize * 1.125) / 2) * 2 + 1\n const customIconOffset = (capHeight - customIconSize) / 2\n\n return {\n 'fontSize': rem(fontSize),\n 'lineHeight': `calc(${lineHeight} / ${fontSize})`,\n 'letterSpacing': rem(letterSpacing),\n 'transform': `translateY(${rem(descenderHeight)})`,\n\n '&:before': {\n marginTop: `calc(${rem(0 - negHeight)} - 1px)`,\n },\n\n '&:after': {\n marginBottom: '-1px',\n },\n\n '& svg:not([data-sanity-icon])': {\n fontSize: `calc(${customIconSize} / 16 * 1rem)`,\n margin: rem(customIconOffset),\n },\n\n '& [data-sanity-icon]': {\n fontSize: `calc(${iconSize} / 16 * 1rem)`,\n margin: rem(iconOffset),\n },\n }\n}\n"],"mappings":";;;;;;AAWA,SAAgB,eACd,SACA,OACa;CACb,IAAM,EAAC,OAAO,YAAW,OACnB,EAAC,MAAM,UAAS,YAAY,MAAM,KAAK,GACvC,EAAC,QAAQ,OAAO,YAAW,KAAK,UAChC,aAAc,WAAW,QAAQ,YAAa,QAAQ,SAGtD,cAAc,MAAM,IAEpB,OAAkB;EACtB,UAAY;EACZ,YAAc;EACd,YAAc,GAAG;EACjB,SAAW;EACX,QAAU;EAEV,YAAY;GACV,SAAS;GACT,SAAS;GACT,QAAQ;EACV;EAEA,WAAW;GACT,SAAS;GACT,SAAS;GACT,QAAQ;EACV;EAEA,sBAAsB,EACpB,SAAS,QACX;EAEA,mBAAmB,EACjB,SAAS,QACX;CACF;CAgBA,OAbK,QAaE,CAAC,MAAM,GAFD,YAAY,OAAO,QAAQ,cAAc,SAAS,MAAM,cAAc,WAAW,CAE7E,CAAI,KAXnB,AAGE,eAAe,YAFf,QAAQ,KAAK,yCAAyC;EAAC;EAAS;EAAO;EAAO;CAAI,CAAC,GAE3D,KAGnB,CAAC,IAAI;AAMhB;AAEA,SAAS,SAAS,MAAgC;CAChD,IAAM,EAAC,gBAAgB,iBAAiB,UAAU,UAAU,eAAe,eAAc,MACnF,YAAY,iBAAiB,iBAC7B,YAAY,aAAa,WACzB,cAAc,YAAY,YAAY,GACtC,iBAAiB,KAAK,MAAO,WAAW,QAAS,CAAC,IAAI,IAAI,GAC1D,oBAAoB,YAAY,kBAAkB;CAExD,OAAO;EACL,UAAY,IAAI,QAAQ;EACxB,YAAc,QAAQ,WAAW,KAAK,SAAS;EAC/C,eAAiB,IAAI,aAAa;EAClC,WAAa,cAAc,IAAI,eAAe,EAAE;EAEhD,YAAY,EACV,WAAW,QAAQ,IAAI,IAAI,SAAS,EAAE,SACxC;EAEA,WAAW,EACT,cAAc,OAChB;EAEA,iCAAiC;GAC/B,UAAU,QAAQ,eAAe;GACjC,QAAQ,IAAI,gBAAgB;EAC9B;EAEA,wBAAwB;GACtB,UAAU,QAAQ,SAAS;GAC3B,QAAQ,IAAI,UAAU;EACxB;CACF;AACF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-
|
|
1
|
+
import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
|
|
2
2
|
import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
|
|
3
|
-
import { y as Box } from "./useLayer-
|
|
4
|
-
import { t as responsiveFont } from "./responsiveFont-
|
|
3
|
+
import { y as Box } from "./useLayer-jUJIz8mh.js";
|
|
4
|
+
import { t as responsiveFont } from "./responsiveFont-CilwaORG.js";
|
|
5
5
|
import { c } from "react/compiler-runtime";
|
|
6
6
|
import { css, styled } from "styled-components";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -109,4 +109,4 @@ function StackComponent(props) {
|
|
|
109
109
|
const Stack = StackComponent;
|
|
110
110
|
export { responsiveTextAlignStyle as a, responsiveTextFont as i, Text as n, SpanWithTextOverflow as r, Stack as t };
|
|
111
111
|
|
|
112
|
-
//# sourceMappingURL=stack-
|
|
112
|
+
//# sourceMappingURL=stack-BGFEokua.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack-BKKeh5M0.js","names":["<span className={spanWithTextOverflow}>{props.children}</span>","children","accent = false","muted = false","size = 2","<SpanWithTextOverflow>{children}</SpanWithTextOverflow>","_getArrayProp(align)","_getArrayProp(size)","<span>{children}</span>","<StyledText\n data-ui=\"Text\"\n {...restProps}\n $accent={accent}\n $align={_getArrayProp(align)}\n $muted={muted}\n ref={ref}\n $size={_getArrayProp(size)}\n $weight={weight}\n >\n <span>{children}</span>\n </StyledText>","_getArrayProp(gap)","<StyledStack\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Stack\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n />","typeof as === 'string' ? as : undefined"],"sources":["../src/core/styles/font/textAlignStyle.ts","../src/core/styles/font/textFontStyle.ts","../src/core/utils/spanWithTextOverflow.css.ts","../src/core/utils/spanWithTextOverflow.tsx","../src/core/primitives/text/styles.ts","../src/core/primitives/text/text.tsx","../src/core/primitives/stack/styles.ts","../src/core/primitives/stack/stack.tsx"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveTextAlignStyleProps} from './types'\n\n/**\n * Get responsive text align styles.\n * @internal\n */\nexport function responsiveTextAlignStyle(\n props: ResponsiveTextAlignStyleProps & ThemeProps,\n): CSSObject[] {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$align, (textAlign) => {\n return {textAlign}\n })\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {ThemeProps} from '../types'\nimport {responsiveFont} from './responsiveFont'\nimport {ResponsiveFontStyleProps} from './types'\n\n/**\n * Get responsive CSS for the `text` font style.\n * @internal\n */\nexport function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[] {\n return responsiveFont('text', props)\n}\n","import {style} from '@vanilla-extract/css'\n\nexport const spanWithTextOverflow = style({\n display: 'block',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: ['hidden', 'clip'],\n})\n","import {spanWithTextOverflow} from './spanWithTextOverflow.css'\n\n/** @internal */\nexport function SpanWithTextOverflow(props: {children?: React.ReactNode}): React.JSX.Element {\n return <span className={spanWithTextOverflow}>{props.children}</span>\n}\n","import {css} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {ThemeProps} from '../../styles/types'\n\nexport function textBaseStyle(\n props: {$accent?: boolean; $muted?: boolean} & ThemeProps,\n): ReturnType<typeof css> {\n const {$accent, $muted} = props\n const {font} = getTheme_v2(props.theme)\n\n return css`\n color: var(--card-fg-color);\n\n ${\n $accent &&\n css`\n color: var(--card-accent-fg-color);\n `\n }\n\n ${\n $muted &&\n css`\n color: var(--card-muted-fg-color);\n `\n }\n\n & code {\n font-family: ${font.code.family};\n border-radius: 1px;\n background-color: var(--card-code-bg-color);\n color: var(--card-code-fg-color);\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ${font.text.weights.bold};\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n /* ...and aren't squeezed by resets that set max-width: 100% */\n max-width: unset;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n color: var(--card-icon-color);\n\n & path {\n vector-effect: non-scaling-stroke !important;\n }\n }\n `\n}\n","import {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveTextAlignStyle} from '../../styles/font/textAlignStyle'\nimport {responsiveTextFont} from '../../styles/font/textFontStyle'\nimport {ResponsiveFontStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {TextAlign} from '../../types/text'\nimport {SpanWithTextOverflow} from '../../utils/spanWithTextOverflow'\nimport {textBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface TextOwnProps {\n accent?: boolean\n align?: TextAlign | TextAlign[]\n /** When `true` the text color will be muted. */\n muted?: boolean\n size?: number | number[]\n /**\n * Controls how overflowing text is treated.\n * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `…` symbol.\n * @beta\n */\n textOverflow?: 'ellipsis'\n weight?: ThemeFontWeightKey\n}\n\n/**\n * @public\n */\nexport type TextProps<E extends ElementType = 'div'> = Props<TextOwnProps, E>\n\nconst StyledText = styled.div<ResponsiveFontStyleProps>(\n responsiveTextFont,\n responsiveTextAlignStyle,\n textBaseStyle,\n)\n\nfunction TextComponent(\n props: TextOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n) {\n const {\n accent = false,\n align,\n children: childrenProp,\n muted = false,\n ref,\n size = 2,\n textOverflow,\n weight,\n ...restProps\n } = props\n\n let children = childrenProp\n\n if (textOverflow === 'ellipsis') {\n children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n }\n\n return (\n <StyledText\n data-ui=\"Text\"\n {...restProps}\n $accent={accent}\n $align={_getArrayProp(align)}\n $muted={muted}\n ref={ref}\n $size={_getArrayProp(size)}\n $weight={weight}\n >\n <span>{children}</span>\n </StyledText>\n )\n}\n\n/**\n * The `Text` component is an agile, themed typographic element.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Text = TextComponent as unknown as <E extends ElementType = 'div'>(\n props: TextProps<E>,\n) => React.JSX.Element\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../../styles/helpers'\nimport {ThemeProps} from '../../styles/types'\n\nexport interface ResponsiveStackSpaceStyleProps {\n $space: number[]\n}\n\nconst BASE_STYLE: CSSObject = {\n '&&:not([hidden])': {\n display: 'grid',\n },\n '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n listStyle: 'none',\n },\n 'gridTemplateColumns': 'minmax(0, 1fr)',\n 'gridAutoRows': 'min-content',\n}\n\nexport function stackBaseStyle(): CSSObject {\n return BASE_STYLE\n}\n\nexport function responsiveStackSpaceStyle(\n props: ResponsiveStackSpaceStyleProps & ThemeProps,\n): CSSObject[] {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$space, (spaceIndex) => ({\n // oxlint-disable-next-line no-deprecated\n gridGap: rem(space[spaceIndex]),\n }))\n}\n","import {styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps, stackBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface StackOwnProps extends BoxOwnProps {\n gap?: number | number[]\n /**\n * @deprecated Use `gap` instead.\n */\n space?: never\n}\n\n/**\n * @public\n */\nexport type StackProps<E extends ElementType = 'div'> = Props<StackOwnProps, E>\n\nconst StyledStack = styled(Box)<ResponsiveStackSpaceStyleProps>(\n stackBaseStyle,\n responsiveStackSpaceStyle,\n)\n\nfunction StackComponent(\n props: StackOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n) {\n const {as, gap, ref, ...restProps} = props\n\n return (\n <StyledStack\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Stack\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n />\n )\n}\n\n/**\n * The `Stack` component is used to place elements on top of each other.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Stack = StackComponent as unknown as <E extends ElementType = 'div'>(\n props: StackProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"stack-BGFEokua.js","names":["<span className={spanWithTextOverflow}>{props.children}</span>","children","accent = false","muted = false","size = 2","<SpanWithTextOverflow>{children}</SpanWithTextOverflow>","_getArrayProp(align)","_getArrayProp(size)","<span>{children}</span>","<StyledText\n data-ui=\"Text\"\n {...restProps}\n $accent={accent}\n $align={_getArrayProp(align)}\n $muted={muted}\n ref={ref}\n $size={_getArrayProp(size)}\n $weight={weight}\n >\n <span>{children}</span>\n </StyledText>","_getArrayProp(gap)","<StyledStack\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Stack\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n />","typeof as === 'string' ? as : undefined"],"sources":["../src/core/styles/font/textAlignStyle.ts","../src/core/styles/font/textFontStyle.ts","../src/core/utils/spanWithTextOverflow.css.ts","../src/core/utils/spanWithTextOverflow.tsx","../src/core/primitives/text/styles.ts","../src/core/primitives/text/text.tsx","../src/core/primitives/stack/styles.ts","../src/core/primitives/stack/stack.tsx"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveTextAlignStyleProps} from './types'\n\n/**\n * Get responsive text align styles.\n * @internal\n */\nexport function responsiveTextAlignStyle(\n props: ResponsiveTextAlignStyleProps & ThemeProps,\n): CSSObject[] {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$align, (textAlign) => {\n return {textAlign}\n })\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {ThemeProps} from '../types'\nimport {responsiveFont} from './responsiveFont'\nimport {ResponsiveFontStyleProps} from './types'\n\n/**\n * Get responsive CSS for the `text` font style.\n * @internal\n */\nexport function responsiveTextFont(props: ResponsiveFontStyleProps & ThemeProps): CSSObject[] {\n return responsiveFont('text', props)\n}\n","import {style} from '@vanilla-extract/css'\n\nexport const spanWithTextOverflow = style({\n display: 'block',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: ['hidden', 'clip'],\n})\n","import {spanWithTextOverflow} from './spanWithTextOverflow.css'\n\n/** @internal */\nexport function SpanWithTextOverflow(props: {children?: React.ReactNode}): React.JSX.Element {\n return <span className={spanWithTextOverflow}>{props.children}</span>\n}\n","import {css} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {ThemeProps} from '../../styles/types'\n\nexport function textBaseStyle(\n props: {$accent?: boolean; $muted?: boolean} & ThemeProps,\n): ReturnType<typeof css> {\n const {$accent, $muted} = props\n const {font} = getTheme_v2(props.theme)\n\n return css`\n color: var(--card-fg-color);\n\n ${\n $accent &&\n css`\n color: var(--card-accent-fg-color);\n `\n }\n\n ${\n $muted &&\n css`\n color: var(--card-muted-fg-color);\n `\n }\n\n & code {\n font-family: ${font.code.family};\n border-radius: 1px;\n background-color: var(--card-code-bg-color);\n color: var(--card-code-fg-color);\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ${font.text.weights.bold};\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n /* ...and aren't squeezed by resets that set max-width: 100% */\n max-width: unset;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n color: var(--card-icon-color);\n\n & path {\n vector-effect: non-scaling-stroke !important;\n }\n }\n `\n}\n","import {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveTextAlignStyle} from '../../styles/font/textAlignStyle'\nimport {responsiveTextFont} from '../../styles/font/textFontStyle'\nimport {ResponsiveFontStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {TextAlign} from '../../types/text'\nimport {SpanWithTextOverflow} from '../../utils/spanWithTextOverflow'\nimport {textBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface TextOwnProps {\n accent?: boolean\n align?: TextAlign | TextAlign[]\n /** When `true` the text color will be muted. */\n muted?: boolean\n size?: number | number[]\n /**\n * Controls how overflowing text is treated.\n * Use `textOverflow=\"ellipsis\"` to render text as a single line which is concatenated with a `…` symbol.\n * @beta\n */\n textOverflow?: 'ellipsis'\n weight?: ThemeFontWeightKey\n}\n\n/**\n * @public\n */\nexport type TextProps<E extends ElementType = 'div'> = Props<TextOwnProps, E>\n\nconst StyledText = styled.div<ResponsiveFontStyleProps>(\n responsiveTextFont,\n responsiveTextAlignStyle,\n textBaseStyle,\n)\n\nfunction TextComponent(\n props: TextOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n) {\n const {\n accent = false,\n align,\n children: childrenProp,\n muted = false,\n ref,\n size = 2,\n textOverflow,\n weight,\n ...restProps\n } = props\n\n let children = childrenProp\n\n if (textOverflow === 'ellipsis') {\n children = <SpanWithTextOverflow>{children}</SpanWithTextOverflow>\n }\n\n return (\n <StyledText\n data-ui=\"Text\"\n {...restProps}\n $accent={accent}\n $align={_getArrayProp(align)}\n $muted={muted}\n ref={ref}\n $size={_getArrayProp(size)}\n $weight={weight}\n >\n <span>{children}</span>\n </StyledText>\n )\n}\n\n/**\n * The `Text` component is an agile, themed typographic element.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Text = TextComponent as unknown as <E extends ElementType = 'div'>(\n props: TextProps<E>,\n) => React.JSX.Element\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../../styles/helpers'\nimport {ThemeProps} from '../../styles/types'\n\nexport interface ResponsiveStackSpaceStyleProps {\n $space: number[]\n}\n\nconst BASE_STYLE: CSSObject = {\n '&&:not([hidden])': {\n display: 'grid',\n },\n '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n listStyle: 'none',\n },\n 'gridTemplateColumns': 'minmax(0, 1fr)',\n 'gridAutoRows': 'min-content',\n}\n\nexport function stackBaseStyle(): CSSObject {\n return BASE_STYLE\n}\n\nexport function responsiveStackSpaceStyle(\n props: ResponsiveStackSpaceStyleProps & ThemeProps,\n): CSSObject[] {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$space, (spaceIndex) => ({\n // oxlint-disable-next-line no-deprecated\n gridGap: rem(space[spaceIndex]),\n }))\n}\n","import {styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {responsiveStackSpaceStyle, ResponsiveStackSpaceStyleProps, stackBaseStyle} from './styles'\n\n/**\n * @public\n */\nexport interface StackOwnProps extends BoxOwnProps {\n gap?: number | number[]\n /**\n * @deprecated Use `gap` instead.\n */\n space?: never\n}\n\n/**\n * @public\n */\nexport type StackProps<E extends ElementType = 'div'> = Props<StackOwnProps, E>\n\nconst StyledStack = styled(Box)<ResponsiveStackSpaceStyleProps>(\n stackBaseStyle,\n responsiveStackSpaceStyle,\n)\n\nfunction StackComponent(\n props: StackOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,\n) {\n const {as, gap, ref, ...restProps} = props\n\n return (\n <StyledStack\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Stack\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n />\n )\n}\n\n/**\n * The `Stack` component is used to place elements on top of each other.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Stack = StackComponent as unknown as <E extends ElementType = 'div'>(\n props: StackProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { a as rem, i as _responsive, n as _getArrayProp, s as EMPTY_RECORD } from "./helpers-
|
|
1
|
+
import { a as rem, i as _responsive, n as _getArrayProp, s as EMPTY_RECORD } from "./helpers-C8xxXAQC.js";
|
|
2
2
|
import { a as isHTMLElement, c as isHTMLTextAreaElement, i as isHTMLButtonElement, o as isHTMLInputElement, r as isHTMLAnchorElement, s as isHTMLSelectElement } from "./element-BYgCE_iK.js";
|
|
3
3
|
import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
|
|
4
|
-
import { l as useRootTheme, m as focusRingStyle, p as focusRingBorderStyle, s as Card, v as responsiveRadiusStyle, y as Box } from "./useLayer-
|
|
5
|
-
import { n as Text } from "./stack-
|
|
6
|
-
import { t as Button } from "./button-
|
|
4
|
+
import { l as useRootTheme, m as focusRingStyle, p as focusRingBorderStyle, s as Card, v as responsiveRadiusStyle, y as Box } from "./useLayer-jUJIz8mh.js";
|
|
5
|
+
import { n as Text } from "./stack-BGFEokua.js";
|
|
6
|
+
import { t as Button } from "./button-DQH2KIbq.js";
|
|
7
7
|
import { c } from "react/compiler-runtime";
|
|
8
8
|
import { isValidElement, useEffect, useImperativeHandle, useRef } from "react";
|
|
9
9
|
import { css, styled } from "styled-components";
|
|
@@ -318,4 +318,4 @@ function _temp(event) {
|
|
|
318
318
|
}
|
|
319
319
|
export { textInputRootStyle as a, useCustomValidity as c, focusFirstDescendant as d, focusLastDescendant as f, _raf2 as h, textInputRepresentationStyle as i, _hasFocus as l, _raf as m, textInputBaseStyle as n, responsiveInputPaddingIconRightStyle as o, isFocusable as p, textInputFontSizeStyle as r, responsiveInputPaddingStyle as s, TextInput as t, attemptFocus as u };
|
|
320
320
|
|
|
321
|
-
//# sourceMappingURL=textInput-
|
|
321
|
+
//# sourceMappingURL=textInput-B6ZZJSOj.js.map
|