@react-spectrum/s2 1.3.1 → 1.4.0

package/dist/private/LabeledValue.mjs

@@ -0,0 +1,353 @@
+import "./LabeledValue.css";
+import {FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414} from "./Field.mjs";
+import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
+import {useDOMRef as $80ecb974df713a30$export$c2c55ef9111cafd8} from "./useDOMRef.mjs";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../../icons/useSpectrumContextProps.mjs";
+import {jsx as $3rPAT$jsx, jsxs as $3rPAT$jsxs, Fragment as $3rPAT$Fragment} from "react/jsx-runtime";
+import {getLocalTimeZone as $3rPAT$getLocalTimeZone, toCalendarDateTime as $3rPAT$toCalendarDateTime, today as $3rPAT$today} from "@internationalized/date";
+import {createContext as $3rPAT$createContext, forwardRef as $3rPAT$forwardRef, useContext as $3rPAT$useContext, useEffect as $3rPAT$useEffect, isValidElement as $3rPAT$isValidElement} from "react";
+import {filterDOMProps as $3rPAT$filterDOMProps} from "react-aria/filterDOMProps";
+import {useDateFormatter as $3rPAT$useDateFormatter} from "react-aria/useDateFormatter";
+import {useListFormatter as $3rPAT$useListFormatter} from "react-aria/useListFormatter";
+import {useNumberFormatter as $3rPAT$useNumberFormatter} from "react-aria/useNumberFormatter";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+const $bf071f0d57f421d9$export$8ba7143a95895992 = /*#__PURE__*/ (0, $3rPAT$createContext)(null);
+const $bf071f0d57f421d9$var$fieldStyles = function anonymous(props, overrides) {
+    let rules = " ";
+    let gridColumnStart = false;
+    let gridColumnEnd = false;
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
+    for (let p of matches){
+        if (p[1] === "z") gridColumnStart = true;
+        if (p[1] === "y") gridColumnEnd = true;
+        rules += p[0];
+    }
+    rules += ' se131';
+    if (props.isInForm) {
+        if (!gridColumnStart) rules += ' z2mU131';
+    }
+    if (props.isInForm) {
+        if (props.labelPosition === "side") {
+            if (!gridColumnEnd) rules += ' yvoofG131';
+        }
+    }
+    if (props.isInForm) rules += ' DLwlgod131';
+    else {
+        if (props.labelPosition === "side") rules += ' DPlN5qb131';
+        else if (props.labelPosition === "top") rules += ' DM8Mfn131';
+    }
+    if (props.labelPosition === "side") rules += ' EPlN5qb131';
+    else if (props.labelPosition === "top") rules += ' E4w1sLc131';
+    if (props.labelPosition === "side") rules += ' CbRM95c131';
+    else if (props.labelPosition === "top") rules += ' Cxaocre131';
+    if (props.size === "XL") {
+        rules += ' -_6BNtrc-e131';
+        rules += ' vx131';
+    } else if (props.size === "L") {
+        rules += ' -_6BNtrc-d131';
+        rules += ' vx131';
+    } else if (props.size === "S") {
+        rules += ' -_6BNtrc-b131';
+        rules += ' vx131';
+    } else if (props.size === "XS") {
+        rules += ' -_6BNtrc-a131';
+        rules += ' vx131';
+    } else {
+        rules += ' -_6BNtrc-c131';
+        rules += ' vx131';
+    }
+    rules += ' ea131';
+    rules += ' _Fd131';
+    rules += ' _FnuYUweb131';
+    if (props.size === "XL") rules += ' -BhX7R-Fz131';
+    else if (props.size === "L") rules += ' -BhX7R-Fv131';
+    else if (props.size === "S") rules += ' -BhX7R-Fp131';
+    else if (props.size === "XS") rules += ' -BhX7R-Fn131';
+    else rules += ' -BhX7R-Fx131';
+    rules += ' -AJjOLd-UVkF0Db131';
+    rules += ' qg131';
+    rules += ' __ca131';
+    return rules;
+};
+const $bf071f0d57f421d9$var$valueStyles = function anonymous(props) {
+    let rules = " ";
+    rules += ' zXcEWr131';
+    rules += ' yXcEWr131';
+    rules += ' BXcEWr131';
+    rules += ' AXcEWr131';
+    if (props.size === "XL") rules += ' Nl131';
+    else if (props.size === "L") rules += ' Nj131';
+    else if (props.size === "S") rules += ' Nf131';
+    else if (props.size === "XS") rules += ' Ne131';
+    else rules += ' Nk131';
+    if (props.isQuiet) rules += ' _qd131';
+    else rules += ' _qtb131';
+    if (props.size === "XL") rules += ' -Anxdcc-Zt131';
+    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne131';
+    else if (props.size === "S") rules += ' -Anxdcc-Zr131';
+    else rules += ' -Anxdcc-Z3fn9H131';
+    rules += ' __v6TNLWb131';
+    if (props.isInForm) {
+        if (props.size === "XL") rules += ' Mk131';
+        else if (props.size === "L") rules += ' Mh131';
+        else if (props.size === "S") rules += ' Mg131';
+        else if (props.size === "XS") rules += ' Mf131';
+        else rules += ' Mi131';
+    }
+    rules += ' sd131';
+    rules += ' eb131';
+    if (props.size === "XL") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else if (props.size === "L") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else if (props.size === "S") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else if (props.size === "XS") {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    } else {
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
+    }
+    if (props.size === "XL") {
+        rules += ' -_6BNtrc-e131';
+        rules += ' vx131';
+    } else if (props.size === "L") {
+        rules += ' -_6BNtrc-d131';
+        rules += ' vx131';
+    } else if (props.size === "S") {
+        rules += ' -_6BNtrc-b131';
+        rules += ' vx131';
+    } else if (props.size === "XS") {
+        rules += ' -_6BNtrc-a131';
+        rules += ' vx131';
+    } else {
+        rules += ' -_6BNtrc-c131';
+        rules += ' vx131';
+    }
+    if (props.size === "XL") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else if (props.size === "L") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else if (props.size === "S") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else if (props.size === "XS") {
+        rules += ' xb131';
+        rules += ' _xa131';
+    } else {
+        rules += ' xb131';
+        rules += ' _xa131';
+    }
+    if (props.size === "XL") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else if (props.size === "L") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else if (props.size === "S") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else if (props.size === "XS") {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    } else {
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
+    }
+    if (props.size === "XL") rules += ' pt131';
+    else if (props.size === "L") rules += ' pt131';
+    else if (props.size === "S") rules += ' pt131';
+    else if (props.size === "XS") rules += ' pt131';
+    else rules += ' pt131';
+    return rules;
+};
+const $bf071f0d57f421d9$export$d1328f67a56fa517 = /*#__PURE__*/ (0, $3rPAT$forwardRef)(function LabeledValue(props, ref) {
+    [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $bf071f0d57f421d9$export$8ba7143a95895992);
+    props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
+    let { label: label, value: value, formatOptions: formatOptions, size: size = 'M', labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', contextualHelp: contextualHelp, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, styles: styles, ...otherProps } = props;
+    let formContext = (0, $3rPAT$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
+    let domRef = (0, $80ecb974df713a30$export$c2c55ef9111cafd8)(ref);
+    (0, $3rPAT$useEffect)(()=>{
+        if (domRef?.current && domRef.current.querySelectorAll('input, [contenteditable], textarea').length > 0) throw new Error('LabeledValue cannot contain an editable value.');
+    }, [
+        domRef
+    ]);
+    let children;
+    if (Array.isArray(value)) children = /*#__PURE__*/ (0, $3rPAT$jsx)($bf071f0d57f421d9$var$FormattedStringList, {
+        value: value,
+        formatOptions: formatOptions
+    });
+    else if (typeof value === 'number') children = /*#__PURE__*/ (0, $3rPAT$jsx)($bf071f0d57f421d9$var$FormattedNumber, {
+        value: value,
+        formatOptions: formatOptions
+    });
+    else if (typeof value === 'object' && value !== null && 'start' in value && typeof value.start === 'number') children = /*#__PURE__*/ (0, $3rPAT$jsx)($bf071f0d57f421d9$var$FormattedNumber, {
+        value: value,
+        formatOptions: formatOptions
+    });
+    else if (typeof value === 'object' && value !== null && 'start' in value) children = /*#__PURE__*/ (0, $3rPAT$jsx)($bf071f0d57f421d9$var$FormattedDate, {
+        value: value,
+        formatOptions: formatOptions
+    });
+    else if (value instanceof Date || typeof value === 'object' && value !== null && ('calendar' in value || 'hour' in value)) children = /*#__PURE__*/ (0, $3rPAT$jsx)($bf071f0d57f421d9$var$FormattedDate, {
+        value: value,
+        formatOptions: formatOptions
+    });
+    else if (typeof value === 'string') children = value;
+    else if (/*#__PURE__*/ (0, $3rPAT$isValidElement)(value)) children = value;
+    return /*#__PURE__*/ (0, $3rPAT$jsxs)("div", {
+        ...(0, $3rPAT$filterDOMProps)(otherProps),
+        ref: domRef,
+        style: UNSAFE_style,
+        className: UNSAFE_className + $bf071f0d57f421d9$var$fieldStyles({
+            isInForm: !!formContext,
+            labelPosition: labelPosition,
+            size: size
+        }, styles),
+        children: [
+            /*#__PURE__*/ (0, $3rPAT$jsx)((0, $9afd80978c252040$export$1acdcf5a973a8414), {
+                elementType: "span",
+                size: size,
+                labelPosition: labelPosition,
+                labelAlign: labelAlign,
+                contextualHelp: contextualHelp,
+                children: label
+            }),
+            /*#__PURE__*/ (0, $3rPAT$jsx)("span", {
+                className: $bf071f0d57f421d9$var$valueStyles({
+                    isInForm: !!formContext,
+                    size: size,
+                    labelPosition: labelPosition
+                }),
+                children: children
+            })
+        ]
+    });
+});
+function $bf071f0d57f421d9$var$FormattedStringList({ value: value, formatOptions: formatOptions }) {
+    let formatter = (0, $3rPAT$useListFormatter)(formatOptions ?? {});
+    return /*#__PURE__*/ (0, $3rPAT$jsx)((0, $3rPAT$Fragment), {
+        children: formatter.format(value)
+    });
+}
+function $bf071f0d57f421d9$var$FormattedNumber({ value: value, formatOptions: formatOptions }) {
+    let formatter = (0, $3rPAT$useNumberFormatter)(formatOptions);
+    if (typeof value === 'object') return /*#__PURE__*/ (0, $3rPAT$jsx)((0, $3rPAT$Fragment), {
+        children: formatter.formatRange(value.start, value.end)
+    });
+    return /*#__PURE__*/ (0, $3rPAT$jsx)((0, $3rPAT$Fragment), {
+        children: formatter.format(value)
+    });
+}
+function $bf071f0d57f421d9$var$FormattedDate({ value: value, formatOptions: formatOptions }) {
+    if (!formatOptions) formatOptions = $bf071f0d57f421d9$var$getDefaultFormatOptions('start' in value ? value.start : value);
+    let dateFormatter = (0, $3rPAT$useDateFormatter)(formatOptions);
+    let timeZone = dateFormatter.resolvedOptions().timeZone || (0, $3rPAT$getLocalTimeZone)();
+    if ('start' in value && 'end' in value) {
+        let start = $bf071f0d57f421d9$var$convertDateTime(value.start, timeZone);
+        let end = $bf071f0d57f421d9$var$convertDateTime(value.end, timeZone);
+        return /*#__PURE__*/ (0, $3rPAT$jsx)((0, $3rPAT$Fragment), {
+            children: dateFormatter.formatRange(start, end)
+        });
+    }
+    return /*#__PURE__*/ (0, $3rPAT$jsx)((0, $3rPAT$Fragment), {
+        children: dateFormatter.format($bf071f0d57f421d9$var$convertDateTime(value, timeZone))
+    });
+}
+function $bf071f0d57f421d9$var$convertDateTime(value, timeZone) {
+    if ('timeZone' in value) return value.toDate();
+    else if ('calendar' in value) return value.toDate(timeZone);
+    else if (!(value instanceof Date)) return (0, $3rPAT$toCalendarDateTime)((0, $3rPAT$today)((0, $3rPAT$getLocalTimeZone)()), value).toDate(timeZone);
+    return value;
+}
+function $bf071f0d57f421d9$var$getDefaultFormatOptions(value) {
+    if (value instanceof Date) return {
+        dateStyle: 'long',
+        timeStyle: 'short'
+    };
+    else if ('timeZone' in value) return {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+        timeZone: value.timeZone,
+        timeZoneName: 'short'
+    };
+    else if ('hour' in value && 'year' in value) return {
+        dateStyle: 'long',
+        timeStyle: 'short'
+    };
+    else if ('hour' in value) return {
+        timeStyle: 'short'
+    };
+    else return {
+        dateStyle: 'long'
+    };
+}
+
+
+export {$bf071f0d57f421d9$export$8ba7143a95895992 as LabeledValueContext, $bf071f0d57f421d9$export$d1328f67a56fa517 as LabeledValue};
+//# sourceMappingURL=LabeledValue.mjs.map

package/dist/private/LabeledValue.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/LabeledValue.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CalendarDate,\n  CalendarDateTime,\n  getLocalTimeZone,\n  Time,\n  toCalendarDateTime,\n  today,\n  ZonedDateTime\n} from '@internationalized/date';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {\n  controlFont,\n  controlSize,\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {createContext, forwardRef, isValidElement, ReactElement, ReactNode} from 'react';\nimport {\n  DOMProps,\n  DOMRef,\n  DOMRefValue,\n  RangeValue,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {FieldLabel} from './Field';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext, useFormProps} from './Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useContext, useEffect} from 'react';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useDOMRef} from './useDOMRef';\nimport {useListFormatter} from 'react-aria/useListFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ntype NumberValue = number | RangeValue<number>;\ninterface NumberProps<T extends NumberValue> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport type DateTime = Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time;\ntype RangeDateTime = RangeValue<DateTime>;\ntype DateTimeValue = DateTime | RangeDateTime;\ninterface DateProps<T extends DateTimeValue> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.DateTimeFormatOptions;\n}\n\ninterface StringProps<T extends string> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: never;\n}\n\ninterface StringListProps<T extends string[]> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.ListFormatOptions;\n}\n\ninterface ReactElementProps<T extends ReactElement> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: never;\n}\n\nexport interface LabeledValueStyleProps {\n  /**\n   * The size of the component.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n}\nexport interface LabeledValueBaseProps\n  extends DOMProps, StyleProps, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'> {\n  /** The content to display as the label. */\n  label: ReactNode;\n}\ntype LabeledValueTypeProps<T> = T extends NumberValue\n  ? NumberProps<T>\n  : T extends DateTimeValue\n    ? DateProps<T>\n    : T extends string[]\n      ? StringListProps<T>\n      : T extends string\n        ? StringProps<T>\n        : T extends ReactElement\n          ? ReactElementProps<T>\n          : never;\n\ntype LabeledValueTypes =\n  | string[]\n  | string\n  | Date\n  | CalendarDate\n  | CalendarDateTime\n  | ZonedDateTime\n  | Time\n  | number\n  | RangeValue<number>\n  | RangeValue<DateTime>\n  | ReactElement;\nexport type LabeledValueProps<T> = LabeledValueTypeProps<T> &\n  LabeledValueBaseProps &\n  LabeledValueStyleProps;\n\nexport const LabeledValueContext =\n  createContext<ContextValue<Partial<LabeledValueProps<any>>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst fieldStyles = style(\n  {\n    ...field()\n  },\n  getAllowedOverrides()\n);\n\nconst valueStyles = style({\n  ...fieldInput(),\n  minHeight: {\n    isInForm: controlSize()\n  },\n  display: 'flex',\n  alignItems: 'center',\n  font: controlFont()\n});\n\n/**\n * A LabeledValue displays a non-editable value with a label. It formats numbers,\n * dates, times, and lists according to the user's locale.\n */\nexport const LabeledValue = /*#__PURE__*/ forwardRef(function LabeledValue<\n  T extends LabeledValueTypes\n>(props: LabeledValueProps<T>, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props as any, ref, LabeledValueContext) as any;\n  props = useFormProps(props);\n  let {\n    label,\n    value,\n    formatOptions,\n    size = 'M',\n    labelPosition = 'top',\n    labelAlign = 'start',\n    contextualHelp,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles,\n    ...otherProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  let domRef = useDOMRef(ref);\n  useEffect(() => {\n    if (\n      domRef?.current &&\n      domRef.current.querySelectorAll('input, [contenteditable], textarea').length > 0\n    ) {\n      throw new Error('LabeledValue cannot contain an editable value.');\n    }\n  }, [domRef]);\n\n  let children: ReactNode;\n\n  if (Array.isArray(value)) {\n    children = (\n      <FormattedStringList\n        value={value as string[]}\n        formatOptions={formatOptions as Intl.ListFormatOptions}\n      />\n    );\n  } else if (typeof value === 'number') {\n    children = (\n      <FormattedNumber value={value} formatOptions={formatOptions as Intl.NumberFormatOptions} />\n    );\n  } else if (\n    typeof value === 'object' &&\n    value !== null &&\n    'start' in value &&\n    typeof (value as RangeValue<number>).start === 'number'\n  ) {\n    children = (\n      <FormattedNumber\n        value={value as RangeValue<number>}\n        formatOptions={formatOptions as Intl.NumberFormatOptions}\n      />\n    );\n  } else if (typeof value === 'object' && value !== null && 'start' in value) {\n    children = (\n      <FormattedDate\n        value={value as RangeDateTime}\n        formatOptions={formatOptions as Intl.DateTimeFormatOptions}\n      />\n    );\n  } else if (\n    value instanceof Date ||\n    (typeof value === 'object' && value !== null && ('calendar' in value || 'hour' in value))\n  ) {\n    children = (\n      <FormattedDate\n        value={value as DateTime}\n        formatOptions={formatOptions as Intl.DateTimeFormatOptions}\n      />\n    );\n  } else if (typeof value === 'string') {\n    children = value;\n  } else if (isValidElement(value)) {\n    children = value;\n  }\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        fieldStyles(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          styles\n        )\n      }>\n      <FieldLabel\n        elementType=\"span\"\n        size={size}\n        labelPosition={labelPosition}\n        labelAlign={labelAlign}\n        contextualHelp={contextualHelp}>\n        {label}\n      </FieldLabel>\n      <span className={valueStyles({isInForm: !!formContext, size, labelPosition})}>\n        {children}\n      </span>\n    </div>\n  );\n});\n\nfunction FormattedStringList({\n  value,\n  formatOptions\n}: {\n  value: string[];\n  formatOptions?: Intl.ListFormatOptions;\n}) {\n  let formatter = useListFormatter(formatOptions ?? {});\n  return <>{formatter.format(value)}</>;\n}\n\nfunction FormattedNumber({\n  value,\n  formatOptions\n}: {\n  value: NumberValue;\n  formatOptions?: Intl.NumberFormatOptions;\n}) {\n  let formatter = useNumberFormatter(formatOptions);\n  if (typeof value === 'object') {\n    return <>{formatter.formatRange(value.start, value.end)}</>;\n  }\n  return <>{formatter.format(value)}</>;\n}\n\nfunction FormattedDate<T extends DateTimeValue>({\n  value,\n  formatOptions\n}: {\n  value: T;\n  formatOptions?: Intl.DateTimeFormatOptions;\n}) {\n  if (!formatOptions) {\n    formatOptions = getDefaultFormatOptions(\n      'start' in value ? (value as RangeDateTime).start : (value as DateTime)\n    );\n  }\n\n  let dateFormatter = useDateFormatter(formatOptions);\n  let timeZone = dateFormatter.resolvedOptions().timeZone || getLocalTimeZone();\n\n  if ('start' in value && 'end' in value) {\n    let start = convertDateTime((value as RangeDateTime).start, timeZone);\n    let end = convertDateTime((value as RangeDateTime).end, timeZone);\n    return <>{dateFormatter.formatRange(start, end)}</>;\n  }\n\n  return <>{dateFormatter.format(convertDateTime(value as DateTime, timeZone))}</>;\n}\n\nfunction convertDateTime(value: DateTime, timeZone: string): Date {\n  if ('timeZone' in value) {\n    return (value as ZonedDateTime).toDate();\n  } else if ('calendar' in value) {\n    return (value as CalendarDate | CalendarDateTime).toDate(timeZone);\n  } else if (!(value instanceof Date)) {\n    return toCalendarDateTime(today(getLocalTimeZone()), value as Time).toDate(timeZone);\n  }\n  return value;\n}\n\nfunction getDefaultFormatOptions(value: DateTime): Intl.DateTimeFormatOptions {\n  if (value instanceof Date) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('timeZone' in value) {\n    return {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n      timeZone: (value as ZonedDateTime).timeZone,\n      timeZoneName: 'short'\n    };\n  } else if ('hour' in value && 'year' in value) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('hour' in value) {\n    return {timeStyle: 'short'};\n  } else {\n    return {dateStyle: 'long'};\n  }\n}\n"],"names":[],"version":3,"file":"LabeledValue.mjs.map"}

