@sanity/ui 4.0.0-static.9 → 4.0.0

package/dist/breadcrumbs.js

@@ -0,0 +1,116 @@
+"use client";
+import { n as _getArrayProp } from "./helpers-bwfx1e-Y.js";
+import { y as Box } from "./useLayer-BAVfmbNN.js";
+import { n as Text, t as Stack } from "./stack-iW9HuGLg.js";
+import { t as Button } from "./button-mxfSqr0n.js";
+import { t as Popover } from "./popover-PorX5Jv9.js";
+import { t as useClickOutsideEvent } from "./useClickOutsideEvent-lEVhDFCQ.js";
+import { c } from "react/compiler-runtime";
+import { Children, Fragment, isValidElement, useRef, useState } from "react";
+import { styled } from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+const StyledBreadcrumbs = styled.ol.withConfig({
+	displayName: "StyledBreadcrumbs",
+	componentId: "sc-s3y9xo-0"
+})`margin:0;padding:0;display:flex;list-style:none;align-items:center;white-space:nowrap;line-height:0;`, ExpandButton = styled(Button).withConfig({
+	displayName: "ExpandButton",
+	componentId: "sc-s3y9xo-1"
+})`appearance:none;margin:-4px;`;
+/**
+* @beta
+*/
+function Breadcrumbs(props) {
+	let $ = c(30), children, maxLength, ref, restProps, separator, t0;
+	$[0] === props ? (children = $[1], maxLength = $[2], ref = $[3], restProps = $[4], separator = $[5], t0 = $[6]) : ({children, gap: t0, maxLength, ref, separator, ...restProps} = props, $[0] = props, $[1] = children, $[2] = maxLength, $[3] = ref, $[4] = restProps, $[5] = separator, $[6] = t0);
+	let gap = t0 === void 0 ? 2 : t0, t1;
+	$[7] === gap ? t1 = $[8] : (t1 = _getArrayProp(gap), $[7] = gap, $[8] = t1);
+	let space = t1, [open, setOpen] = useState(!1), expandElementRef = useRef(null), popoverElementRef = useRef(null), t2;
+	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setOpen(!1), $[9] = t2) : t2 = $[9];
+	let collapse = t2, t3;
+	$[10] === Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setOpen(!0), $[10] = t3) : t3 = $[10];
+	let expand = t3, t4;
+	$[11] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => [expandElementRef.current, popoverElementRef.current], $[11] = t4) : t4 = $[11], useClickOutsideEvent(collapse, t4);
+	let t5;
+	$[12] === children ? t5 = $[13] : (t5 = Children.toArray(children).filter(isValidElement), $[12] = children, $[13] = t5);
+	let rawItems = t5, t6;
+	$[14] !== maxLength || $[15] !== open || $[16] !== rawItems || $[17] !== space ? (t6 = {
+		collapse,
+		expand,
+		expandElementRef,
+		maxLength,
+		open,
+		popoverElementRef,
+		rawItems,
+		space
+	}, $[14] = maxLength, $[15] = open, $[16] = rawItems, $[17] = space, $[18] = t6) : t6 = $[18];
+	let items = useItems(t6), t7;
+	if ($[19] !== items || $[20] !== separator || $[21] !== space) {
+		let t8;
+		$[23] !== separator || $[24] !== space ? (t8 = (item, itemIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [itemIndex > 0 && /* @__PURE__ */ jsx(Box, {
+			"aria-hidden": !0,
+			as: "li",
+			paddingX: space,
+			children: separator || /* @__PURE__ */ jsx(Text, {
+				muted: !0,
+				children: "/"
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			as: "li",
+			children: item
+		})] }, itemIndex), $[23] = separator, $[24] = space, $[25] = t8) : t8 = $[25], t7 = items.map(t8), $[19] = items, $[20] = separator, $[21] = space, $[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	return $[26] !== ref || $[27] !== restProps || $[28] !== t7 ? (t8 = /* @__PURE__ */ jsx(StyledBreadcrumbs, {
+		"data-ui": "Breadcrumbs",
+		...restProps,
+		ref,
+		children: t7
+	}), $[26] = ref, $[27] = restProps, $[28] = t7, $[29] = t8) : t8 = $[29], t8;
+}
+function useItems(t0) {
+	let $ = c(28), { collapse, expand, expandElementRef, maxLength, open, popoverElementRef, rawItems, space } = t0, len = rawItems.length;
+	if (maxLength && len > maxLength) {
+		let beforeLength = Math.ceil(maxLength / 2), afterLength = Math.floor(maxLength / 2), t1;
+		if ($[0] !== afterLength || $[1] !== beforeLength || $[2] !== collapse || $[3] !== expand || $[4] !== expandElementRef || $[5] !== len || $[6] !== open || $[7] !== popoverElementRef || $[8] !== rawItems || $[9] !== space) {
+			let t2 = rawItems.slice(0, beforeLength - 1), t3;
+			$[11] !== afterLength || $[12] !== beforeLength || $[13] !== len || $[14] !== rawItems ? (t3 = rawItems.slice(beforeLength - 1, len - afterLength), $[11] = afterLength, $[12] = beforeLength, $[13] = len, $[14] = rawItems, $[15] = t3) : t3 = $[15];
+			let t4;
+			$[16] !== space || $[17] !== t3 ? (t4 = /* @__PURE__ */ jsx(Stack, {
+				as: "ol",
+				overflow: "auto",
+				padding: space,
+				gap: space,
+				children: t3
+			}), $[16] = space, $[17] = t3, $[18] = t4) : t4 = $[18];
+			let t5 = open ? collapse : expand, t6;
+			$[19] !== expandElementRef || $[20] !== open || $[21] !== t5 ? (t6 = /* @__PURE__ */ jsx(ExpandButton, {
+				fontSize: 1,
+				mode: "bleed",
+				onClick: t5,
+				padding: 1,
+				ref: expandElementRef,
+				selected: open,
+				text: "…"
+			}), $[19] = expandElementRef, $[20] = open, $[21] = t5, $[22] = t6) : t6 = $[22];
+			let t7;
+			$[23] !== open || $[24] !== popoverElementRef || $[25] !== t4 || $[26] !== t6 ? (t7 = /* @__PURE__ */ jsx(Popover, {
+				constrainSize: !0,
+				content: t4,
+				open,
+				placement: "top",
+				portal: !0,
+				ref: popoverElementRef,
+				children: t6
+			}, "button"), $[23] = open, $[24] = popoverElementRef, $[25] = t4, $[26] = t6, $[27] = t7) : t7 = $[27], t1 = [
+				...t2,
+				t7,
+				...rawItems.slice(len - afterLength)
+			], $[0] = afterLength, $[1] = beforeLength, $[2] = collapse, $[3] = expand, $[4] = expandElementRef, $[5] = len, $[6] = open, $[7] = popoverElementRef, $[8] = rawItems, $[9] = space, $[10] = t1;
+		} else t1 = $[10];
+		return t1;
+	}
+	return rawItems;
+}
+export { Breadcrumbs };
+
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","names":["styled","Button","StyledBreadcrumbs","ol","ExpandButton","Children","Fragment","isValidElement","useCallback","useMemo","useRef","useState","useClickOutsideEvent","Box","Popover","Stack","Text","_getArrayProp","ExpandButton","StyledBreadcrumbs","BreadcrumbsProps","maxLength","separator","React","ReactNode","gap","space","Breadcrumbs","props","$","_c","children","ref","restProps","t0","undefined","t1","open","setOpen","expandElementRef","popoverElementRef","t2","Symbol","for","collapse","t3","expand","t4","current","t5","toArray","filter","rawItems","t6","items","useItems","t7","t8","item","itemIndex","map","len","length","beforeLength","Math","ceil","afterLength","floor","slice"],"sources":["../src/core/components/breadcrumbs/breadcrumbs.styles.ts","../src/core/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import {styled} from 'styled-components'\n\nimport {Button} from '../../primitives/button/button'\n\nexport const StyledBreadcrumbs = styled.ol`\n  margin: 0;\n  padding: 0;\n  display: flex;\n  list-style: none;\n  align-items: center;\n  white-space: nowrap;\n  line-height: 0;\n`\n\nexport const ExpandButton = styled(Button)`\n  appearance: none;\n  margin: -4px;\n`\n","import {Children, Fragment, isValidElement, useCallback, useMemo, useRef, useState} from 'react'\n\nimport {useClickOutsideEvent} from '../../hooks/useClickOutsideEvent'\nimport {Box} from '../../primitives/box/box'\nimport {Popover} from '../../primitives/popover/popover'\nimport {Stack} from '../../primitives/stack/stack'\nimport {Text} from '../../primitives/text/text'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ExpandButton, StyledBreadcrumbs} from './breadcrumbs.styles'\n\n/**\n * @beta\n */\nexport interface BreadcrumbsProps {\n  maxLength?: number\n  separator?: React.ReactNode\n  gap?: number | number[]\n  /**\n   * @deprecated Use `gap` instead.\n   */\n  space?: never\n}\n\n/**\n * @beta\n */\nexport function Breadcrumbs(\n  props: BreadcrumbsProps & Omit<React.HTMLProps<HTMLOListElement>, 'as' | 'type'>,\n) {\n  const {children, gap = 2, maxLength, ref, separator, ...restProps} = props\n  const space = _getArrayProp(gap)\n  const [open, setOpen] = useState(false)\n  const expandElementRef = useRef<HTMLButtonElement | null>(null)\n  const popoverElementRef = useRef<HTMLDivElement | null>(null)\n\n  const collapse = useCallback(() => setOpen(false), [])\n  const expand = useCallback(() => setOpen(true), [])\n\n  useClickOutsideEvent(collapse, () => [expandElementRef.current, popoverElementRef.current])\n\n  const rawItems = useMemo(() => Children.toArray(children).filter(isValidElement), [children])\n\n  const items = useItems({\n    collapse,\n    expand,\n    expandElementRef,\n    maxLength,\n    open,\n    popoverElementRef,\n    rawItems,\n    space,\n  })\n\n  return (\n    <StyledBreadcrumbs data-ui=\"Breadcrumbs\" {...restProps} ref={ref}>\n      {items.map((item, itemIndex) => (\n        // oxlint-disable-next-line no-array-index-key\n        <Fragment key={itemIndex}>\n          {itemIndex > 0 && (\n            <Box aria-hidden as=\"li\" paddingX={space}>\n              {separator || <Text muted>/</Text>}\n            </Box>\n          )}\n          <Box as=\"li\">{item}</Box>\n        </Fragment>\n      ))}\n    </StyledBreadcrumbs>\n  )\n}\n\nfunction useItems({\n  collapse,\n  expand,\n  expandElementRef,\n  maxLength,\n  open,\n  popoverElementRef,\n  rawItems,\n  space,\n}: {\n  collapse: () => void\n  expand: () => void\n  expandElementRef: React.RefObject<HTMLButtonElement | null>\n  maxLength: number | undefined\n  open: boolean\n  popoverElementRef: React.RefObject<HTMLDivElement | null>\n  // oxlint-disable-next-line no-unnecessary-type-arguments\n  rawItems: React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[]\n  space: number[]\n}) {\n  const len = rawItems.length\n\n  if (maxLength && len > maxLength) {\n    const beforeLength = Math.ceil(maxLength / 2)\n    const afterLength = Math.floor(maxLength / 2)\n\n    return [\n      ...rawItems.slice(0, beforeLength - 1),\n      <Popover\n        constrainSize\n        content={\n          <Stack as=\"ol\" overflow=\"auto\" padding={space} gap={space}>\n            {rawItems.slice(beforeLength - 1, len - afterLength)}\n          </Stack>\n        }\n        key=\"button\"\n        open={open}\n        placement=\"top\"\n        portal\n        ref={popoverElementRef}\n      >\n        <ExpandButton\n          fontSize={1}\n          mode=\"bleed\"\n          onClick={open ? collapse : expand}\n          padding={1}\n          ref={expandElementRef}\n          selected={open}\n          text=\"…\"\n        />\n      </Popover>,\n      ...rawItems.slice(len - afterLength),\n    ]\n  }\n\n  return rawItems\n}\n"],"mappings":"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"}

package/dist/button-dnqMFkWg.d.ts

@@ -0,0 +1,76 @@
+import { a as Props, r as ElementType } from "./component-DVlwaWB-.js";
+import { O as FlexJustify, d as ResponsiveMarginProps, f as ResponsivePaddingProps, l as ResponsiveGridItemProps, o as ResponsiveBoxProps, p as ResponsiveRadiusProps, s as ResponsiveFlexItemProps } from "./layer-ChlP9Ik6.js";
+import { l as ThemeColorStateToneKey, r as ThemeColorButtonModeKey } from "./_system-CTe2lb5l.js";
+import { a as ThemeFontWeightKey } from "./font-EtfxKPUz.js";
+/**
+ * The props that `Box` adds on top of the element it renders as.
+ *
+ * @public
+ */
+interface BoxOwnProps extends ResponsiveFlexItemProps, ResponsiveBoxProps, ResponsiveGridItemProps, ResponsiveMarginProps, ResponsivePaddingProps {
+  forwardedAs?: ElementType;
+}
+/**
+ * @public
+ */
+type BoxProps<E extends ElementType = 'div'> = Props<BoxOwnProps, E>;
+/**
+ * The `Box` component is a basic layout wrapper component which provides utility properties
+ * for flex, margins and padding.
+ *
+ * @public
+ */
+declare const Box: <E extends ElementType = 'div'>(props: BoxProps<E>) => React.JSX.Element;
+/**
+ * @public
+ */
+type ButtonMode = ThemeColorButtonModeKey;
+/**
+ * @public
+ */
+type ButtonTextAlign = 'left' | 'right' | 'center';
+/**
+ * @public
+ */
+type ButtonTone = ThemeColorStateToneKey;
+/**
+ * @public
+ */
+type ButtonWidth = 'fill';
+/**
+ * @public
+ */
+interface ButtonOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
+  fontSize?: number | number[];
+  mode?: ButtonMode;
+  icon?: React.ElementType | React.ReactNode;
+  iconRight?: React.ElementType | React.ReactNode;
+  justify?: FlexJustify | FlexJustify[];
+  /**
+   * @beta Do not use in production, as this might change.
+   */
+  loading?: boolean;
+  selected?: boolean;
+  /**
+   * @deprecated Use `gap` instead.
+   */
+  space?: never;
+  gap?: number | number[];
+  muted?: boolean;
+  text?: React.ReactNode;
+  textAlign?: ButtonTextAlign;
+  textWeight?: ThemeFontWeightKey;
+  tone?: ButtonTone;
+  type?: 'button' | 'reset' | 'submit';
+  width?: ButtonWidth;
+}
+/**
+ * @public
+ */
+type ButtonProps<E extends ElementType = 'button'> = Props<ButtonOwnProps, E>;
+/**
+ * @public
+ */
+declare const Button: <E extends ElementType = 'button'>(props: ButtonProps<E>) => React.JSX.Element;
+export { ButtonTextAlign as a, Box as c, ButtonMode as i, BoxOwnProps as l, ButtonOwnProps as n, ButtonTone as o, ButtonProps as r, ButtonWidth as s, Button as t, BoxProps as u };
+//# sourceMappingURL=button-dnqMFkWg.d.ts.map

