@react-spectrum/s2 3.0.0-nightly-5ae234603-240925 → 3.0.0-nightly-d57bd8d90-240927

package/dist/uk-UA.mjs.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,8EAAY,CAAC;IAClD,uBAAuB,CAAC,iDAAO,CAAC;IAChC,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,4FAAc,CAAC;IAChC,kBAAkB,CAAC,+DAAS,CAAC;IAC7B,2BAA2B,CAAC,2KAA2B,CAAC;IACxD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,sBAAsB,CAAC,oFAAY,CAAC;IACpC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,8FAAe,CAAC;IACrC,oBAAoB,CAAC,gFAAa,CAAC;IACnC,oBAAoB,CAAC,gEAAU,CAAC;IAChC,sBAAsB,CAAC,+FAAiB,CAAC;IACzC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,eAAe,CAAC,qBAAG,CAAC;IACpB,uBAAuB,CAAC,0GAAgB,CAAC;IACzC,cAAc,CAAC,mCAAK,CAAC;IACrB,0BAA0B,CAAC,MAAM,YAAc,CAAC,gFAAc,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AACpG","sources":["packages/@react-spectrum/s2/intl/uk-UA.json"],"sourcesContent":["{\n  \"button.pending\": \"в очікуванні\",\n  \"contextualhelp.help\": \"Довідка\",\n  \"contextualhelp.info\": \"Інформація\",\n  \"dialog.alert\": \"Сигнал тривоги\",\n  \"dialog.dismiss\": \"Скасувати\",\n  \"dropzone.replaceMessage\": \"Перетягніть файл для заміни\",\n  \"inlinealert.informative\": \"Інформація\",\n  \"inlinealert.negative\": \"Помилка\",\n  \"inlinealert.notice\": \"Попередження\",\n  \"inlinealert.positive\": \"Успішно\",\n  \"label.(optional)\": \"(необов’язково)\",\n  \"label.(required)\": \"(обов’язково)\",\n  \"menu.moreActions\": \"Більше дій\",\n  \"picker.placeholder\": \"Виберіть опцію...\",\n  \"slider.maximum\": \"Максимум\",\n  \"slider.minimum\": \"Мінімум\",\n  \"tag.actions\": \"Дії\",\n  \"tag.hideButtonLabel\": \"Показувати менше\",\n  \"tag.noTags\": \"Немає\",\n  \"tag.showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"uk-UA.mjs.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,8EAAY,CAAC;IAClD,uBAAuB,CAAC,iDAAO,CAAC;IAChC,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,4FAAc,CAAC;IAChC,kBAAkB,CAAC,+DAAS,CAAC;IAC7B,2BAA2B,CAAC,2KAA2B,CAAC;IACxD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,sBAAsB,CAAC,oFAAY,CAAC;IACpC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,8FAAe,CAAC;IACrC,oBAAoB,CAAC,gFAAa,CAAC;IACnC,oBAAoB,CAAC,gEAAU,CAAC;IAChC,sBAAsB,CAAC,+FAAiB,CAAC;IACzC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,4FAAa,CAAC;IAChC,qBAAqB,CAAC,qLAA8B,CAAC;IACrD,sBAAsB,CAAC,8IAAsB,CAAC;IAC9C,uBAAuB,CAAC,qJAAuB,CAAC;IAChD,wBAAwB,CAAC,8IAAsB,CAAC;IAChD,eAAe,CAAC,qBAAG,CAAC;IACpB,uBAAuB,CAAC,0GAAgB,CAAC;IACzC,cAAc,CAAC,mCAAK,CAAC;IACrB,0BAA0B,CAAC,MAAM,YAAc,CAAC,gFAAc,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AACpG","sources":["packages/@react-spectrum/s2/intl/uk-UA.json"],"sourcesContent":["{\n  \"button.pending\": \"в очікуванні\",\n  \"contextualhelp.help\": \"Довідка\",\n  \"contextualhelp.info\": \"Інформація\",\n  \"dialog.alert\": \"Сигнал тривоги\",\n  \"dialog.dismiss\": \"Скасувати\",\n  \"dropzone.replaceMessage\": \"Перетягніть файл для заміни\",\n  \"inlinealert.informative\": \"Інформація\",\n  \"inlinealert.negative\": \"Помилка\",\n  \"inlinealert.notice\": \"Попередження\",\n  \"inlinealert.positive\": \"Успішно\",\n  \"label.(optional)\": \"(необов’язково)\",\n  \"label.(required)\": \"(обов’язково)\",\n  \"menu.moreActions\": \"Більше дій\",\n  \"picker.placeholder\": \"Виберіть опцію...\",\n  \"slider.maximum\": \"Максимум\",\n  \"slider.minimum\": \"Мінімум\",\n  \"table.loading\": \"Завантаження…\",\n  \"table.loadingMore\": \"Завантаження інших об’єктів...\",\n  \"table.resizeColumn\": \"Змінити розмір стовпця\",\n  \"table.sortAscending\": \"Сортувати за зростанням\",\n  \"table.sortDescending\": \"Сортувати за спаданням\",\n  \"tag.actions\": \"Дії\",\n  \"tag.hideButtonLabel\": \"Показувати менше\",\n  \"tag.noTags\": \"Немає\",\n  \"tag.showAllButtonLabel\": \"Показати всі ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"uk-UA.mjs.map"}

package/dist/utils.cjs

@@ -0,0 +1,30 @@
+var $1ieZL$reactspectrumutils = require("@react-spectrum/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useScale", () => $ee7b4c497f520c08$export$a8d2043b2d807f4d);
+/*
+ * 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.
+ */ 
+function $ee7b4c497f520c08$export$736bf165441b18c7() {
+    return (0, $1ieZL$reactspectrumutils.useMediaQuery)('(max-width: 640px)');
+}
+function $ee7b4c497f520c08$export$a8d2043b2d807f4d() {
+    let matchesFine = (0, $1ieZL$reactspectrumutils.useMediaQuery)('not ((hover: hover) and (pointer: fine))');
+    if (matchesFine) return 'large';
+    return 'medium';
+}
+
+
+//# sourceMappingURL=utils.cjs.map

package/dist/utils.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAMM,SAAS;IACd,OAAO,CAAA,GAAA,uCAAY,EAAE;AACvB;AAEO,SAAS;IACd,IAAI,cAAc,CAAA,GAAA,uCAAY,EAAE;IAChC,IAAI,aACF,OAAO;IAGT,OAAO;AACT","sources":["packages/@react-spectrum/s2/src/utils.ts"],"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 {useMediaQuery} from '@react-spectrum/utils';\n\nexport type Scale = 'large' | 'medium';\n\nexport function useIsMobileDevice(): boolean {\n  return useMediaQuery('(max-width: 640px)');\n}\n\nexport function useScale(): Scale {\n  let matchesFine = useMediaQuery('not ((hover: hover) and (pointer: fine))');\n  if (matchesFine) {\n    return 'large';\n  }\n\n  return 'medium';\n}\n"],"names":[],"version":3,"file":"utils.cjs.map"}

package/dist/utils.mjs

@@ -0,0 +1,25 @@
+import {useMediaQuery as $cqUHD$useMediaQuery} from "@react-spectrum/utils";
+
+/*
+ * 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.
+ */ 
+function $859432f3b3573fcb$export$736bf165441b18c7() {
+    return (0, $cqUHD$useMediaQuery)('(max-width: 640px)');
+}
+function $859432f3b3573fcb$export$a8d2043b2d807f4d() {
+    let matchesFine = (0, $cqUHD$useMediaQuery)('not ((hover: hover) and (pointer: fine))');
+    if (matchesFine) return 'large';
+    return 'medium';
+}
+
+
+export {$859432f3b3573fcb$export$736bf165441b18c7 as useIsMobileDevice, $859432f3b3573fcb$export$a8d2043b2d807f4d as useScale};
+//# sourceMappingURL=utils.mjs.map

package/dist/utils.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA;;;;;;;;;;CAUC;AAMM,SAAS;IACd,OAAO,CAAA,GAAA,oBAAY,EAAE;AACvB;AAEO,SAAS;IACd,IAAI,cAAc,CAAA,GAAA,oBAAY,EAAE;IAChC,IAAI,aACF,OAAO;IAGT,OAAO;AACT","sources":["packages/@react-spectrum/s2/src/utils.ts"],"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 {useMediaQuery} from '@react-spectrum/utils';\n\nexport type Scale = 'large' | 'medium';\n\nexport function useIsMobileDevice(): boolean {\n  return useMediaQuery('(max-width: 640px)');\n}\n\nexport function useScale(): Scale {\n  let matchesFine = useMediaQuery('not ((hover: hover) and (pointer: fine))');\n  if (matchesFine) {\n    return 'large';\n  }\n\n  return 'medium';\n}\n"],"names":[],"version":3,"file":"utils.mjs.map"}

package/dist/zh-CN.cjs

@@ -15,6 +15,11 @@ module.exports = {
     "picker.placeholder": `\u{9009}\u{62E9}\u{4E00}\u{4E2A}\u{9009}\u{9879}...`,
     "slider.maximum": `\u{6700}\u{5927}`,
     "slider.minimum": `\u{6700}\u{5C0F}`,
+    "table.loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
+    "table.loadingMore": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}\u{66F4}\u{591A}...`,
+    "table.resizeColumn": `\u{8C03}\u{6574}\u{5217}\u{5927}\u{5C0F}`,
+    "table.sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "table.sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`,
     "tag.actions": `\u{64CD}\u{4F5C}`,
     "tag.hideButtonLabel": `\u{663E}\u{793A}\u{66F4}\u{5C11}`,
     "tag.noTags": `\u{65E0}`,

package/dist/zh-CN.cjs.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,mDAAS,CAAC;IACjC,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n  \"button.pending\": \"待处理\",\n  \"contextualhelp.help\": \"帮助\",\n  \"contextualhelp.info\": \"信息\",\n  \"dialog.alert\": \"警报\",\n  \"dialog.dismiss\": \"取消\",\n  \"dropzone.replaceMessage\": \"删除要替换的文件\",\n  \"inlinealert.informative\": \"信息\",\n  \"inlinealert.negative\": \"错误\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"（可选）\",\n  \"label.(required)\": \"（必填）\",\n  \"menu.moreActions\": \"更多操作\",\n  \"picker.placeholder\": \"选择一个选项...\",\n  \"slider.maximum\": \"最大\",\n  \"slider.minimum\": \"最小\",\n  \"tag.actions\": \"操作\",\n  \"tag.hideButtonLabel\": \"显示更少\",\n  \"tag.noTags\": \"无\",\n  \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-CN.cjs.map"}
+{"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,mDAAS,CAAC;IACjC,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,iBAAiB,CAAC,mCAAO,CAAC;IAC1B,qBAAqB,CAAC,mDAAS,CAAC;IAChC,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n  \"button.pending\": \"待处理\",\n  \"contextualhelp.help\": \"帮助\",\n  \"contextualhelp.info\": \"信息\",\n  \"dialog.alert\": \"警报\",\n  \"dialog.dismiss\": \"取消\",\n  \"dropzone.replaceMessage\": \"删除要替换的文件\",\n  \"inlinealert.informative\": \"信息\",\n  \"inlinealert.negative\": \"错误\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"（可选）\",\n  \"label.(required)\": \"（必填）\",\n  \"menu.moreActions\": \"更多操作\",\n  \"picker.placeholder\": \"选择一个选项...\",\n  \"slider.maximum\": \"最大\",\n  \"slider.minimum\": \"最小\",\n  \"table.loading\": \"正在加载...\",\n  \"table.loadingMore\": \"正在加载更多...\",\n  \"table.resizeColumn\": \"调整列大小\",\n  \"table.sortAscending\": \"升序排序\",\n  \"table.sortDescending\": \"降序排序\",\n  \"tag.actions\": \"操作\",\n  \"tag.hideButtonLabel\": \"显示更少\",\n  \"tag.noTags\": \"无\",\n  \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-CN.cjs.map"}

package/dist/zh-CN.mjs

@@ -16,6 +16,11 @@ $50d924ca2959ae83$exports = {
     "picker.placeholder": `\u{9009}\u{62E9}\u{4E00}\u{4E2A}\u{9009}\u{9879}...`,
     "slider.maximum": `\u{6700}\u{5927}`,
     "slider.minimum": `\u{6700}\u{5C0F}`,
+    "table.loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
+    "table.loadingMore": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}\u{66F4}\u{591A}...`,
+    "table.resizeColumn": `\u{8C03}\u{6574}\u{5217}\u{5927}\u{5C0F}`,
+    "table.sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "table.sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`,
     "tag.actions": `\u{64CD}\u{4F5C}`,
     "tag.hideButtonLabel": `\u{663E}\u{793A}\u{66F4}\u{5C11}`,
     "tag.noTags": `\u{65E0}`,

package/dist/zh-CN.mjs.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,mDAAS,CAAC;IACjC,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n  \"button.pending\": \"待处理\",\n  \"contextualhelp.help\": \"帮助\",\n  \"contextualhelp.info\": \"信息\",\n  \"dialog.alert\": \"警报\",\n  \"dialog.dismiss\": \"取消\",\n  \"dropzone.replaceMessage\": \"删除要替换的文件\",\n  \"inlinealert.informative\": \"信息\",\n  \"inlinealert.negative\": \"错误\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"（可选）\",\n  \"label.(required)\": \"（必填）\",\n  \"menu.moreActions\": \"更多操作\",\n  \"picker.placeholder\": \"选择一个选项...\",\n  \"slider.maximum\": \"最大\",\n  \"slider.minimum\": \"最小\",\n  \"tag.actions\": \"操作\",\n  \"tag.hideButtonLabel\": \"显示更少\",\n  \"tag.noTags\": \"无\",\n  \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-CN.mjs.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,mDAAS,CAAC;IACjC,kBAAkB,CAAC,gBAAE,CAAC;IACtB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,iBAAiB,CAAC,mCAAO,CAAC;IAC1B,qBAAqB,CAAC,mDAAS,CAAC;IAChC,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-CN.json"],"sourcesContent":["{\n  \"button.pending\": \"待处理\",\n  \"contextualhelp.help\": \"帮助\",\n  \"contextualhelp.info\": \"信息\",\n  \"dialog.alert\": \"警报\",\n  \"dialog.dismiss\": \"取消\",\n  \"dropzone.replaceMessage\": \"删除要替换的文件\",\n  \"inlinealert.informative\": \"信息\",\n  \"inlinealert.negative\": \"错误\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"（可选）\",\n  \"label.(required)\": \"（必填）\",\n  \"menu.moreActions\": \"更多操作\",\n  \"picker.placeholder\": \"选择一个选项...\",\n  \"slider.maximum\": \"最大\",\n  \"slider.minimum\": \"最小\",\n  \"table.loading\": \"正在加载...\",\n  \"table.loadingMore\": \"正在加载更多...\",\n  \"table.resizeColumn\": \"调整列大小\",\n  \"table.sortAscending\": \"升序排序\",\n  \"table.sortDescending\": \"降序排序\",\n  \"tag.actions\": \"操作\",\n  \"tag.hideButtonLabel\": \"显示更少\",\n  \"tag.noTags\": \"无\",\n  \"tag.showAllButtonLabel\": \"全部显示 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-CN.mjs.map"}