package/dist/private/Link.cjs

@@ -35,73 +35,73 @@ const $064658f378a85eef$export$e2509388b49734e7 = /*#__PURE__*/ (0, $7PkpH$react
 const $064658f378a85eef$var$link = function anonymous(props, overrides) {
     let rules = " ";
     rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g) || []).join('');
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    if (props.isStaticColor) rules += ' Oe13';
-    else rules += ' Oh13';
-    rules += ' Olc13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr13';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s13';
-    rules += ' oa13';
-    rules += ' na13';
-    rules += ' ka13';
-    rules += ' ja13';
+    if (props.isFocusVisible) rules += ' _Lf131';
+    else rules += ' _Le131';
+    if (props.isStaticColor) rules += ' Oe131';
+    else rules += ' Oh131';
+    rules += ' Olc131';
+    rules += ' _Mc131';
+    rules += ' _Kd131';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr131';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s131';
+    rules += ' oa131';
+    rules += ' na131';
+    rules += ' ka131';
+    rules += ' ja131';
     if (props.isStandalone) {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk131';
+        rules += ' ucJ9TBTb131';
+        rules += ' ud3Euai131';
+        rules += ' uea131';
+        rules += ' ugb131';
+        rules += ' uhd131';
+        rules += ' uje131';
+        rules += ' u2NhKxcl131';
+        rules += ' uic131';
     }
     if (props.isStandalone) {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c131';
+        rules += ' vx131';
     }
     if (props.isStandalone) {
-        rules += ' xc13';
-        rules += ' _xa13';
+        rules += ' xc131';
+        rules += ' _xa131';
     }
     if (props.isStandalone) {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd131';
+        rules += ' _FnuYUweb131';
     }