package/dist/button-dnqMFkWg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-dnqMFkWg.d.ts","names":[],"sources":["../src/core/primitives/box/box.tsx","../src/core/types/button.ts","../src/core/primitives/button/button.tsx"],"mappings":";;;;;;;;;UA2BiB,oBAEb,yBACA,oBACA,yBACA,uBACA;EACF,cAAc;;;;;KAMJ,SAAS,UAAU,uBAAuB,MAAM,aAAa;;;;;;;cAmG5D,MAAkC,UAAU,qBACvD,OAAO,SAAS,OACb,MAAM,IAAI;;;;KCxIH,aAAa;;;;KAKb;;;;KAKA,aAAa;;;;KAKb;;;;UCEK,uBAAuB,wBAAwB;EAC9D;EACA,OAAO;EAEP,OAAO,MAAM,cAAc,MAAM;EAEjC,YAAY,MAAM,cAAc,MAAM;EACtC,UAAU,cAAc;;;;EAIxB;EACA;;;;EAIA;EACA;EACA;EACA,OAAO,MAAM;EACb,YAAY;EACZ,aAAa;EACb,OAAO;EACP;EACA,QAAQ;;;;;KAME,YAAY,UAAU,0BAA0B,MAAM,gBAAgB;;;;cAsJrE,SAAwC,UAAU,wBAC7D,OAAO,YAAY,OAChB,MAAM,IAAI"}

