@sanity/ui 4.2.0 → 5.0.0-alpha.10
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/README.md +194 -28
- package/bin/sanity-ui.js +14 -0
- package/dist/_chunks-es/LazyRefractor.js +20 -0
- package/dist/_chunks-es/LazyRefractor.js.map +1 -0
- package/dist/cli/checks.js +148 -0
- package/dist/cli/config.js +23 -0
- package/dist/cli/detect.js +181 -0
- package/dist/cli/doctor.js +49 -0
- package/dist/cli/index.js +69 -0
- package/dist/cli/init.js +189 -0
- package/dist/cli/install.js +79 -0
- package/dist/cli/log.js +66 -0
- package/dist/cli/selfPackage.js +11 -0
- package/dist/cli/styles.js +185 -0
- package/dist/cli/test-utils.js +8 -0
- package/dist/cli/tsconfig.js +236 -0
- package/dist/cli/types.js +1 -0
- package/dist/cli/versions.js +45 -0
- package/dist/index.d.ts +1203 -1469
- package/dist/index.js +2123 -1989
- package/dist/index.js.map +1 -1
- package/dist/polyfills.d.ts +1 -0
- package/dist/polyfills.js +5 -0
- package/dist/polyfills.js.map +1 -0
- package/dist/styles.css +1 -547
- package/package.json +57 -58
- package/src/cli/checks.test.ts +38 -0
- package/src/cli/checks.ts +200 -0
- package/src/cli/config.ts +44 -0
- package/src/cli/detect.test.ts +191 -0
- package/src/cli/detect.ts +205 -0
- package/src/cli/doctor.test.ts +52 -0
- package/src/cli/doctor.ts +65 -0
- package/src/cli/index.ts +77 -0
- package/src/cli/init.ts +225 -0
- package/src/cli/install.test.ts +52 -0
- package/src/cli/install.ts +108 -0
- package/src/cli/log.ts +79 -0
- package/src/cli/selfPackage.ts +14 -0
- package/src/cli/styles.test.ts +130 -0
- package/src/cli/styles.ts +205 -0
- package/src/cli/test-utils.ts +10 -0
- package/src/cli/tsconfig.test.ts +174 -0
- package/src/cli/tsconfig.ts +282 -0
- package/src/cli/types.ts +77 -0
- package/src/cli/versions.test.ts +35 -0
- package/src/cli/versions.ts +41 -0
- package/src/components/badge/Badge.tsx +53 -0
- package/src/components/badge/badge.css +6 -0
- package/src/components/badge/badge.props.ts +31 -0
- package/src/components/box/Box.tsx +30 -0
- package/src/components/box/box.css +4 -0
- package/src/components/box/box.props.ts +29 -0
- package/src/components/button/Button.tsx +78 -0
- package/src/components/button/button.css +72 -0
- package/src/components/button/button.props.ts +122 -0
- package/src/components/card/Card.tsx +31 -0
- package/src/components/card/card.css +4 -0
- package/src/components/card/card.props.ts +58 -0
- package/src/components/checkbox/Checkbox.tsx +64 -0
- package/src/components/checkbox/checkbox.css +100 -0
- package/src/components/checkbox/checkbox.props.ts +33 -0
- package/src/components/code/Code.tsx +38 -0
- package/src/components/code/LazyRefractor.tsx +9 -0
- package/src/components/code/code.css +40 -0
- package/src/components/code/code.props.ts +44 -0
- package/src/components/container/Container.tsx +30 -0
- package/src/components/container/container.css +4 -0
- package/src/components/container/container.props.ts +28 -0
- package/src/components/dialog/Dialog.tsx +139 -0
- package/src/components/dialog/dialog.css +49 -0
- package/src/components/dialog/dialog.props.ts +45 -0
- package/src/components/divider/Divider.tsx +23 -0
- package/src/components/divider/divider.props.ts +9 -0
- package/src/components/eyebrow/Eyebrow.tsx +54 -0
- package/src/components/eyebrow/eyebrow.css +11 -0
- package/src/components/eyebrow/eyebrow.props.ts +28 -0
- package/src/components/flex/Flex.tsx +30 -0
- package/src/components/flex/flex.css +4 -0
- package/src/components/flex/flex.props.ts +33 -0
- package/src/components/grid/Grid.tsx +30 -0
- package/src/components/grid/grid.css +4 -0
- package/src/components/grid/grid.props.ts +33 -0
- package/src/components/h-stack/HStack.tsx +34 -0
- package/src/components/h-stack/hStack.props.ts +17 -0
- package/src/components/heading/Heading.tsx +54 -0
- package/src/components/heading/heading.css +9 -0
- package/src/components/heading/heading.props.ts +31 -0
- package/src/components/icon/Icon.tsx +24 -0
- package/src/components/icon/icon.css +17 -0
- package/src/components/icon/icon.props.ts +35 -0
- package/src/components/icon-button/IconButton.tsx +32 -0
- package/src/components/icon-button/iconButton.props.ts +31 -0
- package/src/components/index.css +28 -0
- package/src/components/indicator/Indicator.tsx +42 -0
- package/src/components/indicator/indicator.css +4 -0
- package/src/components/indicator/indicator.props.ts +24 -0
- package/src/components/indicator-stack/IndicatorStack.tsx +31 -0
- package/src/components/indicator-stack/indicator-stack.css +7 -0
- package/src/components/indicator-stack/indicatorStack.props.ts +15 -0
- package/src/components/inline/Inline.tsx +38 -0
- package/src/components/inline/inline.css +4 -0
- package/src/components/inline/inline.props.ts +100 -0
- package/src/components/label/Label.tsx +34 -0
- package/src/components/label/label.css +3 -0
- package/src/components/label/label.props.ts +25 -0
- package/src/components/link/Link.tsx +29 -0
- package/src/components/link/link.css +12 -0
- package/src/components/link/link.props.ts +23 -0
- package/src/components/list/List.tsx +167 -0
- package/src/components/list/list.css +25 -0
- package/src/components/list/list.props.ts +130 -0
- package/src/components/popover/Popover.tsx +85 -0
- package/src/components/popover/popover.css +21 -0
- package/src/components/popover/popover.props.ts +38 -0
- package/src/components/press-area/PressArea.tsx +29 -0
- package/src/components/press-area/press-area.css +22 -0
- package/src/components/press-area/pressArea.props.ts +16 -0
- package/src/components/radio/Radio.tsx +48 -0
- package/src/components/radio/radio.css +97 -0
- package/src/components/radio/radio.props.ts +25 -0
- package/src/components/skip-to-content/SkipToContent.tsx +35 -0
- package/src/components/skip-to-content/skip-to-content.css +9 -0
- package/src/components/skip-to-content/skipToContent.props.ts +25 -0
- package/src/components/spinner/Spinner.tsx +28 -0
- package/src/components/spinner/spinner.css +10 -0
- package/src/components/spinner/spinner.props.ts +19 -0
- package/src/components/switch/Switch.tsx +48 -0
- package/src/components/switch/switch.css +119 -0
- package/src/components/switch/switch.props.ts +25 -0
- package/src/components/text/Text.tsx +53 -0
- package/src/components/text/text.css +9 -0
- package/src/components/text/text.props.ts +28 -0
- package/src/components/tooltip/Tooltip.tsx +97 -0
- package/src/components/tooltip/tooltip.css +31 -0
- package/src/components/tooltip/tooltip.props.ts +36 -0
- package/src/components/tooltip-group/TooltipGroup.tsx +64 -0
- package/src/components/tooltip-group/tooltipGroup.props.ts +15 -0
- package/src/components/v-stack/VStack.tsx +32 -0
- package/src/components/v-stack/vStack.props.ts +17 -0
- package/src/components/visually-hidden/VisuallyHidden.tsx +29 -0
- package/src/components/visually-hidden/visually-hidden.css +9 -0
- package/src/components/visually-hidden/visuallyHidden.props.ts +23 -0
- package/src/css/classes/dynamic/flex-child.css +5 -0
- package/src/css/classes/dynamic/grid-child.css +8 -0
- package/src/css/classes/dynamic/grid-parent.css +6 -0
- package/src/css/classes/dynamic/height.css +5 -0
- package/src/css/classes/dynamic/index.css +7 -0
- package/src/css/classes/dynamic/line-clamp.css +5 -0
- package/src/css/classes/dynamic/readme.md +3 -0
- package/src/css/classes/dynamic/width.css +7 -0
- package/src/css/classes/dynamic/z-index.css +3 -0
- package/src/css/classes/generic/display.css +10 -0
- package/src/css/classes/generic/flex.css +24 -0
- package/src/css/classes/generic/grid.css +7 -0
- package/src/css/classes/generic/index.css +7 -0
- package/src/css/classes/generic/overflow.css +19 -0
- package/src/css/classes/generic/placement.css +202 -0
- package/src/css/classes/generic/position.css +7 -0
- package/src/css/classes/generic/readme.md +3 -0
- package/src/css/classes/generic/text-align.css +5 -0
- package/src/css/classes/index.css +4 -0
- package/src/css/classes/local/animation.css +4 -0
- package/src/css/classes/local/border.css +20 -0
- package/src/css/classes/local/index.css +6 -0
- package/src/css/classes/local/readme.md +3 -0
- package/src/css/classes/local/text-overflow.css +5 -0
- package/src/css/classes/local/text-trim.css +45 -0
- package/src/css/classes/local/tone.css +75 -0
- package/src/css/classes/local/top-anchor.css +4 -0
- package/src/css/classes/system/color.css +223 -0
- package/src/css/classes/system/container.css +8 -0
- package/src/css/classes/system/font-family.css +2 -0
- package/src/css/classes/system/font-weight.css +4 -0
- package/src/css/classes/system/gap.css +37 -0
- package/src/css/classes/system/index.css +10 -0
- package/src/css/classes/system/inset.css +56 -0
- package/src/css/classes/system/margin.css +148 -0
- package/src/css/classes/system/padding.css +78 -0
- package/src/css/classes/system/radius.css +10 -0
- package/src/css/classes/system/readme.md +3 -0
- package/src/css/classes/system/shadow.css +6 -0
- package/src/css/classes/system/typography.css +31 -0
- package/src/css/global/font-face.css +20 -0
- package/src/css/global/index.css +2 -0
- package/src/css/global/reset.css +76 -0
- package/src/css/tokens/index.css +3 -0
- package/src/css/tokens/opacity.css +6 -0
- package/src/css/tokens/semantic.css +25 -0
- package/src/css/tokens/surface.css +27 -0
- package/src/hooks/useIsClient.ts +10 -0
- package/src/index.css +18 -0
- package/src/index.ts +65 -0
- package/src/polyfills.ts +15 -0
- package/src/props/border.ts +51 -0
- package/src/props/flexChild.ts +29 -0
- package/src/props/flexParent.ts +47 -0
- package/src/props/gap.ts +31 -0
- package/src/props/gridChild.ts +50 -0
- package/src/props/gridParent.ts +45 -0
- package/src/props/height.ts +29 -0
- package/src/props/layout.ts +44 -0
- package/src/props/margin.ts +59 -0
- package/src/props/overflow.ts +30 -0
- package/src/props/padding.ts +59 -0
- package/src/props/placement.ts +16 -0
- package/src/props/position.ts +52 -0
- package/src/props/shadow.ts +15 -0
- package/src/props/tone.ts +15 -0
- package/src/props/typography.ts +62 -0
- package/src/props/width.ts +29 -0
- package/src/props/zIndex.ts +15 -0
- package/src/styles.css.d.ts +1 -0
- package/src/styles.css.node.js +2 -0
- package/src/styles.css.test.ts +24 -0
- package/src/types/Button.ts +8 -0
- package/src/types/Code.ts +6 -0
- package/src/types/Container.ts +3 -0
- package/src/types/Density.ts +3 -0
- package/src/types/Display.ts +11 -0
- package/src/types/Eyebrow.ts +3 -0
- package/src/types/Flex.ts +22 -0
- package/src/types/FontWeight.ts +3 -0
- package/src/types/Grid.ts +3 -0
- package/src/types/Heading.ts +6 -0
- package/src/types/Icon.ts +3 -0
- package/src/types/Interactive.ts +8 -0
- package/src/types/List.ts +2 -0
- package/src/types/Overflow.ts +3 -0
- package/src/types/Placement.ts +16 -0
- package/src/types/Position.ts +3 -0
- package/src/types/PropDef.ts +73 -0
- package/src/types/Radius.ts +3 -0
- package/src/types/Responsive.ts +10 -0
- package/src/types/Shadow.ts +3 -0
- package/src/types/Space.ts +15 -0
- package/src/types/Text.ts +3 -0
- package/src/types/TextAlign.ts +3 -0
- package/src/types/Tone.ts +3 -0
- package/src/utils/getProps.test.ts +156 -0
- package/src/utils/getProps.ts +156 -0
- package/src/utils/mergeTriggerProps.ts +66 -0
- package/src/utils/renderPortal.tsx +14 -0
- package/src/utils/suffixClassName.ts +5 -0
- package/src/version.ts +3 -0
- package/LICENSE +0 -21
- package/dist/_system-CTe2lb5l.d.ts +0 -40
- package/dist/_system-CTe2lb5l.d.ts.map +0 -1
- package/dist/arrow-BmX6qbAS.js +0 -170
- package/dist/arrow-BmX6qbAS.js.map +0 -1
- package/dist/autocomplete.d.ts +0 -140
- package/dist/autocomplete.d.ts.map +0 -1
- package/dist/autocomplete.js +0 -470
- package/dist/autocomplete.js.map +0 -1
- package/dist/breadcrumbs.d.ts +0 -18
- package/dist/breadcrumbs.d.ts.map +0 -1
- package/dist/breadcrumbs.js +0 -119
- package/dist/breadcrumbs.js.map +0 -1
- package/dist/button-BNyKSDyA.js +0 -180
- package/dist/button-BNyKSDyA.js.map +0 -1
- package/dist/button-dnqMFkWg.d.ts +0 -76
- package/dist/button-dnqMFkWg.d.ts.map +0 -1
- package/dist/card-C0a0wQTc.d.ts +0 -7
- package/dist/card-C0a0wQTc.d.ts.map +0 -1
- package/dist/code.d.ts +0 -20
- package/dist/code.d.ts.map +0 -1
- package/dist/code.js +0 -90
- package/dist/code.js.map +0 -1
- package/dist/codeFontStyle-84SMhFtI.js +0 -11
- package/dist/codeFontStyle-84SMhFtI.js.map +0 -1
- package/dist/component-DVlwaWB-.d.ts +0 -25
- package/dist/component-DVlwaWB-.d.ts.map +0 -1
- package/dist/element-BYgCE_iK.js +0 -51
- package/dist/element-BYgCE_iK.js.map +0 -1
- package/dist/factory-BzXTX8_Q.js +0 -3056
- package/dist/factory-BzXTX8_Q.js.map +0 -1
- package/dist/flex-DmbDG2ks.js +0 -76
- package/dist/flex-DmbDG2ks.js.map +0 -1
- package/dist/font-EtfxKPUz.d.ts +0 -49
- package/dist/font-EtfxKPUz.d.ts.map +0 -1
- package/dist/getElementRef-Jw7gY0eV.js +0 -102
- package/dist/getElementRef-Jw7gY0eV.js.map +0 -1
- package/dist/getScopedTheme-C-sZsyAz.js +0 -267
- package/dist/getScopedTheme-C-sZsyAz.js.map +0 -1
- package/dist/getTheme_v2-y09KqtEb.js +0 -487
- package/dist/getTheme_v2-y09KqtEb.js.map +0 -1
- package/dist/grid-6JSgMj1O.js +0 -115
- package/dist/grid-6JSgMj1O.js.map +0 -1
- package/dist/helpers-C8xxXAQC.js +0 -63
- package/dist/helpers-C8xxXAQC.js.map +0 -1
- package/dist/hotkeys-CaHsQlsO.js +0 -168
- package/dist/hotkeys-CaHsQlsO.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/layer-Bl5R3uNR.js +0 -61
- package/dist/layer-Bl5R3uNR.js.map +0 -1
- package/dist/layer-ChlP9Ik6.d.ts +0 -242
- package/dist/layer-ChlP9Ik6.d.ts.map +0 -1
- package/dist/menu.d.ts +0 -146
- package/dist/menu.d.ts.map +0 -1
- package/dist/menu.js +0 -626
- package/dist/menu.js.map +0 -1
- package/dist/popover-B7-28L8y.js +0 -408
- package/dist/popover-B7-28L8y.js.map +0 -1
- package/dist/popover-CMlQeKn0.d.ts +0 -96
- package/dist/popover-CMlQeKn0.d.ts.map +0 -1
- package/dist/popover.d.ts +0 -2
- package/dist/popover.js +0 -3
- package/dist/refractor-CC48DwHi.js +0 -20
- package/dist/refractor-CC48DwHi.js.map +0 -1
- package/dist/responsiveFont-CilwaORG.js +0 -55
- package/dist/responsiveFont-CilwaORG.js.map +0 -1
- package/dist/rgba-BSYaEUW6.d.ts +0 -846
- package/dist/rgba-BSYaEUW6.d.ts.map +0 -1
- package/dist/selectable-B0GUIL74.d.ts +0 -7
- package/dist/selectable-B0GUIL74.d.ts.map +0 -1
- package/dist/stack-rsNFPq2-.js +0 -112
- package/dist/stack-rsNFPq2-.js.map +0 -1
- package/dist/styles-css.d.ts +0 -2
- package/dist/styles-css.js +0 -4
- package/dist/textInput-pSfQjkmx.js +0 -313
- package/dist/textInput-pSfQjkmx.js.map +0 -1
- package/dist/theme.d.ts +0 -280
- package/dist/theme.d.ts.map +0 -1
- package/dist/theme.js +0 -55
- package/dist/theme.js.map +0 -1
- package/dist/toast.d.ts +0 -73
- package/dist/toast.d.ts.map +0 -1
- package/dist/toast.js +0 -302
- package/dist/toast.js.map +0 -1
- package/dist/tooltip.d.ts +0 -88
- package/dist/tooltip.d.ts.map +0 -1
- package/dist/tooltip.js +0 -435
- package/dist/tooltip.js.map +0 -1
- package/dist/useClickOutsideEvent-wGLGWBZN.js +0 -36
- package/dist/useClickOutsideEvent-wGLGWBZN.js.map +0 -1
- package/dist/useElementSize-BJvbGHq8.js +0 -51
- package/dist/useElementSize-BJvbGHq8.js.map +0 -1
- package/dist/useLayer-D1usxIE0.js +0 -712
- package/dist/useLayer-D1usxIE0.js.map +0 -1
package/dist/helpers-C8xxXAQC.js
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
|
|
2
|
-
/**
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
const EMPTY_ARRAY = [], EMPTY_RECORD = {}, POPOVER_MOTION_DURATION = .2, POPOVER_MOTION_PROPS = {
|
|
6
|
-
variants: {
|
|
7
|
-
initial: {
|
|
8
|
-
scale: .97,
|
|
9
|
-
willChange: "transform"
|
|
10
|
-
},
|
|
11
|
-
hidden: { opacity: 0 },
|
|
12
|
-
visible: {
|
|
13
|
-
opacity: 1,
|
|
14
|
-
transition: { duration: POPOVER_MOTION_DURATION / 2 }
|
|
15
|
-
},
|
|
16
|
-
scaleIn: { scale: 1 },
|
|
17
|
-
scaleOut: { scale: .97 }
|
|
18
|
-
},
|
|
19
|
-
transition: {
|
|
20
|
-
type: "spring",
|
|
21
|
-
visualDuration: POPOVER_MOTION_DURATION,
|
|
22
|
-
bounce: .25
|
|
23
|
-
},
|
|
24
|
-
initial: ["hidden", "initial"],
|
|
25
|
-
animate: ["visible", "scaleIn"],
|
|
26
|
-
exit: ["hidden", "scaleOut"]
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* @internal
|
|
30
|
-
*/
|
|
31
|
-
function _fillCSSObject(keys, value) {
|
|
32
|
-
return keys.reduce((style, key) => (style[key] = value, style), {});
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* @public
|
|
36
|
-
*/
|
|
37
|
-
function rem(pixelValue) {
|
|
38
|
-
return pixelValue === 0 ? 0 : `${pixelValue / 16}rem`;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* @internal
|
|
42
|
-
*/
|
|
43
|
-
function _responsive(media, values, callback) {
|
|
44
|
-
return (values?.map(callback) || []).map((statement, mediaIndex) => mediaIndex === 0 ? statement : { [`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement });
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* @internal
|
|
48
|
-
*/
|
|
49
|
-
function _getArrayProp(val, defaultVal) {
|
|
50
|
-
return val === void 0 ? defaultVal || EMPTY_ARRAY : Array.isArray(val) ? val : [val];
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* @internal
|
|
54
|
-
*/
|
|
55
|
-
function _getResponsiveSpace(theme, props, spaceIndexes = EMPTY_ARRAY) {
|
|
56
|
-
if (!Array.isArray(spaceIndexes)) throw Error("the property must be array of numbers");
|
|
57
|
-
if (spaceIndexes.length === 0) return null;
|
|
58
|
-
let { media, space } = getTheme_v2(theme);
|
|
59
|
-
return _responsive(media, spaceIndexes, (spaceIndex) => _fillCSSObject(props, rem(space[spaceIndex])));
|
|
60
|
-
}
|
|
61
|
-
export { rem as a, POPOVER_MOTION_PROPS as c, _responsive as i, _getArrayProp as n, EMPTY_ARRAY as o, _getResponsiveSpace as r, EMPTY_RECORD as s, _fillCSSObject as t };
|
|
62
|
-
|
|
63
|
-
//# sourceMappingURL=helpers-C8xxXAQC.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helpers-C8xxXAQC.js","names":[],"sources":["../src/core/constants.ts","../src/core/styles/helpers.ts"],"sourcesContent":["import type {MotionProps} from 'motion/react'\n\n/**\n * @internal\n */\nexport const EMPTY_ARRAY: never[] = []\n\n/**\n * @internal\n */\nexport const EMPTY_RECORD: Record<string, never> = {}\n\nconst POPOVER_MOTION_DURATION = 0.2\n\n/**\n * The `motion` props shared by the `Popover` and `Tooltip` cards.\n *\n * Spread as a whole, and only while animating. `motion` treats any component\n * with `variants` as a variant node and hands it the variant labels of the\n * nearest animating ancestor, so a card that keeps its `variants` while\n * dropping `initial`/`animate` mounts on an ancestor popover's `hidden`\n * variant. It only leaves that variant if the ancestor changes label again,\n * which a card mounting after the ancestor's enter animation never sees.\n *\n * @internal\n */\nexport const POPOVER_MOTION_PROPS = {\n variants: {\n initial: {\n scale: 0.97,\n willChange: 'transform',\n },\n hidden: {\n opacity: 0,\n },\n visible: {\n opacity: 1,\n transition: {\n duration: POPOVER_MOTION_DURATION / 2,\n },\n },\n scaleIn: {\n scale: 1,\n },\n scaleOut: {\n scale: 0.97,\n },\n },\n transition: {\n type: 'spring',\n visualDuration: POPOVER_MOTION_DURATION,\n bounce: 0.25,\n },\n initial: ['hidden', 'initial'],\n animate: ['visible', 'scaleIn'],\n exit: ['hidden', 'scaleOut'],\n} satisfies MotionProps\n","import {CSSObject} from '../../theme/system/css'\nimport {Theme} from '../../theme/system/theme'\nimport {getTheme_v2} from '../../theme/versioning/getTheme_v2'\nimport {EMPTY_ARRAY} from '../constants'\n\n/**\n * @internal\n */\nexport function _fillCSSObject(keys: string[], value: string | number | CSSObject): CSSObject {\n return keys.reduce<CSSObject>((style, key) => {\n style[key] = value\n\n return style\n }, {})\n}\n\n/**\n * @public\n */\nexport function rem(pixelValue: number): string | 0 {\n if (pixelValue === 0) return 0\n\n return `${pixelValue / 16}rem`\n}\n\n/**\n * @internal\n */\nexport function _responsive<T>(\n media: number[],\n values: T[],\n callback: (value: T, index: number, array: T[]) => CSSObject,\n): CSSObject[] {\n const statements = values?.map(callback) || []\n\n return statements.map((statement, mediaIndex) => {\n if (mediaIndex === 0) return statement\n\n return {[`@media screen and (min-width: ${media[mediaIndex - 1]}px)`]: statement}\n })\n}\n\n/**\n * @internal\n */\nexport function _getArrayProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[] {\n if (val === undefined) return defaultVal || EMPTY_ARRAY\n\n return Array.isArray(val) ? val : [val]\n}\n\n/**\n * @internal\n */\nexport function _getResponsiveSpace(\n theme: Theme,\n props: string[],\n spaceIndexes: number[] = EMPTY_ARRAY,\n): CSSObject[] | null {\n if (!Array.isArray(spaceIndexes)) {\n throw new Error('the property must be array of numbers')\n }\n\n if (spaceIndexes.length === 0) {\n return null\n }\n\n const {media, space} = getTheme_v2(theme)\n\n return _responsive(media, spaceIndexes, (spaceIndex) =>\n _fillCSSObject(props, rem(space[spaceIndex])),\n )\n}\n"],"mappings":";;;;AAKA,MAAa,cAAuB,CAAC,GAKxB,eAAsC,CAAC,GAE9C,0BAA0B,IAcnB,uBAAuB;CAClC,UAAU;EACR,SAAS;GACP,OAAO;GACP,YAAY;EACd;EACA,QAAQ,EACN,SAAS,EACX;EACA,SAAS;GACP,SAAS;GACT,YAAY,EACV,UAAU,0BAA0B,EACtC;EACF;EACA,SAAS,EACP,OAAO,EACT;EACA,UAAU,EACR,OAAO,IACT;CACF;CACA,YAAY;EACV,MAAM;EACN,gBAAgB;EAChB,QAAQ;CACV;CACA,SAAS,CAAC,UAAU,SAAS;CAC7B,SAAS,CAAC,WAAW,SAAS;CAC9B,MAAM,CAAC,UAAU,UAAU;AAC7B;;;;AChDA,SAAgB,eAAe,MAAgB,OAA+C;CAC5F,OAAO,KAAK,QAAmB,OAAO,SACpC,MAAM,OAAO,OAEN,QACN,CAAC,CAAC;AACP;;;;AAKA,SAAgB,IAAI,YAAgC;CAGlD,OAFI,eAAe,IAAU,IAEtB,GAAG,aAAa,GAAG;AAC5B;;;;AAKA,SAAgB,YACd,OACA,QACA,UACa;CAGb,QAFmB,QAAQ,IAAI,QAAQ,KAAK,CAAC,EAAA,CAE3B,KAAK,WAAW,eAC5B,eAAe,IAAU,YAEtB,GAAE,iCAAiC,MAAM,aAAa,GAAG,OAAO,UAAS,CACjF;AACH;;;;AAKA,SAAgB,cAA0B,KAA0B,YAAuB;CAGzF,OAFI,QAAQ,KAAA,IAAkB,cAAc,cAErC,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;AACxC;;;;AAKA,SAAgB,oBACd,OACA,OACA,eAAyB,aACL;CACpB,IAAI,CAAC,MAAM,QAAQ,YAAY,GAC7B,MAAU,MAAM,uCAAuC;CAGzD,IAAI,aAAa,WAAW,GAC1B,OAAO;CAGT,IAAM,EAAC,OAAO,UAAS,YAAY,KAAK;CAExC,OAAO,YAAY,OAAO,eAAe,eACvC,eAAe,OAAO,IAAI,MAAM,WAAW,CAAC,CAC9C;AACF"}
|
package/dist/hotkeys-CaHsQlsO.js
DELETED
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
|
|
2
|
-
import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
|
|
3
|
-
import { v as responsiveRadiusStyle, y as Box } from "./useLayer-D1usxIE0.js";
|
|
4
|
-
import { n as Text } from "./stack-rsNFPq2-.js";
|
|
5
|
-
import { c } from "react/compiler-runtime";
|
|
6
|
-
import { clsx } from "clsx/lite";
|
|
7
|
-
import { Children, useEffect } from "react";
|
|
8
|
-
import { css, styled } from "styled-components";
|
|
9
|
-
import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
|
|
10
|
-
import { useEffectEvent } from "use-effect-event";
|
|
11
|
-
/**
|
|
12
|
-
* Adds global keydown event listener to the window.
|
|
13
|
-
*
|
|
14
|
-
* @param onKeyDown - The function to call when a keydown event is triggered.
|
|
15
|
-
* @param options - The options to pass to the addEventListener function (example, capture: true)
|
|
16
|
-
* @beta
|
|
17
|
-
*/
|
|
18
|
-
function useGlobalKeyDown(onKeyDown, options) {
|
|
19
|
-
let $ = c(7), t0;
|
|
20
|
-
$[0] === onKeyDown ? t0 = $[1] : (t0 = (event) => onKeyDown(event), $[0] = onKeyDown, $[1] = t0);
|
|
21
|
-
let handleKeyDown = useEffectEvent(t0), t1;
|
|
22
|
-
$[2] !== handleKeyDown || $[3] !== options ? (t1 = () => {
|
|
23
|
-
let handler = (event_0) => handleKeyDown(event_0);
|
|
24
|
-
return window.addEventListener("keydown", handler, options), () => window.removeEventListener("keydown", handler, options);
|
|
25
|
-
}, $[2] = handleKeyDown, $[3] = options, $[4] = t1) : t1 = $[4];
|
|
26
|
-
let t2;
|
|
27
|
-
$[5] === options ? t2 = $[6] : (t2 = [options], $[5] = options, $[6] = t2), useEffect(t1, t2);
|
|
28
|
-
}
|
|
29
|
-
function inlineBaseStyle() {
|
|
30
|
-
return {
|
|
31
|
-
lineHeight: "0",
|
|
32
|
-
"&&:not([hidden])": { display: "block" },
|
|
33
|
-
"& > div": {
|
|
34
|
-
display: "inline-block",
|
|
35
|
-
verticalAlign: "middle"
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
function inlineSpaceStyle(props) {
|
|
40
|
-
let { media, space } = getTheme_v2(props.theme);
|
|
41
|
-
return _responsive(media, props.$space, (spaceIndex) => {
|
|
42
|
-
let _space = rem(spaceIndex === .5 ? space[1] / 2 : space[spaceIndex]);
|
|
43
|
-
return {
|
|
44
|
-
margin: `-${_space} 0 0 -${_space}`,
|
|
45
|
-
"& > div": { padding: `${_space} 0 0 ${_space}` }
|
|
46
|
-
};
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
const StyledInline = /* @__PURE__ */ styled(Box).withConfig({
|
|
50
|
-
displayName: "StyledInline",
|
|
51
|
-
componentId: "sc-ntfhm-0"
|
|
52
|
-
})(inlineBaseStyle, inlineSpaceStyle);
|
|
53
|
-
function InlineComponent(props) {
|
|
54
|
-
let $ = c(16), as, childrenProp, gap, ref, restProps;
|
|
55
|
-
$[0] === props ? (as = $[1], childrenProp = $[2], gap = $[3], ref = $[4], restProps = $[5]) : ({as, children: childrenProp, gap, ref, ...restProps} = props, $[0] = props, $[1] = as, $[2] = childrenProp, $[3] = gap, $[4] = ref, $[5] = restProps);
|
|
56
|
-
let t0;
|
|
57
|
-
$[6] === childrenProp ? t0 = $[7] : (t0 = Children.map(childrenProp, _temp), $[6] = childrenProp, $[7] = t0);
|
|
58
|
-
let children = t0, t1;
|
|
59
|
-
$[8] === gap ? t1 = $[9] : (t1 = _getArrayProp(gap), $[8] = gap, $[9] = t1);
|
|
60
|
-
let t2;
|
|
61
|
-
return $[10] !== as || $[11] !== children || $[12] !== ref || $[13] !== restProps || $[14] !== t1 ? (t2 = /* @__PURE__ */ jsx(StyledInline, {
|
|
62
|
-
"data-ui": "Inline",
|
|
63
|
-
...restProps,
|
|
64
|
-
$space: t1,
|
|
65
|
-
forwardedAs: as,
|
|
66
|
-
ref,
|
|
67
|
-
children
|
|
68
|
-
}), $[10] = as, $[11] = children, $[12] = ref, $[13] = restProps, $[14] = t1, $[15] = t2) : t2 = $[15], t2;
|
|
69
|
-
}
|
|
70
|
-
function _temp(child) {
|
|
71
|
-
return child && /* @__PURE__ */ jsx("div", { children: child });
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* The `Inline` component is a layout utility for aligning and spacing items horizontally.
|
|
75
|
-
*
|
|
76
|
-
* @public
|
|
77
|
-
*/
|
|
78
|
-
const Inline = InlineComponent;
|
|
79
|
-
function kbdStyle() {
|
|
80
|
-
return css`--card-bg-color:var(--card-kbd-bg-color);--card-border-color:var(--card-kbd-border-color);--card-fg-color:var(--card-kbd-fg-color);box-shadow:inset 0 0 0 1px var(--card-border-color);background:var(--card-bg-color);font:inherit;vertical-align:top;&:not([hidden]){display:inline-block;}`;
|
|
81
|
-
}
|
|
82
|
-
const StyledKBD = /* @__PURE__ */ styled.kbd.withConfig({
|
|
83
|
-
displayName: "StyledKBD",
|
|
84
|
-
componentId: "sc-d2v61l-0"
|
|
85
|
-
})(responsiveRadiusStyle, kbdStyle);
|
|
86
|
-
function KBDComponent(props) {
|
|
87
|
-
let $ = c(20), children, ref, restProps, t0, t1, t2;
|
|
88
|
-
$[0] === props ? (children = $[1], ref = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6]) : ({children, fontSize: t0, padding: t1, radius: t2, ref, ...restProps} = props, $[0] = props, $[1] = children, $[2] = ref, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2);
|
|
89
|
-
let fontSize = t0 === void 0 ? 0 : t0, padding = t1 === void 0 ? 1 : t1, radius = t2 === void 0 ? 2 : t2, t3;
|
|
90
|
-
$[7] === radius ? t3 = $[8] : (t3 = _getArrayProp(radius), $[7] = radius, $[8] = t3);
|
|
91
|
-
let t4;
|
|
92
|
-
$[9] !== children || $[10] !== fontSize ? (t4 = /* @__PURE__ */ jsx(Text, {
|
|
93
|
-
as: "span",
|
|
94
|
-
size: fontSize,
|
|
95
|
-
weight: "semibold",
|
|
96
|
-
children
|
|
97
|
-
}), $[9] = children, $[10] = fontSize, $[11] = t4) : t4 = $[11];
|
|
98
|
-
let t5;
|
|
99
|
-
$[12] !== padding || $[13] !== t4 ? (t5 = /* @__PURE__ */ jsx(Box, {
|
|
100
|
-
as: "span",
|
|
101
|
-
padding,
|
|
102
|
-
children: t4
|
|
103
|
-
}), $[12] = padding, $[13] = t4, $[14] = t5) : t5 = $[14];
|
|
104
|
-
let t6;
|
|
105
|
-
return $[15] !== ref || $[16] !== restProps || $[17] !== t3 || $[18] !== t5 ? (t6 = /* @__PURE__ */ jsx(StyledKBD, {
|
|
106
|
-
"data-ui": "KBD",
|
|
107
|
-
...restProps,
|
|
108
|
-
$radius: t3,
|
|
109
|
-
ref,
|
|
110
|
-
children: t5
|
|
111
|
-
}), $[15] = ref, $[16] = restProps, $[17] = t3, $[18] = t5, $[19] = t6) : t6 = $[19], t6;
|
|
112
|
-
}
|
|
113
|
-
/**
|
|
114
|
-
* Used to define some text as keyboard input.
|
|
115
|
-
*
|
|
116
|
-
* @public
|
|
117
|
-
*/
|
|
118
|
-
const KBD = KBDComponent;
|
|
119
|
-
var hotkeys = "_1ljw6pi0";
|
|
120
|
-
const Key = styled(KBD).withConfig({
|
|
121
|
-
displayName: "Key",
|
|
122
|
-
componentId: "sc-ttp6vu-0"
|
|
123
|
-
})`&:not([hidden]){display:block;}`;
|
|
124
|
-
/**
|
|
125
|
-
* Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
|
|
126
|
-
*
|
|
127
|
-
* @public
|
|
128
|
-
*/
|
|
129
|
-
function Hotkeys(props) {
|
|
130
|
-
let $ = c(31), className, fontSize, keys, padding, radius, ref, restProps, t0;
|
|
131
|
-
$[0] === props ? (className = $[1], fontSize = $[2], keys = $[3], padding = $[4], radius = $[5], ref = $[6], restProps = $[7], t0 = $[8]) : ({className, fontSize, gap: t0, keys, padding, radius, ref, ...restProps} = props, $[0] = props, $[1] = className, $[2] = fontSize, $[3] = keys, $[4] = padding, $[5] = radius, $[6] = ref, $[7] = restProps, $[8] = t0);
|
|
132
|
-
let gap = t0 === void 0 ? .5 : t0, t1;
|
|
133
|
-
$[9] === gap ? t1 = $[10] : (t1 = _getArrayProp(gap), $[9] = gap, $[10] = t1);
|
|
134
|
-
let spacing = t1;
|
|
135
|
-
if (!keys || keys.length === 0) {
|
|
136
|
-
let t2;
|
|
137
|
-
return $[11] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Fragment$1, {}), $[11] = t2) : t2 = $[11], t2;
|
|
138
|
-
}
|
|
139
|
-
let t2;
|
|
140
|
-
$[12] === className ? t2 = $[13] : (t2 = clsx(hotkeys, className), $[12] = className, $[13] = t2);
|
|
141
|
-
let t3;
|
|
142
|
-
if ($[14] !== fontSize || $[15] !== keys || $[16] !== padding || $[17] !== radius) {
|
|
143
|
-
let t4;
|
|
144
|
-
$[19] !== fontSize || $[20] !== padding || $[21] !== radius ? (t4 = (key, i) => /* @__PURE__ */ jsx(Key, {
|
|
145
|
-
fontSize,
|
|
146
|
-
padding,
|
|
147
|
-
radius,
|
|
148
|
-
children: key
|
|
149
|
-
}, i), $[19] = fontSize, $[20] = padding, $[21] = radius, $[22] = t4) : t4 = $[22], t3 = keys.map(t4), $[14] = fontSize, $[15] = keys, $[16] = padding, $[17] = radius, $[18] = t3;
|
|
150
|
-
} else t3 = $[18];
|
|
151
|
-
let t4;
|
|
152
|
-
$[23] !== spacing || $[24] !== t3 ? (t4 = /* @__PURE__ */ jsx(Inline, {
|
|
153
|
-
as: "span",
|
|
154
|
-
gap: spacing,
|
|
155
|
-
children: t3
|
|
156
|
-
}), $[23] = spacing, $[24] = t3, $[25] = t4) : t4 = $[25];
|
|
157
|
-
let t5;
|
|
158
|
-
return $[26] !== ref || $[27] !== restProps || $[28] !== t2 || $[29] !== t4 ? (t5 = /* @__PURE__ */ jsx("kbd", {
|
|
159
|
-
className: t2,
|
|
160
|
-
"data-ui": "Hotkeys",
|
|
161
|
-
ref,
|
|
162
|
-
...restProps,
|
|
163
|
-
children: t4
|
|
164
|
-
}), $[26] = ref, $[27] = restProps, $[28] = t2, $[29] = t4, $[30] = t5) : t5 = $[30], t5;
|
|
165
|
-
}
|
|
166
|
-
export { useGlobalKeyDown as i, KBD as n, Inline as r, Hotkeys as t };
|
|
167
|
-
|
|
168
|
-
//# sourceMappingURL=hotkeys-CaHsQlsO.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hotkeys-CaHsQlsO.js","names":["(event: KeyboardEvent) => onKeyDown(event)","() => {\n const handler = (event: KeyboardEvent) => handleKeyDown(event)\n\n window.addEventListener('keydown', handler, options)\n\n return () => window.removeEventListener('keydown', handler, options)\n // oxlint-disable-next-line react/exhaustive-effect-dependencies\n }","event","[options]","Children.map(childrenProp, (child) => child && <div>{child}</div>)","(child) => child && <div>{child}</div>","useMemo(\n () => Children.map(childrenProp, (child) => child && <div>{child}</div>),\n [childrenProp],\n )","_getArrayProp(gap)","<StyledInline\n data-ui=\"Inline\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledInline>","fontSize = 0","padding = 1","radius = 2","_getArrayProp(radius)","<Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>","<Box as=\"span\" padding={padding}>\n <Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>\n </Box>","<StyledKBD data-ui=\"KBD\" {...restProps} $radius={_getArrayProp(radius)} ref={ref}>\n <Box as=\"span\" padding={padding}>\n <Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>\n </Box>\n </StyledKBD>","gap = 0.5","_getArrayProp(gap)","<></>","clsx(hotkeys, className)","keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))","(key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n )","<Inline as=\"span\" gap={spacing}>\n {keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))}\n </Inline>","<kbd className={clsx(hotkeys, className)} data-ui=\"Hotkeys\" ref={ref} {...restProps}>\n <Inline as=\"span\" gap={spacing}>\n {keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))}\n </Inline>\n </kbd>"],"sources":["../src/core/hooks/useGlobalKeyDown.ts","../src/core/primitives/inline/styles.ts","../src/core/primitives/inline/inline.tsx","../src/core/primitives/kbd/kbd.tsx","../src/core/components/hotkeys/hotkeys.css.ts","../src/core/components/hotkeys/hotkeys.tsx"],"sourcesContent":["import {useEffect} from 'react'\n// TODO: switch to `useEffectEvent` from `react` once\n// https://github.com/facebook/react/issues/34818 is fixed in the lowest React\n// version we support: on React 19.2 the native hook never sees values past\n// the first render when the calling component is wrapped in `forwardRef` or\n// `memo`. This public hook runs in the fiber of whatever component calls it\n// (consumers may call it from `forwardRef` or `memo` components).\nimport {useEffectEvent} from 'use-effect-event'\n\n/**\n * Adds global keydown event listener to the window.\n *\n * @param onKeyDown - The function to call when a keydown event is triggered.\n * @param options - The options to pass to the addEventListener function (example, capture: true)\n * @beta\n */\nexport function useGlobalKeyDown(\n onKeyDown: (event: KeyboardEvent) => void,\n options?: AddEventListenerOptions,\n): void {\n const handleKeyDown = useEffectEvent((event: KeyboardEvent) => onKeyDown(event))\n\n useEffect(() => {\n const handler = (event: KeyboardEvent) => handleKeyDown(event)\n\n window.addEventListener('keydown', handler, options)\n\n return () => window.removeEventListener('keydown', handler, options)\n // oxlint-disable-next-line react/exhaustive-effect-dependencies\n }, [options])\n}\n","import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../../styles/helpers'\nimport {ThemeProps} from '../../styles/types'\nimport {ResponsiveInlineSpaceStyleProps} from './types'\n\nexport function inlineBaseStyle(): CSSObject {\n return {\n 'lineHeight': '0',\n\n '&&:not([hidden])': {\n display: 'block',\n },\n\n '& > div': {\n display: 'inline-block',\n verticalAlign: 'middle',\n },\n }\n}\n\nexport function inlineSpaceStyle(props: ResponsiveInlineSpaceStyleProps & ThemeProps): CSSObject[] {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$space, (spaceIndex) => {\n const _space = rem(spaceIndex === 0.5 ? space[1] / 2 : space[spaceIndex])\n\n return {\n 'margin': `-${_space} 0 0 -${_space}`,\n '& > div': {padding: `${_space} 0 0 ${_space}`},\n }\n })\n}\n","import {Children, useMemo} from 'react'\nimport {styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {inlineBaseStyle, inlineSpaceStyle} from './styles'\nimport {ResponsiveInlineSpaceStyleProps} from './types'\n\n/**\n * @public\n */\nexport interface InlineOwnProps extends Omit<BoxOwnProps, 'display'> {\n /**\n * @deprecated Use `gap` instead.\n */\n space?: never\n /** The spacing between children. */\n gap?: number | number[]\n}\n\n/**\n * @public\n */\nexport type InlineProps<E extends ElementType = 'div'> = Props<InlineOwnProps, E>\n\nconst StyledInline = styled(Box)<ResponsiveInlineSpaceStyleProps>(inlineBaseStyle, inlineSpaceStyle)\n\nfunction InlineComponent(\n props: InlineOwnProps & {as?: ElementType} & React.HTMLProps<HTMLDivElement>,\n) {\n const {as, children: childrenProp, gap, ref, ...restProps} = props\n\n const children = useMemo(\n () => Children.map(childrenProp, (child) => child && <div>{child}</div>),\n [childrenProp],\n )\n\n return (\n <StyledInline\n data-ui=\"Inline\"\n {...restProps}\n $space={_getArrayProp(gap)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledInline>\n )\n}\n\n/**\n * The `Inline` component is a layout utility for aligning and spacing items horizontally.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Inline = InlineComponent as unknown as <E extends ElementType = 'div'>(\n props: InlineProps<E>,\n) => React.JSX.Element\n","import {css, styled} from 'styled-components'\n\nimport {_getArrayProp} from '../../styles/helpers'\nimport {responsiveRadiusStyle} from '../../styles/radius/radiusStyle'\nimport {ResponsiveRadiusStyleProps} from '../../styles/radius/types'\nimport {ElementType, Props} from '../../types/component'\nimport {Radius} from '../../types/radius'\nimport {Box} from '../box/box'\nimport {Text} from '../text/text'\n\n/**\n * @public\n */\nexport interface KBDOwnProps {\n fontSize?: number | number[]\n padding?: number | number[]\n radius?: Radius | Radius[]\n}\n\n/**\n * @public\n */\nexport type KBDProps<E extends ElementType = 'kbd'> = Props<KBDOwnProps, E>\n\nfunction kbdStyle() {\n return css`\n --card-bg-color: var(--card-kbd-bg-color);\n --card-border-color: var(--card-kbd-border-color);\n --card-fg-color: var(--card-kbd-fg-color);\n\n box-shadow: inset 0 0 0 1px var(--card-border-color);\n background: var(--card-bg-color);\n font: inherit;\n\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n `\n}\n\nconst StyledKBD = styled.kbd<ResponsiveRadiusStyleProps>(responsiveRadiusStyle, kbdStyle)\n\nfunction KBDComponent(\n props: KBDOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>,\n) {\n const {children, fontSize = 0, padding = 1, radius = 2, ref, ...restProps} = props\n\n return (\n <StyledKBD data-ui=\"KBD\" {...restProps} $radius={_getArrayProp(radius)} ref={ref}>\n <Box as=\"span\" padding={padding}>\n <Text as=\"span\" size={fontSize} weight=\"semibold\">\n {children}\n </Text>\n </Box>\n </StyledKBD>\n )\n}\n\n/**\n * Used to define some text as keyboard input.\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const KBD = KBDComponent as unknown as <E extends ElementType = 'kbd'>(\n props: KBDProps<E>,\n) => React.JSX.Element\n","import {style} from '@vanilla-extract/css'\n\nexport const hotkeys = style({\n font: 'inherit',\n padding: '1px',\n selectors: {\n '&:not([hidden])': {\n display: 'block',\n },\n },\n})\n","import {clsx} from 'clsx/lite'\nimport {styled} from 'styled-components'\n\nimport {Inline} from '../../primitives/inline/inline'\nimport {KBD} from '../../primitives/kbd/kbd'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {Radius} from '../../types/radius'\n\nimport {hotkeys} from './hotkeys.css'\n\n/**\n * @public\n */\nexport interface HotkeysProps {\n fontSize?: number | number[]\n gap?: number | number[]\n padding?: number | number[]\n radius?: Radius | Radius[]\n /**\n * @deprecated Use `gap` instead.\n */\n space?: never\n keys?: string[]\n}\n\n// Stays on styled-components: `display: block` must beat KBD's runtime\n// `display: inline-block` at equal specificity, which needs both rules in the\n// runtime stylesheet.\nconst Key = styled(KBD)`\n &:not([hidden]) {\n display: block;\n }\n`\n\n/**\n * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.\n *\n * @public\n */\nexport function Hotkeys(props: HotkeysProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'size'>) {\n const {className, fontSize, gap = 0.5, keys, padding, radius, ref, ...restProps} = props\n const spacing = _getArrayProp(gap)\n\n if (!keys || keys.length === 0) {\n return <></>\n }\n\n return (\n <kbd className={clsx(hotkeys, className)} data-ui=\"Hotkeys\" ref={ref} {...restProps}>\n <Inline as=\"span\" gap={spacing}>\n {keys.map((key, i) => (\n // oxlint-disable-next-line no-array-index-key\n <Key key={i} fontSize={fontSize} padding={padding} radius={radius}>\n {key}\n </Key>\n ))}\n </Inline>\n </kbd>\n )\n}\n"],"mappings":"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"}
|
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/core/_compat.ts","../src/core/types/dialog.ts","../src/core/components/dialog/dialog.tsx","../src/core/components/dialog/dialogContext.ts","../src/core/components/dialog/dialogProvider.tsx","../src/core/components/dialog/useDialog.ts","../src/core/components/hotkeys/hotkeys.tsx","../src/core/components/skeleton/skeleton.tsx","../src/core/components/skeleton/textSkeleton.tsx","../src/core/components/tab/tab.tsx","../src/core/primitives/inline/inline.tsx","../src/core/components/tab/tabList.tsx","../src/core/components/tab/tabPanel.tsx","../src/core/components/tree/tree.tsx","../src/core/components/tree/treeItem.tsx","../src/core/components/tree/types.ts","../src/core/components/tree/useTree.ts","../src/core/helpers/animation.ts","../src/core/helpers/element.ts","../src/core/helpers/focus.ts","../src/core/helpers/scroll.ts","../src/core/hooks/useArrayProp.ts","../src/core/hooks/useClickOutside.ts","../src/core/hooks/useClickOutsideEvent.ts","../src/core/hooks/useCustomValidity.ts","../src/core/hooks/useElementRect/useElementRect.ts","../src/core/observers/elementSizeObserver.ts","../src/core/hooks/useElementSize.ts","../src/core/hooks/useForwardedRef.ts","../src/core/hooks/useGlobalKeyDown.ts","../src/core/hooks/useMatchMedia.ts","../src/core/hooks/useMediaIndex/useMediaIndex.ts","../src/core/hooks/usePrefersDark.ts","../src/core/hooks/usePrefersReducedMotion.ts","../src/core/types/avatar.ts","../src/core/primitives/avatar/avatar.tsx","../src/core/primitives/avatar/avatarCounter.tsx","../src/core/primitives/avatar/avatarStack.tsx","../src/core/primitives/avatar/types.ts","../src/core/types/badge.ts","../src/core/primitives/badge/badge.tsx","../src/core/primitives/card/card.tsx","../src/core/primitives/card/types.ts","../src/core/primitives/checkbox/checkbox.tsx","../src/core/primitives/container/container.tsx","../src/core/primitives/container/types.ts","../src/core/primitives/flex/flex.tsx","../src/core/primitives/grid/grid.tsx","../src/core/types/text.ts","../src/core/primitives/heading/heading.tsx","../src/core/primitives/kbd/kbd.tsx","../src/core/primitives/label/label.tsx","../src/core/primitives/radio/radio.tsx","../src/core/primitives/select/select.tsx","../src/core/primitives/spinner/spinner.tsx","../src/core/primitives/stack/stack.tsx","../src/core/primitives/switch/switch.tsx","../src/core/primitives/text/text.tsx","../src/core/primitives/textArea/textArea.tsx","../src/core/primitives/textInput/textInput.tsx","../src/core/styles/types.ts","../src/core/styles/font/types.ts","../src/core/styles/font/codeFontStyle.ts","../src/core/styles/font/headingFontStyle.ts","../src/core/styles/font/labelFontStyle.ts","../src/core/styles/font/textAlignStyle.ts","../src/core/styles/font/textFontStyle.ts","../src/core/styles/helpers.ts","../src/core/theme/themeColorProvider.tsx","../src/core/theme/themeProvider.tsx","../src/core/theme/types.ts","../src/core/theme/useRootTheme.ts","../src/core/theme/useTheme.ts","../src/core/utils/arrow/arrow.tsx","../src/core/utils/boundaryElement/boundaryElementProvider.tsx","../src/core/utils/boundaryElement/types.ts","../src/core/utils/boundaryElement/useBoundaryElement.ts","../src/core/utils/conditionalWrapper/conditionalWrapper.tsx","../src/core/utils/elementQuery/elementQuery.tsx","../src/core/utils/errorBoundary.tsx","../src/core/utils/layer/layerProvider.tsx","../src/core/utils/layer/types.ts","../src/core/utils/layer/useLayer.ts","../src/core/utils/portal/portal.ts","../src/core/utils/portal/portalProvider.tsx","../src/core/utils/portal/types.ts","../src/core/utils/portal/usePortal.ts","../src/core/utils/srOnly/srOnly.tsx","../src/core/utils/virtualList/virtualList.tsx","../src/exports/index.ts"],"mappings":"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"}
|
package/dist/layer-Bl5R3uNR.js
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { s as EMPTY_RECORD } from "./helpers-C8xxXAQC.js";
|
|
2
|
-
import { a as isHTMLElement, n as containsOrEqualsElement } from "./element-BYgCE_iK.js";
|
|
3
|
-
import { n as LayerProvider, t as useLayer } from "./useLayer-D1usxIE0.js";
|
|
4
|
-
import { c } from "react/compiler-runtime";
|
|
5
|
-
import { clsx } from "clsx/lite";
|
|
6
|
-
import { useEffect, useImperativeHandle, useRef } from "react";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
var layer = "_1xz6t3i0";
|
|
9
|
-
function LayerChildren(props) {
|
|
10
|
-
let $ = c(29), children, className, forwardedRef, onActivate, onFocus, restProps, t0, t1;
|
|
11
|
-
$[0] === props ? (children = $[1], className = $[2], forwardedRef = $[3], onActivate = $[4], onFocus = $[5], restProps = $[6], t0 = $[7], t1 = $[8]) : ({as: t0, children, className, onActivate, onFocus, ref: forwardedRef, style: t1, ...restProps} = props, $[0] = props, $[1] = children, $[2] = className, $[3] = forwardedRef, $[4] = onActivate, $[5] = onFocus, $[6] = restProps, $[7] = t0, $[8] = t1);
|
|
12
|
-
let as = t0 === void 0 ? "div" : t0, style = t1 === void 0 ? EMPTY_RECORD : t1, { zIndex, isTopLayer } = useLayer(), lastFocusedRef = useRef(null), ref = useRef(null), isTopLayerRef = useRef(isTopLayer), t2;
|
|
13
|
-
$[9] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => ref.current, $[9] = t2) : t2 = $[9], useImperativeHandle(forwardedRef, t2);
|
|
14
|
-
let t3, t4;
|
|
15
|
-
$[10] !== isTopLayer || $[11] !== onActivate ? (t3 = () => {
|
|
16
|
-
isTopLayerRef.current !== isTopLayer && isTopLayer && onActivate?.({ activeElement: lastFocusedRef.current }), isTopLayerRef.current = isTopLayer;
|
|
17
|
-
}, t4 = [isTopLayer, onActivate], $[10] = isTopLayer, $[11] = onActivate, $[12] = t3, $[13] = t4) : (t3 = $[12], t4 = $[13]), useEffect(t3, t4);
|
|
18
|
-
let t5;
|
|
19
|
-
$[14] !== isTopLayer || $[15] !== onFocus ? (t5 = (event) => {
|
|
20
|
-
onFocus?.(event);
|
|
21
|
-
let rootElement = ref.current, target = document.activeElement;
|
|
22
|
-
isTopLayer && rootElement && target && isHTMLElement(target) && containsOrEqualsElement(rootElement, target) && (lastFocusedRef.current = target);
|
|
23
|
-
}, $[14] = isTopLayer, $[15] = onFocus, $[16] = t5) : t5 = $[16];
|
|
24
|
-
let handleFocus = t5, Component = as, t6;
|
|
25
|
-
$[17] === className ? t6 = $[18] : (t6 = clsx(layer, className), $[17] = className, $[18] = t6);
|
|
26
|
-
let t7;
|
|
27
|
-
$[19] !== style || $[20] !== zIndex ? (t7 = {
|
|
28
|
-
...style,
|
|
29
|
-
zIndex
|
|
30
|
-
}, $[19] = style, $[20] = zIndex, $[21] = t7) : t7 = $[21];
|
|
31
|
-
let t8;
|
|
32
|
-
return $[22] !== Component || $[23] !== children || $[24] !== handleFocus || $[25] !== restProps || $[26] !== t6 || $[27] !== t7 ? (t8 = /* @__PURE__ */ jsx(Component, {
|
|
33
|
-
"data-ui": "Layer",
|
|
34
|
-
...restProps,
|
|
35
|
-
className: t6,
|
|
36
|
-
onFocus: handleFocus,
|
|
37
|
-
ref,
|
|
38
|
-
style: t7,
|
|
39
|
-
children
|
|
40
|
-
}), $[22] = Component, $[23] = children, $[24] = handleFocus, $[25] = restProps, $[26] = t6, $[27] = t7, $[28] = t8) : t8 = $[28], t8;
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* @public
|
|
44
|
-
*/
|
|
45
|
-
function Layer(props) {
|
|
46
|
-
let $ = c(10), children, restProps, t0;
|
|
47
|
-
$[0] === props ? (children = $[1], restProps = $[2], t0 = $[3]) : ({children, zOffset: t0, ...restProps} = props, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0);
|
|
48
|
-
let zOffset = t0 === void 0 ? 1 : t0, t1;
|
|
49
|
-
$[4] !== children || $[5] !== restProps ? (t1 = /* @__PURE__ */ jsx(LayerChildren, {
|
|
50
|
-
...restProps,
|
|
51
|
-
children
|
|
52
|
-
}), $[4] = children, $[5] = restProps, $[6] = t1) : t1 = $[6];
|
|
53
|
-
let t2;
|
|
54
|
-
return $[7] !== t1 || $[8] !== zOffset ? (t2 = /* @__PURE__ */ jsx(LayerProvider, {
|
|
55
|
-
zOffset,
|
|
56
|
-
children: t1
|
|
57
|
-
}), $[7] = t1, $[8] = zOffset, $[9] = t2) : t2 = $[9], t2;
|
|
58
|
-
}
|
|
59
|
-
export { Layer as t };
|
|
60
|
-
|
|
61
|
-
//# sourceMappingURL=layer-Bl5R3uNR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layer-Bl5R3uNR.js","names":["as = 'div'","style = EMPTY_RECORD","() => ref.current","() => {\n const becameTopLayer = isTopLayerRef.current !== isTopLayer && isTopLayer\n\n if (becameTopLayer) {\n onActivate?.({activeElement: lastFocusedRef.current})\n }\n\n isTopLayerRef.current = isTopLayer\n }","[isTopLayer, onActivate]","(event: FocusEvent<HTMLDivElement, Element>) => {\n // Call the user-provided onFocus handler if any\n onFocus?.(event)\n\n const rootElement = ref.current\n const target = document.activeElement\n\n if (!isTopLayer || !rootElement || !target) return\n\n if (isHTMLElement(target) && containsOrEqualsElement(rootElement, target)) {\n lastFocusedRef.current = target\n }\n }","useCallback(\n // oxlint-disable-next-line no-unnecessary-type-arguments\n (event: FocusEvent<HTMLDivElement, Element>) => {\n // Call the user-provided onFocus handler if any\n onFocus?.(event)\n\n const rootElement = ref.current\n const target = document.activeElement\n\n if (!isTopLayer || !rootElement || !target) return\n\n if (isHTMLElement(target) && containsOrEqualsElement(rootElement, target)) {\n lastFocusedRef.current = target\n }\n },\n [isTopLayer, onFocus],\n )","clsx(layer, className)","{...style, zIndex}","<Component\n data-ui=\"Layer\"\n {...restProps}\n className={clsx(layer, className)}\n onFocus={handleFocus}\n ref={ref}\n style={{...style, zIndex}}\n >\n {children}\n </Component>","zOffset = 1","<LayerChildren {...restProps}>{children}</LayerChildren>","<LayerProvider zOffset={zOffset}>\n <LayerChildren {...restProps}>{children}</LayerChildren>\n </LayerProvider>"],"sources":["../src/core/utils/layer/layer.css.ts","../src/core/utils/layer/layer.tsx"],"sourcesContent":["import {style} from '@vanilla-extract/css'\n\nexport const layer = style({\n position: 'relative',\n})\n","import {clsx} from 'clsx/lite'\nimport {FocusEvent, useCallback, useEffect, useImperativeHandle, useRef} from 'react'\n\nimport {EMPTY_RECORD} from '../../constants'\nimport {containsOrEqualsElement, isHTMLElement} from '../../helpers/element'\nimport {LayerProvider} from './layerProvider'\nimport {useLayer} from './useLayer'\n\nimport {layer} from './layer.css'\n\n/**\n * @public\n */\nexport interface LayerProps {\n as?: React.ElementType | keyof React.JSX.IntrinsicElements\n /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */\n onActivate?: (props: {activeElement: HTMLElement | null}) => void\n zOffset?: number | number[]\n}\n\ninterface LayerChildrenProps {\n as?: React.ElementType | keyof React.JSX.IntrinsicElements\n onActivate?: LayerProps['onActivate']\n}\n\nfunction LayerChildren(props: LayerChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>) {\n const {\n as = 'div',\n children,\n className,\n onActivate,\n onFocus,\n ref: forwardedRef,\n style = EMPTY_RECORD,\n ...restProps\n } = props\n const {zIndex, isTopLayer} = useLayer()\n const lastFocusedRef = useRef<HTMLElement | null>(null)\n const ref = useRef<HTMLDivElement | null>(null)\n const isTopLayerRef = useRef<boolean>(isTopLayer)\n\n useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n // When the layer very first mounts, it will be the top layer, but we don't want to fire\n // the callback in that case. We use a ref to track the previous value of isTopLayer to\n // determine if the layer has become the top layer since the last render.\n useEffect(() => {\n const becameTopLayer = isTopLayerRef.current !== isTopLayer && isTopLayer\n\n if (becameTopLayer) {\n onActivate?.({activeElement: lastFocusedRef.current})\n }\n\n isTopLayerRef.current = isTopLayer\n }, [isTopLayer, onActivate])\n\n const handleFocus = useCallback(\n // oxlint-disable-next-line no-unnecessary-type-arguments\n (event: FocusEvent<HTMLDivElement, Element>) => {\n // Call the user-provided onFocus handler if any\n onFocus?.(event)\n\n const rootElement = ref.current\n const target = document.activeElement\n\n if (!isTopLayer || !rootElement || !target) return\n\n if (isHTMLElement(target) && containsOrEqualsElement(rootElement, target)) {\n lastFocusedRef.current = target\n }\n },\n [isTopLayer, onFocus],\n )\n\n // Rendering the polymorphic `as` needs one concrete element type for JSX to\n // type-check the div-flavored props (the same widening styled-components'\n // `as` prop performed here before).\n // oxlint-disable-next-line no-unsafe-type-assertion\n const Component = as as 'div'\n\n return (\n <Component\n data-ui=\"Layer\"\n {...restProps}\n className={clsx(layer, className)}\n onFocus={handleFocus}\n ref={ref}\n style={{...style, zIndex}}\n >\n {children}\n </Component>\n )\n}\n\n/**\n * @public\n */\nexport function Layer(props: LayerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>) {\n const {children, zOffset = 1, ...restProps} = props\n\n return (\n <LayerProvider zOffset={zOffset}>\n <LayerChildren {...restProps}>{children}</LayerChildren>\n </LayerProvider>\n )\n}\n"],"mappings":";;;;;;;;ACyBA,SAAS,cAAc,OAAyE;gBAG5F,UACA,WAGK,cAFL,YACA,SAGG,WAPHA,IAMAC;CAEE,AAAA,EAAA,OAAA,+IATE,CACJ,IAAA,IACA,UACA,WACA,YACA,SACA,KAAK,cACL,OAAA,IACA,GAAA,aACE;CARF,IAAA,KAAA,OAAA,KAAA,IAAK,QAALD,IAMA,QAAA,OAAA,KAAA,IAAQ,eAARC,IAGI,EAAC,QAAQ,eAAc,SAAS,GAChC,iBAAiB,OAA2B,IAAI,GAChD,MAAM,OAA8B,IAAI,GACxC,gBAAgB,OAAgB,UAAU,GAEgCC;CAAhF,oDAAsF,WAAA,IAAI,iCAA1F,oBAAkE,cAAcA,EAAiB;CAKvFC,IAAAA,IAQPC;CARH,AACmD,EAAA,QAAA,cAAA,EAAA,QAG/C,cAJM,WAAM;EAOd,AANuB,cAAc,YAAY,cAAc,cAG7D,aAAa,EAAC,eAAe,eAAe,QAAO,CAAC,GAGtD,cAAc,UAAU;CAC1B,GAAG,KAAA,CAAC,YAAY,UAAU,GAPyB,EAAA,MAAA,YAG/C,EAAA,MAAA,gEAJJ,UAAUD,IAQPC,EAAwB;CAIzBC,IAAAA;CAOO,AAAA,EAAA,QAAA,cAAA,EAAA,QALL,WAFF,MAAC,UAA+C;EAE9C,UAAU,KAAK;EAEf,IAAM,cAAc,IAAI,SAClB,SAAS,SAAS;EAEpB,AAAC,cAAe,eAAgB,UAEhC,cAAc,MAAM,KAAK,wBAAwB,aAAa,MAAM,MACtE,eAAe,UAAU;CAE7B,GALO,EAAA,MAAA,YALL,EAAA,MAAA;CAJJ,IAAM,cAAcC,IAsBd,YAAY,IAMHC;CAAY,AAAA,EAAA,QAAA,0BAAZ,KAAA,KAAK,OAAO,SAAS,GAAT,EAAA,MAAA;CAGhBC,IAAAA;CAAI,AAAA,EAAA,QAAA,SAAA,EAAA,QAAO,UAAX,KAAA;EAAC,GAAG;EAAO;CAAM,GAAb,EAAA,MAAA,OAAO,EAAA,MAAA;CANpBC,IAAAA;CADF,OACG,EAAA,QAAA,aAAA,EAAA,QAQE,YAAA,EAAA,QAJQ,eAAA,EAAA,QAFL,aAAA,EAAA,QACOF,MAAAA,EAAAA,QAGJC,MANT,KAAA,oBAAC,WAAD;EACE,WAAQ;EACR,GAAI;EACJ,WAAWD;EACX,SAAS;EACJ;EACL,OAAOC;EAEN;CACQ,CAAA,GATV,EAAA,MAAA,WAQE,EAAA,MAAA,UAJQ,EAAA,MAAA,aAFL,EAAA,MAAA,WACOD,EAAAA,MAAAA,IAGJC,EAAAA,MAAAA,8BANTC;AAWJ;;;;AAKA,SAAgB,MAAM,OAAiE;gBAC9E,UAA0B,WAAhBC;CAA6B,AAAA,EAAA,OAAA,0DAAxC,CAAC,UAAU,SAAA,IAAa,GAAA,aAAgB;CAA7B,IAAA,UAAA,OAAA,KAAA,IAAU,IAAVA,IAIbC;CAA+B,AAAA,EAAA,OAAA,YAAA,EAAA,OAAZ,aAAnB,KAAA,oBAAC,eAAD;EAAe,GAAI;EAAY;CAAwB,CAAA,GAAxB,EAAA,KAAA,UAAZ,EAAA,KAAA;CADrBC,IAAAA;CADF,OAEID,EAAAA,OAAAA,MAAAA,EAAAA,OADsB,WAAxB,KAAA,oBAAC,eAAD;EAAwB;EACtBA,UAAAA;CACa,CAAA,GADbA,EAAAA,KAAAA,IADsB,EAAA,KAAA,iCAAxBC;AAIJ"}
|
package/dist/layer-ChlP9Ik6.d.ts
DELETED
|
@@ -1,242 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @public
|
|
3
|
-
*/
|
|
4
|
-
type BoxSizing = 'content' | 'border';
|
|
5
|
-
/**
|
|
6
|
-
* @public
|
|
7
|
-
*/
|
|
8
|
-
type BoxDisplay = 'none' | 'block' | 'grid' | 'flex' | 'inline-block';
|
|
9
|
-
/**
|
|
10
|
-
* @public
|
|
11
|
-
*/
|
|
12
|
-
type BoxHeight = 'stretch' | 'fill';
|
|
13
|
-
/**
|
|
14
|
-
* @public
|
|
15
|
-
*/
|
|
16
|
-
type BoxOverflow = 'visible' | 'hidden' | 'auto';
|
|
17
|
-
/**
|
|
18
|
-
* @public
|
|
19
|
-
*/
|
|
20
|
-
type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
|
|
21
|
-
/**
|
|
22
|
-
* @public
|
|
23
|
-
*/
|
|
24
|
-
type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
25
|
-
/**
|
|
26
|
-
* @public
|
|
27
|
-
*/
|
|
28
|
-
type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
29
|
-
/**
|
|
30
|
-
* @public
|
|
31
|
-
*/
|
|
32
|
-
type FlexValue = number | 'none' | 'auto' | 'initial';
|
|
33
|
-
/**
|
|
34
|
-
* @public
|
|
35
|
-
*/
|
|
36
|
-
type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap';
|
|
37
|
-
/**
|
|
38
|
-
* @public
|
|
39
|
-
*/
|
|
40
|
-
type GridAutoRows = 'auto' | 'min' | 'max' | 'fr';
|
|
41
|
-
/**
|
|
42
|
-
* @public
|
|
43
|
-
*/
|
|
44
|
-
type GridAutoCols = 'auto' | 'min' | 'max' | 'fr';
|
|
45
|
-
/**
|
|
46
|
-
* @public
|
|
47
|
-
*/
|
|
48
|
-
type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense';
|
|
49
|
-
/**
|
|
50
|
-
* @public
|
|
51
|
-
*/
|
|
52
|
-
type GridItemColumn = 'auto' | 'full' | number;
|
|
53
|
-
/**
|
|
54
|
-
* @public
|
|
55
|
-
*/
|
|
56
|
-
type GridItemColumnStart = 'auto' | number;
|
|
57
|
-
/**
|
|
58
|
-
* @public
|
|
59
|
-
*/
|
|
60
|
-
type GridItemColumnEnd = 'auto' | number;
|
|
61
|
-
/**
|
|
62
|
-
* @public
|
|
63
|
-
*/
|
|
64
|
-
type GridItemRow = 'auto' | 'full' | number;
|
|
65
|
-
/**
|
|
66
|
-
* @public
|
|
67
|
-
*/
|
|
68
|
-
type GridItemRowStart = 'auto' | number;
|
|
69
|
-
/**
|
|
70
|
-
* @public
|
|
71
|
-
*/
|
|
72
|
-
type GridItemRowEnd = 'auto' | number;
|
|
73
|
-
/**
|
|
74
|
-
* @public
|
|
75
|
-
*/
|
|
76
|
-
type Radius = number | 'full';
|
|
77
|
-
/**
|
|
78
|
-
* @public
|
|
79
|
-
*/
|
|
80
|
-
interface ResponsiveBorderProps {
|
|
81
|
-
border?: boolean | boolean[];
|
|
82
|
-
borderTop?: boolean | boolean[];
|
|
83
|
-
borderRight?: boolean | boolean[];
|
|
84
|
-
borderBottom?: boolean | boolean[];
|
|
85
|
-
borderLeft?: boolean | boolean[];
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* @public
|
|
89
|
-
*/
|
|
90
|
-
interface ResponsiveBoxProps {
|
|
91
|
-
display?: BoxDisplay | BoxDisplay[];
|
|
92
|
-
height?: BoxHeight | BoxHeight[];
|
|
93
|
-
overflow?: BoxOverflow | BoxOverflow[];
|
|
94
|
-
sizing?: BoxSizing | BoxSizing[];
|
|
95
|
-
}
|
|
96
|
-
/**
|
|
97
|
-
* @public
|
|
98
|
-
*/
|
|
99
|
-
interface ResponsiveFlexProps {
|
|
100
|
-
align?: FlexAlign | FlexAlign[];
|
|
101
|
-
direction?: FlexDirection | FlexDirection[];
|
|
102
|
-
justify?: FlexJustify | FlexJustify[];
|
|
103
|
-
wrap?: FlexWrap | FlexWrap[];
|
|
104
|
-
}
|
|
105
|
-
/**
|
|
106
|
-
* @public
|
|
107
|
-
*/
|
|
108
|
-
interface ResponsiveFlexItemProps {
|
|
109
|
-
/** Sets the flex CSS attribute. The property is responsive. */
|
|
110
|
-
flex?: FlexValue | FlexValue[];
|
|
111
|
-
}
|
|
112
|
-
/**
|
|
113
|
-
* @public
|
|
114
|
-
*/
|
|
115
|
-
interface ResponsiveGridProps {
|
|
116
|
-
autoRows?: GridAutoRows | GridAutoRows[];
|
|
117
|
-
autoCols?: GridAutoCols | GridAutoCols[];
|
|
118
|
-
autoFlow?: GridAutoFlow | GridAutoFlow[];
|
|
119
|
-
/**
|
|
120
|
-
* @deprecated Use `gridTemplateColumns` instead.
|
|
121
|
-
*/
|
|
122
|
-
columns?: never;
|
|
123
|
-
gridTemplateColumns?: number | number[];
|
|
124
|
-
gap?: number | number[];
|
|
125
|
-
gapX?: number | number[];
|
|
126
|
-
gapY?: number | number[];
|
|
127
|
-
/**
|
|
128
|
-
* @deprecated Use `gridTemplateRows` instead.
|
|
129
|
-
*/
|
|
130
|
-
rows?: never;
|
|
131
|
-
gridTemplateRows?: number | number[];
|
|
132
|
-
}
|
|
133
|
-
/**
|
|
134
|
-
* @public
|
|
135
|
-
*/
|
|
136
|
-
interface ResponsiveGridItemProps {
|
|
137
|
-
gridColumn?: GridItemColumn | GridItemColumn[];
|
|
138
|
-
/**
|
|
139
|
-
* @deprecated Use `gridColumn` instead.
|
|
140
|
-
*/
|
|
141
|
-
column?: never;
|
|
142
|
-
gridColumnStart?: GridItemColumnStart | GridItemColumnStart[];
|
|
143
|
-
/**
|
|
144
|
-
* @deprecated Use `gridColumnStart` instead.
|
|
145
|
-
*/
|
|
146
|
-
columnStart?: never;
|
|
147
|
-
gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[];
|
|
148
|
-
/**
|
|
149
|
-
* @deprecated Use `gridColumnEnd` instead.
|
|
150
|
-
*/
|
|
151
|
-
columnEnd?: never;
|
|
152
|
-
gridRow?: GridItemRow | GridItemRow[];
|
|
153
|
-
/**
|
|
154
|
-
* @deprecated Use `gridRow` instead.
|
|
155
|
-
*/
|
|
156
|
-
row?: never;
|
|
157
|
-
gridRowStart?: GridItemRowStart | GridItemRowStart[];
|
|
158
|
-
/**
|
|
159
|
-
* @deprecated Use `gridRowStart` instead.
|
|
160
|
-
*/
|
|
161
|
-
rowStart?: never;
|
|
162
|
-
gridRowEnd?: GridItemRowEnd | GridItemRowEnd[];
|
|
163
|
-
/**
|
|
164
|
-
* @deprecated Use `gridRowEnd` instead.
|
|
165
|
-
*/
|
|
166
|
-
rowEnd?: never;
|
|
167
|
-
}
|
|
168
|
-
/**
|
|
169
|
-
* @public
|
|
170
|
-
*/
|
|
171
|
-
interface ResponsiveMarginProps {
|
|
172
|
-
/** Applies margins to all sides. The property is responsive. */
|
|
173
|
-
margin?: number | number[];
|
|
174
|
-
/** Applies margins to the left and right sides. The property is responsive. */
|
|
175
|
-
marginX?: number | number[];
|
|
176
|
-
/** Applies margins to the top and bottom sides. The property is responsive. */
|
|
177
|
-
marginY?: number | number[];
|
|
178
|
-
marginTop?: number | number[];
|
|
179
|
-
marginRight?: number | number[];
|
|
180
|
-
marginBottom?: number | number[];
|
|
181
|
-
marginLeft?: number | number[];
|
|
182
|
-
}
|
|
183
|
-
/**
|
|
184
|
-
* @public
|
|
185
|
-
*/
|
|
186
|
-
interface ResponsivePaddingProps {
|
|
187
|
-
padding?: number | number[];
|
|
188
|
-
paddingX?: number | number[];
|
|
189
|
-
paddingY?: number | number[];
|
|
190
|
-
paddingTop?: number | number[];
|
|
191
|
-
paddingRight?: number | number[];
|
|
192
|
-
paddingBottom?: number | number[];
|
|
193
|
-
paddingLeft?: number | number[];
|
|
194
|
-
}
|
|
195
|
-
/**
|
|
196
|
-
* @public
|
|
197
|
-
*/
|
|
198
|
-
interface ResponsiveRadiusProps {
|
|
199
|
-
radius?: Radius | Radius[];
|
|
200
|
-
}
|
|
201
|
-
/**
|
|
202
|
-
* @public
|
|
203
|
-
*/
|
|
204
|
-
interface ResponsiveShadowProps {
|
|
205
|
-
shadow?: number | number[];
|
|
206
|
-
}
|
|
207
|
-
/**
|
|
208
|
-
* @public
|
|
209
|
-
*/
|
|
210
|
-
interface ResponsiveWidthProps {
|
|
211
|
-
width?: number | 'auto' | (number | 'auto')[];
|
|
212
|
-
}
|
|
213
|
-
/**
|
|
214
|
-
* @public
|
|
215
|
-
*/
|
|
216
|
-
type Delay = number | Partial<{
|
|
217
|
-
open: number;
|
|
218
|
-
close: number;
|
|
219
|
-
}>;
|
|
220
|
-
/**
|
|
221
|
-
* Placement of floating UI elements.
|
|
222
|
-
*
|
|
223
|
-
* @public
|
|
224
|
-
*/
|
|
225
|
-
type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
|
|
226
|
-
/**
|
|
227
|
-
* @public
|
|
228
|
-
*/
|
|
229
|
-
interface LayerProps {
|
|
230
|
-
as?: React.ElementType | keyof React.JSX.IntrinsicElements;
|
|
231
|
-
/** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
|
|
232
|
-
onActivate?: (props: {
|
|
233
|
-
activeElement: HTMLElement | null;
|
|
234
|
-
}) => void;
|
|
235
|
-
zOffset?: number | number[];
|
|
236
|
-
}
|
|
237
|
-
/**
|
|
238
|
-
* @public
|
|
239
|
-
*/
|
|
240
|
-
declare function Layer(props: LayerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>): import("react").JSX.Element;
|
|
241
|
-
export { FlexWrap as A, GridAutoCols as C, FlexDirection as D, FlexAlign as E, BoxHeight as M, BoxOverflow as N, FlexJustify as O, BoxSizing as P, GridItemRowStart as S, GridAutoRows as T, GridItemColumn as _, ResponsiveBorderProps as a, GridItemRow as b, ResponsiveFlexProps as c, ResponsiveMarginProps as d, ResponsivePaddingProps as f, Radius as g, ResponsiveWidthProps as h, Delay as i, BoxDisplay as j, FlexValue as k, ResponsiveGridItemProps as l, ResponsiveShadowProps as m, LayerProps as n, ResponsiveBoxProps as o, ResponsiveRadiusProps as p, Placement as r, ResponsiveFlexItemProps as s, Layer as t, ResponsiveGridProps as u, GridItemColumnEnd as v, GridAutoFlow as w, GridItemRowEnd as x, GridItemColumnStart as y };
|
|
242
|
-
//# sourceMappingURL=layer-ChlP9Ik6.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layer-ChlP9Ik6.d.ts","names":[],"sources":["../src/core/types/box.ts","../src/core/types/flex.ts","../src/core/types/grid.ts","../src/core/types/gridItem.ts","../src/core/types/radius.ts","../src/core/primitives/types.ts","../src/core/types/placement.ts","../src/core/utils/layer/layer.tsx"],"mappings":"AAGA;;;KAAY;;;;KAKA;;;;KAKA;;;;KAKA;;;;KCfA;;;;KAKA;;;;KAKA;;;;KAWA;;;;KAKA;;;;KC1BA;;;;KAKA;;;;KAKA;;;;KCVA;;;;KAKA;;;;KAKA;;;;KAKA;;;;KAKA;;;;KAKA;;;;KCzBA;;;;UCaK;EACf;EACA;EACA;EACA;EACA;;;;;UAMe;EACf,UAAU,aAAa;EACvB,SAAS,YAAY;EACrB,WAAW,cAAc;EACzB,SAAS,YAAY;;;;;UAMN;EACf,QAAQ,YAAY;EACpB,YAAY,gBAAgB;EAC5B,UAAU,cAAc;EACxB,OAAO,WAAW;;;;;UAMH;;EAEf,OAAO,YAAY;;;;;UAMJ;EACf,WAAW,eAAe;EAC1B,WAAW,eAAe;EAC1B,WAAW,eAAe;;;;EAK1B;EACA;EACA;EACA;EACA;;;;EAIA;EACA;;;;;UAMe;EACf,aAAa,iBAAiB;;;;EAI9B;EACA,kBAAkB,sBAAsB;;;;EAIxC;EACA,gBAAgB,oBAAoB;;;;EAIpC;EACA,UAAU,cAAc;;;;EAIxB;EACA,eAAe,mBAAmB;;;;EAIlC;EACA,aAAa,iBAAiB;;;;EAI9B;;;;;UAMe;;EAEf;;EAEA;;EAEA;EACA;EACA;EACA;EACA;;;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;;;;;UAMe;EACf,SAAS,SAAS;;;;;UAMH;EACf;;;;;UAMe;EACf;;;;;KAMU,iBAER;EACE;EACA;;;;;;;KCnKM;;;;UCQK;EACf,KAAK,MAAM,oBAAoB,MAAM,IAAI;;EAEzC,cAAc;IAAQ,eAAe;;EACrC;;;;;iBAgFc,MAAM,OAAO,aAAa,KAAK,MAAM,UAAU,yCAAsB,IAAA"}
|