@sanity/ui 0.37.21 → 0.38.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/sanity-ui.cjs +1321 -0
- package/dist/sanity-ui.cjs.map +1 -0
- package/dist/sanity-ui.js +1321 -0
- package/dist/sanity-ui.js.map +1 -0
- package/dist/types/src/index.d.ts +15180 -0
- package/package.json +21 -22
- package/src/__workshop__/color/overview.tsx +9 -11
- package/src/components/autocomplete/__workshop__/async.tsx +14 -12
- package/src/components/autocomplete/__workshop__/constrainedHeight.tsx +36 -0
- package/src/components/autocomplete/autocomplete.tsx +2 -2
- package/src/components/breadcrumbs/breadcrumbs.tsx +3 -2
- package/src/components/dialog/dialog.tsx +17 -9
- package/src/components/dialog/styles.ts +4 -4
- package/src/components/hotkeys/hotkeys.tsx +3 -1
- package/src/components/menu/__workshop__/constrainedInBoundary.tsx +11 -14
- package/src/components/menu/__workshop__/groups.tsx +1 -1
- package/src/components/menu/menuGroup.tsx +3 -2
- package/src/components/menu/menuItem.tsx +3 -3
- package/src/components/skeleton/skeleton.tsx +10 -1
- package/src/components/skeleton/textSkeleton.tsx +7 -7
- package/src/hooks/index.ts +2 -1
- package/src/hooks/useArrayProp.ts +24 -0
- package/src/hooks/useElementRect/useElementRect.ts +5 -15
- package/src/hooks/useElementSize.ts +18 -0
- package/src/index.ts +1 -0
- package/src/observers/elementSizeObserver.ts +116 -0
- package/src/observers/index.ts +2 -0
- package/src/{utils → observers}/resizeObserver.ts +1 -3
- package/src/primitives/_selectable/selectable.tsx +5 -4
- package/src/primitives/avatar/avatar.tsx +7 -5
- package/src/primitives/avatar/avatarCounter.tsx +12 -11
- package/src/primitives/avatar/avatarStack.tsx +15 -10
- package/src/primitives/avatar/styles.ts +2 -2
- package/src/primitives/badge/badge.tsx +3 -2
- package/src/primitives/box/box.tsx +26 -25
- package/src/primitives/button/button.tsx +22 -10
- package/src/primitives/card/card.tsx +8 -7
- package/src/primitives/checkbox/__workshop__/example.tsx +4 -2
- package/src/primitives/checkbox/__workshop__/props.tsx +4 -2
- package/src/primitives/checkbox/__workshop__/readOnly.tsx +4 -2
- package/src/primitives/code/__workshop__/props.tsx +1 -1
- package/src/primitives/code/code.tsx +2 -1
- package/src/primitives/container/container.tsx +10 -1
- package/src/primitives/container/styles.ts +2 -2
- package/src/primitives/container/types.ts +1 -1
- package/src/primitives/flex/flex.tsx +6 -5
- package/src/primitives/grid/__workshop__/responsive.tsx +13 -12
- package/src/primitives/grid/grid.tsx +9 -8
- package/src/primitives/heading/__workshop__/opticalAlignment.tsx +19 -7
- package/src/primitives/heading/heading.tsx +3 -2
- package/src/primitives/inline/inline.tsx +12 -6
- package/src/primitives/inline/styles.ts +2 -2
- package/src/primitives/inline/types.ts +1 -1
- package/src/primitives/kbd/kbd.tsx +2 -1
- package/src/primitives/label/label.tsx +4 -3
- package/src/primitives/popover/__workshop__/{margins.tsx → MarginsStory.tsx} +1 -1
- package/src/primitives/popover/__workshop__/{matchReferenceWidth.tsx → MatchReferenceWidthStory.tsx} +0 -0
- package/src/primitives/popover/__workshop__/{plain.tsx → PlainStory.tsx} +12 -14
- package/src/primitives/popover/__workshop__/{recursive.tsx → RecursiveStory.tsx} +4 -1
- package/src/primitives/popover/__workshop__/RightAlignedStory.tsx +60 -0
- package/src/primitives/popover/__workshop__/TestStory.tsx +79 -0
- package/src/primitives/popover/__workshop__/index.ts +10 -5
- package/src/primitives/popover/popover.tsx +29 -10
- package/src/primitives/select/select.tsx +9 -9
- package/src/primitives/select/styles.ts +10 -4
- package/src/primitives/stack/stack.tsx +2 -1
- package/src/primitives/stack/styles.ts +3 -3
- package/src/primitives/text/__workshop__/opticalAlignment.tsx +15 -5
- package/src/primitives/text/text.tsx +3 -2
- package/src/primitives/textArea/__workshop__/plain.tsx +23 -18
- package/src/primitives/textArea/textArea.tsx +21 -5
- package/src/primitives/textInput/__workshop__/clearButton.tsx +14 -8
- package/src/primitives/textInput/__workshop__/index.ts +2 -2
- package/src/primitives/textInput/__workshop__/plain.tsx +39 -32
- package/src/primitives/textInput/__workshop__/tones.tsx +234 -95
- package/src/primitives/textInput/__workshop__/typed.tsx +8 -2
- package/src/primitives/textInput/textInput.tsx +47 -12
- package/src/primitives/tooltip/__workshop__/props.tsx +7 -2
- package/src/primitives/tooltip/tooltip.tsx +19 -9
- package/src/primitives/types.ts +1 -1
- package/src/styles/border/borderStyle.ts +6 -6
- package/src/styles/border/types.ts +5 -5
- package/src/styles/box/boxStyle.ts +5 -5
- package/src/styles/box/types.ts +4 -4
- package/src/styles/flex/flexItemStyle.ts +5 -4
- package/src/styles/flex/flexStyle.ts +6 -6
- package/src/styles/flex/types.ts +6 -6
- package/src/styles/font/responsiveFont.ts +2 -4
- package/src/styles/font/textAlignStyle.ts +2 -2
- package/src/styles/font/types.ts +4 -3
- package/src/styles/grid/gridItemStyle.ts +7 -7
- package/src/styles/grid/gridStyle.ts +9 -9
- package/src/styles/grid/types.ts +14 -14
- package/src/styles/helpers.ts +9 -9
- package/src/styles/input/responsiveInputPaddingStyle.ts +24 -27
- package/src/styles/input/textInputStyle.ts +92 -80
- package/src/styles/margin/marginStyle.ts +8 -8
- package/src/styles/margin/marginsStyle.test.ts +1 -1
- package/src/styles/margin/types.ts +7 -7
- package/src/styles/padding/paddingStyle.test.ts +1 -1
- package/src/styles/padding/paddingStyle.ts +8 -8
- package/src/styles/padding/types.ts +7 -7
- package/src/styles/radius/radiusStyle.ts +2 -2
- package/src/styles/radius/types.ts +1 -1
- package/src/styles/shadow/shadowStyle.ts +2 -5
- package/src/styles/shadow/types.ts +1 -1
- package/src/theme/lib/theme/color/button/types.ts +1 -1
- package/src/theme/lib/theme/shadow.ts +1 -1
- package/src/theme/studioTheme/color.ts +15 -14
- package/src/theme/studioTheme/fonts.ts +4 -4
- package/src/theme/types.ts +1 -1
- package/src/utils/elementQuery/elementQuery.tsx +5 -18
- package/src/utils/index.ts +0 -1
- package/src/utils/layer/layerProvider.tsx +2 -2
- package/src/utils/virtualList/virtualList.tsx +3 -1
- package/lib/dts/src/components/autocomplete/autocomplete.d.ts +0 -56
- package/lib/dts/src/components/autocomplete/autocomplete.d.ts.map +0 -1
- package/lib/dts/src/components/autocomplete/autocomplete.styles.d.ts +0 -18
- package/lib/dts/src/components/autocomplete/autocomplete.styles.d.ts.map +0 -1
- package/lib/dts/src/components/autocomplete/autocompleteOption.d.ts +0 -10
- package/lib/dts/src/components/autocomplete/autocompleteOption.d.ts.map +0 -1
- package/lib/dts/src/components/autocomplete/autocompleteReducer.d.ts +0 -6
- package/lib/dts/src/components/autocomplete/autocompleteReducer.d.ts.map +0 -1
- package/lib/dts/src/components/autocomplete/constants.d.ts +0 -18
- package/lib/dts/src/components/autocomplete/constants.d.ts.map +0 -1
- package/lib/dts/src/components/autocomplete/index.d.ts +0 -3
- package/lib/dts/src/components/autocomplete/index.d.ts.map +0 -1
- package/lib/dts/src/components/autocomplete/types.d.ts +0 -87
- package/lib/dts/src/components/autocomplete/types.d.ts.map +0 -1
- package/lib/dts/src/components/breadcrumbs/breadcrumbs.d.ts +0 -14
- package/lib/dts/src/components/breadcrumbs/breadcrumbs.d.ts.map +0 -1
- package/lib/dts/src/components/breadcrumbs/breadcrumbs.styles.d.ts +0 -4
- package/lib/dts/src/components/breadcrumbs/breadcrumbs.styles.d.ts.map +0 -1
- package/lib/dts/src/components/breadcrumbs/index.d.ts +0 -2
- package/lib/dts/src/components/breadcrumbs/index.d.ts.map +0 -1
- package/lib/dts/src/components/dialog/dialog.d.ts +0 -34
- package/lib/dts/src/components/dialog/dialog.d.ts.map +0 -1
- package/lib/dts/src/components/dialog/dialogContext.d.ts +0 -16
- package/lib/dts/src/components/dialog/dialogContext.d.ts.map +0 -1
- package/lib/dts/src/components/dialog/dialogProvider.d.ts +0 -17
- package/lib/dts/src/components/dialog/dialogProvider.d.ts.map +0 -1
- package/lib/dts/src/components/dialog/index.d.ts +0 -5
- package/lib/dts/src/components/dialog/index.d.ts.map +0 -1
- package/lib/dts/src/components/dialog/styles.d.ts +0 -12
- package/lib/dts/src/components/dialog/styles.d.ts.map +0 -1
- package/lib/dts/src/components/dialog/useDialog.d.ts +0 -7
- package/lib/dts/src/components/dialog/useDialog.d.ts.map +0 -1
- package/lib/dts/src/components/hotkeys/hotkeys.d.ts +0 -16
- package/lib/dts/src/components/hotkeys/hotkeys.d.ts.map +0 -1
- package/lib/dts/src/components/hotkeys/index.d.ts +0 -2
- package/lib/dts/src/components/hotkeys/index.d.ts.map +0 -1
- package/lib/dts/src/components/index.d.ts +0 -10
- package/lib/dts/src/components/index.d.ts.map +0 -1
- package/lib/dts/src/components/menu/helpers.d.ts +0 -13
- package/lib/dts/src/components/menu/helpers.d.ts.map +0 -1
- package/lib/dts/src/components/menu/index.d.ts +0 -6
- package/lib/dts/src/components/menu/index.d.ts.map +0 -1
- package/lib/dts/src/components/menu/menu.d.ts +0 -28
- package/lib/dts/src/components/menu/menu.d.ts.map +0 -1
- package/lib/dts/src/components/menu/menuButton.d.ts +0 -48
- package/lib/dts/src/components/menu/menuButton.d.ts.map +0 -1
- package/lib/dts/src/components/menu/menuContext.d.ts +0 -23
- package/lib/dts/src/components/menu/menuContext.d.ts.map +0 -1
- package/lib/dts/src/components/menu/menuDivider.d.ts +0 -7
- package/lib/dts/src/components/menu/menuDivider.d.ts.map +0 -1
- package/lib/dts/src/components/menu/menuGroup.d.ts +0 -22
- package/lib/dts/src/components/menu/menuGroup.d.ts.map +0 -1
- package/lib/dts/src/components/menu/menuItem.d.ts +0 -23
- package/lib/dts/src/components/menu/menuItem.d.ts.map +0 -1
- package/lib/dts/src/components/menu/useMenu.d.ts +0 -3
- package/lib/dts/src/components/menu/useMenu.d.ts.map +0 -1
- package/lib/dts/src/components/menu/useMenuController.d.ts +0 -25
- package/lib/dts/src/components/menu/useMenuController.d.ts.map +0 -1
- package/lib/dts/src/components/skeleton/index.d.ts +0 -3
- package/lib/dts/src/components/skeleton/index.d.ts.map +0 -1
- package/lib/dts/src/components/skeleton/skeleton.d.ts +0 -16
- package/lib/dts/src/components/skeleton/skeleton.d.ts.map +0 -1
- package/lib/dts/src/components/skeleton/styles.d.ts +0 -9
- package/lib/dts/src/components/skeleton/styles.d.ts.map +0 -1
- package/lib/dts/src/components/skeleton/textSkeleton.d.ts +0 -51
- package/lib/dts/src/components/skeleton/textSkeleton.d.ts.map +0 -1
- package/lib/dts/src/components/tab/index.d.ts +0 -4
- package/lib/dts/src/components/tab/index.d.ts.map +0 -1
- package/lib/dts/src/components/tab/tab.d.ts +0 -24
- package/lib/dts/src/components/tab/tab.d.ts.map +0 -1
- package/lib/dts/src/components/tab/tabList.d.ts +0 -13
- package/lib/dts/src/components/tab/tabList.d.ts.map +0 -1
- package/lib/dts/src/components/tab/tabPanel.d.ts +0 -17
- package/lib/dts/src/components/tab/tabPanel.d.ts.map +0 -1
- package/lib/dts/src/components/toast/index.d.ts +0 -5
- package/lib/dts/src/components/toast/index.d.ts.map +0 -1
- package/lib/dts/src/components/toast/toast.d.ts +0 -16
- package/lib/dts/src/components/toast/toast.d.ts.map +0 -1
- package/lib/dts/src/components/toast/toastContext.d.ts +0 -4
- package/lib/dts/src/components/toast/toastContext.d.ts.map +0 -1
- package/lib/dts/src/components/toast/toastProvider.d.ts +0 -16
- package/lib/dts/src/components/toast/toastProvider.d.ts.map +0 -1
- package/lib/dts/src/components/toast/types.d.ts +0 -21
- package/lib/dts/src/components/toast/types.d.ts.map +0 -1
- package/lib/dts/src/components/toast/useToast.d.ts +0 -6
- package/lib/dts/src/components/toast/useToast.d.ts.map +0 -1
- package/lib/dts/src/components/tree/helpers.d.ts +0 -5
- package/lib/dts/src/components/tree/helpers.d.ts.map +0 -1
- package/lib/dts/src/components/tree/index.d.ts +0 -5
- package/lib/dts/src/components/tree/index.d.ts.map +0 -1
- package/lib/dts/src/components/tree/style.d.ts +0 -9
- package/lib/dts/src/components/tree/style.d.ts.map +0 -1
- package/lib/dts/src/components/tree/tree.d.ts +0 -14
- package/lib/dts/src/components/tree/tree.d.ts.map +0 -1
- package/lib/dts/src/components/tree/treeContext.d.ts +0 -7
- package/lib/dts/src/components/tree/treeContext.d.ts.map +0 -1
- package/lib/dts/src/components/tree/treeGroup.d.ts +0 -6
- package/lib/dts/src/components/tree/treeGroup.d.ts.map +0 -1
- package/lib/dts/src/components/tree/treeItem.d.ts +0 -20
- package/lib/dts/src/components/tree/treeItem.d.ts.map +0 -1
- package/lib/dts/src/components/tree/types.d.ts +0 -24
- package/lib/dts/src/components/tree/types.d.ts.map +0 -1
- package/lib/dts/src/components/tree/useTree.d.ts +0 -6
- package/lib/dts/src/components/tree/useTree.d.ts.map +0 -1
- package/lib/dts/src/constants.d.ts +0 -3
- package/lib/dts/src/constants.d.ts.map +0 -1
- package/lib/dts/src/helpers/animation.d.ts +0 -9
- package/lib/dts/src/helpers/animation.d.ts.map +0 -1
- package/lib/dts/src/helpers/element.d.ts +0 -29
- package/lib/dts/src/helpers/element.d.ts.map +0 -1
- package/lib/dts/src/helpers/focus.d.ts +0 -21
- package/lib/dts/src/helpers/focus.d.ts.map +0 -1
- package/lib/dts/src/helpers/index.d.ts +0 -5
- package/lib/dts/src/helpers/index.d.ts.map +0 -1
- package/lib/dts/src/helpers/scroll.d.ts +0 -5
- package/lib/dts/src/helpers/scroll.d.ts.map +0 -1
- package/lib/dts/src/hooks/_internal/index.d.ts +0 -2
- package/lib/dts/src/hooks/_internal/index.d.ts.map +0 -1
- package/lib/dts/src/hooks/_internal/useUnique.d.ts +0 -10
- package/lib/dts/src/hooks/_internal/useUnique.d.ts.map +0 -1
- package/lib/dts/src/hooks/index.d.ts +0 -9
- package/lib/dts/src/hooks/index.d.ts.map +0 -1
- package/lib/dts/src/hooks/useClickOutside.d.ts +0 -9
- package/lib/dts/src/hooks/useClickOutside.d.ts.map +0 -1
- package/lib/dts/src/hooks/useCustomValidity.d.ts +0 -9
- package/lib/dts/src/hooks/useCustomValidity.d.ts.map +0 -1
- package/lib/dts/src/hooks/useElementRect/index.d.ts +0 -2
- package/lib/dts/src/hooks/useElementRect/index.d.ts.map +0 -1
- package/lib/dts/src/hooks/useElementRect/useElementRect.d.ts +0 -6
- package/lib/dts/src/hooks/useElementRect/useElementRect.d.ts.map +0 -1
- package/lib/dts/src/hooks/useForwardedRef.d.ts +0 -6
- package/lib/dts/src/hooks/useForwardedRef.d.ts.map +0 -1
- package/lib/dts/src/hooks/useGlobalKeyDown.d.ts +0 -5
- package/lib/dts/src/hooks/useGlobalKeyDown.d.ts.map +0 -1
- package/lib/dts/src/hooks/useIsomorphicEffect.d.ts +0 -6
- package/lib/dts/src/hooks/useIsomorphicEffect.d.ts.map +0 -1
- package/lib/dts/src/hooks/useMediaIndex/index.d.ts +0 -2
- package/lib/dts/src/hooks/useMediaIndex/index.d.ts.map +0 -1
- package/lib/dts/src/hooks/useMediaIndex/lib/media.d.ts +0 -12
- package/lib/dts/src/hooks/useMediaIndex/lib/media.d.ts.map +0 -1
- package/lib/dts/src/hooks/useMediaIndex/useMediaIndex.d.ts +0 -6
- package/lib/dts/src/hooks/useMediaIndex/useMediaIndex.d.ts.map +0 -1
- package/lib/dts/src/hooks/usePrefersDark.d.ts +0 -5
- package/lib/dts/src/hooks/usePrefersDark.d.ts.map +0 -1
- package/lib/dts/src/hooks/useResponsiveProp.d.ts +0 -6
- package/lib/dts/src/hooks/useResponsiveProp.d.ts.map +0 -1
- package/lib/dts/src/index.d.ts +0 -9
- package/lib/dts/src/index.d.ts.map +0 -1
- package/lib/dts/src/lib/globalScope.d.ts +0 -2
- package/lib/dts/src/lib/globalScope.d.ts.map +0 -1
- package/lib/dts/src/lib/isRecord.d.ts +0 -2
- package/lib/dts/src/lib/isRecord.d.ts.map +0 -1
- package/lib/dts/src/primitives/_selectable/index.d.ts +0 -2
- package/lib/dts/src/primitives/_selectable/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/_selectable/selectable.d.ts +0 -9
- package/lib/dts/src/primitives/_selectable/selectable.d.ts.map +0 -1
- package/lib/dts/src/primitives/_selectable/style.d.ts +0 -12
- package/lib/dts/src/primitives/_selectable/style.d.ts.map +0 -1
- package/lib/dts/src/primitives/avatar/avatar.d.ts +0 -27
- package/lib/dts/src/primitives/avatar/avatar.d.ts.map +0 -1
- package/lib/dts/src/primitives/avatar/avatarCounter.d.ts +0 -16
- package/lib/dts/src/primitives/avatar/avatarCounter.d.ts.map +0 -1
- package/lib/dts/src/primitives/avatar/avatarStack.d.ts +0 -17
- package/lib/dts/src/primitives/avatar/avatarStack.d.ts.map +0 -1
- package/lib/dts/src/primitives/avatar/index.d.ts +0 -5
- package/lib/dts/src/primitives/avatar/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/avatar/styles.d.ts +0 -18
- package/lib/dts/src/primitives/avatar/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/avatar/types.d.ts +0 -14
- package/lib/dts/src/primitives/avatar/types.d.ts.map +0 -1
- package/lib/dts/src/primitives/badge/badge.d.ts +0 -18
- package/lib/dts/src/primitives/badge/badge.d.ts.map +0 -1
- package/lib/dts/src/primitives/badge/index.d.ts +0 -2
- package/lib/dts/src/primitives/badge/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/badge/styles.d.ts +0 -5
- package/lib/dts/src/primitives/badge/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/badge/types.d.ts +0 -9
- package/lib/dts/src/primitives/badge/types.d.ts.map +0 -1
- package/lib/dts/src/primitives/box/box.d.ts +0 -13
- package/lib/dts/src/primitives/box/box.d.ts.map +0 -1
- package/lib/dts/src/primitives/box/index.d.ts +0 -2
- package/lib/dts/src/primitives/box/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/button/button.d.ts +0 -29
- package/lib/dts/src/primitives/button/button.d.ts.map +0 -1
- package/lib/dts/src/primitives/button/index.d.ts +0 -2
- package/lib/dts/src/primitives/button/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/button/styles.d.ts +0 -15
- package/lib/dts/src/primitives/button/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/card/card.d.ts +0 -28
- package/lib/dts/src/primitives/card/card.d.ts.map +0 -1
- package/lib/dts/src/primitives/card/index.d.ts +0 -3
- package/lib/dts/src/primitives/card/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/card/styles.d.ts +0 -7
- package/lib/dts/src/primitives/card/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/card/types.d.ts +0 -10
- package/lib/dts/src/primitives/card/types.d.ts.map +0 -1
- package/lib/dts/src/primitives/checkbox/checkbox.d.ts +0 -13
- package/lib/dts/src/primitives/checkbox/checkbox.d.ts.map +0 -1
- package/lib/dts/src/primitives/checkbox/index.d.ts +0 -2
- package/lib/dts/src/primitives/checkbox/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/checkbox/styles.d.ts +0 -5
- package/lib/dts/src/primitives/checkbox/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/code/code.d.ts +0 -15
- package/lib/dts/src/primitives/code/code.d.ts.map +0 -1
- package/lib/dts/src/primitives/code/index.d.ts +0 -2
- package/lib/dts/src/primitives/code/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/code/styles.d.ts +0 -4
- package/lib/dts/src/primitives/code/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/container/container.d.ts +0 -13
- package/lib/dts/src/primitives/container/container.d.ts.map +0 -1
- package/lib/dts/src/primitives/container/index.d.ts +0 -3
- package/lib/dts/src/primitives/container/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/container/styles.d.ts +0 -6
- package/lib/dts/src/primitives/container/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/container/types.d.ts +0 -7
- package/lib/dts/src/primitives/container/types.d.ts.map +0 -1
- package/lib/dts/src/primitives/flex/flex.d.ts +0 -14
- package/lib/dts/src/primitives/flex/flex.d.ts.map +0 -1
- package/lib/dts/src/primitives/flex/index.d.ts +0 -2
- package/lib/dts/src/primitives/flex/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/grid/grid.d.ts +0 -13
- package/lib/dts/src/primitives/grid/grid.d.ts.map +0 -1
- package/lib/dts/src/primitives/grid/index.d.ts +0 -2
- package/lib/dts/src/primitives/grid/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/heading/heading.d.ts +0 -25
- package/lib/dts/src/primitives/heading/heading.d.ts.map +0 -1
- package/lib/dts/src/primitives/heading/index.d.ts +0 -2
- package/lib/dts/src/primitives/heading/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/heading/styles.d.ts +0 -5
- package/lib/dts/src/primitives/heading/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/heading/types.d.ts +0 -8
- package/lib/dts/src/primitives/heading/types.d.ts.map +0 -1
- package/lib/dts/src/primitives/helpers.d.ts +0 -3
- package/lib/dts/src/primitives/helpers.d.ts.map +0 -1
- package/lib/dts/src/primitives/index.d.ts +0 -26
- package/lib/dts/src/primitives/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/inline/index.d.ts +0 -2
- package/lib/dts/src/primitives/inline/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/inline/inline.d.ts +0 -13
- package/lib/dts/src/primitives/inline/inline.d.ts.map +0 -1
- package/lib/dts/src/primitives/inline/styles.d.ts +0 -6
- package/lib/dts/src/primitives/inline/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/inline/types.d.ts +0 -7
- package/lib/dts/src/primitives/inline/types.d.ts.map +0 -1
- package/lib/dts/src/primitives/kbd/index.d.ts +0 -2
- package/lib/dts/src/primitives/kbd/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/kbd/kbd.d.ts +0 -15
- package/lib/dts/src/primitives/kbd/kbd.d.ts.map +0 -1
- package/lib/dts/src/primitives/label/index.d.ts +0 -2
- package/lib/dts/src/primitives/label/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/label/label.d.ts +0 -25
- package/lib/dts/src/primitives/label/label.d.ts.map +0 -1
- package/lib/dts/src/primitives/label/styles.d.ts +0 -7
- package/lib/dts/src/primitives/label/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/popover/arrow.d.ts +0 -3
- package/lib/dts/src/primitives/popover/arrow.d.ts.map +0 -1
- package/lib/dts/src/primitives/popover/index.d.ts +0 -2
- package/lib/dts/src/primitives/popover/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/popover/modifiers/getPopoverModifiers.d.ts +0 -4
- package/lib/dts/src/primitives/popover/modifiers/getPopoverModifiers.d.ts.map +0 -1
- package/lib/dts/src/primitives/popover/modifiers/index.d.ts +0 -2
- package/lib/dts/src/primitives/popover/modifiers/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/popover/modifiers/types.d.ts +0 -18
- package/lib/dts/src/primitives/popover/modifiers/types.d.ts.map +0 -1
- package/lib/dts/src/primitives/popover/modifiers/usePopoverModifiers.d.ts +0 -4
- package/lib/dts/src/primitives/popover/modifiers/usePopoverModifiers.d.ts.map +0 -1
- package/lib/dts/src/primitives/popover/popover.d.ts +0 -38
- package/lib/dts/src/primitives/popover/popover.d.ts.map +0 -1
- package/lib/dts/src/primitives/radio/index.d.ts +0 -2
- package/lib/dts/src/primitives/radio/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/radio/radio.d.ts +0 -12
- package/lib/dts/src/primitives/radio/radio.d.ts.map +0 -1
- package/lib/dts/src/primitives/radio/styles.d.ts +0 -5
- package/lib/dts/src/primitives/radio/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/select/index.d.ts +0 -2
- package/lib/dts/src/primitives/select/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/select/select.d.ts +0 -16
- package/lib/dts/src/primitives/select/select.d.ts.map +0 -1
- package/lib/dts/src/primitives/select/styles.d.ts +0 -13
- package/lib/dts/src/primitives/select/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/spinner/index.d.ts +0 -2
- package/lib/dts/src/primitives/spinner/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/spinner/spinner.d.ts +0 -13
- package/lib/dts/src/primitives/spinner/spinner.d.ts.map +0 -1
- package/lib/dts/src/primitives/stack/index.d.ts +0 -2
- package/lib/dts/src/primitives/stack/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/stack/stack.d.ts +0 -14
- package/lib/dts/src/primitives/stack/stack.d.ts.map +0 -1
- package/lib/dts/src/primitives/stack/styles.d.ts +0 -8
- package/lib/dts/src/primitives/stack/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/switch/index.d.ts +0 -2
- package/lib/dts/src/primitives/switch/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/switch/styles.d.ts +0 -11
- package/lib/dts/src/primitives/switch/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/switch/switch.d.ts +0 -12
- package/lib/dts/src/primitives/switch/switch.d.ts.map +0 -1
- package/lib/dts/src/primitives/text/index.d.ts +0 -2
- package/lib/dts/src/primitives/text/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/text/styles.d.ts +0 -7
- package/lib/dts/src/primitives/text/styles.d.ts.map +0 -1
- package/lib/dts/src/primitives/text/text.d.ts +0 -25
- package/lib/dts/src/primitives/text/text.d.ts.map +0 -1
- package/lib/dts/src/primitives/textArea/index.d.ts +0 -2
- package/lib/dts/src/primitives/textArea/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/textArea/textArea.d.ts +0 -18
- package/lib/dts/src/primitives/textArea/textArea.d.ts.map +0 -1
- package/lib/dts/src/primitives/textInput/index.d.ts +0 -2
- package/lib/dts/src/primitives/textInput/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/textInput/textInput.d.ts +0 -41
- package/lib/dts/src/primitives/textInput/textInput.d.ts.map +0 -1
- package/lib/dts/src/primitives/tooltip/index.d.ts +0 -2
- package/lib/dts/src/primitives/tooltip/index.d.ts.map +0 -1
- package/lib/dts/src/primitives/tooltip/tooltip.d.ts +0 -23
- package/lib/dts/src/primitives/tooltip/tooltip.d.ts.map +0 -1
- package/lib/dts/src/primitives/tooltip/tooltipArrow.d.ts +0 -6
- package/lib/dts/src/primitives/tooltip/tooltipArrow.d.ts.map +0 -1
- package/lib/dts/src/primitives/types.d.ts +0 -102
- package/lib/dts/src/primitives/types.d.ts.map +0 -1
- package/lib/dts/src/styles/border/borderStyle.d.ts +0 -5
- package/lib/dts/src/styles/border/borderStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/border/index.d.ts +0 -3
- package/lib/dts/src/styles/border/index.d.ts.map +0 -1
- package/lib/dts/src/styles/border/types.d.ts +0 -11
- package/lib/dts/src/styles/border/types.d.ts.map +0 -1
- package/lib/dts/src/styles/box/boxStyle.d.ts +0 -6
- package/lib/dts/src/styles/box/boxStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/box/index.d.ts +0 -3
- package/lib/dts/src/styles/box/index.d.ts.map +0 -1
- package/lib/dts/src/styles/box/types.d.ts +0 -11
- package/lib/dts/src/styles/box/types.d.ts.map +0 -1
- package/lib/dts/src/styles/colorVars/colorVarsStyle.d.ts +0 -7
- package/lib/dts/src/styles/colorVars/colorVarsStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/colorVars/index.d.ts +0 -2
- package/lib/dts/src/styles/colorVars/index.d.ts.map +0 -1
- package/lib/dts/src/styles/flex/flexItemStyle.d.ts +0 -6
- package/lib/dts/src/styles/flex/flexItemStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/flex/flexStyle.d.ts +0 -9
- package/lib/dts/src/styles/flex/flexStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/flex/index.d.ts +0 -4
- package/lib/dts/src/styles/flex/index.d.ts.map +0 -1
- package/lib/dts/src/styles/flex/types.d.ts +0 -23
- package/lib/dts/src/styles/flex/types.d.ts.map +0 -1
- package/lib/dts/src/styles/focusRing/index.d.ts +0 -18
- package/lib/dts/src/styles/focusRing/index.d.ts.map +0 -1
- package/lib/dts/src/styles/font/codeFontStyle.d.ts +0 -9
- package/lib/dts/src/styles/font/codeFontStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/font/headingFontStyle.d.ts +0 -9
- package/lib/dts/src/styles/font/headingFontStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/font/index.d.ts +0 -7
- package/lib/dts/src/styles/font/index.d.ts.map +0 -1
- package/lib/dts/src/styles/font/labelFontStyle.d.ts +0 -9
- package/lib/dts/src/styles/font/labelFontStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/font/responsiveFont.d.ts +0 -11
- package/lib/dts/src/styles/font/responsiveFont.d.ts.map +0 -1
- package/lib/dts/src/styles/font/textAlignStyle.d.ts +0 -9
- package/lib/dts/src/styles/font/textAlignStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/font/textFontStyle.d.ts +0 -9
- package/lib/dts/src/styles/font/textFontStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/font/types.d.ts +0 -28
- package/lib/dts/src/styles/font/types.d.ts.map +0 -1
- package/lib/dts/src/styles/grid/gridItemStyle.d.ts +0 -5
- package/lib/dts/src/styles/grid/gridItemStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/grid/gridStyle.d.ts +0 -5
- package/lib/dts/src/styles/grid/gridStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/grid/index.d.ts +0 -4
- package/lib/dts/src/styles/grid/index.d.ts.map +0 -1
- package/lib/dts/src/styles/grid/types.d.ts +0 -26
- package/lib/dts/src/styles/grid/types.d.ts.map +0 -1
- package/lib/dts/src/styles/helpers.d.ts +0 -23
- package/lib/dts/src/styles/helpers.d.ts.map +0 -1
- package/lib/dts/src/styles/index.d.ts +0 -4
- package/lib/dts/src/styles/index.d.ts.map +0 -1
- package/lib/dts/src/styles/input/index.d.ts +0 -3
- package/lib/dts/src/styles/input/index.d.ts.map +0 -1
- package/lib/dts/src/styles/input/responsiveInputPaddingStyle.d.ts +0 -26
- package/lib/dts/src/styles/input/responsiveInputPaddingStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/input/textInputStyle.d.ts +0 -23
- package/lib/dts/src/styles/input/textInputStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/internal.d.ts +0 -12
- package/lib/dts/src/styles/internal.d.ts.map +0 -1
- package/lib/dts/src/styles/margin/index.d.ts +0 -3
- package/lib/dts/src/styles/margin/index.d.ts.map +0 -1
- package/lib/dts/src/styles/margin/marginStyle.d.ts +0 -5
- package/lib/dts/src/styles/margin/marginStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/margin/types.d.ts +0 -10
- package/lib/dts/src/styles/margin/types.d.ts.map +0 -1
- package/lib/dts/src/styles/padding/index.d.ts +0 -3
- package/lib/dts/src/styles/padding/index.d.ts.map +0 -1
- package/lib/dts/src/styles/padding/paddingStyle.d.ts +0 -5
- package/lib/dts/src/styles/padding/paddingStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/padding/types.d.ts +0 -13
- package/lib/dts/src/styles/padding/types.d.ts.map +0 -1
- package/lib/dts/src/styles/radius/index.d.ts +0 -3
- package/lib/dts/src/styles/radius/index.d.ts.map +0 -1
- package/lib/dts/src/styles/radius/radiusStyle.d.ts +0 -5
- package/lib/dts/src/styles/radius/radiusStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/radius/types.d.ts +0 -7
- package/lib/dts/src/styles/radius/types.d.ts.map +0 -1
- package/lib/dts/src/styles/shadow/index.d.ts +0 -3
- package/lib/dts/src/styles/shadow/index.d.ts.map +0 -1
- package/lib/dts/src/styles/shadow/shadowStyle.d.ts +0 -5
- package/lib/dts/src/styles/shadow/shadowStyle.d.ts.map +0 -1
- package/lib/dts/src/styles/shadow/types.d.ts +0 -7
- package/lib/dts/src/styles/shadow/types.d.ts.map +0 -1
- package/lib/dts/src/styles/types.d.ts +0 -8
- package/lib/dts/src/styles/types.d.ts.map +0 -1
- package/lib/dts/src/theme/defaults.d.ts +0 -3
- package/lib/dts/src/theme/defaults.d.ts.map +0 -1
- package/lib/dts/src/theme/index.d.ts +0 -9
- package/lib/dts/src/theme/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/blend/index.d.ts +0 -3
- package/lib/dts/src/theme/lib/color-fns/blend/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/blend/multiply.d.ts +0 -8
- package/lib/dts/src/theme/lib/color-fns/blend/multiply.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/blend/screen.d.ts +0 -8
- package/lib/dts/src/theme/lib/color-fns/blend/screen.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/convert.d.ts +0 -19
- package/lib/dts/src/theme/lib/color-fns/convert.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/helpers/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/color-fns/helpers/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/helpers/rgba.d.ts +0 -5
- package/lib/dts/src/theme/lib/color-fns/helpers/rgba.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/index.d.ts +0 -6
- package/lib/dts/src/theme/lib/color-fns/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/parse.d.ts +0 -6
- package/lib/dts/src/theme/lib/color-fns/parse.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/color-fns/types.d.ts +0 -17
- package/lib/dts/src/theme/lib/color-fns/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/avatar.d.ts +0 -10
- package/lib/dts/src/theme/lib/theme/avatar.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/_generic/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/_generic/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/_generic/types.d.ts +0 -30
- package/lib/dts/src/theme/lib/theme/color/_generic/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/base/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/base/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/base/types.d.ts +0 -20
- package/lib/dts/src/theme/lib/theme/color/base/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/button/createButtonModes.d.ts +0 -7
- package/lib/dts/src/theme/lib/theme/color/button/createButtonModes.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/button/createButtonTones.d.ts +0 -7
- package/lib/dts/src/theme/lib/theme/color/button/createButtonTones.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/button/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/button/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/button/types.d.ts +0 -40
- package/lib/dts/src/theme/lib/theme/color/button/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/card/createCardStates.d.ts +0 -8
- package/lib/dts/src/theme/lib/theme/color/card/createCardStates.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/card/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/card/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/card/types.d.ts +0 -17
- package/lib/dts/src/theme/lib/theme/color/card/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/defaults.d.ts +0 -3
- package/lib/dts/src/theme/lib/theme/color/defaults.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/factory.d.ts +0 -83
- package/lib/dts/src/theme/lib/theme/color/factory.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/index.d.ts +0 -13
- package/lib/dts/src/theme/lib/theme/color/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/input/createInputModes.d.ts +0 -7
- package/lib/dts/src/theme/lib/theme/color/input/createInputModes.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/input/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/input/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/input/types.d.ts +0 -26
- package/lib/dts/src/theme/lib/theme/color/input/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/muted/createMuted.d.ts +0 -6
- package/lib/dts/src/theme/lib/theme/color/muted/createMuted.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/muted/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/muted/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/muted/types.d.ts +0 -23
- package/lib/dts/src/theme/lib/theme/color/muted/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/selectable/createSelectableTones.d.ts +0 -7
- package/lib/dts/src/theme/lib/theme/color/selectable/createSelectableTones.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/selectable/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/selectable/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/selectable/types.d.ts +0 -27
- package/lib/dts/src/theme/lib/theme/color/selectable/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/solid/createSolidTones.d.ts +0 -6
- package/lib/dts/src/theme/lib/theme/color/solid/createSolidTones.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/solid/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/solid/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/solid/types.d.ts +0 -23
- package/lib/dts/src/theme/lib/theme/color/solid/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/spot/createSpot.d.ts +0 -5
- package/lib/dts/src/theme/lib/theme/color/spot/createSpot.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/spot/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/spot/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/spot/types.d.ts +0 -19
- package/lib/dts/src/theme/lib/theme/color/spot/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/syntax/index.d.ts +0 -2
- package/lib/dts/src/theme/lib/theme/color/syntax/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/syntax/types.d.ts +0 -42
- package/lib/dts/src/theme/lib/theme/color/syntax/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/color/types.d.ts +0 -55
- package/lib/dts/src/theme/lib/theme/color/types.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/fonts.d.ts +0 -48
- package/lib/dts/src/theme/lib/theme/fonts.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/index.d.ts +0 -8
- package/lib/dts/src/theme/lib/theme/index.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/input.d.ts +0 -23
- package/lib/dts/src/theme/lib/theme/input.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/layer.d.ts +0 -16
- package/lib/dts/src/theme/lib/theme/layer.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/shadow.d.ts +0 -19
- package/lib/dts/src/theme/lib/theme/shadow.d.ts.map +0 -1
- package/lib/dts/src/theme/lib/theme/theme.d.ts +0 -34
- package/lib/dts/src/theme/lib/theme/theme.d.ts.map +0 -1
- package/lib/dts/src/theme/studioTheme/color.d.ts +0 -2
- package/lib/dts/src/theme/studioTheme/color.d.ts.map +0 -1
- package/lib/dts/src/theme/studioTheme/fonts.d.ts +0 -3
- package/lib/dts/src/theme/studioTheme/fonts.d.ts.map +0 -1
- package/lib/dts/src/theme/studioTheme/helpers.d.ts +0 -3
- package/lib/dts/src/theme/studioTheme/helpers.d.ts.map +0 -1
- package/lib/dts/src/theme/studioTheme/index.d.ts +0 -2
- package/lib/dts/src/theme/studioTheme/index.d.ts.map +0 -1
- package/lib/dts/src/theme/studioTheme/theme.d.ts +0 -6
- package/lib/dts/src/theme/studioTheme/theme.d.ts.map +0 -1
- package/lib/dts/src/theme/themeColorProvider.d.ts +0 -15
- package/lib/dts/src/theme/themeColorProvider.d.ts.map +0 -1
- package/lib/dts/src/theme/themeContext.d.ts +0 -7
- package/lib/dts/src/theme/themeContext.d.ts.map +0 -1
- package/lib/dts/src/theme/themeProvider.d.ts +0 -17
- package/lib/dts/src/theme/themeProvider.d.ts.map +0 -1
- package/lib/dts/src/theme/types.d.ts +0 -36
- package/lib/dts/src/theme/types.d.ts.map +0 -1
- package/lib/dts/src/theme/useRootTheme.d.ts +0 -6
- package/lib/dts/src/theme/useRootTheme.d.ts.map +0 -1
- package/lib/dts/src/theme/useTheme.d.ts +0 -6
- package/lib/dts/src/theme/useTheme.d.ts.map +0 -1
- package/lib/dts/src/types/avatar.d.ts +0 -13
- package/lib/dts/src/types/avatar.d.ts.map +0 -1
- package/lib/dts/src/types/badge.d.ts +0 -9
- package/lib/dts/src/types/badge.d.ts.map +0 -1
- package/lib/dts/src/types/box.d.ts +0 -17
- package/lib/dts/src/types/box.d.ts.map +0 -1
- package/lib/dts/src/types/button.d.ts +0 -13
- package/lib/dts/src/types/button.d.ts.map +0 -1
- package/lib/dts/src/types/card.d.ts +0 -6
- package/lib/dts/src/types/card.d.ts.map +0 -1
- package/lib/dts/src/types/dialog.d.ts +0 -5
- package/lib/dts/src/types/dialog.d.ts.map +0 -1
- package/lib/dts/src/types/flex.d.ts +0 -21
- package/lib/dts/src/types/flex.d.ts.map +0 -1
- package/lib/dts/src/types/grid.d.ts +0 -13
- package/lib/dts/src/types/grid.d.ts.map +0 -1
- package/lib/dts/src/types/gridItem.d.ts +0 -25
- package/lib/dts/src/types/gridItem.d.ts.map +0 -1
- package/lib/dts/src/types/index.d.ts +0 -14
- package/lib/dts/src/types/index.d.ts.map +0 -1
- package/lib/dts/src/types/placement.d.ts +0 -7
- package/lib/dts/src/types/placement.d.ts.map +0 -1
- package/lib/dts/src/types/popover.d.ts +0 -5
- package/lib/dts/src/types/popover.d.ts.map +0 -1
- package/lib/dts/src/types/selectable.d.ts +0 -5
- package/lib/dts/src/types/selectable.d.ts.map +0 -1
- package/lib/dts/src/types/text.d.ts +0 -5
- package/lib/dts/src/types/text.d.ts.map +0 -1
- package/lib/dts/src/utils/boundaryElement/boundaryElementContext.d.ts +0 -4
- package/lib/dts/src/utils/boundaryElement/boundaryElementContext.d.ts.map +0 -1
- package/lib/dts/src/utils/boundaryElement/boundaryElementProvider.d.ts +0 -13
- package/lib/dts/src/utils/boundaryElement/boundaryElementProvider.d.ts.map +0 -1
- package/lib/dts/src/utils/boundaryElement/index.d.ts +0 -4
- package/lib/dts/src/utils/boundaryElement/index.d.ts.map +0 -1
- package/lib/dts/src/utils/boundaryElement/types.d.ts +0 -8
- package/lib/dts/src/utils/boundaryElement/types.d.ts.map +0 -1
- package/lib/dts/src/utils/boundaryElement/useBoundaryElement.d.ts +0 -6
- package/lib/dts/src/utils/boundaryElement/useBoundaryElement.d.ts.map +0 -1
- package/lib/dts/src/utils/elementQuery/elementQuery.d.ts +0 -15
- package/lib/dts/src/utils/elementQuery/elementQuery.d.ts.map +0 -1
- package/lib/dts/src/utils/elementQuery/helpers.d.ts +0 -3
- package/lib/dts/src/utils/elementQuery/helpers.d.ts.map +0 -1
- package/lib/dts/src/utils/elementQuery/index.d.ts +0 -2
- package/lib/dts/src/utils/elementQuery/index.d.ts.map +0 -1
- package/lib/dts/src/utils/errorBoundary.d.ts +0 -29
- package/lib/dts/src/utils/errorBoundary.d.ts.map +0 -1
- package/lib/dts/src/utils/index.d.ts +0 -9
- package/lib/dts/src/utils/index.d.ts.map +0 -1
- package/lib/dts/src/utils/layer/index.d.ts +0 -5
- package/lib/dts/src/utils/layer/index.d.ts.map +0 -1
- package/lib/dts/src/utils/layer/layer.d.ts +0 -13
- package/lib/dts/src/utils/layer/layer.d.ts.map +0 -1
- package/lib/dts/src/utils/layer/layerContext.d.ts +0 -4
- package/lib/dts/src/utils/layer/layerContext.d.ts.map +0 -1
- package/lib/dts/src/utils/layer/layerProvider.d.ts +0 -13
- package/lib/dts/src/utils/layer/layerProvider.d.ts.map +0 -1
- package/lib/dts/src/utils/layer/types.d.ts +0 -11
- package/lib/dts/src/utils/layer/types.d.ts.map +0 -1
- package/lib/dts/src/utils/layer/useLayer.d.ts +0 -6
- package/lib/dts/src/utils/layer/useLayer.d.ts.map +0 -1
- package/lib/dts/src/utils/portal/index.d.ts +0 -5
- package/lib/dts/src/utils/portal/index.d.ts.map +0 -1
- package/lib/dts/src/utils/portal/portal.d.ts +0 -16
- package/lib/dts/src/utils/portal/portal.d.ts.map +0 -1
- package/lib/dts/src/utils/portal/portalContext.d.ts +0 -5
- package/lib/dts/src/utils/portal/portalContext.d.ts.map +0 -1
- package/lib/dts/src/utils/portal/portalProvider.d.ts +0 -21
- package/lib/dts/src/utils/portal/portalProvider.d.ts.map +0 -1
- package/lib/dts/src/utils/portal/types.d.ts +0 -10
- package/lib/dts/src/utils/portal/types.d.ts.map +0 -1
- package/lib/dts/src/utils/portal/usePortal.d.ts +0 -6
- package/lib/dts/src/utils/portal/usePortal.d.ts.map +0 -1
- package/lib/dts/src/utils/resizeObserver.d.ts +0 -6
- package/lib/dts/src/utils/resizeObserver.d.ts.map +0 -1
- package/lib/dts/src/utils/srOnly/index.d.ts +0 -2
- package/lib/dts/src/utils/srOnly/index.d.ts.map +0 -1
- package/lib/dts/src/utils/srOnly/srOnly.d.ts +0 -13
- package/lib/dts/src/utils/srOnly/srOnly.d.ts.map +0 -1
- package/lib/dts/src/utils/virtualList/index.d.ts +0 -2
- package/lib/dts/src/utils/virtualList/index.d.ts.map +0 -1
- package/lib/dts/src/utils/virtualList/virtualList.d.ts +0 -29
- package/lib/dts/src/utils/virtualList/virtualList.d.ts.map +0 -1
- package/lib/sanity-ui.js +0 -9891
- package/lib/sanity-ui.js.map +0 -1
- package/lib/sanity-ui.modern.js +0 -10940
- package/lib/sanity-ui.modern.js.map +0 -1
- package/lib/sanity-ui.module.js +0 -9771
- package/lib/sanity-ui.module.js.map +0 -1
- package/src/hooks/useResponsiveProp.ts +0 -10
- package/src/primitives/popover/__workshop__/rightAligned.tsx +0 -57
|
@@ -0,0 +1,1321 @@
|
|
|
1
|
+
import{useId as $n}from"@reach/auto-id";import d,{useMemo as _,useState as j,useRef as ne,useEffect as W,createContext as Te,useContext as ge,useLayoutEffect as Vo,forwardRef as P,useCallback as C,cloneElement as He,isValidElement as Ce,createElement as Re,useReducer as qo,Children as jo,Fragment as Wo,memo as ht}from"react";import Yo,{isElement as Mt,isFragment as Ko,isValidElementType as Le}from"react-is";import $,{ThemeProvider as Xo,useTheme as Uo,css as D,keyframes as Ht}from"styled-components";import{ResizeObserver as Go}from"@juggle/resize-observer";import{white as Be,black as _e,hues as z}from"@sanity/color";import{SpinnerIcon as wn,CheckmarkIcon as Jo,RemoveIcon as Zo,SelectIcon as Qo,CloseIcon as Bt,ChevronDownIcon as er,ChevronRightIcon as tr,ToggleArrowRightIcon as nr}from"@sanity/icons";import kn from"react-refractor";import{usePopper as En}from"react-popper";import or from"react-dom";import rr from"popper-max-size-modifier";import{AnimatePresence as ar,motion as ir}from"framer-motion";const ot=[],Pe={};function Sn(e,t){return e.reduce((n,o)=>(n[o]=t,n),{})}function O(e){return e===0?0:`${e/16}rem`}function N(e,t,n){return t.map(n).map((o,r)=>r===0?o:{[`@media screen and (min-width: ${e[r-1]}px)`]:o})}function zn(e,t){return e===void 0?t||ot:Array.isArray(e)?e:[e]}function le(e,t,n=ot){if(!Array.isArray(n))throw new Error("the property must be array of numbers");return n.length===0?null:N(e.sanity.media,n,o=>Sn(t,O(e.sanity.space[o])))}function bt(e,t){const{$size:n,$weight:o,theme:r}=t,{fonts:a,media:s}=r.sanity,{family:l,sizes:i,weights:c}=a[e],u=o&&c[o]||c.regular,m=i[2],f={position:"relative",fontFamily:l,fontWeight:u,padding:"1px 0",margin:0,"&:before":{content:'""',display:"block",height:0},"&:after":{content:'""',display:"block",height:0},"& > code, & > span":{display:"block"},"&:not([hidden])":{display:"block"}},v=N(s,n,p=>sr(i[p]||m));return[f,...v]}function sr(e){const{ascenderHeight:t,descenderHeight:n,fontSize:o,iconSize:r,letterSpacing:a,lineHeight:s}=e,l=t+n,i=s-l,c=(i-r)/2,u=Math.floor(o*1.125/2)*2+1,m=(i-u)/2;return{fontSize:O(o),lineHeight:`calc(${s} / ${o})`,letterSpacing:O(a),transform:`translateY(${O(n)})`,"&:before":{marginTop:`calc(${O(0-l)} - 1px)`},"&:after":{marginBottom:"-1px"},"& svg:not([data-sanity-icon])":{fontSize:`calc(${u} / 16 * 1rem)`,margin:O(m)},"& [data-sanity-icon]":{fontSize:`calc(${r} / 16 * 1rem)`,margin:O(c)}}}function Tn(e){return bt("code",e)}function Cn(e){return bt("heading",e)}function Rn(e){return bt("label",e)}function gt(e){const{theme:t}=e;return N(t.sanity.media,e.$align,n=>({textAlign:n}))}function Ln(e){return bt("text",e)}function g(e,t){const n=JSON.stringify(e!=null?e:t);return _(()=>zn(e,t),[n])}function On(e,t){const n=[e];for(const o of t)Array.isArray(o)?n.push(...o):n.push(o);return n.filter(Boolean)}function vt(e,t=ot,n){const[o,r]=j(null),[a,s]=j(()=>On(o,t)),l=ne(a);return W(()=>{const i=l.current,c=On(o,t);if(i.length!==c.length){s(c),l.current=c;return}for(const u of i)if(!c.includes(u)){s(c),l.current=c;return}for(const u of c)if(!i.includes(u)){s(c),l.current=c;return}},[o,t]),W(()=>{if(!e)return;const i=c=>{const u=c.target;if(u instanceof Node&&!(n&&!n.contains(u))){for(const m of a)if(u===m||m.contains(u))return;e(c)}};return window.addEventListener("mousedown",i),()=>{window.removeEventListener("mousedown",i)}},[n,e,a]),r}const _t=typeof window<"u"&&window.ResizeObserver?window.ResizeObserver:Go,An=lr();function dr(){return{subscribe(e,t){const n=new _t(([o])=>{t({_contentRect:o.contentRect,border:{width:o.borderBoxSize[0].inlineSize,height:o.borderBoxSize[0].blockSize},content:{width:o.contentRect.width,height:o.contentRect.height}})});return n.observe(e),()=>{n.unobserve(e),n.disconnect()}}}}function lr(){const e=new WeakMap,t=new WeakMap;return{subscribe(n,o){const r=t.get(n)||[];let a=e.get(n);return t.has(n)||(t.set(n,r),a=dr().subscribe(n,s=>{for(const l of r)l(s)})),r.push(o),()=>{const s=r.indexOf(o);s>-1&&r.splice(s,1),r.length===0&&a&&a()}}}}function Pt(e){const[t,n]=j(null);return W(()=>{if(e)return An.subscribe(e,n)},[e]),t}function cr(e){const t=Pt(e);return(t==null?void 0:t._contentRect)||null}function Ft(e){return W(()=>(addEventListener("keydown",e),()=>removeEventListener("keydown",e)),[e])}function Dt(e,t){return e*t}function In(e,t){return{r:Math.round(Nt(Dt(e.r/255,t.r/255)*255)),g:Math.round(Nt(Dt(e.g/255,t.g/255)*255)),b:Math.round(Nt(Dt(e.b/255,t.b/255)*255))}}function Nt(e){return Math.max(Math.min(e,255),0)}function Vt(e,t){return e+t-e*t}function Mn(e,t){return{r:Math.round(qt(Vt(e.r/255,t.r/255)*255)),g:Math.round(qt(Vt(e.g/255,t.g/255)*255)),b:Math.round(qt(Vt(e.b/255,t.b/255)*255))}}function qt(e){return Math.max(Math.min(e,255),0)}function Hn(e){if(e.length===4){const t=e.slice(1,2),n=e.slice(2,3),o=e.slice(3,4);return{r:parseInt(t+t,16),g:parseInt(n+n,16),b:parseInt(o+o,16)}}return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16)}}function jt({r:e,g:t,b:n}){return"#"+((1<<24)+(e<<16)+(t<<8)+n).toString(16).slice(1)}function ur({r:e,g:t,b:n}){e/=255,t/=255,n/=255;const o=Math.min(e,t,n),r=Math.max(e,t,n),a=r-o;let s=0,l=0,i=0;return a==0?s=0:r==e?s=(t-n)/a%6:r==t?s=(n-e)/a+2:s=(e-t)/a+4,s=Math.round(s*60),s<0&&(s+=360),i=(r+o)/2,l=a==0?0:a/(1-Math.abs(2*i-1)),l=+(l*100).toFixed(1),i=+(i*100).toFixed(1),{h:s,s:l,l:i}}function Bn(e){const t=e.s/100,n=e.l/100,o=(1-Math.abs(2*n-1))*t,r=o*(1-Math.abs(e.h/60%2-1)),a=n-o/2;let s=0,l=0,i=0;return 0<=e.h&&e.h<60?(s=o,l=r,i=0):60<=e.h&&e.h<120?(s=r,l=o,i=0):120<=e.h&&e.h<180?(s=0,l=o,i=r):180<=e.h&&e.h<240?(s=0,l=r,i=o):240<=e.h&&e.h<300?(s=r,l=0,i=o):300<=e.h&&e.h<360&&(s=o,l=0,i=r),{r:Math.round((s+a)*255),g:Math.round((l+a)*255),b:Math.round((i+a)*255)}}const fr="0123456789ABCDEFabcdef",mr=/hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;function pr(e){for(const t of e)if(fr.indexOf(t)===-1)return!1;return!0}function hr(e){return e[0]!=="#"||!(e.length===4||e.length===7)?!1:pr(e.slice(1))}function br(e){const t=mr.exec(e);if(!t)throw new Error(`parseHsl: string is not a HSL color: "${e}"`);return{h:parseInt(t[1]),s:parseFloat(t[3]),l:parseFloat(t[5])}}function Ye(e){if(!e)return{r:0,g:0,b:0};if(typeof e!="string")throw new Error("parseColor: expected a string");if(hr(e))return Hn(e);if(e.startsWith("hsl("))return Bn(br(e));throw new Error(`parseColor: unexpected color format: "${e}"`)}function X(e,t){const n=Ye(e);return`rgba(${n.r},${n.g},${n.b},${t})`}function Wt(e,t,n,o,r,a){return{default:e.button({base:t,dark:n,solid:o.default,muted:r.default,mode:a}),primary:e.button({base:t,dark:n,solid:o.primary,muted:r.primary,mode:a}),positive:e.button({base:t,dark:n,solid:o.positive,muted:r.positive,mode:a}),caution:e.button({base:t,dark:n,solid:o.caution,muted:r.caution,mode:a}),critical:e.button({base:t,dark:n,solid:o.critical,muted:r.critical,mode:a})}}function gr(e,t,n,o,r){return{default:Wt(e,t,n,o,r,"default"),ghost:Wt(e,t,n,o,r,"ghost"),bleed:Wt(e,t,n,o,r,"bleed")}}function vr(e,t,n,o,r,a){return{enabled:e.card({base:t,dark:n,name:o,state:"enabled",solid:r,muted:a}),disabled:e.card({base:t,dark:n,name:o,state:"disabled",solid:r,muted:a}),hovered:e.card({base:t,dark:n,name:o,state:"hovered",solid:r,muted:a}),pressed:e.card({base:t,dark:n,name:o,state:"pressed",solid:r,muted:a}),selected:e.card({base:t,dark:n,name:o,state:"selected",solid:r,muted:a})}}const x="hsl(0, 0%, 0%)",Ke="hsl(0, 0%, 100%)",q={default:{lightest:"hsl(0, 0%, 95%)",lighter:"hsl(0, 0%, 70%)",light:"hsl(0, 0%, 65%)",base:"hsl(0, 0%, 50%)",dark:"hsl(0, 0%, 35%)",darker:"hsl(0, 0%, 20%)",darkest:"hsl(0, 0%, 5%)"},transparent:{lightest:"hsl(240, 100%, 95%)",lighter:"hsl(240, 100%, 70%)",light:"hsl(240, 100%, 65%)",base:"hsl(240, 100%, 50%)",dark:"hsl(240, 100%, 35%)",darker:"hsl(240, 100%, 20%)",darkest:"hsl(240, 100%, 5%)"},primary:{lightest:"hsl(240, 100%, 95%)",lighter:"hsl(240, 100%, 70%)",light:"hsl(240, 100%, 65%)",base:"hsl(240, 100%, 50%)",dark:"hsl(240, 100%, 35%)",darker:"hsl(240, 100%, 20%)",darkest:"hsl(240, 100%, 5%)"},positive:{lightest:"hsl(120, 100%, 95%)",lighter:"hsl(120, 100%, 70%)",light:"hsl(120, 100%, 65%)",base:"hsl(120, 100%, 50%)",dark:"hsl(120, 100%, 35%)",darker:"hsl(120, 100%, 20%)",darkest:"hsl(120, 100%, 5%)"},caution:{lightest:"hsl(60, 100%, 95%)",lighter:"hsl(60, 100%, 70%)",light:"hsl(60, 100%, 65%)",base:"hsl(60, 100%, 50%)",dark:"hsl(60, 100%, 35%)",darker:"hsl(60, 100%, 20%)",darkest:"hsl(60, 100%, 5%)"},critical:{lightest:"hsl(0, 100%, 95%)",lighter:"hsl(0, 100%, 70%)",light:"hsl(0, 100%, 65%)",base:"hsl(0, 100%, 50%)",dark:"hsl(0, 100%, 35%)",darker:"hsl(0, 100%, 20%)",darkest:"hsl(0, 100%, 5%)"}},yr={gray:"hsl(0, 0%, 50%)",red:"hsl(0, 100%, 50%)",orange:"hsl(30, 100%, 50%)",yellow:"hsl(60, 100%, 50%)",green:"hsl(120, 100%, 50%)",cyan:"hsl(180, 100%, 50%)",blue:"hsl(240, 100%, 50%)",purple:"hsl(270, 100%, 50%)",magenta:"hsl(300, 100%, 50%)"},yt={transparent:{bg:[q.transparent.darkest,q.transparent.lightest],fg:[q.transparent.lightest,q.transparent.darkest],border:[q.transparent.darker,q.transparent.lighter],focusRing:[q.transparent.base,q.transparent.base]},primary:{bg:[q.primary.darkest,q.primary.lightest],fg:[q.primary.lightest,q.primary.darkest],border:[q.primary.darker,q.primary.lighter],focusRing:[q.primary.base,q.primary.base]},positive:{bg:[q.positive.darkest,q.positive.lightest],fg:[q.positive.lightest,q.positive.darkest],border:[q.positive.darker,q.positive.lighter],focusRing:[q.positive.base,q.positive.base]},caution:{bg:[q.caution.darkest,q.caution.lightest],fg:[q.caution.lightest,q.caution.darkest],border:[q.caution.darker,q.caution.lighter],focusRing:[q.caution.base,q.caution.base]},critical:{bg:[q.critical.darkest,q.critical.lightest],fg:[q.critical.lightest,q.critical.darkest],border:[q.critical.darker,q.critical.lighter],focusRing:[q.critical.base,q.critical.base]}},xr={base:({dark:e,name:t})=>t==="default"?{bg:e?x:Ke,fg:e?Ke:x,border:e?q.default.darkest:q.default.lightest,focusRing:q.primary.base,shadow:{outline:x,umbra:x,penumbra:x,ambient:x},skeleton:{from:e?Ke:x,to:e?Ke:x}}:{bg:yt[t].bg[e?0:1],fg:yt[t].fg[e?0:1],border:yt[t].border[e?0:1],focusRing:yt[t].focusRing[e?0:1],shadow:{outline:x,umbra:x,penumbra:x,ambient:x},skeleton:{from:e?Ke:x,to:e?Ke:x}},solid:({base:e,dark:t,state:n,tone:o})=>{const r=q[o];return n==="hovered"?{bg:t?r.light:r.dark,bg2:t?r.light:r.dark,border:t?r.lighter:r.darker,fg:t?r.darkest:r.lightest,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}:{bg:r.base,bg2:r.base,border:t?r.light:r.dark,fg:t?r.darkest:r.lightest,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}},muted:({base:e,dark:t,state:n,tone:o})=>{const r=q[o];return n==="hovered"?{bg:t?r.darker:r.lighter,bg2:t?r.darker:r.lighter,border:t?r.lighter:r.darker,fg:t?r.lightest:r.darkest,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}:{bg:t?r.darkest:r.lightest,bg2:t?r.darkest:r.lightest,border:t?r.darker:r.lighter,fg:t?r.lighter:r.darker,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}},button:({base:e,mode:t,muted:n,solid:o})=>t==="bleed"?{...n,enabled:{bg:"transparent",bg2:"transparent",fg:n.enabled.fg,border:"transparent",muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton},hovered:{bg:n.enabled.bg,bg2:n.enabled.bg,fg:n.hovered.fg,border:"transparent",muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}}:t==="ghost"?{...o,enabled:n.enabled}:o,card:({base:e})=>({bg:x,bg2:x,fg:x,border:x,muted:{fg:x},accent:{fg:x},link:{fg:x},code:{bg:x,fg:x},skeleton:e.skeleton}),input:()=>({bg:x,fg:x,border:x,placeholder:x}),selectable:({muted:e,state:t,tone:n})=>e[n][t],spot:({key:e})=>yr[e],syntax:()=>({atrule:x,attrName:x,attrValue:x,attribute:x,boolean:x,builtin:x,cdata:x,char:x,class:x,className:x,comment:x,constant:x,deleted:x,doctype:x,entity:x,function:x,hexcode:x,id:x,important:x,inserted:x,keyword:x,number:x,operator:x,prolog:x,property:x,pseudoClass:x,pseudoElement:x,punctuation:x,regex:x,selector:x,string:x,symbol:x,tag:x,unit:x,url:x,variable:x})};function $r(e,t,n,o,r){return{default:{enabled:e.input({base:t,dark:n,mode:"default",state:"enabled",solid:o.default,muted:r.default}),disabled:e.input({base:t,dark:n,mode:"default",state:"disabled",solid:o.default,muted:r.default}),hovered:e.input({base:t,dark:n,mode:"default",state:"hovered",solid:o.default,muted:r.default}),readOnly:e.input({base:t,dark:n,mode:"default",state:"readOnly",solid:o.default,muted:r.default})},invalid:{enabled:e.input({base:t,dark:n,mode:"invalid",state:"enabled",solid:o.default,muted:r.default}),disabled:e.input({base:t,dark:n,mode:"invalid",state:"disabled",solid:o.default,muted:r.default}),hovered:e.input({base:t,dark:n,mode:"invalid",state:"hovered",solid:o.default,muted:r.default}),readOnly:e.input({base:t,dark:n,mode:"invalid",state:"readOnly",solid:o.default,muted:r.default})}}}function wr(e,t,n,o){return{default:{enabled:e.muted({base:t,dark:n,tone:"default",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"default",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"default",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"default",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"default",name:o,state:"selected"})},transparent:{enabled:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"transparent",name:o,state:"selected"})},primary:{enabled:e.muted({base:t,dark:n,tone:"primary",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"primary",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"primary",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"primary",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"primary",name:o,state:"selected"})},positive:{enabled:e.muted({base:t,dark:n,tone:"positive",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"positive",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"positive",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"positive",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"positive",name:o,state:"selected"})},caution:{enabled:e.muted({base:t,dark:n,tone:"caution",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"caution",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"caution",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"caution",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"caution",name:o,state:"selected"})},critical:{enabled:e.muted({base:t,dark:n,tone:"critical",name:o,state:"enabled"}),disabled:e.muted({base:t,dark:n,tone:"critical",name:o,state:"disabled"}),hovered:e.muted({base:t,dark:n,tone:"critical",name:o,state:"hovered"}),pressed:e.muted({base:t,dark:n,tone:"critical",name:o,state:"pressed"}),selected:e.muted({base:t,dark:n,tone:"critical",name:o,state:"selected"})}}}function kr(e,t,n,o,r){return{default:rt(e,t,n,o,r,"default"),primary:rt(e,t,n,o,r,"primary"),positive:rt(e,t,n,o,r,"positive"),caution:rt(e,t,n,o,r,"caution"),critical:rt(e,t,n,o,r,"critical")}}function rt(e,t,n,o,r,a){return{enabled:e.selectable({base:t,dark:n,solid:o,muted:r,state:"enabled",tone:a}),hovered:e.selectable({base:t,dark:n,solid:o,muted:r,state:"hovered",tone:a}),pressed:e.selectable({base:t,dark:n,solid:o,muted:r,state:"pressed",tone:a}),selected:e.selectable({base:t,dark:n,solid:o,muted:r,state:"selected",tone:a}),disabled:e.selectable({base:t,dark:n,solid:o,muted:r,state:"disabled",tone:a})}}function Er(e,t,n,o){return{default:{enabled:e.solid({base:t,dark:n,tone:"default",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"default",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"default",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"default",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"default",name:o,state:"selected"})},transparent:{enabled:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"transparent",name:o,state:"selected"})},primary:{enabled:e.solid({base:t,dark:n,tone:"primary",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"primary",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"primary",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"primary",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"primary",name:o,state:"selected"})},positive:{enabled:e.solid({base:t,dark:n,tone:"positive",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"positive",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"positive",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"positive",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"positive",name:o,state:"selected"})},caution:{enabled:e.solid({base:t,dark:n,tone:"caution",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"caution",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"caution",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"caution",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"caution",name:o,state:"selected"})},critical:{enabled:e.solid({base:t,dark:n,tone:"critical",name:o,state:"enabled"}),disabled:e.solid({base:t,dark:n,tone:"critical",name:o,state:"disabled"}),hovered:e.solid({base:t,dark:n,tone:"critical",name:o,state:"hovered"}),pressed:e.solid({base:t,dark:n,tone:"critical",name:o,state:"pressed"}),selected:e.solid({base:t,dark:n,tone:"critical",name:o,state:"selected"})}}}function Sr(e,t,n){return{gray:e.spot({base:t,dark:n,key:"gray"}),blue:e.spot({base:t,dark:n,key:"blue"}),purple:e.spot({base:t,dark:n,key:"purple"}),magenta:e.spot({base:t,dark:n,key:"magenta"}),red:e.spot({base:t,dark:n,key:"red"}),orange:e.spot({base:t,dark:n,key:"orange"}),yellow:e.spot({base:t,dark:n,key:"yellow"}),green:e.spot({base:t,dark:n,key:"green"}),cyan:e.spot({base:t,dark:n,key:"cyan"})}}function _n(e={}){const t={...xr,...e};return{light:Pn(t,!1),dark:Pn(t,!0)}}function Pn(e,t){return{default:Xe(e,t,"default"),transparent:Xe(e,t,"transparent"),primary:Xe(e,t,"primary"),positive:Xe(e,t,"positive"),caution:Xe(e,t,"caution"),critical:Xe(e,t,"critical")}}function Xe(e,t,n){const o=e.base({dark:t,name:n}),r=Er(e,o,t,n),a=wr(e,o,t,n);return{base:o,button:gr(e,o,t,r,a),card:vr(e,o,t,n,r,a),dark:t,input:$r(e,o,t,r,a),selectable:kr(e,o,t,r,a),spot:Sr(e,o,t),syntax:e.syntax({base:o,dark:t}),solid:r,muted:a}}function Fe(e,t){const n=Ye(e),o=Ye(t);return jt(In(n,o))}function De(e,t){const n=Ye(e),o=Ye(t);return jt(Mn(n,o))}const ce={default:z.gray,transparent:z.gray,primary:z.blue,positive:z.green,caution:z.yellow,critical:z.red},at=["default","transparent"],zr=_n({base:({dark:e,name:t})=>{if(t==="default"){const r=z.gray,a=e?r[900].hex:r[100].hex;return{fg:e?Be.hex:_e.hex,bg:e?_e.hex:Be.hex,border:r[e?800:200].hex,focusRing:z.blue[500].hex,shadow:{outline:X(r[500].hex,.4),umbra:e?X(r[950].hex,.4):X(r[500].hex,.2),penumbra:e?X(r[950].hex,.28):X(r[500].hex,.14),ambient:e?X(r[950].hex,.24):X(r[500].hex,.12)},skeleton:{from:a,to:X(a,.5)}}}if(t==="transparent"){const r=ce.default,a=r[e?800:200].hex;return{fg:r[e?100:900].hex,bg:r[e?950:50].hex,border:r[e?800:300].hex,focusRing:z.blue[500].hex,shadow:{outline:X(r[500].hex,.4),umbra:e?X(r[900].hex,.4):X(r[500].hex,.2),penumbra:e?X(r[900].hex,.28):X(r[500].hex,.14),ambient:e?X(r[900].hex,.24):X(r[500].hex,.12)},skeleton:{from:a,to:X(a,.5)}}}const n=ce[t]||ce.default,o=n[e?800:200].hex;return{fg:n[e?100:900].hex,bg:n[e?950:50].hex,border:n[e?800:200].hex,focusRing:n[500].hex,shadow:{outline:X(n[500].hex,.4),umbra:e?X(n[900].hex,.4):X(n[500].hex,.2),penumbra:e?X(n[900].hex,.28):X(n[500].hex,.14),ambient:e?X(n[900].hex,.24):X(n[500].hex,.12)},skeleton:{from:o,to:X(o,.5)}}},solid:({base:e,dark:t,name:n,state:o,tone:r})=>{const a=t?De:Fe,s=t?Fe:De,l=ce[n]||ce.default,i=at.includes(n)&&at.includes(r);let c=ce[r==="default"?n:r]||l;if(o==="disabled"){c=l;const f=a(e.bg,c[t?800:200].hex),v=s(f,c[t?200:800].hex);return{bg:f,bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?800:200].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?950:50].hex)},accent:{fg:a(e.bg,c[t?950:50].hex)},link:{fg:a(e.bg,c[t?950:50].hex)},code:{bg:f,fg:a(e.bg,c[t?950:50].hex)},skeleton:{from:v,to:X(v,.5)}}}if(o==="hovered"){const f=a(e.bg,c[t?300:600].hex),v=s(f,c[t?200:800].hex);return{bg:f,bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?300:600].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?800:200].hex)},accent:{fg:s(f,z.red[t?800:200].hex)},link:{fg:s(f,z.blue[t?800:200].hex)},code:{bg:a(f,c[t?950:50].hex),fg:a(e.bg,c[t?800:200].hex)},skeleton:{from:v,to:X(v,.5)}}}if(o==="pressed"){const f=a(e.bg,c[t?200:800].hex),v=s(f,c[t?200:800].hex);return{bg:a(e.bg,c[t?200:800].hex),bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?200:800].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?800:200].hex)},accent:{fg:s(f,z.red[t?800:200].hex)},link:{fg:s(f,z.blue[t?800:200].hex)},code:{bg:a(f,c[t?950:50].hex),fg:a(e.bg,c[t?800:200].hex)},skeleton:{from:v,to:X(v,.5)}}}if(o==="selected"){i&&(c=ce.primary);const f=a(e.bg,c[t?200:800].hex),v=s(f,c[t?200:800].hex);return{bg:f,bg2:s(f,c[t?50:950].hex),border:a(e.bg,c[t?200:800].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?800:200].hex)},accent:{fg:s(f,z.red[t?800:200].hex)},link:{fg:s(f,z.blue[t?800:200].hex)},code:{bg:a(f,c[t?950:50].hex),fg:a(e.bg,c[t?800:200].hex)},skeleton:{from:v,to:X(v,.5)}}}const u=a(e.bg,c[t?400:500].hex),m=s(u,c[t?200:800].hex);return{bg:u,bg2:s(u,c[t?50:950].hex),border:a(e.bg,c[t?400:500].hex),fg:a(e.bg,t?_e.hex:Be.hex),muted:{fg:a(e.bg,c[t?900:100].hex)},accent:{fg:s(u,z.red[t?900:100].hex)},link:{fg:s(u,z.blue[t?900:100].hex)},code:{bg:a(u,c[t?950:50].hex),fg:a(e.bg,c[t?900:100].hex)},skeleton:{from:m,to:X(m,.5)}}},muted:({base:e,dark:t,name:n,state:o,tone:r})=>{const a=t?De:Fe,s=ce[n]||ce.default,l=at.includes(n)&&at.includes(r);let i=ce[r==="default"?n:r]||s;if(o==="disabled"){i=s;const m=e.bg,f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?950:50].hex),fg:a(m,i[t?800:200].hex),muted:{fg:a(m,i[t?900:100].hex)},accent:{fg:a(m,i[t?900:100].hex)},link:{fg:a(m,i[t?900:100].hex)},code:{bg:m,fg:a(m,i[t?900:100].hex)},skeleton:{from:X(f,.5),to:X(f,.25)}}}if(o==="hovered"){const m=a(e.bg,i[t?950:50].hex),f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?900:100].hex),fg:a(e.bg,i[t?200:800].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(e.bg,z.red[t?400:500].hex)},link:{fg:a(e.bg,z.blue[t?400:600].hex)},code:{bg:a(m,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:f,to:X(f,.5)}}}if(o==="pressed"){l&&(i=ce.primary);const m=a(e.bg,i[t?900:100].hex),f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?900:100].hex),fg:a(e.bg,i[t?200:800].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(m,z.red[t?400:500].hex)},link:{fg:a(m,z.blue[t?400:600].hex)},code:{bg:a(m,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:f,to:X(f,.5)}}}if(o==="selected"){l&&(i=ce.primary);const m=a(e.bg,i[t?900:100].hex),f=a(m,i[t?900:100].hex);return{bg:m,bg2:a(m,i[t?950:50].hex),border:a(m,i[t?900:100].hex),fg:a(e.bg,i[t?200:800].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(m,z.red[t?400:500].hex)},link:{fg:a(m,z.blue[t?400:600].hex)},code:{bg:a(m,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:f,to:X(f,.5)}}}const c=e.bg,u=a(c,i[t?900:100].hex);return{bg:c,bg2:a(c,i[t?950:50].hex),border:a(c,i[t?900:100].hex),fg:a(e.bg,i[t?300:700].hex),muted:{fg:a(e.bg,i[t?400:600].hex)},accent:{fg:a(e.bg,z.red[t?400:500].hex)},link:{fg:a(e.bg,z.blue[t?400:600].hex)},code:{bg:a(e.bg,i[t?950:50].hex),fg:a(e.bg,i[t?400:600].hex)},skeleton:{from:u,to:X(u,.5)}}},button:({base:e,mode:t,muted:n,solid:o})=>t==="bleed"?{enabled:{...n.enabled,border:n.enabled.bg},hovered:{...n.hovered,border:n.hovered.bg},pressed:{...n.pressed,border:n.pressed.bg},selected:{...n.selected,border:n.selected.bg},disabled:{...n.disabled,border:n.disabled.bg}}:t==="ghost"?{...o,enabled:{...n.enabled,border:e.border},disabled:n.disabled}:o,card:({base:e,dark:t,muted:n,name:o,solid:r,state:a})=>{if(a==="hovered")return n[o].hovered;if(a==="disabled")return n[o].disabled;const s=at.includes(o),l=ce[o]||ce.default,i=t?De:Fe;if(a==="pressed")return s?n.primary.pressed:n[o].pressed;if(a==="selected")return s?r.primary.enabled:r[o].enabled;const c=e.bg,u=i(e.bg,l[t?900:100].hex);return{bg:c,bg2:i(c,l[t?950:50].hex),fg:e.fg,border:e.border,muted:{fg:i(e.bg,l[t?400:600].hex)},accent:{fg:i(e.bg,z.red[t?400:500].hex)},link:{fg:i(e.bg,z.blue[t?400:600].hex)},code:{bg:i(e.bg,l[t?950:50].hex),fg:l[t?400:600].hex},skeleton:{from:u,to:X(u,.5)}}},input:({base:e,dark:t,mode:n,state:o})=>{const r=t?De:Fe;if(n==="invalid"){const a=ce.critical;return{bg:r(e.bg,a[t?950:50].hex),fg:r(e.bg,a[t?400:600].hex),border:r(e.bg,a[t?800:200].hex),placeholder:r(e.bg,a[t?600:400].hex)}}return o==="hovered"?{bg:e.bg,fg:e.fg,border:r(e.bg,z.gray[t?700:300].hex),placeholder:r(e.bg,z.gray[t?600:400].hex)}:o==="disabled"?{bg:r(e.bg,z.gray[t?950:50].hex),fg:r(e.bg,z.gray[t?700:300].hex),border:r(e.bg,z.gray[t?900:100].hex),placeholder:r(e.bg,z.gray[t?800:200].hex)}:o==="readOnly"?{bg:r(e.bg,z.gray[t?950:50].hex),fg:r(e.bg,z.gray[t?200:800].hex),border:r(e.bg,z.gray[t?800:200].hex),placeholder:r(e.bg,z.gray[t?600:400].hex)}:{bg:e.bg,fg:e.fg,border:e.border,placeholder:r(e.bg,z.gray[t?600:400].hex)}},selectable:({base:e,muted:t,tone:n,solid:o,state:r})=>r==="enabled"?{...t[n].enabled,bg:e.bg}:r==="pressed"?n==="default"?t.primary.pressed:t[n].pressed:r==="selected"?n==="default"?o.primary.enabled:o[n].enabled:r==="disabled"?{...t[n].disabled,bg:e.bg}:t[n][r],spot:({base:e,dark:t,key:n})=>(t?De:Fe)(e.bg,z[n][t?400:500].hex),syntax:({base:e,dark:t})=>{const n=t?De:Fe,o=t?400:600,r=t?600:400;return{atrule:n(e.bg,z.purple[o].hex),attrName:n(e.bg,z.green[o].hex),attrValue:n(e.bg,z.yellow[o].hex),attribute:n(e.bg,z.yellow[o].hex),boolean:n(e.bg,z.purple[o].hex),builtin:n(e.bg,z.purple[o].hex),cdata:n(e.bg,z.yellow[o].hex),char:n(e.bg,z.yellow[o].hex),class:n(e.bg,z.orange[o].hex),className:n(e.bg,z.cyan[o].hex),comment:n(e.bg,z.gray[r].hex),constant:n(e.bg,z.purple[o].hex),deleted:n(e.bg,z.red[o].hex),doctype:n(e.bg,z.gray[r].hex),entity:n(e.bg,z.red[o].hex),function:n(e.bg,z.green[o].hex),hexcode:n(e.bg,z.blue[o].hex),id:n(e.bg,z.purple[o].hex),important:n(e.bg,z.purple[o].hex),inserted:n(e.bg,z.yellow[o].hex),keyword:n(e.bg,z.magenta[o].hex),number:n(e.bg,z.purple[o].hex),operator:n(e.bg,z.magenta[o].hex),prolog:n(e.bg,z.gray[r].hex),property:n(e.bg,z.blue[o].hex),pseudoClass:n(e.bg,z.yellow[o].hex),pseudoElement:n(e.bg,z.yellow[o].hex),punctuation:n(e.bg,z.gray[o].hex),regex:n(e.bg,z.blue[o].hex),selector:n(e.bg,z.red[o].hex),string:n(e.bg,z.yellow[o].hex),symbol:n(e.bg,z.purple[o].hex),tag:n(e.bg,z.red[o].hex),unit:n(e.bg,z.orange[o].hex),url:n(e.bg,z.red[o].hex),variable:n(e.bg,z.red[o].hex)}}}),Tr={code:{family:"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",weights:{regular:400,medium:500,semibold:600,bold:700},sizes:[{ascenderHeight:3,descenderHeight:3,fontSize:10,iconSize:17,lineHeight:13,letterSpacing:0},{ascenderHeight:4,descenderHeight:4,fontSize:13,iconSize:21,lineHeight:17,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:16,iconSize:25,lineHeight:21,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:19,iconSize:29,lineHeight:25,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:22,iconSize:33,lineHeight:29,letterSpacing:0}]},heading:{family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',weights:{regular:700,medium:800,semibold:900,bold:900},sizes:[{ascenderHeight:4,descenderHeight:4,fontSize:12,iconSize:17,lineHeight:17,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:16,iconSize:25,lineHeight:21,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:21,iconSize:33,lineHeight:27,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:27,iconSize:41,lineHeight:33,letterSpacing:0},{ascenderHeight:8,descenderHeight:8,fontSize:33,iconSize:49,lineHeight:39,letterSpacing:0},{ascenderHeight:9,descenderHeight:9,fontSize:38,iconSize:53,lineHeight:45,letterSpacing:0}]},label:{family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',weights:{regular:600,medium:700,semibold:800,bold:900},sizes:[{ascenderHeight:2,descenderHeight:2,fontSize:9.8,iconSize:15,lineHeight:11,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:11.25,iconSize:17,lineHeight:12,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:12.75,iconSize:19,lineHeight:13,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:14,iconSize:21,lineHeight:14,letterSpacing:.5},{ascenderHeight:2,descenderHeight:2,fontSize:15.5,iconSize:23,lineHeight:15,letterSpacing:.5}]},text:{family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',weights:{regular:400,medium:500,semibold:600,bold:700},sizes:[{ascenderHeight:3,descenderHeight:3,fontSize:10,iconSize:17,lineHeight:13,letterSpacing:0},{ascenderHeight:4,descenderHeight:4,fontSize:13,iconSize:21,lineHeight:17,letterSpacing:0},{ascenderHeight:5,descenderHeight:5,fontSize:16,iconSize:25,lineHeight:21,letterSpacing:0},{ascenderHeight:6,descenderHeight:6,fontSize:19,iconSize:29,lineHeight:25,letterSpacing:0},{ascenderHeight:7,descenderHeight:7,fontSize:22,iconSize:33,lineHeight:29,letterSpacing:0}]}},Cr={avatar:{sizes:[{distance:-3,size:25},{distance:-6,size:35},{distance:-9,size:55}]},button:{textWeight:"medium"},color:zr,container:[320,640,960,1280,1600,1920],focusRing:{offset:1,width:2},fonts:Tr,media:[360,600,900,1200,1800,2400],radius:[0,1,3,6,9,12,21],shadows:[null,{umbra:[0,0,0,0],penumbra:[0,0,0,0],ambient:[0,0,0,0]},{umbra:[0,3,5,-1],penumbra:[0,6,10,0],ambient:[0,1,18,0]},{umbra:[0,7,8,-4],penumbra:[0,12,17,2],ambient:[0,5,22,4]},{umbra:[0,9,11,-5],penumbra:[0,18,28,2],ambient:[0,7,34,6]},{umbra:[0,11,15,-7],penumbra:[0,24,38,3],ambient:[0,9,46,8]}],space:[0,4,8,12,20,32,52,84,136,220],input:{checkbox:{size:17},radio:{size:17,markSize:9},switch:{width:33,height:17,padding:4,transitionDurationMs:150,transitionTimingFunction:"ease-out"},border:{width:1}}},Rr={dialog:{zOffset:600},popover:{zOffset:400},tooltip:{zOffset:200}};function Lr(){if(typeof globalThis<"u")return globalThis;if(typeof window<"u")return window;if(typeof self<"u")return self;if(typeof global<"u")return global;throw new Error("@sanity/ui: could not locate global scope")}const Z=Lr(),Yt=Symbol.for("@sanity/ui/context/theme");Z[Yt]=Z[Yt]||Te(null);const Kt=Z[Yt];function Fn(e){const t=ge(Kt),{children:n,scheme:o=(t==null?void 0:t.scheme)||"light",theme:r=(t==null?void 0:t.theme)||null,tone:a=(t==null?void 0:t.tone)||"default"}=e,s=_(()=>{if(!r)return null;const{color:i,layer:c,...u}=r,m=i[o]||i.light,f=m[a]||m.default;return{sanity:{...u,color:f,layer:c||Rr}}},[o,r,a]),l=_(()=>r&&{version:0,theme:r,scheme:o,tone:a},[r,o,a]);return s?d.createElement(Kt.Provider,{value:l},d.createElement(Xo,{theme:s},n)):d.createElement("pre",null,'ThemeProvider: no "theme" property provided')}function Ue(e){return Boolean(e&&typeof e=="object")}function it(){const e=ge(Kt);if(!e)throw new Error("useRootTheme(): missing context value");if(!Ue(e)||e.version!==0)throw new Error("useRootTheme(): the context value is not compatible");return e}function Dn(e){const{children:t,scheme:n,tone:o}=e,r=it();return d.createElement(Fn,{scheme:n||r.scheme,theme:r.theme,tone:o},t)}function $e(){return Uo()}const Nn=new WeakMap;function Or(e,t){return t===0?`screen and (max-width: ${e[t]-1}px)`:t===e.length?`screen and (min-width: ${e[t-1]}px)`:`screen and (min-width: ${e[t-1]}px) and (max-width: ${e[t]-1}px)`}function Ar(e){const t=e.length,n=[];if(typeof window<"u")for(let o=t;o>-1;o-=1){const r=Or(e,o);n.push({index:o,mq:window.matchMedia(r)})}return{getCurrentIndex:()=>{for(const{index:o,mq:r}of n)if(r.matches)return o;return 0},subscribe:o=>{const r=[];for(const{index:a,mq:s}of n){const l=()=>{s.matches&&o(a)};s.addEventListener?s.addEventListener("change",l):s.addListener(l),r.push(()=>{s.removeEventListener?s.removeEventListener("change",l):s.removeListener(l)})}return()=>{for(const a of r)a()}}}}function Ir(e){let t=Nn.get(e);return t||(t=Ar(e),Nn.set(e,t)),t}function Vn(){const e=$e(),{media:t}=e.sanity,n=_(()=>Ir(t),[t]),[o,r]=j(n.getCurrentIndex);return W(()=>n.subscribe(r),[n]),o}function Mr(){const e=_(()=>{if(!(typeof window>"u"))return window.matchMedia("(prefers-color-scheme: dark)")},[]),[t,n]=j((e==null?void 0:e.matches)||!1);return W(()=>{if(!e)return;n(e.matches);const o=()=>n(e.matches);return e.addEventListener("change",o),()=>e.removeEventListener("change",o)},[e]),t}const Hr=typeof window<"u"?Vo:W;function de(e){const t=ne(null);return Hr(()=>{!e||(typeof e=="function"?e(t.current):e.current=t.current)}),t}function Ge(e,t){W(()=>{e.current&&e.current.setCustomValidity(t||"")},[t,e])}const st="1px solid var(--card-border-color)";function Br(){return[_r,Pr,Fr,Dr,Nr]}function _r(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$border,o=>o?{"&&":{border:st}}:{"&&":{border:0}})}function Pr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderTop,o=>o?{"&&":{borderTop:st}}:{"&&":{borderTop:0}})}function Fr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderRight,o=>o?{"&&":{borderRight:st}}:{"&&":{borderRight:0}})}function Dr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderBottom,o=>o?{"&&":{borderBottom:st}}:{"&&":{borderBottom:0}})}function Nr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$borderLeft,o=>o?{"&&":{borderLeft:st}}:{"&&":{borderLeft:0}})}const Vr={'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},qr={content:"content-box",border:"border-box"},jr={stretch:"stretch",fill:"100%"};function Wr(){return Vr}function Yr(){return[Xr,Ur,Gr,Kr]}function Kr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$display,o=>({"&:not([hidden])":{display:o}}))}function Xr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$sizing,o=>({boxSizing:qr[o]}))}function Ur(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$height,o=>({height:jr[o]}))}function Gr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$overflow,o=>({overflow:o}))}const Jr={"&&:not([hidden])":{display:"flex"}};function Zr(){return[Jr,Qr,ea,ta,na,oa]}function Qr(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$align,o=>({alignItems:o}))}function ea(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gap,r=>({gap:r?O(o[r]):void 0}))}function ta(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$wrap,o=>({flexWrap:o}))}function na(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$justify,o=>({justifyContent:o}))}function oa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$direction,o=>({flexDirection:o}))}const ra={minWidth:0,minHeight:0};function qn(){return[ra,aa]}function aa(e){const{theme:t}=e,{media:n}=t.sanity;return e.$flex?N(n,e.$flex,o=>({flex:o})):ot}function se(e){return`inset 0 0 0 ${e.width}px ${e.color}`}function we(e){const{base:t,border:n,focusRing:o}=e,r=o.offset+o.width,a=0-o.offset,s=t?t.bg:"var(--card-bg-color)";return[a>0&&`inset 0 0 0 ${a}px var(--card-focus-ring-color)`,n&&se(n),a<0&&`0 0 0 ${0-a}px ${s}`,r>0&&`0 0 0 ${r}px var(--card-focus-ring-color)`].filter(Boolean).join(",")}const ia={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"}},sa={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},da={auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"};function la(){return[ia,ca,ua,fa,ma,pa,ha,ba,ga]}function ca(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$autoFlow,o=>({gridAutoFlow:o}))}function ua(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$autoRows,o=>({gridAutoRows:o&&da[o]}))}function fa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$autoCols,o=>({gridAutoColumns:o&&sa[o]}))}function ma(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$columns,o=>({gridTemplateColumns:o&&`repeat(${o},minmax(0,1fr));`}))}function pa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$rows,o=>({gridTemplateRows:o&&`repeat(${o},minmax(0,1fr));`}))}function ha(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gap,r=>({gridGap:r?O(o[r]):void 0}))}function ba(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gapX,r=>({columnGap:r?O(o[r]):void 0}))}function ga(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$gapY,r=>({rowGap:r?O(o[r]):void 0}))}function va(){return[$a,wa,ka,Ea,Sa,za]}const ya={auto:"auto",full:"1 / -1"},xa={auto:"auto",full:"1 / -1"};function $a(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$row,o=>typeof o=="number"?{gridRow:`span ${o} / span ${o}`}:{gridRow:ya[o]})}function wa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$rowStart,o=>({gridRowStart:o}))}function ka(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$rowEnd,o=>({gridRowEnd:o}))}function Ea(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$column,o=>typeof o=="number"?{gridColumn:`span ${o} / span ${o}`}:{gridColumn:xa[o]})}function Sa(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$columnStart,o=>({gridColumnStart:o}))}function za(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$columnEnd,o=>({gridColumnEnd:o}))}function Xt(e){const{$fontSize:t,$iconLeft:n,$iconRight:o,$padding:r,$space:a,theme:s}=e,{fonts:l,media:i,space:c}=s.sanity,u=Math.max(r.length,a.length,t.length),m=[],f=[],v=[];for(let p=0;p<u;p+=1)v[p]=t[p]===void 0?v[p-1]:t[p],m[p]=r[p]===void 0?m[p-1]:r[p],f[p]=a[p]===void 0?f[p-1]:a[p];return N(i,m,(p,S)=>{const k=l.text.sizes[v[S]]||l.text.sizes[2],b=k.lineHeight-k.ascenderHeight-k.descenderHeight,h=c[m[S]],y=c[f[S]],E={paddingTop:O(h-k.ascenderHeight),paddingRight:O(h),paddingBottom:O(h-k.descenderHeight),paddingLeft:O(h)};return o&&(E.paddingRight=O(h+b+y)),n&&(E.paddingLeft=O(h+b+y)),E})}function Ta(e){return Xt({...e,$iconRight:!0})}const Ca=D`
|
|
2
|
+
&:not([hidden]) {
|
|
3
|
+
display: flex;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
align-items: center;
|
|
7
|
+
`;function jn(){return Ca}function Wn(e){const{theme:t,$scheme:n,$tone:o,$weight:r}=e,a=t.sanity.fonts.text,s=t.sanity.color.input;return D`
|
|
8
|
+
appearance: none;
|
|
9
|
+
background: none;
|
|
10
|
+
border: 0;
|
|
11
|
+
border-radius: 0;
|
|
12
|
+
outline: none;
|
|
13
|
+
width: 100%;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
font-family: ${a.family};
|
|
16
|
+
font-weight: ${r&&a.weights[r]||a.weights.regular};
|
|
17
|
+
margin: 0;
|
|
18
|
+
position: relative;
|
|
19
|
+
z-index: 1;
|
|
20
|
+
display: block;
|
|
21
|
+
|
|
22
|
+
/* NOTE: This is a hack to disable Chrome’s autofill styles */
|
|
23
|
+
&:-webkit-autofill,
|
|
24
|
+
&:-webkit-autofill:hover,
|
|
25
|
+
&:-webkit-autofill:focus,
|
|
26
|
+
&:-webkit-autofill:active {
|
|
27
|
+
-webkit-text-fill-color: var(--input-fg-color) !important;
|
|
28
|
+
transition: background-color 5000s;
|
|
29
|
+
transition-delay: 86400s /* 24h */;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/* &:is(textarea) */
|
|
33
|
+
&[data-as='textarea'] {
|
|
34
|
+
resize: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
color: var(--input-fg-color);
|
|
38
|
+
|
|
39
|
+
&::placeholder {
|
|
40
|
+
color: var(--input-placeholder-color);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&[data-scheme='${n}'][data-tone='${o}'] {
|
|
44
|
+
--input-fg-color: ${s.default.enabled.fg};
|
|
45
|
+
--input-placeholder-color: ${s.default.enabled.placeholder};
|
|
46
|
+
|
|
47
|
+
/* enabled */
|
|
48
|
+
&:not(:invalid):not(:disabled):not(:read-only) {
|
|
49
|
+
--input-fg-color: ${s.default.enabled.fg};
|
|
50
|
+
--input-placeholder-color: ${s.default.enabled.placeholder};
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/* disabled */
|
|
54
|
+
&:not(:invalid):disabled {
|
|
55
|
+
--input-fg-color: ${s.default.disabled.fg};
|
|
56
|
+
--input-placeholder-color: ${s.default.disabled.placeholder};
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* invalid */
|
|
60
|
+
&:invalid {
|
|
61
|
+
--input-fg-color: ${s.invalid.enabled.fg};
|
|
62
|
+
--input-placeholder-color: ${s.invalid.enabled.placeholder};
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/* readOnly */
|
|
66
|
+
&:read-only {
|
|
67
|
+
--input-fg-color: ${s.default.readOnly.fg};
|
|
68
|
+
--input-placeholder-color: ${s.default.readOnly.placeholder};
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
`}function Yn(e){const{theme:t}=e,{fonts:n,media:o}=t.sanity;return N(o,e.$fontSize,r=>{const a=n.text.sizes[r]||n.text.sizes[2];return{fontSize:O(a.fontSize),lineHeight:a.lineHeight/a.fontSize}})}function Kn(e){const{$border:t,$hasPrefix:n,$hasSuffix:o,$scheme:r,$tone:a,theme:s}=e,{focusRing:l,input:i}=s.sanity,c=s.sanity.color.input;return D`
|
|
72
|
+
--input-box-shadow: none;
|
|
73
|
+
|
|
74
|
+
position: absolute;
|
|
75
|
+
top: 0;
|
|
76
|
+
left: 0;
|
|
77
|
+
right: 0;
|
|
78
|
+
bottom: 0;
|
|
79
|
+
display: block;
|
|
80
|
+
pointer-events: none;
|
|
81
|
+
z-index: 0;
|
|
82
|
+
|
|
83
|
+
background-color: var(--card-bg-color);
|
|
84
|
+
box-shadow: var(--input-box-shadow);
|
|
85
|
+
|
|
86
|
+
border-top-left-radius: ${n?0:void 0};
|
|
87
|
+
border-bottom-left-radius: ${n?0:void 0};
|
|
88
|
+
border-top-right-radius: ${o?0:void 0};
|
|
89
|
+
border-bottom-right-radius: ${o?0:void 0};
|
|
90
|
+
|
|
91
|
+
&[data-scheme='${r}'][data-tone='${a}'] {
|
|
92
|
+
--card-bg-color: ${c.default.enabled.bg};
|
|
93
|
+
--card-fg-color: ${c.default.enabled.fg};
|
|
94
|
+
|
|
95
|
+
/* enabled */
|
|
96
|
+
*:not(:disabled) + & {
|
|
97
|
+
--input-box-shadow: ${t?se({color:c.default.enabled.border,width:i.border.width}):void 0};
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* invalid */
|
|
101
|
+
*:not(:disabled):invalid + & {
|
|
102
|
+
--card-bg-color: ${c.invalid.enabled.bg};
|
|
103
|
+
--card-fg-color: ${c.invalid.enabled.fg};
|
|
104
|
+
--input-box-shadow: ${t?se({color:c.invalid.enabled.border,width:i.border.width}):"none"};
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/* focused */
|
|
108
|
+
*:not(:disabled):focus + & {
|
|
109
|
+
--input-box-shadow: ${we({border:t?{color:c.default.enabled.border,width:i.border.width}:void 0,focusRing:l})};
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* disabled */
|
|
113
|
+
*:disabled + & {
|
|
114
|
+
--card-bg-color: ${c.default.disabled.bg} !important;
|
|
115
|
+
--card-fg-color: ${c.default.disabled.fg} !important;
|
|
116
|
+
--input-box-shadow: ${t?se({color:c.default.disabled.border,width:i.border.width}):"none"};
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* readOnly */
|
|
120
|
+
*:read-only + & {
|
|
121
|
+
--card-bg-color: ${c.default.readOnly.bg} !important;
|
|
122
|
+
--card-fg-color: ${c.default.readOnly.fg} !important;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/* hovered */
|
|
126
|
+
@media (hover: hover) {
|
|
127
|
+
*:not(:disabled):not(:read-only):not(:invalid):hover + & {
|
|
128
|
+
--card-bg-color: ${c.default.hovered.bg};
|
|
129
|
+
--card-fg-color: ${c.default.hovered.fg};
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
*:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + & {
|
|
133
|
+
--input-box-shadow: ${t?se({color:c.default.hovered.border,width:i.border.width}):"none"};
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
`}function Ra(e){const{theme:t}=e;return[le(t,["margin"],e.$margin),le(t,["marginLeft","marginRight"],e.$marginX),le(t,["marginTop","marginBottom"],e.$marginY),le(t,["marginTop"],e.$marginTop),le(t,["marginRight"],e.$marginRight),le(t,["marginBottom"],e.$marginBottom),le(t,["marginLeft"],e.$marginLeft)].filter(Boolean)}function Xn(e){const{theme:t}=e;return[le(t,["padding"],e.$padding),le(t,["paddingLeft","paddingRight"],e.$paddingX),le(t,["paddingTop","paddingBottom"],e.$paddingY),le(t,["paddingTop"],e.$paddingTop),le(t,["paddingRight"],e.$paddingRight),le(t,["paddingBottom"],e.$paddingBottom),le(t,["paddingLeft"],e.$paddingLeft)].filter(Boolean)}function ke(e){const{theme:t}=e,{media:n,radius:o}=t.sanity;return N(n,e.$radius,r=>({borderRadius:O(o[r])}))}function Ut(e,t){return`${e.map(O).join(" ")} ${t}`}function La(e){if(!e)return Pe;const t=`0 0 0 ${O(1)} var(--card-shadow-outline-color)`,n=Ut(e.umbra,"var(--card-shadow-umbra-color)"),o=Ut(e.penumbra,"var(--card-shadow-penumbra-color)"),r=Ut(e.ambient,"var(--card-shadow-ambient-color)");return{boxShadow:`${t}, ${n}, ${o}, ${r}`}}function Oa(e){const{theme:t}=e,{media:n,shadows:o}=t.sanity;return N(n,e.$shadow,r=>La(o[r]))}function Aa(e){const{$accent:t,$muted:n,theme:o}=e,{weights:r}=o.sanity.fonts.text;return D`
|
|
138
|
+
color: var(--card-fg-color);
|
|
139
|
+
|
|
140
|
+
${t&&D`
|
|
141
|
+
color: var(--card-accent-fg-color);
|
|
142
|
+
`}
|
|
143
|
+
|
|
144
|
+
${n&&D`
|
|
145
|
+
color: var(--card-muted-fg-color);
|
|
146
|
+
`}
|
|
147
|
+
|
|
148
|
+
& code {
|
|
149
|
+
font-family: ${o.sanity.fonts.code.family};
|
|
150
|
+
border-radius: 1px;
|
|
151
|
+
background-color: var(--card-code-bg-color);
|
|
152
|
+
color: var(--card-code-fg-color);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
& a {
|
|
156
|
+
text-decoration: none;
|
|
157
|
+
border-radius: 1px;
|
|
158
|
+
color: var(--card-link-color);
|
|
159
|
+
outline: none;
|
|
160
|
+
|
|
161
|
+
@media (hover: hover) {
|
|
162
|
+
&:hover {
|
|
163
|
+
text-decoration: underline;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
&:focus {
|
|
168
|
+
box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
&:focus:not(:focus-visible) {
|
|
172
|
+
box-shadow: none;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
& strong {
|
|
177
|
+
font-weight: ${r.bold};
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
& [data-sanity-icon] {
|
|
181
|
+
vertical-align: baseline;
|
|
182
|
+
}
|
|
183
|
+
`}const Ia=$.div(Ln,gt,Aa),Ma=$.span`
|
|
184
|
+
display: block;
|
|
185
|
+
white-space: nowrap;
|
|
186
|
+
text-overflow: ellipsis;
|
|
187
|
+
overflow: hidden;
|
|
188
|
+
`,ae=P(function(e,t){const{accent:n=!1,align:o,children:r,muted:a=!1,size:s=2,textOverflow:l,weight:i,...c}=e;let u=r;return l==="ellipsis"&&(u=d.createElement(Ma,null,u)),d.createElement(Ia,{"data-ui":"Text",...c,$accent:n,$align:g(o),$muted:a,ref:t,$size:g(s),$weight:i},d.createElement("span",null,u))}),dt={root:Ba,arrow:Ha,bgStroke:Fa,stroke:Da,initials:Pa};function Ha(){return{position:"absolute",boxSizing:"border-box",zIndex:0,opacity:0,transition:"all 0.2s linear",transform:"rotate(-90deg) translate3d(0, 6px, 0)",left:0,right:0,top:0,bottom:0,"& > svg":{width:"11px",height:"7px",position:"absolute",top:"-5px",left:"50%",transform:"translateX(-6px)","&:not([hidden])":{display:"block"}},"[data-arrow-position='inside'] > &":{transform:"rotate(-90deg) translate3d(0, 6px, 0)",opacity:0},"[data-arrow-position='top'] > &":{opacity:1,transform:"rotate(0deg)"},"[data-arrow-position='bottom'] > &":{opacity:1,transform:"rotate(-180deg)"}}}function Ba(e){const{$color:t,theme:n}=e,{focusRing:o}=n.sanity;return{backgroundColor:t,position:"relative",boxSizing:"border-box",userSelect:"none",boxShadow:"0 0 0 1px var(--card-bg-color)",'&[data-status="inactive"]':{opacity:.5},"&>svg":{"&:not([hidden])":{display:"block"}},'&[data-as="button"]':{"-webkit-font-smoothing":"inherit",appearance:"none",margin:0,padding:0,border:0,font:"inherit",color:"inherit",outline:"none","&:focus":{boxShadow:we({focusRing:o})},"&:focus:not(:focus-visible)":{boxShadow:"none"}}}}function _a(e){const{theme:t}=e,{avatar:n,media:o}=t.sanity;return N(o,e.$size,r=>{const a=n.sizes[r]||n.sizes[0];return{width:O(a.size),height:O(a.size),borderRadius:O(a.size/2),"&>svg":{width:O(a.size),height:O(a.size),borderRadius:O(a.size/2)}}})}function Pa(e){const{theme:t}=e,{base:n}=t.sanity.color;return{width:"100%",height:"100%",color:n.fg,alignItems:"center",justifyContent:"center",textTransform:"uppercase",textAlign:"center",borderRadius:"50%","&:not([hidden])":{display:"flex"}}}function Fa(){return{strokeWidth:"4px",stroke:"var(--card-bg-color)"}}function Da(){return{strokeWidth:"3px",'[data-status="editing"] &':{strokeSasharray:"2 4",strokeLinecap:"round"}}}const Na=$.div(_a,dt.root),Va=$.div(dt.arrow),qa=$.ellipse(dt.bgStroke),ja=$.ellipse(dt.stroke),Wa=$.div(dt.initials),Ya=P(function(e,t){const{as:n,color:o="gray",src:r,title:a,initials:s,onImageLoadError:l,arrowPosition:i,animateArrowFrom:c,status:u="online",size:m=0,...f}=e,v=Yo.isValidElementType(n)?n:"div",p=g(m),S=$e(),k=S.sanity.color.spot[o]||S.sanity.color.spot.gray,b=(S.sanity.avatar.sizes[p[0]]||S.sanity.avatar.sizes[0]).size,h=b/2,y=$n()||"",[E,w]=j(c||i||"inside"),[L,R]=j(!1),T=`avatar-image-${y}`;W(()=>{if(E===i)return;const A=requestAnimationFrame(()=>w(i));return()=>cancelAnimationFrame(A)},[E,i]),W(()=>{r&&R(!1)},[r]);const B=C(()=>{R(!0),l&&l(new Error("Avatar: the image failed to load"))},[l]),V=_(()=>p.map(A=>A===0?0:A+1),[p]);return d.createElement(Na,{as:v,"data-as":typeof v=="string"?v:void 0,"data-ui":"Avatar",...f,$size:p,$color:k,"aria-label":a,"data-arrow-position":E,"data-status":u,ref:t,title:a},d.createElement(Va,null,d.createElement("svg",{width:"11",height:"7",viewBox:"0 0 11 7",fill:"none"},d.createElement("path",{d:"M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",fill:k}))),!L&&r&&d.createElement("svg",{viewBox:`0 0 ${b} ${b}`,fill:"none"},d.createElement("defs",null,d.createElement("pattern",{id:T,patternContentUnits:"objectBoundingBox",width:"1",height:"1"},d.createElement("image",{href:r,width:"1",height:"1",onError:B}))),d.createElement("circle",{cx:h,cy:h,r:h,fill:`url(#${T})`}),d.createElement(qa,{cx:h,cy:h,rx:h,ry:h,vectorEffect:"non-scaling-stroke"}),d.createElement(ja,{cx:h,cy:h,rx:h,ry:h,stroke:k,vectorEffect:"non-scaling-stroke"})),(L||!r)&&s&&d.createElement(d.Fragment,null,d.createElement(Wa,null,d.createElement(ae,{as:"span",size:V},d.createElement("strong",null,s)))))});function Ka(e){const{theme:t}=e,{avatar:n,media:o}=t.sanity;return N(o,e.$size,r=>{const a=n.sizes[r];return a?{borderRadius:O(a.size/2),minWidth:O(a.size),height:O(a.size)}:Pe})}function Xa(e){const{theme:t}=e;return D`
|
|
189
|
+
align-items: center;
|
|
190
|
+
justify-content: center;
|
|
191
|
+
box-sizing: border-box;
|
|
192
|
+
user-select: none;
|
|
193
|
+
color: inherit;
|
|
194
|
+
color: var(--card-fg-color);
|
|
195
|
+
background: var(--card-bg-color);
|
|
196
|
+
box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1.5px var(--card-hairline-hard-color);
|
|
197
|
+
padding: 0 ${O(t.sanity.space[2])};
|
|
198
|
+
|
|
199
|
+
&:not([hidden]) {
|
|
200
|
+
display: flex;
|
|
201
|
+
}
|
|
202
|
+
`}const Ua=$.div(Ka,Xa),Gt=P(function(e,t){const{count:n,size:o=0}=e,r=g(o),a=_(()=>r.map(s=>s===0?0:s+1),[r]);return d.createElement(Ua,{$size:r,"data-ui":"AvatarCounter",ref:t},d.createElement(ae,{as:"span",size:a},d.createElement("strong",null,n)))});function Un(e){return(Array.isArray(e)?e:[e]).filter(t=>Mt(t)||Ko(t)||typeof t=="string")}const Ga=D`
|
|
203
|
+
white-space: nowrap;
|
|
204
|
+
|
|
205
|
+
& > div {
|
|
206
|
+
vertical-align: top;
|
|
207
|
+
|
|
208
|
+
&:not([hidden]) {
|
|
209
|
+
display: inline-block;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
`;function Ja(){return Ga}function Za(e){const{theme:t}=e,{avatar:n,media:o}=t.sanity;return N(o,e.$size,r=>{const a=n.sizes[r];return a?{"& > div + div":{marginLeft:O(a.distance)}}:Pe})}const Qa=$.div(Za,Ja),ei=P(function(e,t){const{children:n,maxLength:o=4,size:r=0,...a}=e,s=Un(n).filter(v=>typeof v!="string"),l=Math.max(o,0),i=g(r),c=s.length,u=l-1,m=c-u,f=m>1?s.slice(m,c):s;return d.createElement(Qa,{"data-ui":"AvatarStack",...a,ref:t,$size:i},c===0&&d.createElement("div",null,d.createElement(Gt,{count:c})),c!==0&&m>1&&d.createElement("div",null,d.createElement(Gt,{count:m,size:i})),f.map((v,p)=>d.createElement("div",{key:String(p)},He(v,{size:i}))))}),ti=$.div(Wr,qn,Yr,va,Ra,Xn),K=P(function(e,t){const{as:n="div",column:o,columnStart:r,columnEnd:a,display:s="block",flex:l,height:i,margin:c=0,marginX:u,marginY:m,marginTop:f,marginRight:v,marginBottom:p,marginLeft:S,overflow:k,padding:b=0,paddingX:h,paddingY:y,paddingTop:E,paddingRight:w,paddingBottom:L,paddingLeft:R,row:T,rowStart:B,rowEnd:V,sizing:A,...M}=e;return d.createElement(ti,{"data-as":typeof n=="string"?n:void 0,"data-ui":"Box",...M,$column:g(o),$columnStart:g(r),$columnEnd:g(a),$display:g(s),$flex:g(l),$height:g(i),$margin:g(c),$marginX:g(u),$marginY:g(m),$marginTop:g(f),$marginRight:g(v),$marginBottom:g(p),$marginLeft:g(S),$overflow:g(k),$padding:g(b),$paddingX:g(h),$paddingY:g(y),$paddingTop:g(E),$paddingRight:g(w),$paddingBottom:g(L),$paddingLeft:g(R),$row:g(T),$rowStart:g(B),$rowEnd:g(V),$sizing:g(A),as:n,ref:t},e.children)});function ni(e){const{$accent:t,$muted:n,theme:o}=e,{fonts:r}=o.sanity;return D`
|
|
213
|
+
text-transform: uppercase;
|
|
214
|
+
|
|
215
|
+
${t&&D`
|
|
216
|
+
color: var(--card-accent-fg-color);
|
|
217
|
+
`}
|
|
218
|
+
|
|
219
|
+
${n&&D`
|
|
220
|
+
color: var(--card-muted-fg-color);
|
|
221
|
+
`}
|
|
222
|
+
|
|
223
|
+
& code {
|
|
224
|
+
font-family: ${r.code.family};
|
|
225
|
+
border-radius: 1px;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
& a {
|
|
229
|
+
text-decoration: none;
|
|
230
|
+
border-radius: 1px;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
& [data-sanity-icon] {
|
|
234
|
+
vertical-align: baseline;
|
|
235
|
+
}
|
|
236
|
+
`}const oi=$.div(Rn,gt,ni),ri=$.span`
|
|
237
|
+
display: block;
|
|
238
|
+
white-space: nowrap;
|
|
239
|
+
text-overflow: ellipsis;
|
|
240
|
+
overflow: hidden;
|
|
241
|
+
`,Gn=P(function(e,t){const{accent:n,align:o,children:r,muted:a=!1,size:s=2,textOverflow:l,weight:i,...c}=e;let u=r;return l==="ellipsis"?u=d.createElement(ri,null,u):u=d.createElement("span",null,u),d.createElement(oi,{"data-ui":"Label",...c,$accent:n,$align:g(o),$muted:a,$size:g(s),$weight:i,ref:t},u)});function ai(e){const{$mode:t,$tone:n,theme:o}=e,r=o.sanity.color[t==="outline"?"muted":"solid"],a=r[n]||r.default;return{backgroundColor:a.enabled.bg,color:a.enabled.fg,boxShadow:`inset 0 0 0 1px ${a.enabled.border}`,cursor:"default","&:not([hidden])":{display:"inline-block"}}}const ii=$(K)(ke,ai),si=P(function(e,t){const{children:n,fontSize:o,mode:r="default",padding:a=1,radius:s=2,tone:l="default",...i}=e;return d.createElement(ii,{"data-ui":"Badge",...i,$mode:r,$tone:l,$radius:g(s),padding:g(a),ref:t},d.createElement(Gn,{size:o},n))}),di=$(K)(qn,Zr),Ee=P(function(e,t){const{align:n,as:o,direction:r="row",gap:a,justify:s,wrap:l,...i}=e;return d.createElement(di,{"data-ui":"Flex",...i,$align:g(n),$direction:g(r),$gap:g(a),$justify:g(s),$wrap:g(l),forwardedAs:o,ref:t})}),li=Ht`
|
|
242
|
+
from {
|
|
243
|
+
transform: rotate(0deg);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
to {
|
|
247
|
+
transform: rotate(360deg);
|
|
248
|
+
}
|
|
249
|
+
`,ci=$(ae)`
|
|
250
|
+
& > span > svg {
|
|
251
|
+
animation: ${li} 500ms linear infinite;
|
|
252
|
+
}
|
|
253
|
+
`,Jn=P(function(e,t){return d.createElement(ci,{"data-ui":"Spinner",...e,ref:t},d.createElement(wn,null))});function G(e,t,n=!1){var o,r,a,s,l,i,c,u;return{"--card-shadow-outline-color":e.shadow.outline,"--card-shadow-umbra-color":e.shadow.umbra,"--card-shadow-penumbra-color":e.shadow.penumbra,"--card-shadow-ambient-color":e.shadow.ambient,"--card-focus-ring-color":e.focusRing,"--card-bg-color":t.bg,"--card-bg-image":n?`repeating-conic-gradient(${t.bg} 0% 25%, ${t.bg2||t.bg} 0% 50%)`:void 0,"--card-fg-color":t.fg,"--card-border-color":t.border,"--card-muted-fg-color":(o=t.muted)==null?void 0:o.fg,"--card-accent-fg-color":(r=t.accent)==null?void 0:r.fg,"--card-link-fg-color":(a=t.link)==null?void 0:a.fg,"--card-code-bg-color":(s=t.code)==null?void 0:s.bg,"--card-code-fg-color":(l=t.code)==null?void 0:l.fg,"--card-skeleton-color-from":(i=t.skeleton)==null?void 0:i.from,"--card-skeleton-color-to":(c=t.skeleton)==null?void 0:c.to,"--card-link-color":(u=t.link)==null?void 0:u.fg,"--card-hairline-soft-color":t.border,"--card-hairline-hard-color":t.border}}function ui(){return D`
|
|
254
|
+
-webkit-font-smoothing: inherit;
|
|
255
|
+
appearance: none;
|
|
256
|
+
display: inline-flex;
|
|
257
|
+
align-items: center;
|
|
258
|
+
font: inherit;
|
|
259
|
+
border: 0;
|
|
260
|
+
outline: none;
|
|
261
|
+
user-select: none;
|
|
262
|
+
text-decoration: none;
|
|
263
|
+
border: 0;
|
|
264
|
+
box-sizing: border-box;
|
|
265
|
+
padding: 0;
|
|
266
|
+
margin: 0;
|
|
267
|
+
white-space: nowrap;
|
|
268
|
+
text-align: left;
|
|
269
|
+
position: relative;
|
|
270
|
+
|
|
271
|
+
& > span {
|
|
272
|
+
display: block;
|
|
273
|
+
flex: 1;
|
|
274
|
+
min-width: 0;
|
|
275
|
+
border-radius: inherit;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
&::-moz-focus-inner {
|
|
279
|
+
border: 0;
|
|
280
|
+
padding: 0;
|
|
281
|
+
}
|
|
282
|
+
`}const fi={border:{width:1}};function mi(e){var t,n;const{$mode:o,theme:r}=e,{focusRing:a}=r.sanity,s=r.sanity.color.base,l=r.sanity.color.button[o]||r.sanity.color.button.default,i=l[e.$tone]||l.default,c={width:fi.border.width,color:"var(--card-border-color)"};return[G(s,i.enabled),{backgroundColor:"var(--card-bg-color)",color:"var(--card-fg-color)",boxShadow:se(c),'&:disabled, &[data-disabled="true"]':G(s,i.disabled),"&:not([data-disabled='true'])":{"&:focus":{boxShadow:we({base:s,border:c,focusRing:a})},"&:focus:not(:focus-visible)":{boxShadow:se(c)},"@media (hover: hover)":{"&:hover":G(s,i.hovered),"&:active":G(s,i.pressed)},"&[data-selected]":G(s,i.pressed)}},(n=(t=r.sanity.styles)==null?void 0:t.button)==null?void 0:n.root].filter(Boolean)}const pi=$.button(ke,ui,mi),hi=$.div`
|
|
283
|
+
position: absolute;
|
|
284
|
+
top: 0;
|
|
285
|
+
left: 0;
|
|
286
|
+
right: 0;
|
|
287
|
+
bottom: 0;
|
|
288
|
+
display: flex;
|
|
289
|
+
align-items: center;
|
|
290
|
+
justify-content: center;
|
|
291
|
+
background-color: var(--card-bg-color);
|
|
292
|
+
border-radius: inherit;
|
|
293
|
+
z-index: 1;
|
|
294
|
+
box-shadow: inherit;
|
|
295
|
+
`,Ne=P(function(e,t){const{children:n,disabled:o,fontSize:r,icon:a,iconRight:s,justify:l="center",loading:i,mode:c="default",padding:u=3,paddingX:m,paddingY:f,paddingTop:v,paddingBottom:p,paddingLeft:S,paddingRight:k,radius:b=2,selected:h,space:y=3,text:E,textAlign:w,tone:L="default",type:R="button",...T}=e,B=g(l),V=g(u),A=g(m),M=g(f),Y=g(v),te=g(p),U=g(S),J=g(k),ee=g(b),Q=g(y),F=$e(),H=_(()=>({padding:V,paddingX:A,paddingY:M,paddingTop:Y,paddingBottom:te,paddingLeft:U,paddingRight:J}),[V,A,M,Y,te,U,J]);return d.createElement(pi,{"data-ui":"Button",...T,$mode:c,$radius:ee,$tone:L,"data-disabled":Boolean(i||o),"data-selected":h?"":void 0,disabled:Boolean(i||o),ref:t,type:R},Boolean(i)&&d.createElement(hi,null,d.createElement(Jn,null)),(a||E||s)&&d.createElement(K,{as:"span",...H},d.createElement(Ee,{as:"span",justify:B},a&&d.createElement(ae,{size:r},Ce(a)&&a,Le(a)&&Re(a)),E&&d.createElement(K,{flex:s?1:void 0,marginLeft:a?Q:void 0,marginRight:s?Q:void 0},d.createElement(ae,{align:w,size:r,textOverflow:"ellipsis",weight:F.sanity.button.textWeight},E)),s&&d.createElement(ae,{size:r},Ce(s)&&s,Le(s)&&Re(s)))),n&&d.createElement(K,{as:"span",...H},n))});function bi(e){return[gi(e),vi(e)]}function gi(e){const{$checkered:t,theme:n}=e,o=n.sanity.space;return D`
|
|
296
|
+
${t&&D`
|
|
297
|
+
background-size: ${o[3]}px ${o[3]}px;
|
|
298
|
+
background-position: 50% 50%;
|
|
299
|
+
background-image: var(--card-bg-image);
|
|
300
|
+
`}
|
|
301
|
+
|
|
302
|
+
&[data-as='button'] {
|
|
303
|
+
-webkit-font-smoothing: inherit;
|
|
304
|
+
appearance: none;
|
|
305
|
+
outline: none;
|
|
306
|
+
font: inherit;
|
|
307
|
+
text-align: inherit;
|
|
308
|
+
border: 0;
|
|
309
|
+
width: stretch;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
/* &:is(a) */
|
|
313
|
+
&[data-as='a'] {
|
|
314
|
+
outline: none;
|
|
315
|
+
text-decoration: none;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
/* &:is(pre) */
|
|
319
|
+
&[data-as='pre'] {
|
|
320
|
+
font: inherit;
|
|
321
|
+
}
|
|
322
|
+
`}function vi(e){var t,n;const{$checkered:o,$focusRing:r,theme:a}=e,{focusRing:s}=a.sanity,{base:l,card:i}=a.sanity.color,c={width:0,color:"var(--card-border-color)"};return D`
|
|
323
|
+
${G(l,i.enabled,o)}
|
|
324
|
+
|
|
325
|
+
background-color: var(--card-bg-color);
|
|
326
|
+
color: var(--card-fg-color);
|
|
327
|
+
|
|
328
|
+
/* &:is(button) */
|
|
329
|
+
&[data-as='button'] {
|
|
330
|
+
--card-focus-ring-box-shadow: none;
|
|
331
|
+
|
|
332
|
+
cursor: default;
|
|
333
|
+
box-shadow: var(--card-focus-ring-box-shadow);
|
|
334
|
+
|
|
335
|
+
&:disabled {
|
|
336
|
+
${G(l,i.disabled,o)}
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
&:not(:disabled) {
|
|
340
|
+
&[data-pressed] {
|
|
341
|
+
${G(l,i.pressed,o)}
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
&[data-selected] {
|
|
345
|
+
${G(l,i.selected,o)}
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
@media (hover: hover) {
|
|
349
|
+
&:not([data-pressed]):not([data-selected]) {
|
|
350
|
+
&:hover {
|
|
351
|
+
${G(l,i.hovered,o)}
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
&:active {
|
|
355
|
+
${G(l,i.pressed,o)}
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
&:focus {
|
|
361
|
+
--card-focus-ring-box-shadow: ${r?we({base:l,border:c,focusRing:s}):void 0};
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
&:focus:not(:focus-visible) {
|
|
365
|
+
--card-focus-ring-box-shadow: ${r?se(c):void 0};
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
/* &:is(a) */
|
|
371
|
+
&[data-as='a'] {
|
|
372
|
+
cursor: pointer;
|
|
373
|
+
box-shadow: var(--card-focus-ring-box-shadow);
|
|
374
|
+
|
|
375
|
+
&[data-disabled] {
|
|
376
|
+
${G(l,i.disabled,o)}
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
&:not([data-disabled]) {
|
|
380
|
+
&[data-pressed] {
|
|
381
|
+
${G(l,i.pressed,o)}
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
&[data-selected] {
|
|
385
|
+
${G(l,i.selected,o)}
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
@media (hover: hover) {
|
|
389
|
+
&:not([data-pressed]):not([data-selected]) {
|
|
390
|
+
&:hover {
|
|
391
|
+
${G(l,i.hovered,o)}
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
&:active {
|
|
395
|
+
${G(l,i.pressed,o)}
|
|
396
|
+
}
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
&:focus {
|
|
401
|
+
--card-focus-ring-box-shadow: ${r?we({base:l,border:c,focusRing:s}):void 0};
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
&:focus:not(:focus-visible) {
|
|
405
|
+
--card-focus-ring-box-shadow: ${r?se(c):void 0};
|
|
406
|
+
}
|
|
407
|
+
}
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
${(n=(t=a.sanity.styles)==null?void 0:t.card)==null?void 0:n.root}
|
|
411
|
+
`}const yi=$(K)(Br,ke,Oa,bi),he=P(function(e,t){const{__unstable_checkered:n=!1,__unstable_focusRing:o=!1,as:r,border:a,borderTop:s,borderRight:l,borderBottom:i,borderLeft:c,pressed:u,radius:m=0,scheme:f,selected:v,shadow:p,tone:S="default",...k}=e,b=Le(r)?r:"div",h=it(),y=S==="inherit"?h.tone:S;return d.createElement(Dn,{scheme:f,tone:y},d.createElement(yi,{"data-as":typeof b=="string"?b:void 0,"data-scheme":h.scheme,"data-ui":"Card","data-tone":y,...k,$border:g(a),$borderTop:g(s),$borderRight:g(l),$borderBottom:g(i),$borderLeft:g(c),$checkered:n,$focusRing:o,$radius:g(m),$shadow:g(p),$tone:y,"data-checkered":n?"":void 0,"data-pressed":u?"":void 0,"data-selected":v?"":void 0,forwardedAs:b,ref:t,selected:v}))});function xi(){return D`
|
|
412
|
+
position: relative;
|
|
413
|
+
display: inline-block;
|
|
414
|
+
`}function $i(e){const{theme:t}=e,n=t.sanity.color.input,{focusRing:o,input:r,radius:a}=t.sanity;return D`
|
|
415
|
+
position: absolute;
|
|
416
|
+
top: 0;
|
|
417
|
+
left: 0;
|
|
418
|
+
width: 100%;
|
|
419
|
+
height: 100%;
|
|
420
|
+
outline: none;
|
|
421
|
+
opacity: 0;
|
|
422
|
+
z-index: 1;
|
|
423
|
+
padding: 0;
|
|
424
|
+
margin: 0;
|
|
425
|
+
|
|
426
|
+
& + span {
|
|
427
|
+
position: relative;
|
|
428
|
+
display: block;
|
|
429
|
+
height: ${O(r.checkbox.size)};
|
|
430
|
+
width: ${O(r.checkbox.size)};
|
|
431
|
+
box-sizing: border-box;
|
|
432
|
+
box-shadow: ${se({color:n.default.enabled.border,width:r.border.width})};
|
|
433
|
+
border-radius: ${O(a[2])};
|
|
434
|
+
line-height: 1;
|
|
435
|
+
background-color: ${n.default.enabled.bg};
|
|
436
|
+
|
|
437
|
+
& > svg {
|
|
438
|
+
display: block;
|
|
439
|
+
position: absolute;
|
|
440
|
+
opacity: 0;
|
|
441
|
+
height: 100%;
|
|
442
|
+
width: 100%;
|
|
443
|
+
|
|
444
|
+
& > path {
|
|
445
|
+
vector-effect: non-scaling-stroke;
|
|
446
|
+
stroke-width: 2 !important;
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
&:not(:disabled):focus + span {
|
|
452
|
+
box-shadow: ${we({border:{width:r.border.width,color:n.default.enabled.border},focusRing:o})};
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
&:not(:disabled):focus:not(:focus-visible) + span {
|
|
456
|
+
box-shadow: ${se({color:n.default.enabled.border,width:r.border.width})};
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
&:checked + span > svg:first-child {
|
|
460
|
+
opacity: 1;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
&[data-read-only] + span {
|
|
464
|
+
background-color: ${n.default.readOnly.bg};
|
|
465
|
+
box-shadow: ${se({width:r.border.width,color:n.default.readOnly.border})};
|
|
466
|
+
color: ${n.default.readOnly.fg};
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
&:not([data-read-only]):disabled + span {
|
|
470
|
+
background-color: ${n.default.disabled.bg};
|
|
471
|
+
box-shadow: ${se({width:r.border.width,color:n.default.disabled.border})};
|
|
472
|
+
color: ${n.default.disabled.fg};
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
&:indeterminate + span > svg:last-child {
|
|
476
|
+
opacity: 1;
|
|
477
|
+
}
|
|
478
|
+
`}const wi=$.div(xi),ki=$.input($i),Ei=P(function(e,t){const{checked:n,className:o,disabled:r,indeterminate:a,customValidity:s,readOnly:l,style:i,...c}=e,u=de(t);return Ge(u,s),W(()=>{u.current&&(u.current.indeterminate=a||!1)},[a,u]),d.createElement(wi,{className:o,"data-ui":"Checkbox",style:i},d.createElement(ki,{"data-read-only":!r&&l?"":void 0,...c,checked:n,disabled:r||l,type:"checkbox",readOnly:l,ref:u}),d.createElement("span",null,d.createElement(Jo,null),d.createElement(Zo,null)))});function Si({theme:e}){const t=e.sanity.color.syntax;return{"&.atrule":{color:t.atrule},"&.attr-name":{color:t.attrName},"&.attr-value":{color:t.attrValue},"&.attribute":{color:t.attribute},"&.boolean":{color:t.boolean},"&.builtin":{color:t.builtin},"&.cdata":{color:t.cdata},"&.char":{color:t.char},"&.class":{color:t.class},"&.class-name":{color:t.className},"&.comment":{color:t.comment},"&.constant":{color:t.constant},"&.deleted":{color:t.deleted},"&.doctype":{color:t.doctype},"&.entity":{color:t.entity},"&.function":{color:t.function},"&.hexcode":{color:t.hexcode},"&.id":{color:t.id},"&.important":{color:t.important},"&.inserted":{color:t.inserted},"&.keyword":{color:t.keyword},"&.number":{color:t.number},"&.operator":{color:t.operator},"&.prolog":{color:t.prolog},"&.property":{color:t.property},"&.pseudo-class":{color:t.pseudoClass},"&.pseudo-element":{color:t.pseudoElement},"&.punctuation":{color:t.punctuation},"&.regex":{color:t.regex},"&.selector":{color:t.selector},"&.string":{color:t.string},"&.symbol":{color:t.symbol},"&.tag":{color:t.tag},"&.unit":{color:t.unit},"&.url":{color:t.url},"&.variable":{color:t.variable}}}function zi(){return D`
|
|
479
|
+
color: var(--card-code-fg-color);
|
|
480
|
+
|
|
481
|
+
& code {
|
|
482
|
+
font-family: inherit;
|
|
483
|
+
|
|
484
|
+
&.refractor .token {
|
|
485
|
+
${Si}
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
& a {
|
|
490
|
+
color: inherit;
|
|
491
|
+
text-decoration: underline;
|
|
492
|
+
border-radius: 1px;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
& [data-sanity-icon] {
|
|
496
|
+
vertical-align: baseline;
|
|
497
|
+
}
|
|
498
|
+
`}const Ti=$.pre(zi,Tn),Jt=P(function(e,t){const{children:n,language:o,size:r=2,weight:a,...s}=e,l=typeof o=="string"?o:void 0,i=l?kn.hasLanguage(l):!1;return d.createElement(Ti,{"data-ui":"Code",...s,$size:g(r),$weight:a,ref:t},!(l&&i)&&d.createElement("code",null,n),l&&i&&d.createElement(kn,{inline:!0,language:l,value:String(n)}))}),Ci={width:"100%",margin:"0 auto"};function Ri(){return Ci}function Zn(e){const{theme:t}=e,{container:n,media:o}=t.sanity;return N(o,e.$width,r=>({maxWidth:r==="auto"?"none":O(n[r])}))}const Li=$(K)(Ri,Zn),Qn=P(function(e,t){const{as:n,width:o=2,...r}=e;return d.createElement(Li,{"data-ui":"Container",...r,$width:g(o),forwardedAs:n,ref:t})}),Oi=$(K)(la),Ai=P(function(e,t){const{as:n,autoRows:o,autoCols:r,autoFlow:a,columns:s,gap:l,gapX:i,gapY:c,rows:u,children:m,...f}=e;return d.createElement(Oi,{"data-as":typeof n=="string"?n:void 0,"data-ui":"Grid",...f,$autoRows:g(o),$autoCols:g(r),$autoFlow:g(a),$columns:g(s),$gap:g(l),$gapX:g(i),$gapY:g(c),$rows:g(u),forwardedAs:n,ref:t},m)});function Ii(e){const{$accent:t,$muted:n,theme:o}=e;return D`
|
|
499
|
+
${t&&D`
|
|
500
|
+
color: var(--card-accent-fg-color);
|
|
501
|
+
`}
|
|
502
|
+
|
|
503
|
+
${n&&D`
|
|
504
|
+
color: var(--card-muted-fg-color);
|
|
505
|
+
`}
|
|
506
|
+
|
|
507
|
+
& code {
|
|
508
|
+
font-family: ${o.sanity.fonts.code.family};
|
|
509
|
+
border-radius: 1px;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
& a {
|
|
513
|
+
text-decoration: none;
|
|
514
|
+
border-radius: 1px;
|
|
515
|
+
color: var(--card-link-color);
|
|
516
|
+
outline: none;
|
|
517
|
+
|
|
518
|
+
@media (hover: hover) {
|
|
519
|
+
&:hover {
|
|
520
|
+
text-decoration: underline;
|
|
521
|
+
}
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
&:focus {
|
|
525
|
+
box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
&:focus:not(:focus-visible) {
|
|
529
|
+
box-shadow: none;
|
|
530
|
+
}
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
& [data-sanity-icon] {
|
|
534
|
+
vertical-align: baseline;
|
|
535
|
+
}
|
|
536
|
+
`}const Mi=$.div(Ii,gt,Cn),Hi=$.span`
|
|
537
|
+
display: block;
|
|
538
|
+
white-space: nowrap;
|
|
539
|
+
text-overflow: ellipsis;
|
|
540
|
+
overflow: hidden;
|
|
541
|
+
`,Bi=P(function(e,t){const{accent:n=!1,align:o,children:r,muted:a=!1,size:s=2,textOverflow:l,weight:i,...c}=e;let u=r;return l==="ellipsis"&&(u=d.createElement(Hi,null,u)),d.createElement(Mi,{"data-ui":"Heading",...c,$accent:n,$align:g(o),$muted:a,$size:g(s),$weight:i,ref:t},d.createElement("span",null,u))});function _i(){return{lineHeight:0,"&&:not([hidden])":{display:"block"},"& > div":{display:"inline-block",verticalAlign:"middle"}}}function Pi(e){const{theme:t}=e;return N(t.sanity.media,e.$space,n=>{const o=O(t.sanity.space[n]);return{margin:`-${o} 0 0 -${o}`,"& > div":{padding:`${o} 0 0 ${o}`}}})}const Fi=$(K)(_i,Pi),Zt=P(function(e,t){const{as:n,children:o,space:r,...a}=e,s=_(()=>Un(o).filter(Boolean).map((l,i)=>d.createElement("div",{key:i},l)),[o]);return d.createElement(Fi,{"data-ui":"Inline",...a,$space:g(r),forwardedAs:n,ref:t},s)});function Di(){return D`
|
|
542
|
+
background: var(--card-bg-color);
|
|
543
|
+
font: inherit;
|
|
544
|
+
box-shadow: inset 0 0 0 1px var(--card-hairline-hard-color);
|
|
545
|
+
|
|
546
|
+
&:not([hidden]) {
|
|
547
|
+
display: inline-block;
|
|
548
|
+
}
|
|
549
|
+
`}const Ni=$.kbd(ke,Di),eo=P(function(e,t){const{children:n,fontSize:o=1,padding:r=1,radius:a=2,...s}=e;return d.createElement(Ni,{"data-ui":"KBD",...s,$radius:g(a),ref:t},d.createElement(K,{as:"span",padding:r},d.createElement(Jt,{as:"span",muted:!0,size:o},n)))}),Qt=Symbol.for("@sanity/ui/context/boundaryElement");Z[Qt]=Z[Qt]||Te(null);const to=Z[Qt];function Vi(e){const{children:t,element:n}=e,o=_(()=>({version:0,element:n}),[n]);return d.createElement(to.Provider,{value:o},t)}const qi={version:0,element:null};function en(){const e=ge(to);if(e&&(!Ue(e)||e.version!==0))throw new Error("useBoundaryElement(): the context value is not compatible");return e||qi}function ji(e,t){const n=[];for(let o=0;o<e.length;o+=1)e[o]>t&&n.push(o);return n}function Wi(e,t){const n=[];for(let o=0;o<e.length;o+=1)e[o]<=t&&n.push(o);return n}const Yi=P(function(e,t){const n=$e(),{children:o,media:r=n.sanity.media,...a}=e,s=de(t),[l,i]=j(null),c=Pt(l),u=_(()=>{var p;return(p=c==null?void 0:c.border.width)!=null?p:window.innerWidth},[c]),m=_(()=>ji(r,u),[r,u]),f=_(()=>Wi(r,u),[r,u]),v=C(p=>{s.current=p,i(p)},[s]);return d.createElement("div",{"data-ui":"ElementQuery",...a,"data-eq-max":m.length?m.join(" "):void 0,"data-eq-min":f.length?f.join(" "):void 0,ref:v},o)});class Ki extends d.Component{constructor(){super(...arguments),this.state={error:null}}static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t,n){this.props.onCatch({error:t,info:n})}render(){const{error:t}=this.state;if(t){const n=typeof(t==null?void 0:t.message)=="string"?t.message:"Error";return d.createElement(Jt,null,n)}return this.props.children}}const tn=Symbol.for("@sanity/ui/context/layer");Z[tn]=Z[tn]||Te(null);const nn=Z[tn];function xt(){const e=ge(nn);if(!e)throw new Error("useLayer(): missing context value");if(!Ue(e)||e.version!==0)throw new Error("useLayer(): the context value is not compatible");return e}function no(e){const{children:t,zOffset:n=0}=e,o=ge(nn),r=g(n),a=r.length-1,s=Math.min(Vn(),a),l=o?o.zIndex+r[s]:r[s],[i,c]=j(0),u=C(()=>(c(v=>v+1),()=>c(v=>v-1)),[]),m=o==null?void 0:o.registerChild;W(()=>{if(m)return m()},[m]);const f=_(()=>({version:0,isTopLayer:i===0,registerChild:u,size:i,zIndex:l}),[i,u,l]);return d.createElement(nn.Provider,{value:f},t)}const Xi=$.div`
|
|
550
|
+
position: relative;
|
|
551
|
+
`,Ui=P(function(e,t){const{children:n,style:o=Pe,...r}=e,{zIndex:a}=xt();return d.createElement(Xi,{...r,"data-ui":"Layer",ref:t,style:{...o,zIndex:a}},n)}),lt=P(function(e,t){const{children:n,zOffset:o=1,...r}=e;return d.createElement(no,{zOffset:o},d.createElement(Ui,{...r,ref:t},n))}),on=Symbol.for("@sanity/ui/context/portal"),Ve=Symbol.for("@sanity/ui/context/portal/element");Z[Ve]=null;const Gi={version:0,boundaryElement:null,get element(){return typeof window>"u"?null:(Z[Ve]||(Z[Ve]=document.createElement("div"),Z[Ve].setAttribute("data-portal",""),document.body.appendChild(Z[Ve])),Z[Ve])}};Z[on]=Z[on]||Te(Gi);const oo=Z[on];function rn(){const e=ge(oo);if(!e)throw new Error("usePortal(): missing context value");if(!Ue(e)||e.version!==0)throw new Error("usePortal(): the context value is not compatible");return e}function $t(e){var t;const{children:n,__unstable_name:o}=e,r=rn(),a=(o?r.elements&&r.elements[o]:r.element)||((t=r.elements)==null?void 0:t.default);return a?or.createPortal(n,a):null}function Ji(e){const t=ne(e);return Zi(t.current,e)||(t.current=e),t.current}function Zi(e,t){if(!e||!t)return e===t;const n=Object.keys(e),o=Object.keys(t);return n.length!==o.length?!1:n.every(r=>e[r]===t[r])}const Qi=typeof window<"u";function es(e){const{boundaryElement:t,children:n,element:o,__unstable_elements:r}=e,a=Ji(r),s=_(()=>({version:0,boundaryElement:t||null,element:o||Qi&&document.body||null,elements:a}),[t,o,a]);return d.createElement(oo.Provider,{value:s},n)}const ts=$.div`
|
|
552
|
+
display: block;
|
|
553
|
+
width: 0;
|
|
554
|
+
height: 0;
|
|
555
|
+
position: absolute;
|
|
556
|
+
overflow: hidden;
|
|
557
|
+
`,ns=P(function(e,t){const{as:n,children:o}=e;return d.createElement(ts,{"aria-hidden":!0,as:n,"data-ui":"SrOnly",ref:t},o)});function wt(e){const t=requestAnimationFrame(e);return()=>{cancelAnimationFrame(t)}}function os(e){let t=null;const n=wt(()=>{t=wt(e)});return()=>{t&&t(),n()}}function ro(e){return kt(e)||Et(e)}function Oe(e){return e instanceof Node&&e.nodeType===Node.ELEMENT_NODE}function kt(e){return Oe(e)&&e.nodeName==="A"}function ao(e){return Oe(e)&&e.nodeName==="INPUT"}function Et(e){return Oe(e)&&e.nodeName==="BUTTON"}function io(e){return Oe(e)&&e.nodeName==="SELECT"}function so(e){return Oe(e)&&e.nodeName==="TEXTAREA"}function lo(e){return Boolean(document.activeElement)&&e.contains(document.activeElement)}function co(e){return e.tabIndex>0||e.tabIndex===0&&e.getAttribute("tabIndex")!==null?!0:kt(e)?Boolean(e.href)&&e.rel!=="ignore":ao(e)?e.type!=="hidden"&&e.type!=="file"&&!e.disabled:Et(e)||io(e)||so(e)?!e.disabled:!1}function an(e){if(!co(e))return!1;try{e.focus()}catch{}return document.activeElement===e}function ct(e){for(let t=0;t<e.childNodes.length;t++){const n=e.childNodes[t];if(Oe(n)&&(an(n)||ct(n)))return!0}return!1}function sn(e){for(let t=e.childNodes.length-1;t>=0;t--){const n=e.childNodes[t];if(Oe(n)&&(an(n)||sn(n)))return!0}return!1}function uo(e){if(!(e instanceof Element))return!1;const t=window.getComputedStyle(e);return t.overflowX.includes("auto")||t.overflowX.includes("scroll")||t.overflowY.includes("auto")||t.overflowY.includes("scroll")}const rs=$.div`
|
|
558
|
+
position: relative;
|
|
559
|
+
`,fo=$.div`
|
|
560
|
+
position: absolute;
|
|
561
|
+
left: 0;
|
|
562
|
+
right: 0;
|
|
563
|
+
`,as=P(function(e,t){const{as:n="div",gap:o=0,getItemKey:r,items:a=[],onChange:s,renderItem:l,...i}=e,{space:c}=$e().sanity,u=de(t),m=ne(null),[f,v]=j(0),[p,S]=j(0),[k,b]=j(-1);W(()=>{if(!m.current)return;const T=m.current.firstChild;T instanceof HTMLElement&&b(T.offsetHeight)},[l]),W(()=>{if(!u.current)return;let T=u.current.parentNode;for(;T&&!uo(T);)T=T.parentNode;if(T){const A=T;if(!(A instanceof HTMLElement))return;const M=()=>{v(A.scrollTop)};A.addEventListener("scroll",M,{passive:!0});const Y=new _t(te=>{S(te[0].contentRect.height)});return Y.observe(A),M(),()=>{A.removeEventListener("scroll",M),Y.unobserve(A),Y.disconnect()}}const B=()=>{v(window.scrollY)},V=()=>{S(window.innerHeight)};return window.addEventListener("scroll",B,{passive:!0}),window.addEventListener("resize",V),S(window.innerHeight),B(),()=>{window.removeEventListener("scroll",B),window.removeEventListener("resize",V)}},[u]);const h=a.length,y=k?h*(k+c[o])-c[o]:0,E=y?Math.max(Math.floor(f/y*h)-2,0):0,w=y?Math.ceil((f+p)/y*h)+1:0;W(()=>{!s||s({fromIndex:E,gap:c[o],itemHeight:k,scrollHeight:p,scrollTop:f,toIndex:w})},[E,o,k,s,p,f,c,w]);const L=_(()=>!l||a.length===0?null:k===-1?[d.createElement(fo,{key:0},l(a[0]))]:a.slice(E,w).map((T,B)=>{const V=E+B,A=l(T),M=r?r(T,V):V;return d.createElement(fo,{key:M,style:{top:V*(k+c[o])}},A)}),[E,o,r,k,a,l,c,w]),R=_(()=>({height:y}),[y]);return d.createElement(rs,{as:n,"data-ui":"VirtualList",...i,ref:u},d.createElement("div",{ref:m,style:R},L))}),is=$.div`
|
|
564
|
+
position: absolute;
|
|
565
|
+
pointer-events: none;
|
|
566
|
+
width: 27px;
|
|
567
|
+
height: 27px;
|
|
568
|
+
fill: none;
|
|
569
|
+
|
|
570
|
+
:empty + & {
|
|
571
|
+
display: none;
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
& > svg {
|
|
575
|
+
display: block;
|
|
576
|
+
transform-origin: 13.5px 13.5px;
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
[data-popper-placement^='top'] > div > & {
|
|
580
|
+
bottom: -27px;
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
[data-popper-placement^='right'] > div > & {
|
|
584
|
+
left: -27px;
|
|
585
|
+
|
|
586
|
+
& > svg {
|
|
587
|
+
transform: rotate(90deg);
|
|
588
|
+
}
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
[data-popper-placement^='left'] > div > & {
|
|
592
|
+
right: -27px;
|
|
593
|
+
|
|
594
|
+
& > svg {
|
|
595
|
+
transform: rotate(-90deg);
|
|
596
|
+
}
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
[data-popper-placement^='bottom'] > div > & {
|
|
600
|
+
top: -27px;
|
|
601
|
+
|
|
602
|
+
& > svg {
|
|
603
|
+
transform: rotate(180deg);
|
|
604
|
+
}
|
|
605
|
+
}
|
|
606
|
+
`,ss=$.path`
|
|
607
|
+
fill: var(--card-shadow-outline-color);
|
|
608
|
+
`,ds=$.path`
|
|
609
|
+
fill: var(--card-bg-color);
|
|
610
|
+
`,ls=P(function(e,t){return d.createElement(is,{"data-ui":"PopoverArrow",...e,ref:t},d.createElement("svg",{width:"27",height:"11",viewBox:"0 0 27 11",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.createElement(ss,{d:"M1.18708 1C3.29803 1.0011 5.29585 1.95479 6.62414 3.59561L11.1683 9.20895C12.369 10.6922 14.631 10.6922 15.8317 9.20894L20.3759 3.59561C21.7042 1.95478 23.702 1.0011 25.8129 1H21.9436C21.0533 1.49255 20.2545 2.15618 19.5986 2.96641L15.0545 8.57975C14.254 9.56855 12.746 9.56855 11.9455 8.57975L7.40139 2.96642C6.74548 2.15618 5.94673 1.49255 5.05643 1H1.18708Z"}),d.createElement(ds,{d:"M1.18342 0C3.59749 0 5.88246 1.0901 7.40138 2.96642L11.9455 8.57975C12.746 9.56855 14.254 9.56855 15.0545 8.57975L19.5986 2.96641C21.1175 1.0901 23.4025 0 25.8166 0H27H0H1.18342Z"})))});function cs(e){const{allowedAutoPlacements:t,arrow:n,arrowElement:o,boundaryElement:r,constrainSize:a,distance:s,fallbackPlacements:l,margins:i,matchReferenceWidth:c,open:u,preventOverflow:m,skidding:f,tether:v,tetherOffset:p}=e;if(!u)return[];const S={altAxis:!a,boundary:r||void 0,padding:8,tether:v,tetherOffset:p};return[a&&{...rr,options:S},a&&{name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:k}){const{width:b,height:h}=k.modifiersData.maxSize;k.styles.popper={...k.styles.popper,maxWidth:`${b}px`,maxHeight:`${h}px`}}},n&&{name:"arrow",options:{element:o,padding:4}},(a||m)&&{name:"preventOverflow",options:S},{name:"offset",options:{offset:[f,s]}},i&&{name:"margins",enabled:!0,phase:"beforeRead",fn:({state:k})=>{const{rects:b}=k;b.reference&&(b.reference.x+=i[3],b.reference.y+=i[1],b.reference.width-=i[1]+i[3],b.reference.height-=i[0]+i[2])}},{name:"flip",options:{allowedAutoPlacements:t,boundary:r||void 0,fallbackPlacements:l,padding:8}},c&&{name:"matchWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn({state:k}){const{width:b}=k.rects.reference;k.styles.popper.width=`${b}px`},effect:({state:k})=>{const b=k.elements.reference;b instanceof HTMLElement&&(k.elements.popper.style.width=`${b.offsetWidth-(i?i[1]+i[3]:0)}px`)}}].filter(Boolean)}function us(e){const{allowedAutoPlacements:t,arrow:n,arrowElement:o,boundaryElement:r,constrainSize:a,distance:s,fallbackPlacements:l,margins:i,matchReferenceWidth:c,open:u,preventOverflow:m,skidding:f,tether:v,tetherOffset:p}=e;return _(()=>cs({allowedAutoPlacements:t,arrow:n,arrowElement:o,boundaryElement:r,constrainSize:a,distance:s,fallbackPlacements:l,margins:i,matchReferenceWidth:c,open:u,preventOverflow:m,skidding:f,tether:v,tetherOffset:p}),[t,n,o,r,a,s,l,i,c,u,m,f,v,p])}const fs=$(lt)(({$preventOverflow:e})=>D`
|
|
611
|
+
pointer-events: none;
|
|
612
|
+
display: flex;
|
|
613
|
+
flex-direction: column;
|
|
614
|
+
max-width: calc(100% - 16px);
|
|
615
|
+
|
|
616
|
+
& > * {
|
|
617
|
+
min-height: 0;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
/* Hide the popover when the reference element is out of bounds */
|
|
621
|
+
${e&&D`
|
|
622
|
+
&[data-popper-reference-hidden='true'] {
|
|
623
|
+
display: none;
|
|
624
|
+
}
|
|
625
|
+
`}
|
|
626
|
+
`),ms=$(he)(({$constrainSize:e})=>D`
|
|
627
|
+
flex: 1;
|
|
628
|
+
max-height: ${e&&"100%"};
|
|
629
|
+
pointer-events: all;
|
|
630
|
+
|
|
631
|
+
&& {
|
|
632
|
+
display: flex;
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
flex-direction: column;
|
|
636
|
+
|
|
637
|
+
& > * {
|
|
638
|
+
min-height: 0;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
${Zn}
|
|
642
|
+
`),ut=P(function(e,t){var n;const o=en(),r=$e(),{__unstable_margins:a,allowedAutoPlacements:s,arrow:l=!0,boundaryElement:i=o.element,children:c,content:u,constrainSize:m,disabled:f,fallbackPlacements:v,open:p=!1,padding:S,placement:k="bottom",portal:b=!1,preventOverflow:h,radius:y=3,referenceElement:E,matchReferenceWidth:w,shadow:L=3,scheme:R,style:T=Pe,tether:B,tetherOffset:V,tone:A="inherit",width:M=0,zOffset:Y=(n=r.sanity.layer)==null?void 0:n.popover.zOffset,...te}=e,U=de(t),J=rn(),[ee,Q]=j(null),[F,H]=j(null),[re,je]=j(null),ie=E||ee,Se=g(w?"auto":M),Tt=us({allowedAutoPlacements:s,arrow:l,arrowElement:re,boundaryElement:i||J.boundaryElement,constrainSize:m,distance:l?4:0,fallbackPlacements:v,margins:a,matchReferenceWidth:w,open:p,preventOverflow:h,skidding:0,tether:B,tetherOffset:V}),Ze=En(ie,F,{placement:k,modifiers:Tt}),{attributes:ft,forceUpdate:fe,styles:ze}=Ze,Ct=C(be=>{const ye=c.ref;Q(be),typeof ye=="function"?ye(be):ye&&(ye.current=be)},[c]),Ae=C(be=>{H(be),U.current=be},[U]),mt=_(()=>({...T,...ze.popper}),[T,ze]),Ie=ne(null);if(W(()=>{Ie.current&&(clearTimeout(Ie.current),Ie.current=null),Ie.current=setTimeout(()=>{if(fe)try{fe()}catch{}},0)},[u,fe,p,ie]),f)return c||d.createElement(d.Fragment,null);const ve=d.createElement(fs,{"data-ui":"Popover",...te,$preventOverflow:h,ref:Ae,style:mt,zOffset:Y,...ft.popper},d.createElement(ms,{$constrainSize:m,$width:Se,"data-ui":"PopoverCard",padding:S,radius:y,scheme:R,shadow:L,tone:A},l&&d.createElement(ls,{ref:je,style:ze.arrow}),u));return d.createElement(d.Fragment,null,c&&!E?He(c,{ref:Ct}):c||d.createElement(d.Fragment,null),p&&d.createElement(d.Fragment,null,b&&d.createElement($t,{__unstable_name:typeof b=="string"?b:void 0},ve),!b&&ve))});function ps(){return D`
|
|
643
|
+
position: relative;
|
|
644
|
+
|
|
645
|
+
&:not([hidden]) {
|
|
646
|
+
display: inline-block;
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
&[data-read-only] {
|
|
650
|
+
outline: 1px solid red;
|
|
651
|
+
}
|
|
652
|
+
`}function hs(e){const{theme:t}=e,{focusRing:n,input:o}=t.sanity,r=t.sanity.color.input,a=(o.radio.size-o.radio.markSize)/2;return D`
|
|
653
|
+
appearance: none;
|
|
654
|
+
position: absolute;
|
|
655
|
+
top: 0;
|
|
656
|
+
left: 0;
|
|
657
|
+
opacity: 0;
|
|
658
|
+
height: 100%;
|
|
659
|
+
width: 100%;
|
|
660
|
+
outline: none;
|
|
661
|
+
z-index: 1;
|
|
662
|
+
padding: 0;
|
|
663
|
+
margin: 0;
|
|
664
|
+
border-radius: ${O(o.radio.size/2)};
|
|
665
|
+
border: none;
|
|
666
|
+
|
|
667
|
+
/* enabled */
|
|
668
|
+
& + span {
|
|
669
|
+
display: block;
|
|
670
|
+
position: relative;
|
|
671
|
+
height: ${O(o.radio.size)};
|
|
672
|
+
width: ${O(o.radio.size)};
|
|
673
|
+
border-radius: ${O(o.radio.size/2)};
|
|
674
|
+
background: ${r.default.enabled.bg};
|
|
675
|
+
box-shadow: ${se({color:r.default.enabled.border,width:o.border.width})};
|
|
676
|
+
|
|
677
|
+
&::after {
|
|
678
|
+
content: '';
|
|
679
|
+
position: absolute;
|
|
680
|
+
top: ${O(a)};
|
|
681
|
+
left: ${O(a)};
|
|
682
|
+
height: ${O(o.radio.markSize)};
|
|
683
|
+
width: ${O(o.radio.markSize)};
|
|
684
|
+
border-radius: ${O(o.radio.markSize/2)};
|
|
685
|
+
background: ${r.default.enabled.fg};
|
|
686
|
+
opacity: 0;
|
|
687
|
+
}
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
/* focused */
|
|
691
|
+
&:not(:disabled):focus + span {
|
|
692
|
+
box-shadow: ${we({border:{width:o.border.width,color:r.default.enabled.border},focusRing:n})};
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
&:not(:disabled):focus:not(:focus-visible) + span {
|
|
696
|
+
box-shadow: ${se({color:r.default.enabled.border,width:o.border.width})};
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
&:checked + span::after {
|
|
700
|
+
opacity: 1;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
/* read only */
|
|
704
|
+
&[data-read-only] + span {
|
|
705
|
+
box-shadow: 0 0 0 1px ${r.default.readOnly.border};
|
|
706
|
+
background: ${r.default.readOnly.bg};
|
|
707
|
+
|
|
708
|
+
&::after {
|
|
709
|
+
background: ${r.default.readOnly.fg};
|
|
710
|
+
}
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
/* disabled */
|
|
714
|
+
&:not([data-read-only]):disabled + span {
|
|
715
|
+
box-shadow: 0 0 0 1px ${r.default.disabled.border};
|
|
716
|
+
background: ${r.default.disabled.bg};
|
|
717
|
+
|
|
718
|
+
&::after {
|
|
719
|
+
background: ${r.default.disabled.fg};
|
|
720
|
+
}
|
|
721
|
+
}
|
|
722
|
+
`}const bs=$.div(ps),gs=$.input(hs),vs=P(function(e,t){const{className:n,disabled:o,style:r,customValidity:a,readOnly:s,...l}=e,i=de(t);return Ge(i,a),d.createElement(bs,{className:n,"data-ui":"Radio",style:r},d.createElement(gs,{"data-read-only":!o&&s?"":void 0,...l,disabled:o||s,readOnly:s,ref:i,type:"radio"}),d.createElement("span",null))});function ys(){return D`
|
|
723
|
+
position: relative;
|
|
724
|
+
width: stretch;
|
|
725
|
+
|
|
726
|
+
&:not([hidden]) {
|
|
727
|
+
display: inline-block;
|
|
728
|
+
}
|
|
729
|
+
`}function xs(e){const{theme:t}=e,n=t.sanity.fonts.text;return D`
|
|
730
|
+
-webkit-font-smoothing: antialiased;
|
|
731
|
+
appearance: none;
|
|
732
|
+
border: 0;
|
|
733
|
+
font-family: ${n.family};
|
|
734
|
+
color: inherit;
|
|
735
|
+
width: 100%;
|
|
736
|
+
outline: none;
|
|
737
|
+
margin: 0;
|
|
738
|
+
|
|
739
|
+
&:disabled {
|
|
740
|
+
opacity: 1;
|
|
741
|
+
}
|
|
742
|
+
`}function $s(e){const{theme:t}=e,{focusRing:n,input:o}=t.sanity,r=t.sanity.color.input;return D`
|
|
743
|
+
/* enabled */
|
|
744
|
+
background-color: ${r.default.enabled.bg};
|
|
745
|
+
color: ${r.default.enabled.fg};
|
|
746
|
+
box-shadow: ${se({color:r.default.enabled.border,width:o.border.width})};
|
|
747
|
+
|
|
748
|
+
/* hovered */
|
|
749
|
+
@media (hover: hover) {
|
|
750
|
+
&:not(:disabled):hover {
|
|
751
|
+
background-color: ${r.default.hovered.bg};
|
|
752
|
+
color: ${r.default.hovered.fg};
|
|
753
|
+
box-shadow: ${se({color:r.default.hovered.border,width:o.border.width})};
|
|
754
|
+
}
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
/* focused */
|
|
758
|
+
&:not(:disabled):focus {
|
|
759
|
+
box-shadow: ${we({border:{width:o.border.width,color:r.default.enabled.border},focusRing:n})};
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
/* read-only */
|
|
763
|
+
&[data-read-only] {
|
|
764
|
+
background-color: ${r.default.readOnly.bg};
|
|
765
|
+
color: ${r.default.readOnly.fg};
|
|
766
|
+
box-shadow: ${se({color:r.default.readOnly.border,width:o.border.width})};
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
/* disabled */
|
|
770
|
+
&:not([data-read-only]):disabled {
|
|
771
|
+
background-color: ${r.default.disabled.bg};
|
|
772
|
+
color: ${r.default.disabled.fg};
|
|
773
|
+
box-shadow: ${se({color:r.default.disabled.border,width:o.border.width})};
|
|
774
|
+
}
|
|
775
|
+
`}function ws(e){return{fontSize:O(e.fontSize),lineHeight:O(e.lineHeight)}}function ks(e){const{theme:t,$fontSize:n}=e,{sizes:o}=t.sanity.fonts.text;return N(t.sanity.media,n,r=>ws(o[r]||o[2]))}function Es(){return[ke,xs,$s,ks,Ta]}function Ss(e){const{theme:t}=e,n=t.sanity.color.input;return D`
|
|
776
|
+
pointer-events: none;
|
|
777
|
+
position: absolute;
|
|
778
|
+
top: 0;
|
|
779
|
+
right: 0;
|
|
780
|
+
|
|
781
|
+
/* enabled */
|
|
782
|
+
--card-fg-color: ${n.default.enabled.fg};
|
|
783
|
+
|
|
784
|
+
/* hover */
|
|
785
|
+
@media (hover: hover) {
|
|
786
|
+
select:not(disabled):not(:read-only):hover + && {
|
|
787
|
+
--card-fg-color: ${n.default.hovered.fg};
|
|
788
|
+
}
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
/* disabled */
|
|
792
|
+
select:disabled + && {
|
|
793
|
+
--card-fg-color: ${n.default.disabled.fg};
|
|
794
|
+
}
|
|
795
|
+
|
|
796
|
+
/* read-only */
|
|
797
|
+
select[data-read-only] + && {
|
|
798
|
+
--card-fg-color: ${n.default.readOnly.fg};
|
|
799
|
+
}
|
|
800
|
+
`}const dn={root:ys,input:Es,iconBox:Ss},zs=$.div(dn.root),Ts=$.select(dn.input),Cs=$(K)(dn.iconBox),Rs=P(function(e,t){const{children:n,customValidity:o,disabled:r,fontSize:a=2,padding:s=3,radius:l=1,readOnly:i,space:c=3,...u}=e,m=de(t);return Ge(m,o),d.createElement(zs,{"data-ui":"Select"},d.createElement(Ts,{"data-read-only":!r&&i?"":void 0,"data-ui":"Select",...u,$fontSize:g(a),$padding:g(s),$radius:g(l),$space:g(c),disabled:r||i,ref:m},n),d.createElement(Cs,{padding:s},d.createElement(ae,{size:a},d.createElement(Qo,null))))}),Ls={"&&:not([hidden])":{display:"grid"},'&[data-as="ul"],&[data-as="ol"]':{listStyle:"none"},gridTemplateColumns:"minmax(0, 1fr)",gridAutoRows:"min-content"};function Os(){return Ls}function As(e){const{theme:t}=e,{media:n,space:o}=t.sanity;return N(n,e.$space,r=>({gridGap:O(o[r])}))}const Is=$(K)(Os,As),qe=P(function(e,t){const{as:n,space:o,...r}=e;return d.createElement(Is,{"data-as":typeof n=="string"?n:void 0,"data-ui":"Stack",...r,$space:g(o),forwardedAs:n,ref:t})});function Ms(){return D`
|
|
801
|
+
position: relative;
|
|
802
|
+
&:not([hidden]) {
|
|
803
|
+
display: inline-block;
|
|
804
|
+
}
|
|
805
|
+
`}function Hs(){return D`
|
|
806
|
+
position: absolute;
|
|
807
|
+
top: 0;
|
|
808
|
+
right: 0;
|
|
809
|
+
bottom: 0;
|
|
810
|
+
left: 0;
|
|
811
|
+
opacity: 0;
|
|
812
|
+
height: 100%;
|
|
813
|
+
width: 100%;
|
|
814
|
+
outline: none;
|
|
815
|
+
padding: 0;
|
|
816
|
+
margin: 0;
|
|
817
|
+
|
|
818
|
+
/* Place the input element above the representation element */
|
|
819
|
+
z-index: 1;
|
|
820
|
+
`}function Bs(e){const{theme:t}=e,{focusRing:n,input:o}=t.sanity,r=t.sanity.color.button.default;return D`
|
|
821
|
+
--switch-bg-color: ${r.default.enabled.bg};
|
|
822
|
+
--switch-fg-color: ${r.default.enabled.fg};
|
|
823
|
+
--switch-box-shadow: none;
|
|
824
|
+
|
|
825
|
+
&:not([hidden]) {
|
|
826
|
+
display: block;
|
|
827
|
+
}
|
|
828
|
+
position: relative;
|
|
829
|
+
width: ${O(o.switch.width)};
|
|
830
|
+
height: ${O(o.switch.height)};
|
|
831
|
+
border-radius: ${O(o.switch.height/2)};
|
|
832
|
+
|
|
833
|
+
/* Make sure it’s not possible to interact with the wrapper element */
|
|
834
|
+
pointer-events: none;
|
|
835
|
+
|
|
836
|
+
&:after {
|
|
837
|
+
content: '';
|
|
838
|
+
display: block;
|
|
839
|
+
position: absolute;
|
|
840
|
+
top: 0;
|
|
841
|
+
left: 0;
|
|
842
|
+
right: 0;
|
|
843
|
+
bottom: 0;
|
|
844
|
+
z-index: 1;
|
|
845
|
+
box-shadow: var(--switch-box-shadow);
|
|
846
|
+
border-radius: inherit;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
/* Focus styles */
|
|
850
|
+
input:focus + && {
|
|
851
|
+
--switch-box-shadow: ${we({focusRing:n})};
|
|
852
|
+
}
|
|
853
|
+
|
|
854
|
+
input:focus:not(:focus-visible) + && {
|
|
855
|
+
--switch-box-shadow: none;
|
|
856
|
+
}
|
|
857
|
+
|
|
858
|
+
input:checked + && {
|
|
859
|
+
--switch-bg-color: ${r.positive.enabled.bg};
|
|
860
|
+
--switch-fg-color: ${r.positive.enabled.fg};
|
|
861
|
+
}
|
|
862
|
+
|
|
863
|
+
@media (hover: hover) {
|
|
864
|
+
input:not(:disabled):hover + && {
|
|
865
|
+
--switch-bg-color: ${r.default.hovered.bg};
|
|
866
|
+
--switch-fg-color: ${r.default.hovered.fg};
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
input:not(:disabled):checked:hover + && {
|
|
870
|
+
--switch-bg-color: ${r.positive.hovered.bg};
|
|
871
|
+
--switch-fg-color: ${r.positive.hovered.fg};
|
|
872
|
+
}
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
input:not([data-read-only]):disabled + && {
|
|
876
|
+
--switch-bg-color: ${r.default.disabled.bg};
|
|
877
|
+
--switch-fg-color: ${r.default.disabled.fg};
|
|
878
|
+
}
|
|
879
|
+
`}function _s(e){const{theme:t}=e,{input:n}=t.sanity;return D`
|
|
880
|
+
&:not([hidden]) {
|
|
881
|
+
display: block;
|
|
882
|
+
}
|
|
883
|
+
background-color: var(--switch-bg-color);
|
|
884
|
+
position: absolute;
|
|
885
|
+
left: 0;
|
|
886
|
+
top: 0;
|
|
887
|
+
width: ${O(n.switch.width)};
|
|
888
|
+
height: ${O(n.switch.height)};
|
|
889
|
+
border-radius: ${O(n.switch.height/2)};
|
|
890
|
+
`}function Ps(e){const{$indeterminate:t,theme:n}=e,{input:o}=n.sanity,r=o.switch.width,a=o.switch.height,s=o.switch.padding,l=a-o.switch.padding*2,i=r-s*2-l,c=r/2-l/2-s,u=t!==!0&&e.$checked===!0;return D`
|
|
891
|
+
&:not([hidden]) {
|
|
892
|
+
display: block;
|
|
893
|
+
}
|
|
894
|
+
position: absolute;
|
|
895
|
+
left: ${O(s)};
|
|
896
|
+
top: ${O(s)};
|
|
897
|
+
height: ${O(l)};
|
|
898
|
+
width: ${O(l)};
|
|
899
|
+
border-radius: ${O(l/2)};
|
|
900
|
+
transition-property: transform;
|
|
901
|
+
transition-duration: ${o.switch.transitionDurationMs}ms;
|
|
902
|
+
transition-timing-function: ${o.switch.transitionTimingFunction};
|
|
903
|
+
background: var(--switch-fg-color);
|
|
904
|
+
transform: translate3d(0, 0, 0);
|
|
905
|
+
|
|
906
|
+
${u&&D`
|
|
907
|
+
transform: translate3d(${i}px, 0, 0);
|
|
908
|
+
`}
|
|
909
|
+
|
|
910
|
+
${t&&D`
|
|
911
|
+
transform: translate3d(${c}px, 0, 0);
|
|
912
|
+
`}
|
|
913
|
+
`}const Fs=$.span(Ms),Ds=$.input(Hs),Ns=$.span(Bs),Vs=$.span(_s),qs=$.span(Ps),js=P(function(e,t){const{checked:n,className:o,disabled:r,indeterminate:a,readOnly:s,style:l,...i}=e,c=de(t);return W(()=>{c.current&&(c.current.indeterminate=a||!1)},[a,c]),d.createElement(Fs,{className:o,"data-ui":"Switch",style:l},d.createElement(Ds,{"data-read-only":!r&&s?"":void 0,...i,checked:a!==!0&&n,disabled:r||s,type:"checkbox",ref:c}),d.createElement(Ns,{"aria-hidden":!0,"data-name":"representation"},d.createElement(Vs,null),d.createElement(qs,{$checked:n,$indeterminate:a})))}),Ws=$.span(jn),Ys=$.span`
|
|
914
|
+
flex: 1;
|
|
915
|
+
min-width: 0;
|
|
916
|
+
display: block;
|
|
917
|
+
position: relative;
|
|
918
|
+
`,Ks=$.textarea(Xt,Wn,Yn),Xs=$.div(ke,Kn),Us=P(function(e,t){const{border:n=!0,customValidity:o,disabled:r=!1,fontSize:a=2,padding:s=3,radius:l=1,weight:i,...c}=e,u=de(t),m=it();return Ge(u,o),d.createElement(Ws,{"data-ui":"TextArea"},d.createElement(Ys,null,d.createElement(Ks,{"data-as":"textarea","data-scheme":m.scheme,"data-tone":m.tone,...c,$fontSize:g(a),$padding:g(s),$scheme:m.scheme,$space:g(0),$tone:m.tone,$weight:i,disabled:r,ref:u}),d.createElement(Xs,{$border:n,$radius:g(l),$scheme:m.scheme,$tone:m.tone,"data-scheme":m.scheme,"data-tone":m.tone})))}),Gs={zIndex:2},Js=$(he).attrs({forwardedAs:"span"})(jn),Zs=$.span`
|
|
919
|
+
flex: 1;
|
|
920
|
+
min-width: 0;
|
|
921
|
+
display: block;
|
|
922
|
+
position: relative;
|
|
923
|
+
`,Qs=$(he).attrs({forwardedAs:"span"})`
|
|
924
|
+
border-top-right-radius: 0;
|
|
925
|
+
border-bottom-right-radius: 0;
|
|
926
|
+
|
|
927
|
+
& > span {
|
|
928
|
+
display: block;
|
|
929
|
+
margin: -1px;
|
|
930
|
+
}
|
|
931
|
+
`,ed=$(he).attrs({forwardedAs:"span"})`
|
|
932
|
+
border-top-left-radius: 0;
|
|
933
|
+
border-bottom-left-radius: 0;
|
|
934
|
+
|
|
935
|
+
& > span {
|
|
936
|
+
display: block;
|
|
937
|
+
margin: -1px;
|
|
938
|
+
}
|
|
939
|
+
`,td=$.input(Xt,Wn,Yn),nd=$.span(ke,Kn),od=$(K)`
|
|
940
|
+
position: absolute;
|
|
941
|
+
top: 0;
|
|
942
|
+
left: 0;
|
|
943
|
+
`,rd=$(K)`
|
|
944
|
+
position: absolute;
|
|
945
|
+
top: 0;
|
|
946
|
+
right: 0;
|
|
947
|
+
`,ad=$(he)`
|
|
948
|
+
background-color: transparent;
|
|
949
|
+
position: absolute;
|
|
950
|
+
top: 0;
|
|
951
|
+
right: 0;
|
|
952
|
+
`,mo=P(function(e,t){const{border:n=!0,clearButton:o,disabled:r=!1,fontSize:a=2,icon:s,iconRight:l,onClear:i,padding:c=3,prefix:u,radius:m=1,readOnly:f,space:v=3,suffix:p,customValidity:S,type:k="text",weight:b,...h}=e,y=de(t),E=it(),w=g(a),L=g(c),R=g(m),T=g(v),B=Boolean(o),V=Boolean(s),A=Boolean(l),M=Boolean(p),Y=Boolean(u);Ge(y,S);const te=C(ie=>{ie.preventDefault(),ie.stopPropagation()},[]),U=C(ie=>{var Se;ie.preventDefault(),ie.stopPropagation(),i&&i(),(Se=y.current)==null||Se.focus()},[i,y]),J=_(()=>u&&d.createElement(Qs,{borderTop:!0,borderLeft:!0,borderBottom:!0,radius:R,sizing:"border",tone:"inherit"},d.createElement("span",null,u)),[u,R]),ee=_(()=>d.createElement(nd,{$border:n,$hasPrefix:Y,$hasSuffix:M,$radius:R,$scheme:E.scheme,$tone:E.tone,"data-scheme":E.scheme,"data-tone":E.tone},s&&d.createElement(od,{padding:L},d.createElement(ae,{size:w},Ce(s)&&s,Le(s)&&Re(s))),!B&&l&&d.createElement(rd,{padding:L},d.createElement(ae,{size:w},Ce(l)&&l,Le(l)&&Re(l)))),[n,w,s,l,L,R,E,B,Y,M]),Q=_(()=>L.map(ie=>ie===0?0:ie===1||ie===2?1:ie-2),[L]),F=_(()=>L.map(ie=>ie===0||ie===1?0:ie===2?1:ie-1),[L]),H=_(()=>typeof o=="object"?o:Pe,[o]),re=_(()=>!r&&!f&&o&&d.createElement(ad,{forwardedAs:"span",padding:Q,style:Gs,tone:S?"critical":"inherit"},d.createElement(Ne,{"data-qa":"clear-button",fontSize:w,icon:Bt,mode:"bleed",padding:F,radius:R,...H,onClick:U,onMouseDown:te})),[o,Q,F,H,S,r,w,U,te,R,f]),je=_(()=>p&&d.createElement(ed,{borderTop:!0,borderRight:!0,borderBottom:!0,radius:R,sizing:"border",tone:"inherit"},d.createElement("span",null,p)),[R,p]);return d.createElement(Js,{"data-ui":"TextInput",tone:E.tone},J,d.createElement(Zs,null,d.createElement(td,{"data-as":"input","data-scheme":E.scheme,"data-tone":E.tone,...h,$fontSize:w,$iconLeft:V,$iconRight:A||B,$padding:L,$scheme:E.scheme,$space:T,$tone:E.tone,$weight:b,disabled:r,readOnly:f,ref:y,type:k}),ee,re),je)}),id=$.div`
|
|
953
|
+
position: absolute;
|
|
954
|
+
width: 15px;
|
|
955
|
+
height: 15px;
|
|
956
|
+
fill: none;
|
|
957
|
+
|
|
958
|
+
:empty + & {
|
|
959
|
+
display: none;
|
|
960
|
+
}
|
|
961
|
+
|
|
962
|
+
& > svg {
|
|
963
|
+
&:not([hidden]) {
|
|
964
|
+
display: block;
|
|
965
|
+
}
|
|
966
|
+
transform-origin: 7.5px 7.5px;
|
|
967
|
+
}
|
|
968
|
+
|
|
969
|
+
[data-popper-placement^='top'] > div > & {
|
|
970
|
+
bottom: -15px;
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
[data-popper-placement^='right'] > div > & {
|
|
974
|
+
left: -15px;
|
|
975
|
+
|
|
976
|
+
& > svg {
|
|
977
|
+
transform: rotate(90deg);
|
|
978
|
+
}
|
|
979
|
+
}
|
|
980
|
+
|
|
981
|
+
[data-popper-placement^='left'] > div > & {
|
|
982
|
+
right: -15px;
|
|
983
|
+
|
|
984
|
+
& > svg {
|
|
985
|
+
transform: rotate(-90deg);
|
|
986
|
+
}
|
|
987
|
+
}
|
|
988
|
+
|
|
989
|
+
[data-popper-placement^='bottom'] > div > & {
|
|
990
|
+
top: -15px;
|
|
991
|
+
|
|
992
|
+
& > svg {
|
|
993
|
+
transform: rotate(180deg);
|
|
994
|
+
}
|
|
995
|
+
}
|
|
996
|
+
`,sd=$.path`
|
|
997
|
+
fill: var(--card-shadow-outline-color);
|
|
998
|
+
`,dd=$.path`
|
|
999
|
+
fill: var(--card-bg-color);
|
|
1000
|
+
`,ld=P(function(e,t){const{...n}=e;return d.createElement(id,{...n,ref:t},d.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15"},d.createElement(sd,{d:"M11.5266 1C11.032 1.32802 10.5837 1.73105 10.1995 2.20057L9.04792 3.6081C8.24771 4.58614 6.7523 4.58614 5.95209 3.6081L4.80047 2.20057C4.41632 1.73105 3.96796 1.32802 3.47341 1H0.156727C1.65639 1 3.07687 1.67313 4.02651 2.83381L5.17813 4.24134C6.37844 5.70839 8.62156 5.70839 9.82187 4.24134L10.9735 2.83381C11.9231 1.67313 13.3436 1 14.8433 1H11.5266Z"}),d.createElement(dd,{d:"M0.156725 0C1.95632 0 3.66089 0.80776 4.80047 2.20057L5.95209 3.6081C6.75229 4.58614 8.24771 4.58614 9.04791 3.6081L10.1995 2.20057C11.3391 0.80776 13.0437 0 14.8433 0H15H0H0.156725Z"})))}),cd=$(lt)`
|
|
1001
|
+
pointer-events: none;
|
|
1002
|
+
`,ud=P(function(e,t){var n;const o=en(),r=$e(),{allowedAutoPlacements:a,boundaryElement:s=o==null?void 0:o.element,children:l,content:i,disabled:c,fallbackPlacements:u,placement:m="bottom",portal:f,scheme:v,zOffset:p=(n=r.sanity.layer)==null?void 0:n.tooltip.zOffset,...S}=e,k=g(u),b=de(t),[h,y]=j(null),[E,w]=j(null),[L,R]=j(null),T=En(h,E,{placement:m,modifiers:[{name:"arrow",options:{element:L,padding:4}},{name:"preventOverflow",options:{altAxis:!0,boundary:s||void 0,padding:4}},{name:"offset",options:{offset:[0,3]}},{name:"flip",options:{allowedAutoPlacements:a,fallbackPlacements:k}}]}),{forceUpdate:B}=T,[V,A]=j(!1),M=C(()=>A(!1),[]),Y=C(()=>A(!0),[]),te=C(()=>A(!0),[]),U=C(()=>A(!1),[]);W(()=>{if(!V)return;function H(re){!h||h===re.target||re.target instanceof Node&&h.contains(re.target)||(A(!1),window.removeEventListener("mousemove",H))}return window.addEventListener("mousemove",H),()=>{window.removeEventListener("mousemove",H)}},[V,h]);const J=ne(null);W(()=>{J.current&&(clearTimeout(J.current),J.current=null),J.current=setTimeout(()=>{if(B)try{B()}catch{}},0)},[B,i]),W(()=>{c&&A(!1)},[c]),W(()=>{i||A(!1)},[i]);const ee=H=>{w(H),b.current=H};if(!l)return d.createElement(d.Fragment,null);if(c)return l;const Q=He(l,{onBlur:M,onFocus:Y,onMouseEnter:te,onMouseLeave:U,ref:y}),F=d.createElement(cd,{"data-ui":"Tooltip",...S,...T.attributes.popper,ref:ee,style:T.styles.popper,zOffset:p},d.createElement(he,{radius:2,scheme:v,shadow:3},i,d.createElement(ld,{ref:R,style:T.styles.arrow})));return d.createElement(d.Fragment,null,Q,V&&d.createElement(d.Fragment,null,f&&d.createElement($t,{__unstable_name:typeof f=="string"?f:void 0},F),!f&&F))}),fd=$.div`
|
|
1003
|
+
line-height: 0;
|
|
1004
|
+
`,md=$(K)`
|
|
1005
|
+
& > ul {
|
|
1006
|
+
list-style: none;
|
|
1007
|
+
padding: 0;
|
|
1008
|
+
margin: 0;
|
|
1009
|
+
}
|
|
1010
|
+
`,pd=$(ut)`
|
|
1011
|
+
& > div {
|
|
1012
|
+
overflow: auto;
|
|
1013
|
+
-webkit-overflow-scrolling: touch;
|
|
1014
|
+
}
|
|
1015
|
+
|
|
1016
|
+
&[data-popper-reference-hidden='true'] {
|
|
1017
|
+
display: none;
|
|
1018
|
+
}
|
|
1019
|
+
`,hd=Ht`
|
|
1020
|
+
from {
|
|
1021
|
+
transform: rotate(0deg);
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
to {
|
|
1025
|
+
transform: rotate(360deg);
|
|
1026
|
+
}
|
|
1027
|
+
`,bd=$(wn)`
|
|
1028
|
+
animation: ${hd} 500ms linear infinite;
|
|
1029
|
+
`;function gd(e){const{children:t,id:n,onSelect:o,selected:r,value:a}=e,s=C(()=>{setTimeout(()=>{o(a)},0)},[o,a]),l=C(i=>{i.key==="Enter"&&!ro(i.currentTarget)&&s()},[s]);return d.createElement("li",{"aria-selected":r,"data-ui":"AutocompleteOption",id:n,role:"option",onClick:s,onKeyDown:l},t)}function vd(e,t){return t.type==="input/change"?{...e,activeValue:null,focused:!0,query:t.query}:t.type==="input/focus"?{...e,focused:!0}:t.type==="root/blur"?{...e,focused:!1,query:null}:t.type==="root/clear"?{...e,activeValue:null,query:null,value:null}:t.type==="root/escape"?{...e,focused:!1,query:null}:t.type==="root/open"?{...e,query:e.query||t.query}:t.type==="root/setActiveValue"?{...e,activeValue:t.value,listFocused:t.listFocused||e.listFocused}:t.type==="root/setListFocused"?e.listFocused===t.listFocused?e:{...e,listFocused:t.listFocused}:t.type==="value/change"?{...e,activeValue:t.value,query:null,value:t.value}:e}const yd=["Control","Shift","Alt","Enter","Home","End","PageUp","PageDown","Meta","Tab","CapsLock"],xd=[0,1,1,1],$d="bottom-start",wd=["top-start"],kd=(e,t)=>t?t.value:e,Ed=(e,t)=>t.value.toLowerCase().indexOf(e.toLowerCase())>-1,Sd=P(function(e,t){const{border:n=!0,customValidity:o,disabled:r,filterOption:a,fontSize:s=2,icon:l,id:i,listBox:c={},loading:u,onBlur:m,onChange:f,onFocus:v,onQueryChange:p,onSelect:S,openButton:k,options:b,padding:h=3,popover:y={},prefix:E,radius:w=3,readOnly:L,relatedElements:R,renderOption:T,renderPopover:B,renderValue:V=kd,suffix:A,value:M,...Y}=e,[te,U]=qo(vd,{activeValue:M||null,focused:!1,listFocused:!1,query:null,value:M||null}),{activeValue:J,focused:ee,listFocused:Q,query:F,value:H}=te,re=C(({value:I})=>d.createElement(he,{"data-as":"button",padding:h,radius:2,tone:"inherit"},d.createElement(ae,{size:s,textOverflow:"ellipsis"},I)),[s,h]),je=typeof T=="function"?T:re,ie=typeof a=="function"?a:Ed,[Se,Tt]=j(null),[Ze,ft]=j(null),fe=ne(null),ze=ne(null),Ct=ne(null),Ae=ne(H),mt=ne(M),Ie=de(t),ve=ne(!1),be=`${i}-listbox`,ye=Array.isArray(b)?b:ot,Qe=g(h),We=_(()=>H!==null?ye.find(I=>I.value===H):void 0,[ye,H]),ue=_(()=>ye.filter(I=>F?ie(F,I):!0),[ie,ye,F]),xe=ue.length,Ro=J?`${i}-option-${J}`:void 0,Me=F!==null&&u||ee&&F!==null,Lo=C(I=>{setTimeout(()=>{if(ve.current)return;const oe=(R||[]).concat(Se?[Se]:[],Ze?[Ze]:[]);let me=!1;if(document.activeElement){for(const pe of oe)if(pe===document.activeElement||pe.contains(document.activeElement)){me=!0;break}}me===!1&&(U({type:"root/blur"}),ve.current=!1,p&&p(null),m&&m(I))},0)},[m,p,R,Ze,Se]),Oo=C(I=>{const oe=ze.current,me=I.target instanceof HTMLElement?I.target:null;Ct.current=me;const pe=Boolean(oe&&me&&oe.contains(me));U({type:"root/setListFocused",listFocused:pe})},[]),hn=C(I=>{var oe;U({type:"value/change",value:I}),ve.current=!1,S&&S(I),Ae.current=I,f&&f(I),p&&p(null),(oe=fe.current)==null||oe.focus()},[f,S,p]),Ao=C(I=>{var oe,me;if(I.key==="ArrowDown"){if(I.preventDefault(),!xe)return;const tt=ue.find(It=>It.value===J),pt=tt?ue.indexOf(tt):-1,nt=ue[(pt+1)%xe];nt&&U({type:"root/setActiveValue",value:nt.value,listFocused:!0});return}if(I.key==="ArrowUp"){if(I.preventDefault(),!xe)return;const tt=ue.find(It=>It.value===J),pt=tt?ue.indexOf(tt):-1,nt=ue[pt===-1?xe-1:(xe+pt-1)%xe];nt&&U({type:"root/setActiveValue",value:nt.value,listFocused:!0});return}if(I.key==="Escape"){U({type:"root/escape"}),ve.current=!1,p&&p(null),(oe=fe.current)==null||oe.focus();return}const pe=I.target,At=ze.current;if((At===pe||(At==null?void 0:At.contains(pe)))&&!yd.includes(I.key)){(me=fe.current)==null||me.focus();return}},[J,ue,xe,p]),Io=C(I=>{const oe=I.currentTarget.value;U({type:"input/change",query:oe}),p&&p(oe)},[p]),Mo=C(I=>{ee||(U({type:"input/focus"}),v&&v(I))},[ee,v]),Rt=C(()=>{ve.current=!0},[]),Lt=C(()=>{ve.current=!1},[]),Ho=C(()=>{var I;U({type:"root/clear"}),Ae.current="",f&&f(""),p&&p(null),(I=fe.current)==null||I.focus()},[f,p]),bn=C(()=>{U({type:"input/focus"})},[]);W(()=>{if(M!==mt.current){mt.current=M,M!==void 0&&(U({type:"value/change",value:M}),Ae.current=M);return}M!==H&&U({type:"value/change",value:M||null})},[M,H]),W(()=>{ee||Ae.current&&U({type:"root/setActiveValue",value:Ae.current})},[ee]),W(()=>{const I=ze.current;if(!I)return;const oe=ue.find(me=>me.value===J);if(oe){const me=ue.indexOf(oe),pe=I.childNodes[me];if(pe){if(lo(pe))return;ct(pe)}}},[J,ue]);const Bo=C(I=>{fe.current=I,Ie.current=I},[Ie]),_o=_(()=>{if(!u&&!r&&H)return{"aria-label":"Clear",onFocus:bn}},[r,bn,u,H]),gn=_(()=>Qe.map(I=>I===0?0:I===1||I===2?1:I-2),[Qe]),vn=_(()=>Qe.map(I=>I===0||I===1?0:I===2?1:I-1),[Qe]),et=_(()=>typeof k=="object"?k:Pe,[k]),yn=C(I=>{U({type:"root/open",query:H?V(H,We):""}),et.onClick&&et.onClick(I),wt(()=>{var oe;return(oe=fe.current)==null?void 0:oe.focus()})},[We,et,V,H]),Po=_(()=>!r&&!L&&k?d.createElement(K,{"aria-hidden":Me,padding:gn},d.createElement(Ne,{"aria-label":"Open",disabled:Me,fontSize:s,icon:er,mode:"bleed",padding:vn,...et,onClick:yn})):void 0,[r,Me,s,yn,k,gn,vn,et,L]),Fo=_(()=>F===null?H!==null?V(H,We):"":F,[We,F,V,H]),Do=d.createElement(mo,{...Y,"aria-activedescendant":Ro,"aria-autocomplete":"list","aria-expanded":Me,"aria-owns":be,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",border:n,clearButton:_o,customValidity:o,disabled:r,fontSize:s,icon:l,iconRight:u&&bd,id:i,inputMode:"search",onChange:Io,onClear:Ho,onFocus:Mo,padding:Qe,prefix:E,radius:w,readOnly:L,ref:Bo,role:"combobox",spellCheck:!1,suffix:A||Po,value:Fo}),xn=C(I=>{var oe;I.key==="Tab"&&Q&&((oe=fe.current)==null||oe.focus())},[Q]),Ot=_(()=>ue.length===0?null:d.createElement(md,{"data-ui":"AutoComplete__results",onKeyDown:xn,padding:1,...c,tabIndex:-1},d.createElement(qe,{as:"ul","aria-multiselectable":!1,"data-ui":"AutoComplete__resultsList",id:be,ref:ze,role:"listbox",space:1},ue.map(I=>{const oe=J!==null?I.value===J:We===I;return d.createElement(gd,{id:`${i}-option-${I.value}`,key:I.value,onSelect:hn,selected:oe,value:I.value},He(je(I),{disabled:u,selected:oe,tabIndex:Q&&oe?0:-1}))}))),[J,We,ue,hn,xn,i,c,be,Q,u,je]),No=_(()=>B?B({content:Ot,hidden:!Me,inputElement:fe.current,onMouseEnter:Rt,onMouseLeave:Lt},ft):xe===0?null:d.createElement(pd,{__unstable_margins:xd,arrow:!1,constrainSize:!0,content:Ot,fallbackPlacements:wd,matchReferenceWidth:!0,onMouseEnter:Rt,onMouseLeave:Lt,open:Me,placement:$d,portal:!0,radius:w,ref:ft,referenceElement:fe.current,...y}),[Ot,Me,xe,Rt,Lt,y,w,B]);return d.createElement(fd,{"data-ui":"Autocomplete",onBlur:Lo,onFocus:Oo,onKeyDown:Ao,ref:Tt},Do,No)}),zd=Sd,Td=$.ol`
|
|
1030
|
+
margin: 0;
|
|
1031
|
+
padding: 0;
|
|
1032
|
+
display: flex;
|
|
1033
|
+
list-style: none;
|
|
1034
|
+
align-items: center;
|
|
1035
|
+
white-space: nowrap;
|
|
1036
|
+
line-height: 0;
|
|
1037
|
+
`,Cd=$(Ne)`
|
|
1038
|
+
appearance: none;
|
|
1039
|
+
margin: -4px;
|
|
1040
|
+
`,Rd=P(function(e,t){const{children:n,maxLength:o,separator:r,space:a=2,...s}=e,l=g(a),[i,c]=j(!1),[u,m]=j(null),[f,v]=j(null),p=C(()=>c(!1),[]),S=C(()=>c(!0),[]);vt(p,[u,f]);const k=_(()=>jo.toArray(n).filter(h=>Ce(h)),[n]),b=_(()=>{const h=k.length;if(o&&h>o){const y=Math.ceil(o/2),E=Math.floor(o/2);return[...k.slice(0,y-1),d.createElement(ut,{constrainSize:!0,content:d.createElement(qe,{as:"ol",overflow:"auto",padding:l,space:l},k.slice(y-1,h-E)),key:"button",open:i,placement:"top",portal:!0,ref:v},d.createElement(Cd,{fontSize:1,mode:"bleed",onClick:i?p:S,padding:1,ref:m,selected:i,text:"\u2026"})),...k.slice(h-E)]}return k},[p,S,o,i,k,l]);return d.createElement(Td,{"data-ui":"Breadcrumbs",...s,ref:t},b.map((h,y)=>d.createElement(Wo,{key:y},y>0&&d.createElement(K,{"aria-hidden":!0,as:"li",paddingX:l},r||d.createElement(ae,{muted:!0},"/")),d.createElement(K,{as:"li"},h))))});function Ld({theme:e}){const t=e.sanity.color.base;return{"&:not([hidden])":{display:"flex"},top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"center",outline:"none",background:t.shadow.umbra}}function Od(e){const{theme:t}=e,{media:n}=t.sanity;return N(n,e.$position,o=>({"&&":{position:o}}))}const ln=Symbol.for("@sanity/ui/context/dialog");Z[ln]=Z[ln]||Te({version:0});const cn=Z[ln];function po(){return ge(cn)}const Ad=$(lt)(Xn,Ld,Od),Id=$(Qn)`
|
|
1041
|
+
&:not([hidden]) {
|
|
1042
|
+
display: flex;
|
|
1043
|
+
}
|
|
1044
|
+
width: 100%;
|
|
1045
|
+
height: 100%;
|
|
1046
|
+
flex-direction: column;
|
|
1047
|
+
align-items: center;
|
|
1048
|
+
justify-content: center;
|
|
1049
|
+
`,Md=$(he)`
|
|
1050
|
+
&:not([hidden]) {
|
|
1051
|
+
display: flex;
|
|
1052
|
+
}
|
|
1053
|
+
width: 100%;
|
|
1054
|
+
min-height: 0;
|
|
1055
|
+
max-height: 100%;
|
|
1056
|
+
overflow: hidden;
|
|
1057
|
+
`,Hd=$(Ee)`
|
|
1058
|
+
flex: 1;
|
|
1059
|
+
min-height: 0;
|
|
1060
|
+
width: 100%;
|
|
1061
|
+
`,Bd=$(he)`
|
|
1062
|
+
position: relative;
|
|
1063
|
+
z-index: 2;
|
|
1064
|
+
|
|
1065
|
+
&:after {
|
|
1066
|
+
content: '';
|
|
1067
|
+
display: block;
|
|
1068
|
+
position: absolute;
|
|
1069
|
+
left: 0;
|
|
1070
|
+
right: 0;
|
|
1071
|
+
bottom: -1px;
|
|
1072
|
+
border-bottom: 1px solid var(--card-hairline-soft-color);
|
|
1073
|
+
}
|
|
1074
|
+
`,_d=$(K)`
|
|
1075
|
+
position: relative;
|
|
1076
|
+
z-index: 1;
|
|
1077
|
+
overflow: auto;
|
|
1078
|
+
outline: none;
|
|
1079
|
+
`,Pd=$(K)`
|
|
1080
|
+
position: relative;
|
|
1081
|
+
z-index: 3;
|
|
1082
|
+
border-top: 1px solid var(--card-hairline-soft-color);
|
|
1083
|
+
`,Fd=P(function(e,t){const{__unstable_autoFocus:n,__unstable_hideCloseButton:o,children:r,contentRef:a,footer:s,header:l,id:i,onClickOutside:c,onClose:u,radius:m,scheme:f,shadow:v,width:p}=e,S=g(m),k=g(v),b=g(p),h=de(t),[y,E]=j(null),w=ne(null),L=xt(),{isTopLayer:R}=L,T=`${i}_label`,B=Boolean(u)&&o===!1,V=Boolean(l)||B;W(()=>{!n||h.current&&ct(h.current)},[n,h]),Ft(C(Y=>{!R||!u||Y.key==="Escape"&&(Y.preventDefault(),Y.stopPropagation(),u())},[R,u])),vt(C(()=>{!R||!c||c()},[R,c]),[y]);const A=C(Y=>{E(Y),h.current=Y},[h]),M=C(Y=>{w.current=Y,typeof a=="function"?a(Y):a&&(a.current=Y)},[a]);return d.createElement(Id,{"data-ui":"DialogCard",width:b},d.createElement(Md,{radius:S,ref:A,scheme:f,shadow:k},d.createElement(Hd,{direction:"column"},V&&d.createElement(Bd,null,d.createElement(Ee,null,d.createElement(K,{flex:1,padding:4},l&&d.createElement(ae,{id:T,weight:"semibold"},l)),B&&d.createElement(K,{padding:2},d.createElement(Ne,{"aria-label":"Close dialog",disabled:!u,icon:Bt,mode:"bleed",onClick:u,padding:3})))),d.createElement(_d,{flex:1,ref:M,tabIndex:-1},r),s&&d.createElement(Pd,null,s))))}),Dd=P(function(e,t){var n;const o=po(),r=$e(),{__unstable_autoFocus:a=!0,__unstable_hideCloseButton:s=!1,cardRadius:l=3,cardShadow:i=4,children:c,contentRef:u,footer:m,header:f,id:v,onClickOutside:p,onClose:S,padding:k=4,portal:b,position:h=o.position||"fixed",scheme:y,width:E=0,zOffset:w=o.zOffset||((n=r.sanity.layer)==null?void 0:n.dialog.zOffset),...L}=e,R=g(l),T=g(k),B=g(h),V=g(E),A=g(w),M=ne(null),Y=ne(null),te=ne(null),U=C(ee=>{const Q=ee.target,F=te.current;if(F){if(Q===M.current){sn(F);return}if(Q===Y.current){ct(F);return}}},[]),J=`${v}_label`;return d.createElement($t,{__unstable_name:b},d.createElement(Ad,{...L,$padding:T,$position:B,"aria-labelledby":J,"aria-modal":!0,"data-ui":"Dialog",id:v,onFocus:U,ref:t,role:"dialog",zOffset:A},d.createElement("div",{ref:M,tabIndex:0}),d.createElement(Fd,{__unstable_autoFocus:a,__unstable_hideCloseButton:s,contentRef:u,footer:m,header:f,id:v,onClickOutside:p,onClose:S,radius:R,ref:te,scheme:y,shadow:i,width:V},c),d.createElement("div",{ref:Y,tabIndex:0})))});function Nd(e){const{children:t,position:n,zOffset:o}=e,r=_(()=>({version:0,position:n,zOffset:o}),[n,o]);return d.createElement(cn.Provider,{value:r},t)}const Vd=$.kbd`
|
|
1084
|
+
&:not([hidden]) {
|
|
1085
|
+
display: block;
|
|
1086
|
+
}
|
|
1087
|
+
font: inherit;
|
|
1088
|
+
`,qd=$(eo)`
|
|
1089
|
+
&:not([hidden]) {
|
|
1090
|
+
display: block;
|
|
1091
|
+
}
|
|
1092
|
+
`,ho=P(function(e,t){const{fontSize:n,keys:o,padding:r,radius:a,space:s=1,...l}=e,i=g(s);return!o||o.length===0?d.createElement(d.Fragment,null):d.createElement(Vd,{"data-ui":"Hotkeys",...l,ref:t},d.createElement(Zt,{as:"span",space:i},o.map((c,u)=>d.createElement(qd,{fontSize:n,key:u,padding:r,radius:a},c))))}),un=Symbol.for("@sanity/ui/context/menu");Z[un]=Z[un]||Te(null);const bo=Z[un];function jd(e){return kt(e)&&e.getAttribute("data-disabled")!=="true"||Et(e)&&!e.disabled}function Je(e){return e.filter(jd)}function Wd(e,t){const n=[];let o=t;for(;o!==e;){const r=o.parentElement;if(!r)return n;const a=Array.from(r.childNodes).indexOf(o);if(n.unshift(a),r===e)return n;o=r}return n}const go=[];function Yd(e,t){if(!e)return;const n=new WeakMap;for(const r of t)n.set(r,Wd(e,r));const o=(r,a)=>{const s=n.get(r)||go,l=n.get(a)||go,i=Math.max(s.length,l.length);for(let c=0;c<i;c+=1){const u=s[c]||-1,m=l[c]||-1;if(u!==m)return u-m}return 0};t.sort(o)}function Kd(e){const{onKeyDown:t,originElement:n,shouldFocus:o}=e,r=ne([]),[a,s]=j(null),[l,i]=j(-1),c=ne(l),u=r.current[l]||null,m=Boolean(a),f=C(b=>{i(b),c.current=b},[]),v=C((b,h)=>{if(!b)return()=>{};if(r.current.indexOf(b)===-1&&(r.current.push(b),Yd(a,r.current)),h){const y=r.current.indexOf(b);f(y)}return()=>{const y=r.current.indexOf(b);y>-1&&r.current.splice(y,1)}},[a,f]),p=C(b=>{if(b.key==="Tab"){n&&n.focus();return}if(b.key==="Home"){b.preventDefault(),b.stopPropagation();const h=Je(r.current)[0];if(!h)return;const y=r.current.indexOf(h);f(y);return}if(b.key==="End"){b.preventDefault(),b.stopPropagation();const h=Je(r.current),y=h[h.length-1];if(!y)return;const E=r.current.indexOf(y);f(E);return}if(b.key==="ArrowUp"){b.preventDefault(),b.stopPropagation();const h=Je(r.current),y=h.length;if(y===0)return;const E=r.current[c.current];let w=h.indexOf(E);w=(w-1+y)%y;const L=h[w],R=r.current.indexOf(L);f(R);return}if(b.key==="ArrowDown"){b.preventDefault(),b.stopPropagation();const h=Je(r.current),y=h.length;if(y===0)return;const E=r.current[c.current];let w=h.indexOf(E);w=(w+1)%y;const L=h[w],R=r.current.indexOf(L);f(R);return}t&&t(b)},[t,n,f]),S=C(b=>{const h=b.currentTarget,y=r.current.indexOf(h);f(y)},[f]),k=C(()=>{a==null||a.focus(),f(-1)},[a,f]);return W(()=>{if(!m)return;const b=window.requestAnimationFrame(()=>{const h=c.current;if(h===-1){if(o==="first"){const E=Je(r.current)[0];if(E){const w=r.current.indexOf(E);f(w),c.current=w}}if(o==="last"){const E=Je(r.current),w=E[E.length-1];if(w){const L=r.current.indexOf(w);f(L),c.current=L}}return}const y=r.current[h]||null;y==null||y.focus()});return()=>{window.cancelAnimationFrame(b)}},[l,m,f,o]),{activeElement:u,activeIndex:l,handleItemMouseEnter:S,handleItemMouseLeave:k,handleKeyDown:p,mount:v,rootElement:a,setRootElement:s}}const Xd=$(K)`
|
|
1093
|
+
outline: none;
|
|
1094
|
+
overflow: auto;
|
|
1095
|
+
`,vo=P(function(e,t){const{children:n,focusFirst:o,focusLast:r,onClickOutside:a,onEscape:s,onItemClick:l,onItemSelect:i,onKeyDown:c,originElement:u,padding:m=1,registerElement:f,shouldFocus:v=e.focusFirst&&"first"||e.focusLast&&"last"||null,space:p=1,...S}=e,k=de(t),{isTopLayer:b}=xt(),{activeElement:h,activeIndex:y,handleItemMouseEnter:E,handleItemMouseLeave:w,handleKeyDown:L,mount:R,rootElement:T,setRootElement:B}=Kd({onKeyDown:c,originElement:u,shouldFocus:v}),V=C(M=>{B(M),k.current=M},[k,B]);W(()=>{i&&i(y)},[y,i]),vt(C(M=>b&&a&&a(M),[b,a]),[T]),Ft(C(M=>{!b||M.key==="Escape"&&(M.stopPropagation(),s&&s())},[b,s])),W(()=>{if(!(!T||!f))return f(T)},[f,T]);const A=_(()=>({version:0,activeElement:h,activeIndex:y,mount:R,onClickOutside:a,onEscape:s,onItemClick:l,onItemMouseEnter:E,onItemMouseLeave:w,registerElement:f,onMouseEnter:E,onMouseLeave:w}),[h,y,R,E,w,a,s,l,f]);return d.createElement(bo.Provider,{value:A},d.createElement(Xd,{"data-ui":"Menu",...S,onKeyDown:L,padding:m,ref:V,role:"menu",tabIndex:-1},d.createElement(qe,{space:p},n)))}),Ud=P(function(e,t){const{__unstable_disableRestoreFocusOnClose:n=!1,boundaryElement:o,button:r,id:a,menu:s,onClose:l,placement:i,popoverScheme:c,portal:u=!0,popover:m,popoverRadius:f,preventOverflow:v}=e,[p,S]=j(!1),[k,b]=j(null),[h,y]=j(null),[E,w]=j([]),L=ne(p);W(()=>{l&&!p&&L.current&&l()},[l,p]),W(()=>{L.current=p},[p]);const R=C(()=>{S(F=>!F),b(null)},[]),T=C(F=>{if(F.key==="ArrowDown"||F.key==="Enter"||F.key===" "){F.preventDefault(),S(!0),b("first");return}if(F.key==="ArrowUp"){F.preventDefault(),S(!0),b("last");return}},[]),B=C(F=>{const H=F.target;if(H instanceof Node&&!(h&&(H===h||h.contains(H)))){for(const re of E)if(H===re||re.contains(H))return;S(!1)}},[h,E]),V=C(()=>{S(!1),!n&&h&&h.focus()},[h,n]),A=C(F=>{const H=F.relatedTarget;if(H instanceof Node){for(const re of E)if(re===H||re.contains(H))return;S(!1)}},[E]),M=C(()=>{S(!1),!n&&h&&h.focus()},[h,n]),Y=C(F=>(w(H=>H.concat([F])),()=>{w(H=>H.filter(re=>re!==F))}),[]),te=_(()=>({"aria-labelledby":a,onBlurCapture:A,onClickOutside:B,onEscape:V,onItemClick:M,originElement:h,registerElement:Y,shouldFocus:k}),[h,B,V,M,a,A,Y,k]),U=Mt(s)?He(s,te):null,J=C(F=>{typeof t=="function"?t(F):t&&(t.current=F),y(F)},[t]),ee=_(()=>Mt(r)?He(r,{"data-ui":"MenuButton",id:a,onClick:R,onKeyDown:T,"aria-haspopup":!0,"aria-expanded":p,ref:J,selected:p}):null,[r,R,T,a,p,J]),Q=_(()=>({boundaryElement:o,placement:i,portal:u,radius:f,preventOverflow:v,scheme:c,...m||{}}),[o,v,i,m,f,u,c]);return d.createElement(ut,{...Q,content:U,"data-ui":"MenuButton__popover",open:p},ee||d.createElement(d.Fragment,null))}),Gd=$.hr`
|
|
1096
|
+
height: 1px;
|
|
1097
|
+
border: 0;
|
|
1098
|
+
background: var(--card-hairline-soft-color);
|
|
1099
|
+
margin: 0;
|
|
1100
|
+
`;function Jd(){return D`
|
|
1101
|
+
background-color: inherit;
|
|
1102
|
+
color: inherit;
|
|
1103
|
+
|
|
1104
|
+
&[data-as='button'] {
|
|
1105
|
+
-webkit-font-smoothing: inherit;
|
|
1106
|
+
appearance: none;
|
|
1107
|
+
outline: none;
|
|
1108
|
+
font: inherit;
|
|
1109
|
+
text-align: inherit;
|
|
1110
|
+
border: 0;
|
|
1111
|
+
width: stretch;
|
|
1112
|
+
}
|
|
1113
|
+
|
|
1114
|
+
/* &:is(a) */
|
|
1115
|
+
&[data-as='a'] {
|
|
1116
|
+
text-decoration: none;
|
|
1117
|
+
}
|
|
1118
|
+
`}function Zd(e){var t,n;const{$tone:o,theme:r}=e,{base:a,muted:s,selectable:l}=r.sanity.color,i=l?l[o]||l.default:s[o]||s.default;return D`
|
|
1119
|
+
${G(a,i.enabled)}
|
|
1120
|
+
|
|
1121
|
+
background-color: var(--card-bg-color);
|
|
1122
|
+
color: var(--card-fg-color);
|
|
1123
|
+
outline: none;
|
|
1124
|
+
|
|
1125
|
+
/* &:is(button) */
|
|
1126
|
+
&[data-as='button'] {
|
|
1127
|
+
&:disabled {
|
|
1128
|
+
${G(a,i.disabled)}
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
&:not(:disabled) {
|
|
1132
|
+
&[aria-pressed='true'] {
|
|
1133
|
+
${G(a,i.pressed)}
|
|
1134
|
+
}
|
|
1135
|
+
|
|
1136
|
+
&[data-selected],
|
|
1137
|
+
&[aria-selected='true'] > & {
|
|
1138
|
+
${G(a,i.selected)}
|
|
1139
|
+
}
|
|
1140
|
+
|
|
1141
|
+
@media (hover: hover) {
|
|
1142
|
+
&:not([data-selected]) {
|
|
1143
|
+
&:hover {
|
|
1144
|
+
${G(a,i.hovered)}
|
|
1145
|
+
}
|
|
1146
|
+
|
|
1147
|
+
&:active {
|
|
1148
|
+
${G(a,i.pressed)}
|
|
1149
|
+
}
|
|
1150
|
+
}
|
|
1151
|
+
}
|
|
1152
|
+
}
|
|
1153
|
+
}
|
|
1154
|
+
|
|
1155
|
+
/* &:is(a) */
|
|
1156
|
+
&[data-as='a'] {
|
|
1157
|
+
&[data-disabled] {
|
|
1158
|
+
${G(a,i.disabled)}
|
|
1159
|
+
}
|
|
1160
|
+
|
|
1161
|
+
&:not([data-disabled]) {
|
|
1162
|
+
&[data-pressed] {
|
|
1163
|
+
${G(a,i.pressed)}
|
|
1164
|
+
}
|
|
1165
|
+
|
|
1166
|
+
&[data-selected] {
|
|
1167
|
+
${G(a,i.selected)}
|
|
1168
|
+
}
|
|
1169
|
+
|
|
1170
|
+
@media (hover: hover) {
|
|
1171
|
+
&:not([data-selected]) {
|
|
1172
|
+
&:hover {
|
|
1173
|
+
${G(a,i.hovered)}
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
&:active {
|
|
1177
|
+
${G(a,i.pressed)}
|
|
1178
|
+
}
|
|
1179
|
+
}
|
|
1180
|
+
}
|
|
1181
|
+
}
|
|
1182
|
+
}
|
|
1183
|
+
|
|
1184
|
+
${(n=(t=r.sanity.styles)==null?void 0:t.card)==null?void 0:n.root}
|
|
1185
|
+
`}const yo=$(K)(ke,Jd,Zd);function xo(){const e=ge(bo);if(!e)throw new Error("useMenu(): missing context value");if(!Ue(e)||e.version!==0)throw new Error("useMenu(): the context value is not compatible");return e}function Qd(e){const{as:t="button",children:n,fontSize:o,icon:r,onClick:a,padding:s=3,popover:l,radius:i=2,space:c=3,text:u,tone:m="default",...f}=e,v=xo(),{activeElement:p,mount:S,onClickOutside:k,onEscape:b,onItemClick:h,onItemMouseEnter:y=v.onMouseEnter,registerElement:E}=v,[w,L]=j(null),[R,T]=j(!1),B=ne(null),V=Boolean(p)&&p===w,[A,M]=j(!1),Y=C(H=>{M(!1),y(H),T(!0)},[y]),te=C(H=>{H.key==="ArrowLeft"&&(H.stopPropagation(),T(!1),requestAnimationFrame(()=>{w==null||w.focus()}))},[w]),U=C(H=>{a&&a(H),B.current="first",T(!0),requestAnimationFrame(()=>{B.current=null})},[a]),J=C(()=>{T(!1),h&&h()},[h]),ee=C(()=>M(!0),[]);W(()=>S(w),[S,w]),W(()=>{V||T(!1)},[V]),W(()=>{R||M(!1)},[R]);const Q=d.createElement(vo,{onClickOutside:k,onEscape:b,onItemClick:J,onKeyDown:te,onMouseEnter:ee,registerElement:E,shouldFocus:B.current},n),F=C(H=>{const re=H.currentTarget;if(document.activeElement===re&&H.key==="ArrowRight"){B.current="first",T(!0),M(!0),requestAnimationFrame(()=>{B.current=null});return}},[]);return d.createElement(ut,{...l,content:Q,"data-ui":"MenuGroup__popover",open:R},d.createElement(yo,{"data-as":t,"data-ui":"MenuGroup",forwardedAs:t,...f,"aria-pressed":t==="button"?A:void 0,"data-pressed":t!=="button"?A:void 0,"data-selected":!A&&V?"":void 0,$radius:g(i),$tone:m,onClick:U,onKeyDown:F,onMouseEnter:Y,ref:L,tabIndex:-1,type:t==="button"?"button":void 0},d.createElement(K,{padding:s},d.createElement(Ee,null,r&&d.createElement(ae,{size:o},Ce(r)&&r,Le(r)&&Re(r)),d.createElement(K,{flex:1,marginLeft:r?c:void 0},d.createElement(ae,{size:o,textOverflow:"ellipsis"},u)),d.createElement(K,{marginLeft:c},d.createElement(ae,{size:o},d.createElement(tr,null)))))))}const el=P(function(e,t){const{as:n="button",children:o,disabled:r,fontSize:a=2,hotkeys:s,icon:l,iconRight:i,onClick:c,padding:u=3,paddingX:m,paddingY:f,paddingTop:v,paddingRight:p,paddingBottom:S,paddingLeft:k,pressed:b,radius:h=2,selected:y,space:E=3,text:w,tone:L="default",...R}=e,T=xo(),{activeElement:B,mount:V,onItemClick:A,onItemMouseEnter:M=T.onMouseEnter,onItemMouseLeave:Y=T.onMouseLeave}=T,[te,U]=j(null),J=Boolean(B)&&B===te;W(()=>V(te,y),[V,te,y]);const ee=de(t),Q=C(re=>{r||(c&&c(re),A&&A())},[r,c,A]),F=_(()=>({padding:u,paddingX:m,paddingY:f,paddingTop:v,paddingRight:p,paddingBottom:S,paddingLeft:k}),[u,m,f,v,p,S,k]),H=C(re=>{ee.current=re,U(re)},[ee]);return d.createElement(yo,{"data-ui":"MenuItem",...R,"aria-pressed":n==="button"&&b,"data-pressed":n!=="button"&&b?"":void 0,"data-selected":J?"":void 0,"data-disabled":r?"":void 0,forwardedAs:n,$radius:g(h),$padding:g(0),$tone:L,disabled:r,onClick:Q,onMouseEnter:M,onMouseLeave:Y,ref:H,role:"menuitem",tabIndex:-1,type:n==="button"?"button":void 0},(l||w||i)&&d.createElement(K,{as:"span",...F},d.createElement(Ee,{as:"span"},l&&d.createElement(ae,{size:a},Ce(l)&&l,Le(l)&&Re(l)),w&&d.createElement(K,{flex:1,marginLeft:l?E:void 0,marginRight:i?E:void 0},d.createElement(ae,{size:a,textOverflow:"ellipsis"},w)),s&&d.createElement(K,{marginLeft:E,style:{marginTop:-4,marginBottom:-4}},d.createElement(ho,{fontSize:a,keys:s})),i&&d.createElement(ae,{size:a},Ce(i)&&i,Le(i)&&Re(i)))),o&&d.createElement(K,{as:"span",...F},o))}),tl=Ht`
|
|
1186
|
+
0% {
|
|
1187
|
+
background-position: 100%;
|
|
1188
|
+
}
|
|
1189
|
+
100% {
|
|
1190
|
+
background-position: -100%;
|
|
1191
|
+
}
|
|
1192
|
+
`,nl=D`
|
|
1193
|
+
background-image: linear-gradient(
|
|
1194
|
+
to right,
|
|
1195
|
+
var(--card-skeleton-color-from),
|
|
1196
|
+
var(--card-skeleton-color-to),
|
|
1197
|
+
var(--card-skeleton-color-from),
|
|
1198
|
+
var(--card-skeleton-color-from),
|
|
1199
|
+
var(--card-skeleton-color-from)
|
|
1200
|
+
);
|
|
1201
|
+
background-position: 100%;
|
|
1202
|
+
background-size: 200% 100%;
|
|
1203
|
+
background-attachment: fixed;
|
|
1204
|
+
animation-name: ${tl};
|
|
1205
|
+
animation-timing-function: ease-in-out;
|
|
1206
|
+
animation-iteration-count: infinite;
|
|
1207
|
+
animation-duration: 2000ms;
|
|
1208
|
+
`,ol=D`
|
|
1209
|
+
opacity: ${({$visible:e})=>e?1:0};
|
|
1210
|
+
transition: opacity 200ms ease-in;
|
|
1211
|
+
|
|
1212
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
1213
|
+
${({$animated:e})=>e?nl:D`
|
|
1214
|
+
background-color: var(--card-skeleton-color-from);
|
|
1215
|
+
`}
|
|
1216
|
+
}
|
|
1217
|
+
|
|
1218
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
|
1219
|
+
background-color: var(--card-skeleton-color-from);
|
|
1220
|
+
}
|
|
1221
|
+
`,rl=$(K)(ke,ol),$o=P(function(e,t){const{animated:n=!1,delay:o,radius:r,...a}=e,[s,l]=j(!o);return W(()=>{if(!o)return l(!0);const i=setTimeout(()=>{l(!0)},o);return()=>{clearTimeout(i)}},[o]),d.createElement(rl,{...a,$animated:n,$radius:g(r),$visible:s,ref:t})}),St=$($o)(({$size:e,$style:t,theme:n})=>{const{media:o}=n.sanity,r=n.sanity.fonts[t];return N(o,e,a=>{const s=r.sizes[a];return{height:s.lineHeight-s.ascenderHeight-s.descenderHeight}})}),al=P(function(e,t){const{size:n=2,...o}=e,r=g(n);return d.createElement(St,{...o,$size:r,ref:t,$style:"text"})}),il=P(function(e,t){const{size:n=2,...o}=e,r=g(n);return d.createElement(St,{...o,$size:r,ref:t,$style:"label"})}),sl=P(function(e,t){const{size:n=2,...o}=e,r=g(n);return d.createElement(St,{...o,$size:r,ref:t,$style:"heading"})}),dl=P(function(e,t){const{size:n=2,...o}=e,r=g(n);return d.createElement(St,{...o,$size:r,ref:t,$style:"code"})}),ll=P(function(e,t){const{icon:n,id:o,focused:r,fontSize:a,label:s,onClick:l,onFocus:i,padding:c=2,selected:u,...m}=e,f=ne(null),v=ne(!1),p=C(()=>{v.current=!1},[]),S=C(b=>{v.current=!0,i&&i(b)},[i]),k=de(t);return W(()=>{r&&!v.current&&(f.current&&f.current.focus(),v.current=!0)},[r]),d.createElement(Ne,{"data-ui":"Tab",...m,"aria-selected":u?"true":"false",fontSize:a,icon:n,id:o,mode:"bleed",onClick:l,onBlur:p,onFocus:S,padding:c,ref:b=>{f.current=b,k.current=b},role:"tab",selected:u,tabIndex:u?0:-1,text:s,type:"button"})});function cl(e){return Boolean(e)}const ul=P(function(e,t){const{children:n,...o}=e,[r,a]=j(-1),s=_(()=>n.filter(cl),[n]).map((u,m)=>He(u,{focused:r===m,key:m,onFocus:()=>i(m)})),l=s.length,i=C(u=>{a(u)},[]),c=C(u=>{u.key==="ArrowLeft"&&a(m=>(m+l-1)%l),u.key==="ArrowRight"&&a(m=>(m+1)%l)},[l]);return d.createElement(Zt,{"data-ui":"TabList",...o,onKeyDown:c,ref:t,role:"tablist"},s)}),fl=P(function(e,t){const{flex:n,...o}=e;return d.createElement(K,{"data-ui":"TabPanel",...o,flex:n,ref:t,role:"tabpanel",tabIndex:e.tabIndex===void 0?0:e.tabIndex},e.children)}),ml={error:"critical",warning:"caution",success:"positive",info:"primary"},pl={error:"alert",warning:"alert",success:"alert",info:"alert"},hl=$(he)`
|
|
1222
|
+
pointer-events: all;
|
|
1223
|
+
`,bl=$(Ee)`
|
|
1224
|
+
overflow-x: auto;
|
|
1225
|
+
`;function wo(e){const{closable:t,description:n,onClose:o,title:r,status:a,...s}=e,l=a?ml[a]:"default",i=a?pl[a]:"status";return d.createElement(hl,{"data-ui":"Toast",role:i,...s,marginTop:3,radius:2,shadow:2,tone:l},d.createElement(Ee,{align:"flex-start"},d.createElement(bl,{flex:1,padding:3},d.createElement(qe,{space:3},r&&d.createElement(ae,{weight:"semibold"},r),n&&d.createElement(ae,{muted:!0,size:1},n))),t&&d.createElement(K,{padding:1},d.createElement(Ne,{as:"button",icon:Bt,mode:"bleed",padding:2,onClick:o,style:{verticalAlign:"top"}}))))}const fn=Symbol.for("@sanity/ui/context/toast");Z[fn]=Z[fn]||Te(null);const ko=Z[fn],gl=$(lt)`
|
|
1226
|
+
position: fixed;
|
|
1227
|
+
top: 0;
|
|
1228
|
+
left: 0;
|
|
1229
|
+
right: 0;
|
|
1230
|
+
bottom: 0;
|
|
1231
|
+
pointer-events: none;
|
|
1232
|
+
`,vl=$.div`
|
|
1233
|
+
box-sizing: border-box;
|
|
1234
|
+
position: absolute;
|
|
1235
|
+
right: 0;
|
|
1236
|
+
bottom: 0;
|
|
1237
|
+
max-width: 420px;
|
|
1238
|
+
width: 100%;
|
|
1239
|
+
`;let yl=0;function xl(e){const{children:t,padding:n=4,paddingX:o,paddingY:r,zOffset:a}=e,[s,l]=j({toasts:[]}),i=ne({}),c=C(m=>{const f=m.id||String(yl++),v=m.duration||5e3,p=()=>{var S;const k=(S=i.current[f])==null?void 0:S.timeoutId;l(b=>{const h=b.toasts.findIndex(y=>y.id===f);if(h>-1){const y=b.toasts.slice(0);return y.splice(h,1),{...b,toasts:y}}return b}),k!==void 0&&(clearTimeout(k),delete i.current[f])};return l(S=>({...S,toasts:S.toasts.filter(k=>k.id!==f).concat([{dismiss:p,id:f,params:{...m,duration:v}}])})),i.current[f]&&(clearTimeout(i.current[f].timeoutId),delete i.current[f]),i.current[f]={timeoutId:setTimeout(p,v)},f},[]);W(()=>()=>{for(const{timeoutId:m}of Object.values(i.current))clearTimeout(m);i.current={}},[]);const u=_(()=>({version:0,push:c}),[c]);return d.createElement(ko.Provider,{value:u},t,d.createElement(gl,{"data-ui":"ToastProvider",zOffset:a},d.createElement(vl,null,d.createElement(K,{padding:n,paddingX:o,paddingY:r},d.createElement(ar,{initial:!1},s.toasts.map(({dismiss:m,id:f,params:v})=>d.createElement(ir.div,{animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.5,transition:{duration:.2}},initial:{opacity:0,y:32,scale:.25},key:f,layout:"position",transition:{type:"spring",damping:30,stiffness:400}},d.createElement(wo,{closable:v.closable,description:v.description,onClose:m,status:v.status,title:v.title}))))))))}function $l(){const e=ge(ko);if(!e)throw new Error("useToast(): missing context value");if(!Ue(e)||e.version!==0)throw new Error("useToast(): the context value is not compatible");return e}function wl(e,t,n){var o;const r=t.indexOf(n),a=t.slice(0,r),s=a.length;for(let l=s-1;l>=0;l-=1){const i=a[l].getAttribute("data-tree-key");if(!i)continue;const c=i.split("/");c.pop();const u=[];let m=!0;for(let f=0;f<c.length;f+=1){u.push(c[f]);const v=u.join("/");if(!((o=e[v])!=null&&o.expanded)){m=!1;break}}if(m)return a[l]}return null}function kl(e,t,n){var o;const r=t.indexOf(n),a=t.slice(r),s=t.length;for(let l=1;l<s;l+=1){if(!a[l])continue;const i=a[l].getAttribute("data-tree-key");if(!i)continue;const c=i.split("/");c.pop();const u=[];let m=!0;for(let f=0;f<c.length;f+=1){u.push(c[f]);const v=u.join("/");if(!((o=e[v])!=null&&o.expanded)){m=!1;break}}if(m)return a[l]}return null}function Eo(e){if(e.getAttribute("role")==="treeitem"&&e.focus(),e.getAttribute("role")==="none"){const t=e.firstChild;t&&t instanceof HTMLElement&&t.focus()}}const mn=Symbol.for("@sanity/ui/context/tree");Z[mn]=Z[mn]||Te(null);const zt=Z[mn],So=ht(P(function(e,t){const{children:n,space:o=1,...r}=e,a=de(t),[s,l]=j(null),i=ne(s),c=_(()=>[],[]),[u,m]=j([]),[f,v]=j({}),p=ne(f);W(()=>{i.current=s},[s]),W(()=>{p.current=f},[f]);const S=C((y,E,w,L)=>(v(R=>({...R,[E]:{element:y,expanded:w}})),L&&l(y),()=>{v(R=>{const T={...R};return delete T[E],T})}),[]),k=C((y,E)=>{v(w=>{const L=w[y];return L?{...w,[y]:{...L,expanded:E}}:w})},[]),b=_(()=>({version:0,focusedElement:s||u[0]||null,level:0,path:c,registerItem:S,setExpanded:k,setFocusedElement:l,space:o,state:f}),[s,u,c,S,k,o,f]),h=C(y=>{var E;if(i.current){if(y.key==="ArrowDown"){y.preventDefault();const w=kl(p.current,u,i.current);w&&(Eo(w),l(w));return}if(y.key==="ArrowUp"){y.preventDefault();const w=wl(p.current,u,i.current);w&&(Eo(w),l(w));return}if(y.key==="ArrowLeft"){y.preventDefault();const w=i.current.getAttribute("data-tree-key");if(!w)return;const L=p.current[w];if(!L)return;if(L.expanded)v(R=>{const T=R[w];return T?{...R,[w]:{...T,expanded:!1}}:R});else{const R=w.split("/");R.pop();const T=R.join("/"),B=T&&p.current[T];B&&(B.element.focus(),l(B.element))}return}if(y.key==="ArrowRight"){y.preventDefault();const w=i.current.getAttribute("data-tree-key");if(!w)return;(E=p.current[w])!=null&&E.expanded||v(L=>{const R=L[w];return R?{...L,[w]:{...R,expanded:!0}}:L});return}}},[u]);return W(()=>{if(!a.current)return;const y=Array.from(a.current.querySelectorAll('[data-ui="TreeItem"]'));m(y)},[n,a]),d.createElement(zt.Provider,{value:b},d.createElement(qe,{as:"ul","data-ui":"Tree",...r,onKeyDown:h,ref:a,role:"tree",space:o},n))}));So.displayName="Tree";function El(){return D`
|
|
1240
|
+
&[role='none'] > [role='treeitem'] {
|
|
1241
|
+
outline: none;
|
|
1242
|
+
cursor: default;
|
|
1243
|
+
border-radius: 3px;
|
|
1244
|
+
|
|
1245
|
+
&:focus {
|
|
1246
|
+
position: relative;
|
|
1247
|
+
}
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
|
+
&[role='treeitem'] {
|
|
1251
|
+
outline: none;
|
|
1252
|
+
|
|
1253
|
+
& > div {
|
|
1254
|
+
cursor: default;
|
|
1255
|
+
border-radius: 3px;
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1258
|
+
&:focus > div {
|
|
1259
|
+
position: relative;
|
|
1260
|
+
}
|
|
1261
|
+
}
|
|
1262
|
+
`}function Sl(e){const{theme:t}=e,n="default",{base:o,muted:r,selectable:a}=t.sanity.color,s=a?a[n]||a.default:r[n]||r.default;return D`
|
|
1263
|
+
/* <div role="none"><a data-ui="TreeItem__box" role="treeitem" tabIndex="0"></div> */
|
|
1264
|
+
&[role='none'] {
|
|
1265
|
+
& > [role='treeitem'] {
|
|
1266
|
+
${G(o,s.enabled)}
|
|
1267
|
+
|
|
1268
|
+
background-color: var(--card-bg-color);
|
|
1269
|
+
color: var(--treeitem-fg-color);
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
&[data-selected] > [role='treeitem'] {
|
|
1273
|
+
${G(o,s.pressed)}
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
@media (hover: hover) {
|
|
1277
|
+
&:not([data-selected]) > [role='treeitem']:not(:focus):hover {
|
|
1278
|
+
${G(o,s.hovered)}
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
& > [role='treeitem']:focus {
|
|
1282
|
+
${G(o,s.selected)}
|
|
1283
|
+
}
|
|
1284
|
+
}
|
|
1285
|
+
}
|
|
1286
|
+
|
|
1287
|
+
/* <div role="treeitem" tabIndex="0"><div data-ui="TreeItem__box"></div> */
|
|
1288
|
+
&[role='treeitem'] {
|
|
1289
|
+
& > [data-ui='TreeItem__box'] {
|
|
1290
|
+
${G(o,s.enabled)}
|
|
1291
|
+
|
|
1292
|
+
background-color: var(--card-bg-color);
|
|
1293
|
+
color: var(--card-fg-color);
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1296
|
+
&[data-selected] > [data-ui='TreeItem__box'] {
|
|
1297
|
+
${G(o,s.pressed)}
|
|
1298
|
+
}
|
|
1299
|
+
|
|
1300
|
+
@media (hover: hover) {
|
|
1301
|
+
&:not([data-selected]):not(:focus) > [data-ui='TreeItem__box']:hover {
|
|
1302
|
+
${G(o,s.hovered)}
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
&:focus > [data-ui='TreeItem__box'] {
|
|
1306
|
+
${G(o,s.selected)}
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
}
|
|
1310
|
+
`}function zl(e){const{$level:t,theme:n}=e,{space:o}=n.sanity;return D`
|
|
1311
|
+
padding-left: ${O(o[2]*t)};
|
|
1312
|
+
|
|
1313
|
+
&[data-as='a'] {
|
|
1314
|
+
text-decoration: none;
|
|
1315
|
+
}
|
|
1316
|
+
`}function pn(){const e=ge(zt);if(!e)throw new Error("Tree: missing context value");return e}const zo=ht(function(e){const{children:t,expanded:n=!1,...o}=e,r=pn();return d.createElement(qe,{as:"ul","data-ui":"TreeGroup",...o,hidden:!n,marginTop:r.space,role:"group",space:r.space},t)}),To=ht($.li(El,Sl)),Co=$(K).attrs({forwardedAs:"a"})(zl),Tl=$(ae)`
|
|
1317
|
+
& > svg {
|
|
1318
|
+
transition: transform 100ms;
|
|
1319
|
+
}
|
|
1320
|
+
`,Cl=ht(function(e){const{children:t,expanded:n=!1,fontSize:o,href:r,icon:a,id:s,muted:l,onClick:i,padding:c=3,selected:u=!1,space:m=2,text:f,weight:v,...p}=e,S=ne(null),k=ne(null),b=pn(),{path:h,registerItem:y,setExpanded:E,setFocusedElement:w}=b,L=$n(s)||s,R=_(()=>h.concat([L||""]),[L,h]),T=R.join("/"),B=b.state[T],V=b.focusedElement===S.current,A=(B==null?void 0:B.expanded)===void 0?n:(B==null?void 0:B.expanded)||!1,M=b.focusedElement&&b.focusedElement===S.current?0:-1,Y=_(()=>({...b,level:b.level+1,path:R}),[R,b]),te=C(ee=>{i&&i(ee);const Q=ee.target;Q instanceof HTMLElement&&(Q.getAttribute("data-ui")==="TreeItem__box"||Q.closest('[data-ui="TreeItem__box"]'))&&(ee.stopPropagation(),E(T,!A),w(S.current))},[A,T,i,E,w]),U=C(ee=>{if(V&&ee.key==="Enter"){const Q=k.current||S.current;Q==null||Q.click()}},[V]);W(()=>{if(S.current)return y(S.current,R.join("/"),A,u)},[A,R,y,u]);const J=d.createElement(Ee,{padding:c},d.createElement(K,{marginRight:m,style:{visibility:a||t?"visible":"hidden",pointerEvents:"none"}},a&&d.createElement(ae,{muted:l,size:o,weight:v},Re(a)),!a&&d.createElement(Tl,{muted:l,size:o,weight:v},d.createElement(nr,{style:{transform:A?"rotate(90deg)":void 0}}))),d.createElement(K,{flex:1},d.createElement(ae,{muted:l,size:o,textOverflow:"ellipsis",weight:v},f)));return r?d.createElement(To,{"data-selected":u?"":void 0,"data-tree-id":L,"data-tree-key":T,"data-ui":"TreeItem",...p,onClick:te,ref:S,role:"none"},d.createElement(Co,{$level:b.level,"aria-expanded":A,"data-ui":"TreeItem__box",href:r,ref:k,role:"treeitem",tabIndex:M},J),d.createElement(zt.Provider,{value:Y},t&&d.createElement(zo,{hidden:!A},t))):d.createElement(To,{"data-selected":u?"":void 0,"data-ui":"TreeItem","data-tree-id":L,"data-tree-key":T,...p,"aria-expanded":A,onClick:te,onKeyDown:U,ref:S,role:"treeitem",tabIndex:M},d.createElement(Co,{$level:b.level,as:"div","data-ui":"TreeItem__box"},J),d.createElement(zt.Provider,{value:Y},t&&d.createElement(zo,{expanded:A},t)))});export{zd as Autocomplete,Ya as Avatar,Gt as AvatarCounter,ei as AvatarStack,si as Badge,Vi as BoundaryElementProvider,K as Box,Rd as Breadcrumbs,Ne as Button,he as Card,Ei as Checkbox,Jt as Code,dl as CodeSkeleton,Qn as Container,Dd as Dialog,cn as DialogContext,Nd as DialogProvider,Yi as ElementQuery,Ki as ErrorBoundary,Ee as Flex,Ai as Grid,Bi as Heading,sl as HeadingSkeleton,ho as Hotkeys,Zt as Inline,eo as KBD,Gn as Label,il as LabelSkeleton,lt as Layer,no as LayerProvider,vo as Menu,Ud as MenuButton,Gd as MenuDivider,Qd as MenuGroup,el as MenuItem,ut as Popover,$t as Portal,es as PortalProvider,vs as Radio,Rs as Select,$o as Skeleton,Jn as Spinner,ns as SrOnly,qe as Stack,js as Switch,ll as Tab,ul as TabList,fl as TabPanel,ae as Text,Us as TextArea,mo as TextInput,al as TextSkeleton,Dn as ThemeColorProvider,Fn as ThemeProvider,wo as Toast,xl as ToastProvider,ud as Tooltip,So as Tree,Cl as TreeItem,as as VirtualList,_t as _ResizeObserver,An as _elementSizeObserver,Sn as _fillCSSObject,zn as _getArrayProp,le as _getResponsiveSpace,lo as _hasFocus,ro as _isEnterToClickElement,uo as _isScrollable,wt as _raf,os as _raf2,N as _responsive,an as attemptFocus,_n as createColorTheme,ct as focusFirstDescendant,sn as focusLastDescendant,Hn as hexToRgb,Bn as hslToRgb,co as isFocusable,kt as isHTMLAnchorElement,Et as isHTMLButtonElement,Oe as isHTMLElement,ao as isHTMLInputElement,io as isHTMLSelectElement,so as isHTMLTextAreaElement,In as multiply,Ye as parseColor,O as rem,Tn as responsiveCodeFontStyle,Cn as responsiveHeadingFont,Rn as responsiveLabelFont,gt as responsiveTextAlignStyle,Ln as responsiveTextFont,jt as rgbToHex,ur as rgbToHsl,X as rgba,Mn as screen,Cr as studioTheme,g as useArrayProp,en as useBoundaryElement,vt as useClickOutside,Ge as useCustomValidity,po as useDialog,cr as useElementRect,Pt as useElementSize,de as useForwardedRef,Ft as useGlobalKeyDown,xt as useLayer,Vn as useMediaIndex,rn as usePortal,Mr as usePrefersDark,it as useRootTheme,$e as useTheme,$l as useToast,pn as useTree};
|
|
1321
|
+
//# sourceMappingURL=sanity-ui.js.map
|