package/dist/button-mxfSqr0n.js

@@ -0,0 +1,179 @@
+import { n as _getArrayProp } from "./helpers-bwfx1e-Y.js";
+import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
+import { _ as useTheme_v2, h as _cardColorStyle, m as focusRingStyle, p as focusRingBorderStyle, v as responsiveRadiusStyle, y as Box } from "./useLayer-BAVfmbNN.js";
+import { t as Flex } from "./flex-C-5JHi1C.js";
+import { n as Text } from "./stack-iW9HuGLg.js";
+import { c } from "react/compiler-runtime";
+import { isValidElement } from "react";
+import { css, styled } from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElementType } from "react-is";
+import { SpinnerIcon } from "@sanity/icons/Spinner";
+var spinnerIcon = "_1b6o2se1";
+/**
+* Indicate that something is loading for an indeterminate amount of time.
+*
+* @public
+*/
+function Spinner(props) {
+	let $ = c(3), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(SpinnerIcon, { className: spinnerIcon }), $[0] = t0) : t0 = $[0];
+	let t1;
+	return $[1] === props ? t1 = $[2] : (t1 = /* @__PURE__ */ jsx(Text, {
+		"data-ui": "Spinner",
+		...props,
+		children: t0
+	}), $[1] = props, $[2] = t1), t1;
+}
+/**
+* @internal
+*/
+function buttonBaseStyles(props) {
+	let { $width } = props, { style } = getTheme_v2(props.theme);
+	return css`${style?.button};-webkit-font-smoothing:inherit;appearance:none;display:inline-flex;align-items:center;font:inherit;border:0;outline:none;user-select:none;text-decoration:none;border:0;box-sizing:border-box;padding:0;margin:0;white-space:nowrap;text-align:left;position:relative;vertical-align:top;${$width === "fill" && css`width:-moz-available;width:-webkit-fill-available;width:stretch;`} & > span{display:block;flex:1;min-width:0;border-radius:inherit;}&::-moz-focus-inner{border:0;padding:0;}`;
+}
+function combineBoxShadow(...boxShadows) {
+	return boxShadows.filter(Boolean).join(",");
+}
+/**
+* @internal
+*/
+function buttonColorStyles(props) {
+	let { $mode } = props, { button, color: baseColor, style } = getTheme_v2(props.theme);
+	props.$mode;
+	let mode = baseColor.button[$mode] || baseColor.button.default, color = mode[props.$tone] || mode.default, border = {
+		width: button.border.width,
+		color: "var(--card-border-color)"
+	};
+	return [
+		_cardColorStyle(baseColor, color.enabled),
+		{
+			backgroundColor: "var(--card-bg-color)",
+			color: "var(--card-fg-color)",
+			boxShadow: focusRingBorderStyle(border),
+			"&:disabled, &[data-disabled=\"true\"]": _cardColorStyle(baseColor, color.disabled),
+			"&:not([data-disabled='true'])": {
+				boxShadow: combineBoxShadow(focusRingBorderStyle(border), void 0),
+				"&:focus": { boxShadow: focusRingStyle({
+					base: baseColor,
+					border: {
+						width: 2,
+						color: baseColor.bg
+					},
+					focusRing: button.focusRing
+				}) },
+				"&:focus:not(:focus-visible)": { boxShadow: combineBoxShadow(focusRingBorderStyle(border), void 0) },
+				"@media (hover: hover)": {
+					"&:hover": _cardColorStyle(baseColor, color.hovered),
+					"&:active": _cardColorStyle(baseColor, color.pressed),
+					"&[data-hovered]": _cardColorStyle(baseColor, color.hovered)
+				},
+				"&[data-selected]": _cardColorStyle(baseColor, color.pressed)
+			}
+		},
+		style?.button?.root
+	].filter(Boolean);
+}
+const StyledButton = /* @__PURE__ */ styled.button.withConfig({
+	displayName: "StyledButton",
+	componentId: "sc-qd71yy-0"
+})(responsiveRadiusStyle, buttonBaseStyles, buttonColorStyles), LoadingBox = styled.div.withConfig({
+	displayName: "LoadingBox",
+	componentId: "sc-qd71yy-1"
+})`position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg-color);border-radius:inherit;z-index:1;box-shadow:inherit;`;
+function ButtonComponent(props) {
+	let $ = c(87), IconComponent, IconRightComponent, children, disabled, loading, paddingBottomProp, paddingLeftProp, paddingRightProp, paddingTopProp, paddingXProp, paddingYProp, ref, restProps, selected, t0, t1, t2, t3, t4, t5, t6, t7, t8, text, textAlign, textWeight, width;
+	$[0] === props ? (IconComponent = $[1], IconRightComponent = $[2], children = $[3], disabled = $[4], loading = $[5], paddingBottomProp = $[6], paddingLeftProp = $[7], paddingRightProp = $[8], paddingTopProp = $[9], paddingXProp = $[10], paddingYProp = $[11], ref = $[12], restProps = $[13], selected = $[14], t0 = $[15], t1 = $[16], t2 = $[17], t3 = $[18], t4 = $[19], t5 = $[20], t6 = $[21], t7 = $[22], t8 = $[23], text = $[24], textAlign = $[25], textWeight = $[26], width = $[27]) : ({children, disabled, ref, fontSize: t0, icon: IconComponent, iconRight: IconRightComponent, justify: t1, loading, mode: t2, padding: t3, paddingX: paddingXProp, paddingY: paddingYProp, paddingTop: paddingTopProp, paddingBottom: paddingBottomProp, paddingLeft: paddingLeftProp, paddingRight: paddingRightProp, radius: t4, selected, gap: t5, text, textAlign, textWeight, tone: t6, type: t7, muted: t8, width, ...restProps} = props, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = children, $[4] = disabled, $[5] = loading, $[6] = paddingBottomProp, $[7] = paddingLeftProp, $[8] = paddingRightProp, $[9] = paddingTopProp, $[10] = paddingXProp, $[11] = paddingYProp, $[12] = ref, $[13] = restProps, $[14] = selected, $[15] = t0, $[16] = t1, $[17] = t2, $[18] = t3, $[19] = t4, $[20] = t5, $[21] = t6, $[22] = t7, $[23] = t8, $[24] = text, $[25] = textAlign, $[26] = textWeight, $[27] = width);
+	let fontSize = t0 === void 0 ? 1 : t0, justifyProp = t1 === void 0 ? "center" : t1, mode = t2 === void 0 ? "default" : t2, paddingProp = t3 === void 0 ? 3 : t3, radiusProp = t4 === void 0 ? 2 : t4, gap = t5 === void 0 ? 3 : t5, tone = t6 === void 0 ? "default" : t6, type = t7 === void 0 ? "button" : t7, muted = t8 !== void 0 && t8, { button } = useTheme_v2(), t9;
+	$[28] === justifyProp ? t9 = $[29] : (t9 = _getArrayProp(justifyProp), $[28] = justifyProp, $[29] = t9);
+	let justify = t9, t10;
+	$[30] === paddingProp ? t10 = $[31] : (t10 = _getArrayProp(paddingProp), $[30] = paddingProp, $[31] = t10);
+	let padding = t10, t11;
+	$[32] === paddingXProp ? t11 = $[33] : (t11 = _getArrayProp(paddingXProp), $[32] = paddingXProp, $[33] = t11);
+	let paddingX = t11, t12;
+	$[34] === paddingYProp ? t12 = $[35] : (t12 = _getArrayProp(paddingYProp), $[34] = paddingYProp, $[35] = t12);
+	let paddingY = t12, t13;
+	$[36] === paddingTopProp ? t13 = $[37] : (t13 = _getArrayProp(paddingTopProp), $[36] = paddingTopProp, $[37] = t13);
+	let paddingTop = t13, t14;
+	$[38] === paddingBottomProp ? t14 = $[39] : (t14 = _getArrayProp(paddingBottomProp), $[38] = paddingBottomProp, $[39] = t14);
+	let paddingBottom = t14, t15;
+	$[40] === paddingLeftProp ? t15 = $[41] : (t15 = _getArrayProp(paddingLeftProp), $[40] = paddingLeftProp, $[41] = t15);
+	let paddingLeft = t15, t16;
+	$[42] === paddingRightProp ? t16 = $[43] : (t16 = _getArrayProp(paddingRightProp), $[42] = paddingRightProp, $[43] = t16);
+	let paddingRight = t16, t17;
+	$[44] === radiusProp ? t17 = $[45] : (t17 = _getArrayProp(radiusProp), $[44] = radiusProp, $[45] = t17);
+	let radius = t17, t18;
+	$[46] === gap ? t18 = $[47] : (t18 = _getArrayProp(gap), $[46] = gap, $[47] = t18);
+	let spacing = t18, t19;
+	$[48] !== padding || $[49] !== paddingBottom || $[50] !== paddingLeft || $[51] !== paddingRight || $[52] !== paddingTop || $[53] !== paddingX || $[54] !== paddingY ? (t19 = {
+		padding,
+		paddingX,
+		paddingY,
+		paddingTop,
+		paddingBottom,
+		paddingLeft,
+		paddingRight
+	}, $[48] = padding, $[49] = paddingBottom, $[50] = paddingLeft, $[51] = paddingRight, $[52] = paddingTop, $[53] = paddingX, $[54] = paddingY, $[55] = t19) : t19 = $[55];
+	let boxProps = t19, t20 = !!(loading || disabled), t21 = selected ? "" : void 0, t22 = !!(loading || disabled), t23;
+	$[56] === loading ? t23 = $[57] : (t23 = !!loading && /* @__PURE__ */ jsx(LoadingBox, { children: /* @__PURE__ */ jsx(Spinner, {}) }), $[56] = loading, $[57] = t23);
+	let t24;
+	$[58] !== IconComponent || $[59] !== IconRightComponent || $[60] !== boxProps || $[61] !== button || $[62] !== fontSize || $[63] !== justify || $[64] !== muted || $[65] !== spacing || $[66] !== text || $[67] !== textAlign || $[68] !== textWeight ? (t24 = (IconComponent || text || IconRightComponent) && /* @__PURE__ */ jsx(Box, {
+		as: "span",
+		...boxProps,
+		children: /* @__PURE__ */ jsxs(Flex, {
+			as: "span",
+			justify,
+			gap: spacing,
+			children: [
+				IconComponent && /* @__PURE__ */ jsxs(Text, {
+					size: fontSize,
+					children: [isValidElement(IconComponent) && IconComponent, isValidElementType(IconComponent) && /* @__PURE__ */ jsx(IconComponent, {})]
+				}),
+				text && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, {
+					muted,
+					align: textAlign,
+					size: fontSize,
+					textOverflow: "ellipsis",
+					weight: textWeight ?? button.textWeight,
+					children: text
+				}) }),
+				IconRightComponent && /* @__PURE__ */ jsxs(Text, {
+					size: fontSize,
+					children: [isValidElement(IconRightComponent) && IconRightComponent, isValidElementType(IconRightComponent) && /* @__PURE__ */ jsx(IconRightComponent, {})]
+				})
+			]
+		})
+	}), $[58] = IconComponent, $[59] = IconRightComponent, $[60] = boxProps, $[61] = button, $[62] = fontSize, $[63] = justify, $[64] = muted, $[65] = spacing, $[66] = text, $[67] = textAlign, $[68] = textWeight, $[69] = t24) : t24 = $[69];
+	let t25;
+	$[70] !== boxProps || $[71] !== children ? (t25 = children && /* @__PURE__ */ jsx(Box, {
+		as: "span",
+		...boxProps,
+		children
+	}), $[70] = boxProps, $[71] = children, $[72] = t25) : t25 = $[72];
+	let t26;
+	return $[73] !== mode || $[74] !== radius || $[75] !== ref || $[76] !== restProps || $[77] !== t20 || $[78] !== t21 || $[79] !== t22 || $[80] !== t23 || $[81] !== t24 || $[82] !== t25 || $[83] !== tone || $[84] !== type || $[85] !== width ? (t26 = /* @__PURE__ */ jsxs(StyledButton, {
+		"data-ui": "Button",
+		...restProps,
+		$mode: mode,
+		$radius: radius,
+		$tone: tone,
+		"data-disabled": t20,
+		"data-selected": t21,
+		disabled: t22,
+		ref,
+		type,
+		$width: width,
+		children: [
+			t23,
+			t24,
+			t25
+		]
+	}), $[73] = mode, $[74] = radius, $[75] = ref, $[76] = restProps, $[77] = t20, $[78] = t21, $[79] = t22, $[80] = t23, $[81] = t24, $[82] = t25, $[83] = tone, $[84] = type, $[85] = width, $[86] = t26) : t26 = $[86], t26;
+}
+/**
+* @public
+*/
+const Button = ButtonComponent;
+export { Spinner as n, Button as t };
+
+//# sourceMappingURL=button-mxfSqr0n.js.map