-    if (props.isStaticColor) rules += ' pl13';
+    if (props.isStaticColor) rules += ' pl131';
     else if (props.variant === "secondary") {
-        if (props.isPressed) rules += ' po13';
-        else if (props.isFocusVisible) rules += ' po13';
-        else if (props.isHovered) rules += ' po13';
-        else rules += ' pt13';
+        if (props.isPressed) rules += ' po131';
+        else if (props.isFocusVisible) rules += ' po131';
+        else if (props.isHovered) rules += ' po131';
+        else rules += ' pt131';
     } else if (props.variant === "primary") {
-        if (props.isPressed) rules += ' ps13';
-        else if (props.isFocusVisible) rules += ' ps13';
-        else if (props.isHovered) rules += ' ps13';
-        else rules += ' pu13';
+        if (props.isPressed) rules += ' ps131';
+        else if (props.isFocusVisible) rules += ' ps131';
+        else if (props.isHovered) rules += ' ps131';
+        else rules += ' pu131';
     }
-    rules += ' plf13';
-    rules += ' Yd13';
-    rules += ' Xb13';
-    rules += ' _2b13';
+    rules += ' plf131';
+    rules += ' Yd131';
+    rules += ' Xb131';
+    rules += ' _2b131';
     if (props.isStandalone) {
         if (props.isQuiet) {
             if (props.isFocusVisible) {
-                rules += ' _Xb13';
-                rules += ' __Va13';
+                rules += ' _Xb131';
+                rules += ' __Va131';
             } else if (props.isHovered) {
-                rules += ' _Xb13';
-                rules += ' __Va13';
-            } else rules += ' _Xa13';
+                rules += ' _Xb131';
+                rules += ' __Va131';
+            } else rules += ' _Xa131';
         }
     } else {
-        rules += ' _Xb13';
-        rules += ' __Va13';
+        rules += ' _Xb131';
+        rules += ' __Va131';
     }