package/dist/zh-TW.cjs

@@ -15,6 +15,11 @@ module.exports = {
     "picker.placeholder": `\u{9078}\u{53D6}\u{4E00}\u{500B}\u{9078}\u{9805}`,
     "slider.maximum": `\u{6700}\u{5927}\u{503C}`,
     "slider.minimum": `\u{6700}\u{5C0F}\u{503C}`,
+    "table.loading": `\u{8F09}\u{5165}\u{4E2D}\u{2026}`,
+    "table.loadingMore": `\u{6B63}\u{5728}\u{8F09}\u{5165}\u{66F4}\u{591A}\u{2026}`,
+    "table.resizeColumn": `\u{8ABF}\u{6574}\u{6B04}\u{5927}\u{5C0F}`,
+    "table.sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "table.sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`,
     "tag.actions": `\u{52D5}\u{4F5C}`,
     "tag.hideButtonLabel": `\u{986F}\u{793A}\u{8F03}\u{5C11}`,
     "tag.noTags": `\u{7121}`,

package/dist/zh-TW.cjs.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,gDAAM,CAAC;IAC9B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n  \"button.pending\": \"待處理\",\n  \"contextualhelp.help\": \"說明\",\n  \"contextualhelp.info\": \"資訊\",\n  \"dialog.alert\": \"警示\",\n  \"dialog.dismiss\": \"關閉\",\n  \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n  \"inlinealert.informative\": \"資訊\",\n  \"inlinealert.negative\": \"錯誤\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"(選填)\",\n  \"label.(required)\": \"(必填)\",\n  \"menu.moreActions\": \"更多動作\",\n  \"picker.placeholder\": \"選取一個選項\",\n  \"slider.maximum\": \"最大值\",\n  \"slider.minimum\": \"最小值\",\n  \"tag.actions\": \"動作\",\n  \"tag.hideButtonLabel\": \"顯示較少\",\n  \"tag.noTags\": \"無\",\n  \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-TW.cjs.map"}
+{"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,gDAAM,CAAC;IAC9B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,qBAAqB,CAAC,wDAAO,CAAC;IAC9B,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n  \"button.pending\": \"待處理\",\n  \"contextualhelp.help\": \"說明\",\n  \"contextualhelp.info\": \"資訊\",\n  \"dialog.alert\": \"警示\",\n  \"dialog.dismiss\": \"關閉\",\n  \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n  \"inlinealert.informative\": \"資訊\",\n  \"inlinealert.negative\": \"錯誤\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"(選填)\",\n  \"label.(required)\": \"(必填)\",\n  \"menu.moreActions\": \"更多動作\",\n  \"picker.placeholder\": \"選取一個選項\",\n  \"slider.maximum\": \"最大值\",\n  \"slider.minimum\": \"最小值\",\n  \"table.loading\": \"載入中…\",\n  \"table.loadingMore\": \"正在載入更多…\",\n  \"table.resizeColumn\": \"調整欄大小\",\n  \"table.sortAscending\": \"升序排序\",\n  \"table.sortDescending\": \"降序排序\",\n  \"tag.actions\": \"動作\",\n  \"tag.hideButtonLabel\": \"顯示較少\",\n  \"tag.noTags\": \"無\",\n  \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-TW.cjs.map"}

package/dist/zh-TW.mjs

@@ -16,6 +16,11 @@ $8cf71e4dbf20ddea$exports = {
     "picker.placeholder": `\u{9078}\u{53D6}\u{4E00}\u{500B}\u{9078}\u{9805}`,
     "slider.maximum": `\u{6700}\u{5927}\u{503C}`,
     "slider.minimum": `\u{6700}\u{5C0F}\u{503C}`,
+    "table.loading": `\u{8F09}\u{5165}\u{4E2D}\u{2026}`,
+    "table.loadingMore": `\u{6B63}\u{5728}\u{8F09}\u{5165}\u{66F4}\u{591A}\u{2026}`,
+    "table.resizeColumn": `\u{8ABF}\u{6574}\u{6B04}\u{5927}\u{5C0F}`,
+    "table.sortAscending": `\u{5347}\u{5E8F}\u{6392}\u{5E8F}`,
+    "table.sortDescending": `\u{964D}\u{5E8F}\u{6392}\u{5E8F}`,
     "tag.actions": `\u{52D5}\u{4F5C}`,
     "tag.hideButtonLabel": `\u{986F}\u{793A}\u{8F03}\u{5C11}`,
     "tag.noTags": `\u{7121}`,

package/dist/zh-TW.mjs.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,gDAAM,CAAC;IAC9B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n  \"button.pending\": \"待處理\",\n  \"contextualhelp.help\": \"說明\",\n  \"contextualhelp.info\": \"資訊\",\n  \"dialog.alert\": \"警示\",\n  \"dialog.dismiss\": \"關閉\",\n  \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n  \"inlinealert.informative\": \"資訊\",\n  \"inlinealert.negative\": \"錯誤\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"(選填)\",\n  \"label.(required)\": \"(必填)\",\n  \"menu.moreActions\": \"更多動作\",\n  \"picker.placeholder\": \"選取一個選項\",\n  \"slider.maximum\": \"最大值\",\n  \"slider.minimum\": \"最小值\",\n  \"tag.actions\": \"動作\",\n  \"tag.hideButtonLabel\": \"顯示較少\",\n  \"tag.noTags\": \"無\",\n  \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-TW.mjs.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,wBAAG,CAAC;IACzC,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,uBAAuB,CAAC,gBAAE,CAAC;IAC3B,gBAAgB,CAAC,gBAAE,CAAC;IACpB,kBAAkB,CAAC,gBAAE,CAAC;IACtB,2BAA2B,CAAC,gEAAQ,CAAC;IACrC,2BAA2B,CAAC,gBAAE,CAAC;IAC/B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,sBAAsB,CAAC,gBAAE,CAAC;IAC1B,wBAAwB,CAAC,gBAAE,CAAC;IAC5B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,kBAAI,CAAC;IAC1B,oBAAoB,CAAC,gCAAI,CAAC;IAC1B,sBAAsB,CAAC,gDAAM,CAAC;IAC9B,kBAAkB,CAAC,wBAAG,CAAC;IACvB,kBAAkB,CAAC,wBAAG,CAAC;IACvB,iBAAiB,CAAC,gCAAI,CAAC;IACvB,qBAAqB,CAAC,wDAAO,CAAC;IAC9B,sBAAsB,CAAC,wCAAK,CAAC;IAC7B,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,wBAAwB,CAAC,gCAAI,CAAC;IAC9B,eAAe,CAAC,gBAAE,CAAC;IACnB,uBAAuB,CAAC,gCAAI,CAAC;IAC7B,cAAc,CAAC,QAAC,CAAC;IACjB,0BAA0B,CAAC,MAAM,YAAc,CAAC,kCAAM,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC5F","sources":["packages/@react-spectrum/s2/intl/zh-TW.json"],"sourcesContent":["{\n  \"button.pending\": \"待處理\",\n  \"contextualhelp.help\": \"說明\",\n  \"contextualhelp.info\": \"資訊\",\n  \"dialog.alert\": \"警示\",\n  \"dialog.dismiss\": \"關閉\",\n  \"dropzone.replaceMessage\": \"放置要取代的檔案\",\n  \"inlinealert.informative\": \"資訊\",\n  \"inlinealert.negative\": \"錯誤\",\n  \"inlinealert.notice\": \"警告\",\n  \"inlinealert.positive\": \"成功\",\n  \"label.(optional)\": \"(選填)\",\n  \"label.(required)\": \"(必填)\",\n  \"menu.moreActions\": \"更多動作\",\n  \"picker.placeholder\": \"選取一個選項\",\n  \"slider.maximum\": \"最大值\",\n  \"slider.minimum\": \"最小值\",\n  \"table.loading\": \"載入中…\",\n  \"table.loadingMore\": \"正在載入更多…\",\n  \"table.resizeColumn\": \"調整欄大小\",\n  \"table.sortAscending\": \"升序排序\",\n  \"table.sortDescending\": \"降序排序\",\n  \"tag.actions\": \"動作\",\n  \"tag.hideButtonLabel\": \"顯示較少\",\n  \"tag.noTags\": \"無\",\n  \"tag.showAllButtonLabel\": \"顯示全部 ({tagCount, number})\"\n}"],"names":[],"version":3,"file":"zh-TW.mjs.map"}

package/icons/Skeleton.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAUD,IAAI,qCAAe,OAAO,QAAQ,eAAe,aAC7C,OAAO,UAAU,CAAC,oCAAoC,OAAO,GAC7D;AAEG,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,OAAO,CAAA,GAAA,wBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,oCAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAOO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM;AAQN,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAC;IACrC,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAM;QACN,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,yBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,+BAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,wBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\nlet reduceMotion = typeof window?.matchMedia === 'function'\n  ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  : false;\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n  let animationRef = useRef<Animation | null>(null);\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children?: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'UNSAFE_overrides');\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert=\"true\"\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        inert: 'true'\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAUD,IAAI,qCAAe,OAAO,QAAQ,eAAe,aAC7C,OAAO,UAAU,CAAC,oCAAoC,OAAO,GAC7D;AAEG,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,OAAO,CAAA,GAAA,wBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,oCAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM;AAQN,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAC;IACrC,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAM;QACN,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,yBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,+BAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,wBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\nlet reduceMotion = typeof window?.matchMedia === 'function'\n  ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  : false;\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n  let animationRef = useRef<Animation | null>(null);\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children?: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'UNSAFE_overrides');\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert=\"true\"\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        inert: 'true'\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}

package/icons/Skeleton.css.map

@@ -1 +1 @@
-{"mappings":"AC2E4B;EAAA;;;;;EAAA;;;;;AA6BI;EAAA;;;;EAAA;;;;;EAkCT;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAlCS;;AAkCT","sources":["75d5c035b718255e","packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["@import \"087771746f6f9bd4\";\n@import \"cdde487beeff3a0a\";\n@import \"15dee9c9bf5f0627\";\n","/*\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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\nlet reduceMotion = typeof window?.matchMedia === 'function'\n  ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  : false;\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n  let animationRef = useRef<Animation | null>(null);\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children?: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'UNSAFE_overrides');\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert=\"true\"\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        inert: 'true'\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.css.map"}
+{"mappings":"AC8E4B;EAAA;;;;;EAAA;;;;;AA6BI;EAAA;;;;EAAA;;;;;EAkCT;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAlCS;;AAkCT","sources":["75d5c035b718255e","packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["@import \"087771746f6f9bd4\";\n@import \"cdde487beeff3a0a\";\n@import \"15dee9c9bf5f0627\";\n","/*\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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\nlet reduceMotion = typeof window?.matchMedia === 'function'\n  ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  : false;\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n  let animationRef = useRef<Animation | null>(null);\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children?: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'UNSAFE_overrides');\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert=\"true\"\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        inert: 'true'\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.css.map"}

package/icons/Skeleton.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AAUD,IAAI,qCAAe,OAAO,QAAQ,eAAe,aAC7C,OAAO,UAAU,CAAC,oCAAoC,OAAO,GAC7D;AAEG,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,aAAK,EAAoB;IAC5C,OAAO,CAAA,GAAA,kBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,oCAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE,8CAAoB;AACxC;AAOO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM;AAQN,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gBAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAC;IACrC,qBACE,gBAAC;QACC,6CAA6C;QAC7C,OAAM;QACN,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,mBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,gBAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,yCAAU,wBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\nlet reduceMotion = typeof window?.matchMedia === 'function'\n  ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  : false;\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n  let animationRef = useRef<Animation | null>(null);\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children?: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'UNSAFE_overrides');\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert=\"true\"\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        inert: 'true'\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.mjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AAUD,IAAI,qCAAe,OAAO,QAAQ,eAAe,aAC7C,OAAO,UAAU,CAAC,oCAAoC,OAAO,GAC7D;AAEG,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,aAAK,EAAoB;IAC5C,OAAO,CAAA,GAAA,kBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,oCAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM;AAQN,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gBAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAC;IACrC,qBACE,gBAAC;QACC,6CAA6C;QAC7C,OAAM;QACN,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,WAAW,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IAC3E,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,mBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,gBAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,OAAO;QACT,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,yCAAU,wBAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {colorToken} from '../style/tokens' with {type: 'macro'};\nimport {mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\nlet reduceMotion = typeof window?.matchMedia === 'function'\n  ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  : false;\n\nexport function useLoadingAnimation(isAnimating: boolean) {\n  let animationRef = useRef<Animation | null>(null);\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children?: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps) {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'UNSAFE_overrides');\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}) {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert=\"true\"\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}) {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        inert: 'true'\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.mjs.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/s2",
-  "version": "3.0.0-nightly-5ae234603-240925",
+  "version": "3.0.0-nightly-d57bd8d90-240927",
   "description": "Spectrum 2 UI components in React",
   "license": "Apache-2.0",
   "repository": {
@@ -49,28 +49,30 @@
   ],
   "files": [
     "dist",
-    "style/dist",
-    "style/package.json",
+    "style",
     "page.css",
     "icons",
     "illustrations",
     "src"
   ],
   "dependencies": {
-    "@react-aria/collections": "3.0.0-nightly-5ae234603-240925",
-    "@react-aria/i18n": "^3.0.0-nightly-5ae234603-240925",
-    "@react-aria/interactions": "^3.0.0-nightly-5ae234603-240925",
-    "@react-aria/utils": "^3.0.0-nightly-5ae234603-240925",
-    "@react-spectrum/utils": "^3.0.0-nightly-5ae234603-240925",
-    "@react-stately/virtualizer": "^3.0.0-nightly-5ae234603-240925",
-    "@react-types/color": "3.0.0-nightly-5ae234603-240925",
-    "@react-types/dialog": "^3.0.0-nightly-5ae234603-240925",
-    "@react-types/provider": "^3.0.0-nightly-5ae234603-240925",
-    "@react-types/shared": "^3.0.0-nightly-5ae234603-240925",
-    "@react-types/textfield": "^3.0.0-nightly-5ae234603-240925",
+    "@react-aria/collections": "3.0.0-nightly-d57bd8d90-240927",
+    "@react-aria/i18n": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-aria/interactions": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-aria/utils": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-spectrum/utils": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-stately/layout": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-stately/virtualizer": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/color": "3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/dialog": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/grid": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/provider": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/shared": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/table": "^3.0.0-nightly-d57bd8d90-240927",
+    "@react-types/textfield": "^3.0.0-nightly-d57bd8d90-240927",
     "csstype": "^3.0.2",
-    "react-aria": "^3.0.0-nightly-5ae234603-240925",
-    "react-aria-components": "^3.0.0-nightly-5ae234603-240925"
+    "react-aria": "^3.0.0-nightly-d57bd8d90-240927",
+    "react-aria-components": "^3.0.0-nightly-d57bd8d90-240927"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/Accordion.tsx

@@ -26,12 +26,12 @@ export interface AccordionProps extends Omit<DisclosureGroupProps, 'className' |
   styles?: StylesPropWithHeight,
   /**
    * The size of the accordion.
-   * @default "M"
+   * @default 'M'
    */
   size?: 'S' | 'M' | 'L' | 'XL',
   /**
    * The amount of space between the disclosure items.
-   * @default "regular"
+   * @default 'regular'
    */
   density?: 'compact' | 'regular' | 'spacious',
   /** Whether the accordion should be displayed with a quiet style. */

package/src/ActionButton.tsx

@@ -10,12 +10,12 @@
  * governing permissions and limitations under the License.
  */
 
-import {baseColor, fontRelative, style} from '../style/spectrum-theme' with { type: 'macro' };
+import {baseColor, focusRing, fontRelative, style} from '../style' with { type: 'macro' };
 import {ButtonProps, ButtonRenderProps, ContextValue, OverlayTriggerStateContext, Provider, Button as RACButton, Text} from 'react-aria-components';
 import {centerBaseline} from './CenterBaseline';
 import {createContext, forwardRef, ReactNode, useContext} from 'react';
 import {FocusableRef, FocusableRefValue} from '@react-types/shared';
-import {focusRing, getAllowedOverrides, StyleProps} from './style-utils' with { type: 'macro' };
+import {getAllowedOverrides, StyleProps} from './style-utils' with { type: 'macro' };
 import {IconContext} from './Icon';
 import {pressScale} from './pressScale';
 import {SkeletonContext} from './Skeleton';
@@ -44,7 +44,7 @@ interface ToggleButtonStyleProps {
   isEmphasized?: boolean
 }
 
-export interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, ActionButtonStyleProps {
+export interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending'>, StyleProps, ActionButtonStyleProps {
   /** The content to display in the ActionButton. */
   children?: ReactNode
 }

package/src/AlertDialog.tsx

@@ -24,7 +24,7 @@ import {IconContext} from './Icon';
 import intlMessages from '../intl/*.json';
 import NoticeSquare from '../s2wf-icons/S2_Icon_AlertDiamond_20_N.svg';
 import {Provider} from 'react-aria-components';
-import {style} from '../style/spectrum-theme' with {type: 'macro'};
+import {style} from '../style' with {type: 'macro'};
 import {UnsafeStyles} from './style-utils' with {type: 'macro'};
 import {useLocalizedStringFormatter} from '@react-aria/i18n';
 

package/src/Avatar.tsx

@@ -16,7 +16,7 @@ import {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';
 import {filterDOMProps} from '@react-aria/utils';
 import {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};
 import {Image} from './Image';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 import {useDOMRef} from '@react-spectrum/utils';
 import {useSpectrumContextProps} from './useSpectrumContextProps';
 

package/src/AvatarGroup.tsx

@@ -16,7 +16,7 @@ import {ContextValue, SlotProps} from 'react-aria-components';
 import {createContext, CSSProperties, forwardRef, ReactNode} from 'react';
 import {filterDOMProps} from '@react-aria/utils';
 import {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};
-import {style} from '../style/spectrum-theme' with {type: 'macro'};
+import {style} from '../style' with {type: 'macro'};
 import {useDOMRef} from '@react-spectrum/utils';
 import {useLabel} from 'react-aria';
 import {useSpectrumContextProps} from './useSpectrumContextProps';

package/src/Badge.tsx

@@ -15,7 +15,7 @@ import {centerBaseline} from './CenterBaseline';
 import {centerPadding, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};
 import {ContextValue, Provider, SlotProps} from 'react-aria-components';
 import {filterDOMProps} from '@react-aria/utils';
-import {fontRelative, style} from '../style/spectrum-theme' with {type: 'macro'};
+import {fontRelative, style} from '../style' with {type: 'macro'};
 import {IconContext} from './Icon';
 import React, {createContext, forwardRef, ReactNode} from 'react';
 import {SkeletonWrapper} from './Skeleton';

package/src/Breadcrumbs.tsx

@@ -27,13 +27,13 @@ import {AriaBreadcrumbItemProps, useLocale} from 'react-aria';
 import ChevronIcon from '../ui-icons/Chevron';
 import {Collection, DOMRef, DOMRefValue, LinkDOMProps, Node} from '@react-types/shared';
 import {createContext, forwardRef, Fragment, ReactNode, RefObject, useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';
-import {focusRing, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};
+import {focusRing, size, style} from '../style' with { type: 'macro' };
 import FolderIcon from '../s2wf-icons/S2_Icon_FolderBreadcrumb_20_N.svg';
 import {forwardRefType} from './types';
+import {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};
 // @ts-ignore
 import intlMessages from '../intl/*.json';
 import {Menu, MenuItem, MenuTrigger} from './Menu';
-import {size, style} from '../style/spectrum-theme' with { type: 'macro' };
 import {Text} from './Content';
 import {useDOMRef, useResizeObserver} from '@react-spectrum/utils';
 import {useLayoutEffect} from '@react-aria/utils';

package/src/Button.tsx

@@ -10,10 +10,10 @@
  * governing permissions and limitations under the License.
  */
 
-import {baseColor, fontRelative, style} from '../style/spectrum-theme' with {type: 'macro'};
+import {baseColor, focusRing, fontRelative, size as sizeValue, style} from '../style' with {type: 'macro'};
 import {ButtonRenderProps, ContextValue, Link, LinkProps, OverlayTriggerStateContext, Provider, Button as RACButton, ButtonProps as RACButtonProps} from 'react-aria-components';
 import {centerBaseline} from './CenterBaseline';
-import {centerPadding, focusRing, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};
+import {centerPadding, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};
 import {createContext, forwardRef, ReactNode, useContext, useEffect, useState} from 'react';
 import {FocusableRef, FocusableRefValue} from '@react-types/shared';
 import {IconContext} from './Icon';
@@ -64,13 +64,14 @@ export interface LinkButtonProps extends Omit<LinkProps, 'className' | 'style' |
 export const ButtonContext = createContext<ContextValue<ButtonProps, FocusableRefValue<HTMLButtonElement>>>(null);
 export const LinkButtonContext = createContext<ContextValue<ButtonProps, FocusableRefValue<HTMLAnchorElement>>>(null);
 
+const iconOnly = ':has([slot=icon]):not(:has([data-rsp-slot=text]))';
 const button = style<ButtonRenderProps & ButtonStyleProps>({
   ...focusRing(),
   position: 'relative',
   display: 'flex',
   alignItems: {
     default: 'baseline',
-    ':has([slot=icon]):not(:has([data-rsp-slot=text]))': 'center'
+    [iconOnly]: 'center'
   },
   justifyContent: 'center',
   textAlign: 'start',
@@ -80,7 +81,7 @@ const button = style<ButtonRenderProps & ButtonStyleProps>({
   userSelect: 'none',
   minHeight: 'control',
   minWidth: {
-    ':has([slot=icon]):not(:has([data-rsp-slot=text]))': 'control'
+    [iconOnly]: 'control'
   },
   borderRadius: 'pill',
   boxSizing: 'border-box',
@@ -88,11 +89,11 @@ const button = style<ButtonRenderProps & ButtonStyleProps>({
   textDecoration: 'none', // for link buttons
   paddingX: {
     default: 'pill',
-    ':has([slot=icon]):not(:has([data-rsp-slot=text]))': 0
+    [iconOnly]: 0
   },
   paddingY: 0,
   aspectRatio: {
-    ':has([slot=icon]):not(:has([data-rsp-slot=text]))': 'square'
+    [iconOnly]: 'square'
   },
   transition: 'default',
   borderStyle: 'solid',
@@ -110,7 +111,7 @@ const button = style<ButtonRenderProps & ButtonStyleProps>({
     type: 'marginTop',
     value: {
       default: fontRelative(-2),
-      ':has([slot=icon]):not(:has([data-rsp-slot=text]))': 0
+      [iconOnly]: 0
     }
   },
   borderColor: {
@@ -331,15 +332,18 @@ function Button(props: ButtonProps, ref: FocusableRef<HTMLButtonElement>) {
       <Provider
         values={[
           [SkeletonContext, null],
-          [TextContext, {styles: style({
-            paddingY: '--labelPadding',
-            order: 1,
-            opacity: {
-              default: 1,
-              isProgressVisible: 0
-            }
+          [TextContext, {
+            styles: style({
+              paddingY: '--labelPadding',
+              order: 1,
+              opacity: {
+                default: 1,
+                isProgressVisible: 0
+              }
+            })({isProgressVisible}),
             // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
-          })({isProgressVisible}), 'data-rsp-slot': 'text'}],
+            'data-rsp-slot': 'text'
+          }],
           [IconContext, {
             render: centerBaseline({slot: 'icon', styles: style({order: 0})}),
             styles: style({
@@ -366,8 +370,21 @@ function Button(props: ButtonProps, ref: FocusableRef<HTMLButtonElement>) {
                 isProgressVisible: 1
               }
             })({isProgressVisible, isPending})}>
-            {/* TODO: size based on t-shirt size once ProgressCircle supports custom sizes */}
-            <ProgressCircle isIndeterminate aria-label={stringFormatter.format('button.pending')} size="S" staticColor={staticColor} UNSAFE_style={{display: 'block'}} />
+            <ProgressCircle
+              isIndeterminate
+              aria-label={stringFormatter.format('button.pending')}
+              size="S"
+              staticColor={staticColor}
+              styles={style({
+                size: {
+                  size: {
+                    S: sizeValue(14),
+                    M: sizeValue(18),
+                    L: 20,
+                    XL: 24
+                  }
+                }
+              })({size})} />
           </div>
         }
       </Provider>
@@ -401,12 +418,17 @@ function LinkButton(props: LinkButtonProps, ref: FocusableRef<HTMLAnchorElement>
         variant: props.variant || 'primary',
         fillStyle: props.fillStyle || 'fill',
         size: props.size || 'M',
-        staticColor: props.staticColor
+        staticColor: props.staticColor,
+        isPending: false
       }, props.styles)}>
       <Provider
         values={[
           [SkeletonContext, null],
-          [TextContext, {styles: style({paddingY: '--labelPadding', order: 1})}],
+          [TextContext, {
+            styles: style({paddingY: '--labelPadding', order: 1}),
+            // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
+            'data-rsp-slot': 'text'
+          }],
           [IconContext, {
             render: centerBaseline({slot: 'icon', styles: style({order: 0})}),
             styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})

package/src/ButtonGroup.tsx

@@ -15,7 +15,7 @@ import {ContextValue, Provider, SlotProps} from 'react-aria-components';
 import {createContext, forwardRef, ReactNode, useCallback, useRef} from 'react';
 import {DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';
 import {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};
-import {style} from '../style/spectrum-theme' with {type: 'macro'};
+import {style} from '../style' with {type: 'macro'};
 import {
   useDOMRef,
   useResizeObserver