package/dist/button-mxfSqr0n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-mxfSqr0n.js","names":["SpinnerIcon","Text","spinnerIcon","SpinnerProps","muted","size","Spinner","props","$","_c","t0","Symbol","for","t1","css","CSSObject","getTheme_v2","_cardColorStyle","focusRingBorderStyle","focusRingStyle","ThemeProps","ButtonMode","ButtonTone","ButtonWidth","buttonBaseStyles","props","$width","ReturnType","style","theme","button","combineBoxShadow","boxShadows","filter","Boolean","join","buttonColorStyles","$mode","$tone","color","baseColor","shadow","mode","default","border","width","defaultBoxShadow","undefined","enabled","disabled","boxShadow","base","bg","focusRing","hovered","pressed","root","isValidElement","useMemo","isValidElementType","styled","ThemeFontWeightKey","_getArrayProp","responsiveRadiusStyle","ResponsiveRadiusStyleProps","useTheme_v2","ButtonMode","ButtonTextAlign","ButtonTone","ButtonWidth","ElementType","Props","FlexJustify","Box","Flex","Spinner","Text","ResponsivePaddingProps","ResponsiveRadiusProps","buttonBaseStyles","buttonColorStyles","ButtonOwnProps","fontSize","mode","icon","React","ReactNode","iconRight","justify","loading","selected","space","gap","muted","text","textAlign","textWeight","tone","type","width","ButtonProps","E","StyledButton","button","$mode","$tone","$width","LoadingBox","div","ButtonComponent","props","$","_c","IconComponent","IconRightComponent","children","disabled","paddingBottomProp","paddingLeftProp","paddingRightProp","paddingTopProp","paddingXProp","paddingYProp","ref","restProps","t0","t1","t2","t3","t4","t5","t6","t7","t8","padding","paddingX","paddingY","paddingTop","paddingBottom","paddingLeft","paddingRight","radius","undefined","justifyProp","paddingProp","radiusProp","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","spacing","t19","boxProps","t20","Boolean","t21","t22","t23","t24","t25","t26","Button","JSX","Element"],"sources":["../src/core/primitives/spinner/spinner.css.ts","../src/core/primitives/spinner/spinner.tsx","../src/core/primitives/button/styles.ts","../src/core/primitives/button/button.tsx"],"sourcesContent":["import {keyframes, style} from '@vanilla-extract/css'\n\nconst rotate = keyframes({\n  from: {transform: 'rotate(0deg)'},\n  to: {transform: 'rotate(360deg)'},\n})\n\nexport const spinnerIcon = style({\n  animation: `${rotate} 500ms linear infinite`,\n})\n","import {SpinnerIcon} from '@sanity/icons/Spinner'\n\nimport {Text} from '../text/text'\n\nimport {spinnerIcon} from './spinner.css'\n\n/**\n * @public\n */\nexport interface SpinnerProps {\n  muted?: boolean\n  size?: number | number[]\n}\n\n/**\n * Indicate that something is loading for an indeterminate amount of time.\n *\n * @public\n */\nexport function Spinner(\n  props: SpinnerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'size'>,\n) {\n  return (\n    <Text data-ui=\"Spinner\" {...props}>\n      <SpinnerIcon className={spinnerIcon} />\n    </Text>\n  )\n}\n","import {css} from 'styled-components'\n\nimport {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_cardColorStyle} from '../../styles/card/_cardColorStyle'\nimport {focusRingBorderStyle, focusRingStyle} from '../../styles/focusRing'\nimport {ThemeProps} from '../../styles/types'\nimport {ButtonMode, ButtonTone, ButtonWidth} from '../../types/button'\n\n/**\n * @internal\n */\nexport function buttonBaseStyles(\n  props: {$width?: ButtonWidth} & ThemeProps,\n): ReturnType<typeof css> {\n  const {$width} = props\n  const {style} = getTheme_v2(props.theme)\n\n  return css`\n    ${style?.button};\n\n    -webkit-font-smoothing: inherit;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    font: inherit;\n    border: 0;\n    outline: none;\n    user-select: none;\n    text-decoration: none;\n    border: 0;\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n    white-space: nowrap;\n    text-align: left;\n    position: relative;\n    vertical-align: top;\n\n    ${\n      $width === 'fill' &&\n      css`\n        width: -moz-available;\n        width: -webkit-fill-available;\n        width: stretch;\n      `\n    }\n\n    & > span {\n      display: block;\n      flex: 1;\n      min-width: 0;\n      border-radius: inherit;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n      padding: 0;\n    }\n  `\n}\n\nfunction combineBoxShadow(...boxShadows: (string | undefined)[]): string {\n  return boxShadows.filter(Boolean).join(',')\n}\n\n/**\n * @internal\n */\nexport function buttonColorStyles(\n  props: {$mode: ButtonMode; $tone: ButtonTone} & ThemeProps,\n): CSSObject[] {\n  const {$mode} = props\n  const {button, color: baseColor, style} = getTheme_v2(props.theme)\n  const shadow = props.$mode === 'ghost'\n  const mode = baseColor.button[$mode] || baseColor.button.default\n  const color = mode[props.$tone] || mode.default\n  const border = {\n    width: button.border.width,\n    color: 'var(--card-border-color)',\n  }\n  // const defaultBoxShadow = `inset 0px -1.5px 0px ${buttonTheme.border.width}px color-mix(in srgb, var(--card-border-color) 25%, var(--card-bg-color))`\n  const defaultBoxShadow = undefined\n\n  // oxlint-disable-next-line no-unsafe-type-assertion\n  return [\n    _cardColorStyle(baseColor, color.enabled),\n    {\n      'backgroundColor': 'var(--card-bg-color)',\n      'color': 'var(--card-fg-color)',\n      'boxShadow': focusRingBorderStyle(border),\n      '&:disabled, &[data-disabled=\"true\"]': _cardColorStyle(baseColor, color.disabled),\n      \"&:not([data-disabled='true'])\": {\n        'boxShadow': combineBoxShadow(\n          focusRingBorderStyle(border),\n          shadow ? defaultBoxShadow : undefined,\n        ),\n        '&:focus': {\n          boxShadow: focusRingStyle({\n            base: baseColor,\n            border: {width: 2, color: baseColor.bg},\n            focusRing: button.focusRing,\n          }),\n        },\n        '&:focus:not(:focus-visible)': {\n          boxShadow: combineBoxShadow(\n            focusRingBorderStyle(border),\n            shadow ? defaultBoxShadow : undefined,\n          ),\n        },\n        '@media (hover: hover)': {\n          '&:hover': _cardColorStyle(baseColor, color.hovered),\n          '&:active': _cardColorStyle(baseColor, color.pressed),\n          '&[data-hovered]': _cardColorStyle(baseColor, color.hovered),\n        },\n        '&[data-selected]': _cardColorStyle(baseColor, color.pressed),\n      },\n    },\n    style?.button?.root,\n  ].filter(Boolean) as CSSObject[]\n}\n","import {isValidElement, useMemo} from 'react'\nimport {isValidElementType} from 'react-is'\nimport {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {responsiveRadiusStyle} from '../../styles/radius/radiusStyle'\nimport {ResponsiveRadiusStyleProps} from '../../styles/radius/types'\nimport {useTheme_v2} from '../../theme/useTheme'\nimport {ButtonMode, ButtonTextAlign, ButtonTone, ButtonWidth} from '../../types/button'\nimport {ElementType, Props} from '../../types/component'\nimport {FlexJustify} from '../../types/flex'\nimport {Box} from '../box/box'\nimport {Flex} from '../flex/flex'\nimport {Spinner} from '../spinner/spinner'\nimport {Text} from '../text/text'\nimport {ResponsivePaddingProps, ResponsiveRadiusProps} from '../types'\nimport {buttonBaseStyles, buttonColorStyles} from './styles'\n\n/**\n * @public\n */\nexport interface ButtonOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {\n  fontSize?: number | number[]\n  mode?: ButtonMode\n  // oxlint-disable-next-line no-redundant-type-constituents\n  icon?: React.ElementType | React.ReactNode\n  // oxlint-disable-next-line no-redundant-type-constituents\n  iconRight?: React.ElementType | React.ReactNode\n  justify?: FlexJustify | FlexJustify[]\n  /**\n   * @beta Do not use in production, as this might change.\n   */\n  loading?: boolean\n  selected?: boolean\n  /**\n   * @deprecated Use `gap` instead.\n   */\n  space?: never\n  gap?: number | number[]\n  muted?: boolean\n  text?: React.ReactNode\n  textAlign?: ButtonTextAlign\n  textWeight?: ThemeFontWeightKey\n  tone?: ButtonTone\n  type?: 'button' | 'reset' | 'submit'\n  width?: ButtonWidth\n}\n\n/**\n * @public\n */\nexport type ButtonProps<E extends ElementType = 'button'> = Props<ButtonOwnProps, E>\n\nconst StyledButton = styled.button<\n  {$mode: ButtonMode; $tone: ButtonTone; $width?: ButtonWidth} & ResponsiveRadiusStyleProps\n>(responsiveRadiusStyle, buttonBaseStyles, buttonColorStyles)\n\nconst LoadingBox = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--card-bg-color);\n  border-radius: inherit;\n  z-index: 1;\n  box-shadow: inherit;\n`\n\nfunction ButtonComponent(\n  props: ButtonOwnProps & {as?: ElementType} & Omit<\n      React.HTMLProps<HTMLButtonElement>,\n      'as' | 'width'\n    >,\n) {\n  const {\n    children,\n    disabled,\n    ref,\n    fontSize = 1,\n    icon: IconComponent,\n    iconRight: IconRightComponent,\n    justify: justifyProp = 'center',\n    loading,\n    mode = 'default',\n    padding: paddingProp = 3,\n    paddingX: paddingXProp,\n    paddingY: paddingYProp,\n    paddingTop: paddingTopProp,\n    paddingBottom: paddingBottomProp,\n    paddingLeft: paddingLeftProp,\n    paddingRight: paddingRightProp,\n    radius: radiusProp = 2,\n    selected,\n    gap = 3,\n    text,\n    textAlign,\n    textWeight,\n    tone = 'default',\n    type = 'button',\n    muted = false,\n    width,\n    ...restProps\n  } = props\n  const {button} = useTheme_v2()\n\n  const justify = _getArrayProp(justifyProp)\n  const padding = _getArrayProp(paddingProp)\n  const paddingX = _getArrayProp(paddingXProp)\n  const paddingY = _getArrayProp(paddingYProp)\n  const paddingTop = _getArrayProp(paddingTopProp)\n  const paddingBottom = _getArrayProp(paddingBottomProp)\n  const paddingLeft = _getArrayProp(paddingLeftProp)\n  const paddingRight = _getArrayProp(paddingRightProp)\n  const radius = _getArrayProp(radiusProp)\n  const spacing = _getArrayProp(gap)\n\n  const boxProps = useMemo(\n    () => ({\n      // flex: 1,\n      padding,\n      paddingX,\n      paddingY,\n      paddingTop,\n      paddingBottom,\n      paddingLeft,\n      paddingRight,\n    }),\n    [padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight],\n  )\n\n  return (\n    <StyledButton\n      data-ui=\"Button\"\n      {...restProps}\n      $mode={mode}\n      $radius={radius}\n      $tone={tone}\n      data-disabled={Boolean(loading || disabled)}\n      data-selected={selected ? '' : undefined}\n      disabled={Boolean(loading || disabled)}\n      ref={ref}\n      type={type}\n      $width={width}\n    >\n      {Boolean(loading) && (\n        <LoadingBox>\n          <Spinner />\n        </LoadingBox>\n      )}\n\n      {(IconComponent || text || IconRightComponent) && (\n        <Box as=\"span\" {...boxProps}>\n          <Flex as=\"span\" justify={justify} gap={spacing}>\n            {IconComponent && (\n              <Text size={fontSize}>\n                {isValidElement(IconComponent) && IconComponent}\n                {isValidElementType(IconComponent) && <IconComponent />}\n              </Text>\n            )}\n\n            {text && (\n              <Box>\n                <Text\n                  muted={muted}\n                  align={textAlign}\n                  size={fontSize}\n                  textOverflow=\"ellipsis\"\n                  weight={textWeight ?? button.textWeight}\n                >\n                  {text}\n                </Text>\n              </Box>\n            )}\n\n            {IconRightComponent && (\n              <Text size={fontSize}>\n                {isValidElement(IconRightComponent) && IconRightComponent}\n                {isValidElementType(IconRightComponent) && <IconRightComponent />}\n              </Text>\n            )}\n          </Flex>\n        </Box>\n      )}\n\n      {children && (\n        <Box as=\"span\" {...boxProps}>\n          {children}\n        </Box>\n      )}\n    </StyledButton>\n  )\n}\n\n/**\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Button = ButtonComponent as unknown as <E extends ElementType = 'button'>(\n  props: ButtonProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}

package/dist/card-C0a0wQTc.d.ts

@@ -0,0 +1,7 @@
+import { i as ThemeColorCardToneKey } from "./_system-CTe2lb5l.js";
+/**
+ * @public
+ */
+type CardTone = ThemeColorCardToneKey | 'inherit';
+export { CardTone as t };
+//# sourceMappingURL=card-C0a0wQTc.d.ts.map

package/dist/card-C0a0wQTc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-C0a0wQTc.d.ts","names":[],"sources":["../src/core/types/card.ts"],"mappings":";;;;KAKY,WAAW"}

package/dist/code.d.ts

@@ -0,0 +1,20 @@
+import { a as Props, r as ElementType } from "./component-DVlwaWB-.js";
+/**
+ * @public
+ */
+interface CodeOwnProps {
+  /** Define the language to use for syntax highlighting. */
+  language?: string;
+  size?: number | number[];
+  weight?: string;
+}
+/**
+ * @public
+ */
+type CodeProps<E extends ElementType = 'pre'> = Props<CodeOwnProps, E>;
+/**
+ * @public
+ */
+declare const Code: <E extends ElementType = 'pre'>(props: CodeProps<E>) => React.JSX.Element;
+export { Code, type CodeOwnProps, type CodeProps };
+//# sourceMappingURL=code.d.ts.map

package/dist/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","names":[],"sources":["../src/core/primitives/code/code.tsx"],"mappings":";;;;UAeiB;;EAEf;EACA;EACA;;;;;KAMU,UAAU,UAAU,uBAAuB,MAAM,cAAc;;;;cAgC9D,OAAoC,UAAU,qBACzD,OAAO,UAAU,OACd,MAAM,IAAI"}

package/dist/code.js

@@ -0,0 +1,90 @@
+"use client";
+import { n as _getArrayProp } from "./helpers-bwfx1e-Y.js";
+import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
+import { t as responsiveCodeFontStyle } from "./codeFontStyle-DYUujk7K.js";
+import { c } from "react/compiler-runtime";
+import { Suspense, lazy } from "react";
+import { css, styled } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+function codeSyntaxHighlightingStyle({ theme }) {
+	let { color: { syntax: color } } = getTheme_v2(theme);
+	return {
+		"&.atrule": { color: color.atrule },
+		"&.attr-name": { color: color.attrName },
+		"&.attr-value": { color: color.attrValue },
+		"&.attribute": { color: color.attribute },
+		"&.boolean": { color: color.boolean },
+		"&.builtin": { color: color.builtin },
+		"&.cdata": { color: color.cdata },
+		"&.char": { color: color.char },
+		"&.class": { color: color.class },
+		"&.class-name": { color: color.className },
+		"&.comment": { color: color.comment },
+		"&.constant": { color: color.constant },
+		"&.deleted": { color: color.deleted },
+		"&.doctype": { color: color.doctype },
+		"&.entity": { color: color.entity },
+		"&.function": { color: color.function },
+		"&.hexcode": { color: color.hexcode },
+		"&.id": { color: color.id },
+		"&.important": { color: color.important },
+		"&.inserted": { color: color.inserted },
+		"&.keyword": { color: color.keyword },
+		"&.number": { color: color.number },
+		"&.operator": { color: color.operator },
+		"&.prolog": { color: color.prolog },
+		"&.property": { color: color.property },
+		"&.pseudo-class": { color: color.pseudoClass },
+		"&.pseudo-element": { color: color.pseudoElement },
+		"&.punctuation": { color: color.punctuation },
+		"&.regex": { color: color.regex },
+		"&.selector": { color: color.selector },
+		"&.string": { color: color.string },
+		"&.symbol": { color: color.symbol },
+		"&.tag": { color: color.tag },
+		"&.unit": { color: color.unit },
+		"&.url": { color: color.url },
+		"&.variable": { color: color.variable }
+	};
+}
+function codeBaseStyle() {
+	return css`color:var(--card-code-fg-color);& code{font-family:inherit;&.refractor .token{${codeSyntaxHighlightingStyle}}}& a{color:inherit;text-decoration:underline;border-radius:1px;}& svg{display:inline;}& [data-sanity-icon]{vertical-align:baseline;}`;
+}
+const LazyRefractor = lazy(() => import("./refractor-CC48DwHi.js")), StyledCode = /* @__PURE__ */ styled.pre.withConfig({
+	displayName: "StyledCode",
+	componentId: "sc-bzkmdd-0"
+})(codeBaseStyle, responsiveCodeFontStyle);
+function CodeComponent(props) {
+	let $ = c(23), children, language, ref, restProps, t0, weight;
+	$[0] === props ? (children = $[1], language = $[2], ref = $[3], restProps = $[4], t0 = $[5], weight = $[6]) : ({children, language, ref, size: t0, weight, ...restProps} = props, $[0] = props, $[1] = children, $[2] = language, $[3] = ref, $[4] = restProps, $[5] = t0, $[6] = weight);
+	let size = t0 === void 0 ? 2 : t0, t1;
+	$[7] === size ? t1 = $[8] : (t1 = _getArrayProp(size), $[7] = size, $[8] = t1);
+	let t2 = weight, t3;
+	$[9] === children ? t3 = $[10] : (t3 = /* @__PURE__ */ jsx("code", { children }), $[9] = children, $[10] = t3);
+	let t4;
+	$[11] !== children || $[12] !== language ? (t4 = /* @__PURE__ */ jsx(LazyRefractor, {
+		language,
+		value: children
+	}), $[11] = children, $[12] = language, $[13] = t4) : t4 = $[13];
+	let t5;
+	$[14] !== t3 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsx(Suspense, {
+		fallback: t3,
+		children: t4
+	}), $[14] = t3, $[15] = t4, $[16] = t5) : t5 = $[16];
+	let t6;
+	return $[17] !== ref || $[18] !== restProps || $[19] !== t1 || $[20] !== t2 || $[21] !== t5 ? (t6 = /* @__PURE__ */ jsx(StyledCode, {
+		"data-ui": "Code",
+		...restProps,
+		$size: t1,
+		$weight: t2,
+		ref,
+		children: t5
+	}), $[17] = ref, $[18] = restProps, $[19] = t1, $[20] = t2, $[21] = t5, $[22] = t6) : t6 = $[22], t6;
+}
+/**
+* @public
+*/
+const Code = CodeComponent;
+export { Code };
+
+//# sourceMappingURL=code.js.map

package/dist/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":["css","ExecutionContext","getTheme_v2","codeSyntaxHighlightingStyle","theme","color","syntax","atrule","attrName","attrValue","attribute","boolean","builtin","cdata","char","class","className","comment","constant","deleted","doctype","entity","function","hexcode","id","important","inserted","keyword","number","operator","prolog","property","pseudoClass","pseudoElement","punctuation","regex","selector","string","symbol","tag","unit","url","variable","codeBaseStyle","ReturnType","lazy","Suspense","styled","ThemeFontWeightKey","responsiveCodeFontStyle","FontWeightStyleProps","ResponsiveFontSizeStyleProps","_getArrayProp","ElementType","Props","codeBaseStyle","LazyRefractor","CodeOwnProps","language","size","weight","CodeProps","E","StyledCode","pre","CodeComponent","props","$","_c","children","ref","restProps","t0","undefined","t1","t2","t3","t4","t5","t6","Code","React","JSX","Element"],"sources":["../src/core/primitives/code/styles.ts","../src/core/primitives/code/code.tsx"],"sourcesContent":["import {css, ExecutionContext} from 'styled-components'\n\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\n\nfunction codeSyntaxHighlightingStyle({theme}: ExecutionContext) {\n  const {\n    color: {syntax: color},\n  } = getTheme_v2(theme)\n\n  return {\n    '&.atrule': {color: color.atrule},\n    '&.attr-name': {color: color.attrName},\n    '&.attr-value': {color: color.attrValue},\n    '&.attribute': {color: color.attribute},\n    '&.boolean': {color: color.boolean},\n    '&.builtin': {color: color.builtin},\n    '&.cdata': {color: color.cdata},\n    '&.char': {color: color.char},\n    '&.class': {color: color.class},\n    '&.class-name': {color: color.className},\n    '&.comment': {color: color.comment},\n    '&.constant': {color: color.constant},\n    '&.deleted': {color: color.deleted},\n    '&.doctype': {color: color.doctype},\n    '&.entity': {color: color.entity},\n    '&.function': {color: color.function},\n    '&.hexcode': {color: color.hexcode},\n    '&.id': {color: color.id},\n    '&.important': {color: color.important},\n    '&.inserted': {color: color.inserted},\n    '&.keyword': {color: color.keyword},\n    '&.number': {color: color.number},\n    '&.operator': {color: color.operator},\n    '&.prolog': {color: color.prolog},\n    '&.property': {color: color.property},\n    '&.pseudo-class': {color: color.pseudoClass},\n    '&.pseudo-element': {color: color.pseudoElement},\n    '&.punctuation': {color: color.punctuation},\n    '&.regex': {color: color.regex},\n    '&.selector': {color: color.selector},\n    '&.string': {color: color.string},\n    '&.symbol': {color: color.symbol},\n    '&.tag': {color: color.tag},\n    '&.unit': {color: color.unit},\n    '&.url': {color: color.url},\n    '&.variable': {color: color.variable},\n  }\n}\n\nexport function codeBaseStyle(): ReturnType<typeof css> {\n  return css`\n    color: var(--card-code-fg-color);\n\n    & code {\n      font-family: inherit;\n\n      &.refractor .token {\n        ${codeSyntaxHighlightingStyle}\n      }\n    }\n\n    & a {\n      color: inherit;\n      text-decoration: underline;\n      border-radius: 1px;\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    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  `\n}\n","import {lazy, Suspense} from 'react'\nimport {styled} from 'styled-components'\n\nimport {ThemeFontWeightKey} from '../../../theme/system/font'\nimport {responsiveCodeFontStyle} from '../../styles/font/codeFontStyle'\nimport {FontWeightStyleProps, ResponsiveFontSizeStyleProps} from '../../styles/font/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {codeBaseStyle} from './styles'\n\nconst LazyRefractor = lazy(() => import('./refractor'))\n\n/**\n * @public\n */\nexport interface CodeOwnProps {\n  /** Define the language to use for syntax highlighting. */\n  language?: string\n  size?: number | number[]\n  weight?: string\n}\n\n/**\n * @public\n */\nexport type CodeProps<E extends ElementType = 'pre'> = Props<CodeOwnProps, E>\n\nconst StyledCode = styled.pre<FontWeightStyleProps & ResponsiveFontSizeStyleProps>(\n  codeBaseStyle,\n  responsiveCodeFontStyle,\n)\n\nfunction CodeComponent(\n  props: CodeOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLPreElement>, 'as' | 'size'>,\n) {\n  const {children, language, ref, size = 2, weight, ...restProps} = props\n\n  return (\n    <StyledCode\n      data-ui=\"Code\"\n      {...restProps}\n      $size={_getArrayProp(size)}\n      // oxlint-disable-next-line no-unsafe-type-assertion -- `weight` is typed as `string` in the public API; unknown weights fall back to `regular` at runtime\n      $weight={weight as ThemeFontWeightKey | undefined}\n      ref={ref}\n    >\n      <Suspense fallback={<code>{children}</code>}>\n        <LazyRefractor language={language} value={children} />\n      </Suspense>\n    </StyledCode>\n  )\n}\n\n/**\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Code = CodeComponent as unknown as <E extends ElementType = 'pre'>(\n  props: CodeProps<E>,\n) => React.JSX.Element\n"],"mappings":"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"}

package/dist/codeFontStyle-DYUujk7K.js

@@ -0,0 +1,11 @@
+import { t as responsiveFont } from "./responsiveFont-hN1mZFjm.js";
+/**
+* Get responsive CSS for the `code` font style.
+* @internal
+*/
+function responsiveCodeFontStyle(props) {
+	return responsiveFont("code", props);
+}
+export { responsiveCodeFontStyle as t };
+
+//# sourceMappingURL=codeFontStyle-DYUujk7K.js.map

package/dist/codeFontStyle-DYUujk7K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeFontStyle-DYUujk7K.js","names":["CSSObject","ThemeProps","responsiveFont","FontWeightStyleProps","ResponsiveFontSizeStyleProps","responsiveCodeFontStyle","props"],"sources":["../src/core/styles/font/codeFontStyle.ts"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {ThemeProps} from '../types'\nimport {responsiveFont} from './responsiveFont'\nimport {FontWeightStyleProps, ResponsiveFontSizeStyleProps} from './types'\n\n/**\n * Get responsive CSS for the `code` font style.\n * @internal\n */\nexport function responsiveCodeFontStyle(\n  props: FontWeightStyleProps & ResponsiveFontSizeStyleProps & ThemeProps,\n): CSSObject[] {\n  return responsiveFont('code', props)\n}\n"],"mappings":";;;;;AASA,SAAgBK,wBACdC,OACa;CACb,OAAOJ,eAAe,QAAQI,KAAK;AACrC"}