-    rules += ' __ca13';
+    rules += ' __ca131';
     return rules;
 };
 const $064658f378a85eef$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $7PkpH$react.forwardRef)(function Link(props, ref) {

package/dist/private/Link.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA+BM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAA0E;AAEjH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CC,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAAoC;IAC/G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WAAC,UAAU,wBAAW,WAAW,WAAE,OAAO,gBAAE,YAAY,gBAAE,YAAY,oBAAE,mBAAmB,YAAI,MAAM,YAAE,QAAQ,EAAC,GAAG;IAEvH,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,yCAAc,MAAM;IAChD,CAAC,UAAU,aAAa,GAAG,CAAA,GAAA,yCAAc,EAAE,UAAU;IAErD,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,4CAA4C;QAC5C,OAAO,OAAO,CAAC,KAAK,GAAG;IAE3B,GAAG;QAAC;QAAQ;KAAW;IAEvB,qBACE,gCAAC,CAAA,GAAA,mCAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,2BAAK;gBAAC,GAAG,WAAW;yBAAE;6BAAS;gBAAa,eAAe,CAAC,CAAC;yBAAa;8BAAS;4BAAc;YAAU,GAAG;kBAC1J;;AAGP","sources":["packages/@react-spectrum/s2/src/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\nimport {LinkRenderProps, Link as RACLink, LinkProps as RACLinkProps} from 'react-aria-components/Link';\nimport {SkeletonContext, useSkeletonText} from './Skeleton';\nimport {useFocusableRef} from './useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface LinkStyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/link/#Options) of the link.\n   * @default 'primary'\n   */\n  variant?: 'primary' | 'secondary',\n  /** The static color style to apply. Useful when the link appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto',\n  /** Whether the link is on its own vs inside a longer string of text. */\n  isStandalone?: boolean,\n  /** Whether the link should be displayed with a quiet style. */\n  isQuiet?: boolean\n}\n\nexport interface LinkProps extends Omit<RACLinkProps, 'isDisabled' | 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps, LinkStyleProps {\n  children: ReactNode\n}\n\nexport const LinkContext = createContext<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement>>>(null);\n\nconst link = style<LinkRenderProps & LinkStyleProps & {isSkeleton: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  borderRadius: 'sm',\n  font: {\n    isStandalone: 'ui'\n  },\n  color: {\n    variant: {\n      primary: baseColor('accent'),\n      secondary: baseColor('neutral') // TODO: should there be an option to inherit from the paragraph? What about hover states?\n    },\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'LinkText'\n  },\n  transition: 'default',\n  fontWeight: {\n    isStandalone: 'medium'\n  },\n  textDecoration: {\n    default: 'underline',\n    isStandalone: {\n      // Inline links must always have an underline for accessibility.\n      isQuiet: {\n        default: 'none',\n        isHovered: 'underline',\n        isFocusVisible: 'underline'\n      }\n    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\n/**\n * Links allow users to navigate to a different location.\n * They can be presented inline inside a paragraph or as standalone text.\n */\nexport const Link = /*#__PURE__*/ forwardRef(function Link(props: LinkProps, ref: FocusableRef<HTMLAnchorElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, LinkContext);\n  let {variant = 'primary', staticColor, isQuiet, isStandalone, UNSAFE_style, UNSAFE_className = '', styles, children} = props;\n\n  let domRef = useFocusableRef(ref);\n  let isSkeleton = useContext(SkeletonContext) || false;\n  [children, UNSAFE_style] = useSkeletonText(children, UNSAFE_style);\n\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // TODO: should RAC Link pass through inert?\n      domRef.current.inert = isSkeleton;\n    }\n  }, [domRef, isSkeleton]);\n\n  return (\n    <RACLink\n      {...props}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + link({...renderProps, variant, staticColor, isStaticColor: !!staticColor, isQuiet, isStandalone, isSkeleton}, styles)}>\n      {children}\n    </RACLink>\n  );\n});\n"],"names":[],"version":3,"file":"Link.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqDM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAA0E;AAExF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CC,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KACpD,KAAgB,EAChB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,wBACV,WAAW,WACX,OAAO,gBACP,YAAY,gBACZ,YAAY,oBACZ,mBAAmB,YACnB,MAAM,YACN,QAAQ,EACT,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,yCAAc,MAAM;IAChD,CAAC,UAAU,aAAa,GAAG,CAAA,GAAA,yCAAc,EAAE,UAAU;IAErD,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,4CAA4C;QAC5C,OAAO,OAAO,CAAC,KAAK,GAAG;IAE3B,GAAG;QAAC;QAAQ;KAAW;IAEvB,qBACE,gCAAC,CAAA,GAAA,mCAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,CAAA,cACT,mBACA,2BACE;gBACE,GAAG,WAAW;yBACd;6BACA;gBACA,eAAe,CAAC,CAAC;yBACjB;8BACA;4BACA;YACF,GACA;kBAGH;;AAGP","sources":["packages/@react-spectrum/s2/src/Link.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\nimport {\n  LinkRenderProps,\n  Link as RACLink,\n  LinkProps as RACLinkProps\n} from 'react-aria-components/Link';\nimport {SkeletonContext, useSkeletonText} from './Skeleton';\nimport {useFocusableRef} from './useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface LinkStyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/link/#Options) of the link.\n   *\n   * @default 'primary'\n   */\n  variant?: 'primary' | 'secondary';\n  /** The static color style to apply. Useful when the link appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto';\n  /** Whether the link is on its own vs inside a longer string of text. */\n  isStandalone?: boolean;\n  /** Whether the link should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface LinkProps\n  extends\n    Omit<\n      RACLinkProps,\n      | 'isDisabled'\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'children'\n      | 'onHover'\n      | 'onHoverStart'\n      | 'onHoverEnd'\n      | 'onHoverChange'\n      | 'onClick'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    LinkStyleProps {\n  children: ReactNode;\n}\n\nexport const LinkContext =\n  createContext<ContextValue<Partial<LinkProps>, FocusableRefValue<HTMLAnchorElement>>>(null);\n\nconst link = style<\n  LinkRenderProps & LinkStyleProps & {isSkeleton: boolean; isStaticColor: boolean}\n>(\n  {\n    ...focusRing(),\n    ...staticColor(),\n    borderRadius: 'sm',\n    font: {\n      isStandalone: 'ui'\n    },\n    color: {\n      variant: {\n        primary: baseColor('accent'),\n        secondary: baseColor('neutral') // TODO: should there be an option to inherit from the paragraph? What about hover states?\n      },\n      isStaticColor: 'transparent-overlay-1000',\n      forcedColors: 'LinkText'\n    },\n    transition: 'default',\n    fontWeight: {\n      isStandalone: 'medium'\n    },\n    textDecoration: {\n      default: 'underline',\n      isStandalone: {\n        // Inline links must always have an underline for accessibility.\n        isQuiet: {\n          default: 'none',\n          isHovered: 'underline',\n          isFocusVisible: 'underline'\n        }\n      }\n    },\n    outlineColor: {\n      default: 'focus-ring',\n      isStaticColor: 'transparent-overlay-1000',\n      forcedColors: 'Highlight'\n    },\n    disableTapHighlight: true\n  },\n  getAllowedOverrides()\n);\n\n/**\n * Links allow users to navigate to a different location.\n * They can be presented inline inside a paragraph or as standalone text.\n */\nexport const Link = /*#__PURE__*/ forwardRef(function Link(\n  props: LinkProps,\n  ref: FocusableRef<HTMLAnchorElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, LinkContext);\n  let {\n    variant = 'primary',\n    staticColor,\n    isQuiet,\n    isStandalone,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    styles,\n    children\n  } = props;\n\n  let domRef = useFocusableRef(ref);\n  let isSkeleton = useContext(SkeletonContext) || false;\n  [children, UNSAFE_style] = useSkeletonText(children, UNSAFE_style);\n\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      // TODO: should RAC Link pass through inert?\n      domRef.current.inert = isSkeleton;\n    }\n  }, [domRef, isSkeleton]);\n\n  return (\n    <RACLink\n      {...props}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={renderProps =>\n        UNSAFE_className +\n        link(\n          {\n            ...renderProps,\n            variant,\n            staticColor,\n            isStaticColor: !!staticColor,\n            isQuiet,\n            isStandalone,\n            isSkeleton\n          },\n          styles\n        )\n      }>\n      {children}\n    </RACLink>\n  );\n});\n"],"names":[],"version":3,"file":"Link.cjs.map"}