@seed-design/react 1.0.7 → 1.1.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/lib/components/ActionButton/ActionButton.cjs +7 -1
- package/lib/components/ActionButton/ActionButton.d.ts +7 -1
- package/lib/components/ActionButton/ActionButton.d.ts.map +1 -1
- package/lib/components/ActionButton/ActionButton.js +7 -1
- package/lib/components/BottomSheet/BottomSheet.cjs +14 -18
- package/lib/components/BottomSheet/BottomSheet.d.ts +12 -19
- package/lib/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/components/BottomSheet/BottomSheet.js +14 -18
- package/lib/components/BottomSheet/BottomSheet.namespace.cjs +2 -0
- package/lib/components/BottomSheet/BottomSheet.namespace.d.ts +1 -0
- package/lib/components/BottomSheet/BottomSheet.namespace.d.ts.map +1 -1
- package/lib/components/BottomSheet/BottomSheet.namespace.js +1 -0
- package/lib/components/BottomSheetHandle/BottomSheetHandle.cjs +20 -0
- package/lib/components/BottomSheetHandle/BottomSheetHandle.d.ts +6 -0
- package/lib/components/BottomSheetHandle/BottomSheetHandle.d.ts.map +1 -0
- package/lib/components/BottomSheetHandle/BottomSheetHandle.js +16 -0
- package/lib/components/BottomSheetHandle/index.cjs +9 -0
- package/lib/components/BottomSheetHandle/index.d.ts +2 -0
- package/lib/components/BottomSheetHandle/index.d.ts.map +1 -0
- package/lib/components/BottomSheetHandle/index.js +1 -0
- package/lib/components/Chip/Chip.cjs +4 -3
- package/lib/components/Chip/Chip.d.ts.map +1 -1
- package/lib/components/Chip/Chip.js +4 -3
- package/lib/components/Field/Field.cjs +108 -0
- package/lib/components/Field/Field.d.ts +41 -0
- package/lib/components/Field/Field.d.ts.map +1 -0
- package/lib/components/Field/Field.js +96 -0
- package/lib/components/Field/Field.namespace.cjs +17 -0
- package/lib/components/Field/Field.namespace.d.ts +2 -0
- package/lib/components/Field/Field.namespace.d.ts.map +1 -0
- package/lib/components/Field/Field.namespace.js +1 -0
- package/lib/components/Field/index.cjs +19 -0
- package/lib/components/Field/index.d.ts +3 -0
- package/lib/components/Field/index.d.ts.map +1 -0
- package/lib/components/Field/index.js +3 -0
- package/lib/components/FieldButton/FieldButton.cjs +201 -0
- package/lib/components/FieldButton/FieldButton.d.ts +61 -0
- package/lib/components/FieldButton/FieldButton.d.ts.map +1 -0
- package/lib/components/FieldButton/FieldButton.js +161 -0
- package/lib/components/FieldButton/FieldButton.namespace.cjs +26 -0
- package/lib/components/FieldButton/FieldButton.namespace.d.ts +2 -0
- package/lib/components/FieldButton/FieldButton.namespace.d.ts.map +1 -0
- package/lib/components/FieldButton/FieldButton.namespace.js +1 -0
- package/lib/components/FieldButton/index.cjs +28 -0
- package/lib/components/FieldButton/index.d.ts +3 -0
- package/lib/components/FieldButton/index.d.ts.map +1 -0
- package/lib/components/FieldButton/index.js +3 -0
- package/lib/components/HelpBubble/HelpBubble.d.ts +1 -1
- package/lib/components/List/List.cjs +5 -4
- package/lib/components/List/List.d.ts.map +1 -1
- package/lib/components/List/List.js +5 -4
- package/lib/components/PageBanner/PageBanner.cjs +8 -3
- package/lib/components/PageBanner/PageBanner.d.ts +5 -2
- package/lib/components/PageBanner/PageBanner.d.ts.map +1 -1
- package/lib/components/PageBanner/PageBanner.js +7 -3
- package/lib/components/PageBanner/PageBanner.namespace.cjs +2 -1
- package/lib/components/PageBanner/PageBanner.namespace.d.ts +1 -1
- package/lib/components/PageBanner/PageBanner.namespace.d.ts.map +1 -1
- package/lib/components/PageBanner/PageBanner.namespace.js +1 -1
- package/lib/components/PageBanner/index.cjs +2 -1
- package/lib/components/PageBanner/index.d.ts +1 -1
- package/lib/components/PageBanner/index.d.ts.map +1 -1
- package/lib/components/PageBanner/index.js +1 -1
- package/lib/components/Slider/Slider.cjs +110 -0
- package/lib/components/Slider/Slider.d.ts +51 -0
- package/lib/components/Slider/Slider.d.ts.map +1 -0
- package/lib/components/Slider/Slider.js +94 -0
- package/lib/components/Slider/Slider.namespace.cjs +21 -0
- package/lib/components/Slider/Slider.namespace.d.ts +2 -0
- package/lib/components/Slider/Slider.namespace.d.ts.map +1 -0
- package/lib/components/Slider/Slider.namespace.js +1 -0
- package/lib/components/Slider/index.cjs +23 -0
- package/lib/components/Slider/index.d.ts +3 -0
- package/lib/components/Slider/index.d.ts.map +1 -0
- package/lib/components/Slider/index.js +3 -0
- package/lib/components/TextField/TextField.cjs +54 -74
- package/lib/components/TextField/TextField.d.ts +2 -35
- package/lib/components/TextField/TextField.d.ts.map +1 -1
- package/lib/components/TextField/TextField.js +56 -65
- package/lib/components/TextField/TextField.namespace.cjs +0 -11
- package/lib/components/TextField/TextField.namespace.d.ts +1 -1
- package/lib/components/TextField/TextField.namespace.d.ts.map +1 -1
- package/lib/components/TextField/TextField.namespace.js +1 -1
- package/lib/components/TextField/TextField.test.d.ts +1 -0
- package/lib/components/TextField/TextField.test.d.ts.map +1 -0
- package/lib/components/TextField/index.cjs +2 -11
- package/lib/components/TextField/index.d.ts +2 -1
- package/lib/components/TextField/index.d.ts.map +1 -1
- package/lib/components/TextField/index.js +2 -1
- package/lib/components/TextField/memoize.cjs +18 -0
- package/lib/components/TextField/memoize.d.ts +2 -0
- package/lib/components/TextField/memoize.d.ts.map +1 -0
- package/lib/components/TextField/memoize.js +14 -0
- package/lib/components/TextField/useTextFieldWithGraphemes.cjs +52 -0
- package/lib/components/TextField/useTextFieldWithGraphemes.d.ts +23 -0
- package/lib/components/TextField/useTextFieldWithGraphemes.d.ts.map +1 -0
- package/lib/components/TextField/useTextFieldWithGraphemes.js +48 -0
- package/lib/components/TextField/useTextFieldWithGraphemes.test.d.ts +1 -0
- package/lib/components/TextField/useTextFieldWithGraphemes.test.d.ts.map +1 -0
- package/lib/components/index.cjs +53 -12
- package/lib/components/index.d.ts +3 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +12 -2
- package/lib/index.cjs +53 -12
- package/lib/index.js +12 -2
- package/lib/node_modules/unicode-segmenter/_grapheme_data.cjs +23 -0
- package/lib/node_modules/unicode-segmenter/_grapheme_data.js +19 -0
- package/lib/node_modules/unicode-segmenter/_incb_data.cjs +29 -0
- package/lib/node_modules/unicode-segmenter/_incb_data.js +25 -0
- package/lib/node_modules/unicode-segmenter/core.cjs +83 -0
- package/lib/node_modules/unicode-segmenter/core.js +78 -0
- package/lib/node_modules/unicode-segmenter/grapheme.cjs +312 -0
- package/lib/node_modules/unicode-segmenter/grapheme.js +307 -0
- package/lib/primitive.cjs +7 -0
- package/lib/primitive.d.ts +1 -0
- package/lib/primitive.d.ts.map +1 -1
- package/lib/primitive.js +1 -0
- package/lib/utils/createWithStateProps.cjs +8 -4
- package/lib/utils/createWithStateProps.d.ts +6 -3
- package/lib/utils/createWithStateProps.d.ts.map +1 -1
- package/lib/utils/createWithStateProps.js +8 -4
- package/package.json +9 -6
- package/src/components/ActionButton/ActionButton.tsx +21 -2
- package/src/components/BottomSheet/BottomSheet.namespace.ts +5 -0
- package/src/components/BottomSheet/BottomSheet.tsx +24 -38
- package/src/components/BottomSheetHandle/BottomSheetHandle.tsx +22 -0
- package/src/components/BottomSheetHandle/index.ts +1 -0
- package/src/components/Chip/Chip.tsx +4 -3
- package/src/components/Field/Field.namespace.ts +19 -0
- package/src/components/Field/Field.tsx +136 -0
- package/src/components/Field/index.ts +21 -0
- package/src/components/FieldButton/FieldButton.namespace.ts +38 -0
- package/src/components/FieldButton/FieldButton.tsx +249 -0
- package/src/components/FieldButton/index.ts +40 -0
- package/src/components/HelpBubble/HelpBubble.tsx +1 -1
- package/src/components/List/List.tsx +5 -4
- package/src/components/PageBanner/PageBanner.namespace.ts +4 -2
- package/src/components/PageBanner/PageBanner.tsx +10 -3
- package/src/components/PageBanner/index.ts +4 -2
- package/src/components/Slider/Slider.namespace.ts +28 -0
- package/src/components/Slider/Slider.tsx +154 -0
- package/src/components/Slider/index.ts +30 -0
- package/src/components/TextField/TextField.namespace.ts +2 -24
- package/src/components/TextField/TextField.test.tsx +260 -0
- package/src/components/TextField/TextField.tsx +67 -143
- package/src/components/TextField/index.ts +7 -24
- package/src/components/TextField/memoize.ts +14 -0
- package/src/components/TextField/useTextFieldWithGraphemes.test.tsx +301 -0
- package/src/components/TextField/useTextFieldWithGraphemes.ts +65 -0
- package/src/components/index.ts +3 -0
- package/src/primitive.ts +1 -0
- package/src/utils/createWithStateProps.tsx +14 -9
- package/lib/components/List/ListHeader.namespace.d.ts +0 -2
- package/lib/components/List/ListHeader.namespace.d.ts.map +0 -1
- package/src/components/List/ListHeader.namespace.ts +0 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const FieldButton = require('./FieldButton.cjs');
|
|
6
|
+
const FieldButton_namespace = require('./FieldButton.namespace.cjs');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.FieldButtonButton = FieldButton.FieldButtonButton;
|
|
11
|
+
exports.FieldButtonClearButton = FieldButton.FieldButtonClearButton;
|
|
12
|
+
exports.FieldButtonControl = FieldButton.FieldButtonControl;
|
|
13
|
+
exports.FieldButtonDescription = FieldButton.FieldButtonDescription;
|
|
14
|
+
exports.FieldButtonErrorMessage = FieldButton.FieldButtonErrorMessage;
|
|
15
|
+
exports.FieldButtonFooter = FieldButton.FieldButtonFooter;
|
|
16
|
+
exports.FieldButtonHeader = FieldButton.FieldButtonHeader;
|
|
17
|
+
exports.FieldButtonHiddenInput = FieldButton.FieldButtonHiddenInput;
|
|
18
|
+
exports.FieldButtonIndicatorText = FieldButton.FieldButtonIndicatorText;
|
|
19
|
+
exports.FieldButtonLabel = FieldButton.FieldButtonLabel;
|
|
20
|
+
exports.FieldButtonPlaceholder = FieldButton.FieldButtonPlaceholder;
|
|
21
|
+
exports.FieldButtonPrefixIcon = FieldButton.FieldButtonPrefixIcon;
|
|
22
|
+
exports.FieldButtonPrefixText = FieldButton.FieldButtonPrefixText;
|
|
23
|
+
exports.FieldButtonRequiredIndicator = FieldButton.FieldButtonRequiredIndicator;
|
|
24
|
+
exports.FieldButtonRoot = FieldButton.FieldButtonRoot;
|
|
25
|
+
exports.FieldButtonSuffixIcon = FieldButton.FieldButtonSuffixIcon;
|
|
26
|
+
exports.FieldButtonSuffixText = FieldButton.FieldButtonSuffixText;
|
|
27
|
+
exports.FieldButtonValue = FieldButton.FieldButtonValue;
|
|
28
|
+
exports.FieldButton = FieldButton_namespace;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { FieldButtonButton, FieldButtonClearButton, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonRoot, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonControl, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue, type FieldButtonButtonProps, type FieldButtonClearButtonProps, type FieldButtonDescriptionProps, type FieldButtonErrorMessageProps, type FieldButtonRootProps, type FieldButtonFooterProps, type FieldButtonHeaderProps, type FieldButtonHiddenInputProps, type FieldButtonIndicatorTextProps, type FieldButtonLabelProps, type FieldButtonPlaceholderProps, type FieldButtonPrefixIconProps, type FieldButtonPrefixTextProps, type FieldButtonRequiredIndicatorProps, type FieldButtonControlProps, type FieldButtonSuffixIconProps, type FieldButtonSuffixTextProps, type FieldButtonValueProps, } from './FieldButton';
|
|
2
|
+
export * as FieldButton from './FieldButton.namespace';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,6BAA6B,EAClC,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,iCAAiC,EACtC,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,GAC3B,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,WAAW,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonRoot, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue } from './FieldButton.js';
|
|
2
|
+
import * as FieldButton_namespace from './FieldButton.namespace.js';
|
|
3
|
+
export { FieldButton_namespace as FieldButton };
|
|
@@ -40,7 +40,7 @@ export declare const HelpBubbleArrow: ForwardRefExoticComponent<HelpBubbleArrowP
|
|
|
40
40
|
export interface HelpBubbleArrowTipProps extends React.SVGProps<SVGSVGElement> {
|
|
41
41
|
/**
|
|
42
42
|
* radius of the arrow tip
|
|
43
|
-
* @default
|
|
43
|
+
* @default 2
|
|
44
44
|
*/
|
|
45
45
|
tipRadius?: number;
|
|
46
46
|
}
|
|
@@ -16,10 +16,11 @@ const reactRadioGroup = require('@seed-design/react-radio-group');
|
|
|
16
16
|
const reactSwitch = require('@seed-design/react-switch');
|
|
17
17
|
|
|
18
18
|
const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(listItem.listItem);
|
|
19
|
-
const withStateProps = createWithStateProps.createWithStateProps(
|
|
20
|
-
|
|
21
|
-
{ strict: false }
|
|
22
|
-
|
|
19
|
+
const withStateProps = createWithStateProps.createWithStateProps([
|
|
20
|
+
{ useContext: reactCheckbox.useCheckboxContext, strict: false },
|
|
21
|
+
{ useContext: reactRadioGroup.useRadioGroupItemContext, strict: false },
|
|
22
|
+
{ useContext: reactSwitch.useSwitchContext, strict: false }
|
|
23
|
+
]);
|
|
23
24
|
const ListRoot = React.forwardRef(
|
|
24
25
|
({ as = "ul", ...props }, ref) => {
|
|
25
26
|
return /* @__PURE__ */ jsxRuntime.jsx(Stack.VStack, { as, ref, ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAapD,MAAM,WAAW,aAAc,SAAQ,WAAW;CAAG;AAErD,eAAO,MAAM,QAAQ,wFAIpB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,oBAAoB;CAAG;AAE3B,eAAO,MAAM,QAAQ,qFAGpB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,GAAG,cAAc,CAAC,EAC/C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,CAAC,EACvC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,UAAU,CAAC,EACpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,UAAU,wFAGtB,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/F,eAAO,MAAM,SAAS,uFAGrB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhG,eAAO,MAAM,UAAU,wFAGtB,CAAC"}
|
|
@@ -12,10 +12,11 @@ import { useRadioGroupItemContext } from '@seed-design/react-radio-group';
|
|
|
12
12
|
import { useSwitchContext } from '@seed-design/react-switch';
|
|
13
13
|
|
|
14
14
|
const { withContext, withProvider } = createSlotRecipeContext(listItem);
|
|
15
|
-
const withStateProps = createWithStateProps(
|
|
16
|
-
|
|
17
|
-
{ strict: false }
|
|
18
|
-
|
|
15
|
+
const withStateProps = createWithStateProps([
|
|
16
|
+
{ useContext: useCheckboxContext, strict: false },
|
|
17
|
+
{ useContext: useRadioGroupItemContext, strict: false },
|
|
18
|
+
{ useContext: useSwitchContext, strict: false }
|
|
19
|
+
]);
|
|
19
20
|
const ListRoot = forwardRef(
|
|
20
21
|
({ as = "ul", ...props }, ref) => {
|
|
21
22
|
return /* @__PURE__ */ jsx(VStack, { as, ref, ...props });
|
|
@@ -13,9 +13,13 @@ const PageBannerRoot = withProvider(
|
|
|
13
13
|
useDismissible.DismissibleRoot,
|
|
14
14
|
"root"
|
|
15
15
|
);
|
|
16
|
-
const
|
|
16
|
+
const PageBannerContent = withContext(
|
|
17
17
|
reactPrimitive.Primitive.div,
|
|
18
|
-
"
|
|
18
|
+
"content"
|
|
19
|
+
);
|
|
20
|
+
const PageBannerBody = withContext(
|
|
21
|
+
reactPrimitive.Primitive.div,
|
|
22
|
+
"body"
|
|
19
23
|
);
|
|
20
24
|
const PageBannerTitle = withContext(
|
|
21
25
|
reactPrimitive.Primitive.span,
|
|
@@ -34,9 +38,10 @@ const PageBannerCloseButton = withContext(
|
|
|
34
38
|
"closeButton"
|
|
35
39
|
);
|
|
36
40
|
|
|
41
|
+
exports.PageBannerBody = PageBannerBody;
|
|
37
42
|
exports.PageBannerButton = PageBannerButton;
|
|
38
43
|
exports.PageBannerCloseButton = PageBannerCloseButton;
|
|
44
|
+
exports.PageBannerContent = PageBannerContent;
|
|
39
45
|
exports.PageBannerDescription = PageBannerDescription;
|
|
40
46
|
exports.PageBannerRoot = PageBannerRoot;
|
|
41
|
-
exports.PageBannerTextContent = PageBannerTextContent;
|
|
42
47
|
exports.PageBannerTitle = PageBannerTitle;
|
|
@@ -5,9 +5,12 @@ import type * as React from "react";
|
|
|
5
5
|
export interface PageBannerRootProps extends PageBannerVariantProps, DismissibleRootProps {
|
|
6
6
|
}
|
|
7
7
|
export declare const PageBannerRoot: React.ForwardRefExoticComponent<PageBannerRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
export interface
|
|
8
|
+
export interface PageBannerContentProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
9
9
|
}
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const PageBannerContent: React.ForwardRefExoticComponent<PageBannerContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export interface PageBannerBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
12
|
+
}
|
|
13
|
+
export declare const PageBannerBody: React.ForwardRefExoticComponent<PageBannerBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
14
|
export interface PageBannerTitleProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
|
|
12
15
|
}
|
|
13
16
|
export declare const PageBannerTitle: React.ForwardRefExoticComponent<PageBannerTitleProps & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAInC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,oBAAoB;CAAG;AAE5F,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"PageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,2BAA2B,CAAC;AAInC,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,oBAAoB;CAAG;AAE5F,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,8FAG3B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,qBAAqB,oGAGjC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,gBAAgB,iGAG5B,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,qBAAqB,sGAGjC,CAAC"}
|
|
@@ -9,9 +9,13 @@ const PageBannerRoot = withProvider(
|
|
|
9
9
|
DismissibleRoot,
|
|
10
10
|
"root"
|
|
11
11
|
);
|
|
12
|
-
const
|
|
12
|
+
const PageBannerContent = withContext(
|
|
13
13
|
Primitive.div,
|
|
14
|
-
"
|
|
14
|
+
"content"
|
|
15
|
+
);
|
|
16
|
+
const PageBannerBody = withContext(
|
|
17
|
+
Primitive.div,
|
|
18
|
+
"body"
|
|
15
19
|
);
|
|
16
20
|
const PageBannerTitle = withContext(
|
|
17
21
|
Primitive.span,
|
|
@@ -30,4 +34,4 @@ const PageBannerCloseButton = withContext(
|
|
|
30
34
|
"closeButton"
|
|
31
35
|
);
|
|
32
36
|
|
|
33
|
-
export { PageBannerButton, PageBannerCloseButton, PageBannerDescription, PageBannerRoot,
|
|
37
|
+
export { PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle };
|
|
@@ -6,9 +6,10 @@ const PageBanner = require('./PageBanner.cjs');
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
+
exports.Body = PageBanner.PageBannerBody;
|
|
9
10
|
exports.Button = PageBanner.PageBannerButton;
|
|
10
11
|
exports.CloseButton = PageBanner.PageBannerCloseButton;
|
|
12
|
+
exports.Content = PageBanner.PageBannerContent;
|
|
11
13
|
exports.Description = PageBanner.PageBannerDescription;
|
|
12
14
|
exports.Root = PageBanner.PageBannerRoot;
|
|
13
|
-
exports.TextContent = PageBanner.PageBannerTextContent;
|
|
14
15
|
exports.Title = PageBanner.PageBannerTitle;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { PageBannerCloseButton as CloseButton,
|
|
1
|
+
export { PageBannerBody as Body, PageBannerCloseButton as CloseButton, PageBannerContent as Content, PageBannerDescription as Description, PageBannerButton as Button, PageBannerRoot as Root, PageBannerTitle as Title, type PageBannerBodyProps as BodyProps, type PageBannerCloseButtonProps as CloseButtonProps, type PageBannerContentProps as ContentProps, type PageBannerDescriptionProps as DescriptionProps, type PageBannerButtonProps as ButtonProps, type PageBannerRootProps as RootProps, type PageBannerTitleProps as TitleProps, } from './PageBanner';
|
|
2
2
|
//# sourceMappingURL=PageBanner.namespace.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBanner.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"PageBanner.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/PageBanner.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,IAAI,EACtB,qBAAqB,IAAI,WAAW,EACpC,iBAAiB,IAAI,OAAO,EAC5B,qBAAqB,IAAI,WAAW,EACpC,gBAAgB,IAAI,MAAM,EAC1B,cAAc,IAAI,IAAI,EACtB,eAAe,IAAI,KAAK,EACxB,KAAK,mBAAmB,IAAI,SAAS,EACrC,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,sBAAsB,IAAI,YAAY,EAC3C,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,qBAAqB,IAAI,WAAW,EACzC,KAAK,mBAAmB,IAAI,SAAS,EACrC,KAAK,oBAAoB,IAAI,UAAU,GACxC,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { PageBannerButton as Button, PageBannerCloseButton as CloseButton,
|
|
1
|
+
export { PageBannerBody as Body, PageBannerButton as Button, PageBannerCloseButton as CloseButton, PageBannerContent as Content, PageBannerDescription as Description, PageBannerRoot as Root, PageBannerTitle as Title } from './PageBanner.js';
|
|
@@ -7,10 +7,11 @@ const PageBanner_namespace = require('./PageBanner.namespace.cjs');
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
+
exports.PageBannerBody = PageBanner.PageBannerBody;
|
|
10
11
|
exports.PageBannerButton = PageBanner.PageBannerButton;
|
|
11
12
|
exports.PageBannerCloseButton = PageBanner.PageBannerCloseButton;
|
|
13
|
+
exports.PageBannerContent = PageBanner.PageBannerContent;
|
|
12
14
|
exports.PageBannerDescription = PageBanner.PageBannerDescription;
|
|
13
15
|
exports.PageBannerRoot = PageBanner.PageBannerRoot;
|
|
14
|
-
exports.PageBannerTextContent = PageBanner.PageBannerTextContent;
|
|
15
16
|
exports.PageBannerTitle = PageBanner.PageBannerTitle;
|
|
16
17
|
exports.PageBanner = PageBanner_namespace;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { PageBannerCloseButton,
|
|
1
|
+
export { PageBannerBody, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerButton, PageBannerRoot, PageBannerTitle, type PageBannerBodyProps, type PageBannerCloseButtonProps, type PageBannerContentProps, type PageBannerDescriptionProps, type PageBannerButtonProps, type PageBannerRootProps, type PageBannerTitleProps, } from './PageBanner';
|
|
2
2
|
export * as PageBanner from './PageBanner.namespace';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAC3B,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { PageBannerButton, PageBannerCloseButton, PageBannerDescription, PageBannerRoot,
|
|
1
|
+
export { PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle } from './PageBanner.js';
|
|
2
2
|
import * as PageBanner_namespace from './PageBanner.namespace.js';
|
|
3
3
|
export { PageBanner_namespace as PageBanner };
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const slider = require('@seed-design/css/recipes/slider');
|
|
8
|
+
const sliderTick = require('@seed-design/css/recipes/slider-tick');
|
|
9
|
+
const sliderMarker = require('@seed-design/css/recipes/slider-marker');
|
|
10
|
+
const reactPrimitive = require('@seed-design/react-primitive');
|
|
11
|
+
const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
|
|
12
|
+
const reactSlider = require('@seed-design/react-slider');
|
|
13
|
+
const React = require('react');
|
|
14
|
+
const createWithStateProps = require('../../utils/createWithStateProps.cjs');
|
|
15
|
+
const createRecipeContext = require('../../utils/createRecipeContext.cjs');
|
|
16
|
+
const clsx = require('clsx');
|
|
17
|
+
const domUtils = require('@seed-design/dom-utils');
|
|
18
|
+
const reactField = require('@seed-design/react-field');
|
|
19
|
+
const reactComposeRefs = require('@radix-ui/react-compose-refs');
|
|
20
|
+
|
|
21
|
+
const { withProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(slider.slider);
|
|
22
|
+
const { withContext: withTickContext } = createRecipeContext.createRecipeContext(sliderTick.sliderTick);
|
|
23
|
+
const { withContext: withMarkerContext } = createRecipeContext.createRecipeContext(sliderMarker.sliderMarker);
|
|
24
|
+
const withFieldStateProps = createWithStateProps.createWithStateProps([{ useContext: reactField.useFieldContext, strict: false }]);
|
|
25
|
+
const withStateProps = createWithStateProps.createWithStateProps([
|
|
26
|
+
reactSlider.useSliderContext,
|
|
27
|
+
{ useContext: reactField.useFieldContext, strict: false }
|
|
28
|
+
]);
|
|
29
|
+
const SliderRoot = withProvider(reactSlider.Slider.Root, "root");
|
|
30
|
+
const SliderControl = withContext(
|
|
31
|
+
withStateProps(reactPrimitive.Primitive.div),
|
|
32
|
+
"control"
|
|
33
|
+
);
|
|
34
|
+
const SliderTrack = withContext(
|
|
35
|
+
withStateProps(reactPrimitive.Primitive.div),
|
|
36
|
+
"track"
|
|
37
|
+
);
|
|
38
|
+
const SliderRange = withContext(
|
|
39
|
+
withFieldStateProps(reactSlider.Slider.Range),
|
|
40
|
+
"range"
|
|
41
|
+
);
|
|
42
|
+
const SliderThumb = React.forwardRef(
|
|
43
|
+
({ thumbIndex, className, ...props }, ref) => {
|
|
44
|
+
const classNames = useClassNames();
|
|
45
|
+
const fieldContext = reactField.useFieldContext({ strict: false });
|
|
46
|
+
const mergedProps = domUtils.mergeProps(fieldContext?.inputAriaAttributes ?? {}, props);
|
|
47
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
48
|
+
reactSlider.Slider.Thumb,
|
|
49
|
+
{
|
|
50
|
+
ref,
|
|
51
|
+
className: clsx(classNames.thumb, className),
|
|
52
|
+
thumbIndex,
|
|
53
|
+
...mergedProps
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
SliderThumb.displayName = "SliderThumb";
|
|
59
|
+
const SliderHiddenInput = reactSlider.Slider.HiddenInput;
|
|
60
|
+
const SliderTick = withTickContext(reactSlider.Slider.Tick);
|
|
61
|
+
const SliderMarkers = withContext(
|
|
62
|
+
withStateProps(reactPrimitive.Primitive.div),
|
|
63
|
+
"markers"
|
|
64
|
+
);
|
|
65
|
+
const SliderMarker = withMarkerContext(
|
|
66
|
+
withFieldStateProps(reactSlider.Slider.Marker)
|
|
67
|
+
);
|
|
68
|
+
const SliderValueIndicatorRoot = withContext(
|
|
69
|
+
reactSlider.Slider.ValueIndicatorRoot,
|
|
70
|
+
"valueIndicatorRoot"
|
|
71
|
+
);
|
|
72
|
+
const SliderValueIndicatorLabel = reactSlider.Slider.ValueIndicatorLabel;
|
|
73
|
+
const SliderValueIndicatorArrow = withContext(withStateProps(reactPrimitive.Primitive.div), "valueIndicatorArrow");
|
|
74
|
+
const SliderValueIndicatorArrowTip = React.forwardRef(({ tipRadius = 2, className, ...otherProps }, ref) => {
|
|
75
|
+
const [valueIndicatorArrowTip, setValueIndicatorArrowTip] = React.useState(null);
|
|
76
|
+
const width = valueIndicatorArrowTip?.clientWidth ?? 0;
|
|
77
|
+
const height = valueIndicatorArrowTip?.clientHeight ?? 0;
|
|
78
|
+
const pathData = `M0,0
|
|
79
|
+
H${width}
|
|
80
|
+
L${width / 2 + tipRadius},${height - tipRadius}
|
|
81
|
+
Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
|
|
82
|
+
Z`;
|
|
83
|
+
const classNames = useClassNames();
|
|
84
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
85
|
+
"svg",
|
|
86
|
+
{
|
|
87
|
+
"aria-hidden": "true",
|
|
88
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
89
|
+
ref: reactComposeRefs.composeRefs(setValueIndicatorArrowTip, ref),
|
|
90
|
+
className: clsx(classNames.valueIndicatorArrowTip, className),
|
|
91
|
+
...otherProps,
|
|
92
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "none", d: pathData })
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
});
|
|
96
|
+
SliderValueIndicatorArrowTip.displayName = "SliderValueIndicatorArrowTip";
|
|
97
|
+
|
|
98
|
+
exports.SliderControl = SliderControl;
|
|
99
|
+
exports.SliderHiddenInput = SliderHiddenInput;
|
|
100
|
+
exports.SliderMarker = SliderMarker;
|
|
101
|
+
exports.SliderMarkers = SliderMarkers;
|
|
102
|
+
exports.SliderRange = SliderRange;
|
|
103
|
+
exports.SliderRoot = SliderRoot;
|
|
104
|
+
exports.SliderThumb = SliderThumb;
|
|
105
|
+
exports.SliderTick = SliderTick;
|
|
106
|
+
exports.SliderTrack = SliderTrack;
|
|
107
|
+
exports.SliderValueIndicatorArrow = SliderValueIndicatorArrow;
|
|
108
|
+
exports.SliderValueIndicatorArrowTip = SliderValueIndicatorArrowTip;
|
|
109
|
+
exports.SliderValueIndicatorLabel = SliderValueIndicatorLabel;
|
|
110
|
+
exports.SliderValueIndicatorRoot = SliderValueIndicatorRoot;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { SliderVariantProps } from '@seed-design/css/recipes/slider';
|
|
2
|
+
import { SliderTickVariantProps } from '@seed-design/css/recipes/slider-tick';
|
|
3
|
+
import { SliderMarkerVariantProps } from '@seed-design/css/recipes/slider-marker';
|
|
4
|
+
import { PrimitiveProps } from '@seed-design/react-primitive';
|
|
5
|
+
import { Slider } from '@seed-design/react-slider';
|
|
6
|
+
import { HTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
7
|
+
export interface SliderRootProps extends SliderVariantProps, Slider.RootProps {
|
|
8
|
+
}
|
|
9
|
+
export declare const SliderRoot: ForwardRefExoticComponent<SliderRootProps & RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export interface SliderControlProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
|
|
11
|
+
}
|
|
12
|
+
export declare const SliderControl: ForwardRefExoticComponent<SliderControlProps & RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export interface SliderTrackProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
}
|
|
15
|
+
export declare const SliderTrack: ForwardRefExoticComponent<SliderTrackProps & RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export interface SliderRangeProps extends Slider.RangeProps {
|
|
17
|
+
}
|
|
18
|
+
export declare const SliderRange: ForwardRefExoticComponent<SliderRangeProps & RefAttributes<HTMLDivElement>>;
|
|
19
|
+
export interface SliderThumbProps extends Slider.ThumbProps {
|
|
20
|
+
}
|
|
21
|
+
export declare const SliderThumb: ForwardRefExoticComponent<Slider.ThumbProps & RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export interface SliderHiddenInputProps extends Slider.HiddenInputProps {
|
|
23
|
+
}
|
|
24
|
+
export declare const SliderHiddenInput: ForwardRefExoticComponent<Slider.HiddenInputProps & RefAttributes<HTMLInputElement>>;
|
|
25
|
+
export interface SliderTickProps extends SliderTickVariantProps, Slider.TickProps {
|
|
26
|
+
}
|
|
27
|
+
export declare const SliderTick: ForwardRefExoticComponent<SliderTickProps & RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export interface SliderMarkersProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
|
|
29
|
+
}
|
|
30
|
+
export declare const SliderMarkers: ForwardRefExoticComponent<SliderMarkersProps & RefAttributes<HTMLDivElement>>;
|
|
31
|
+
export interface SliderMarkerProps extends SliderMarkerVariantProps, Slider.MarkerProps {
|
|
32
|
+
}
|
|
33
|
+
export declare const SliderMarker: ForwardRefExoticComponent<SliderMarkerProps & RefAttributes<HTMLDivElement>>;
|
|
34
|
+
export interface SliderValueIndicatorRootProps extends Slider.ValueIndicatorRootProps {
|
|
35
|
+
}
|
|
36
|
+
export declare const SliderValueIndicatorRoot: ForwardRefExoticComponent<SliderValueIndicatorRootProps & RefAttributes<HTMLDivElement>>;
|
|
37
|
+
export interface SliderValueIndicatorLabelProps extends Slider.ValueIndicatorLabelProps {
|
|
38
|
+
}
|
|
39
|
+
export declare const SliderValueIndicatorLabel: ForwardRefExoticComponent<Slider.ValueIndicatorLabelProps & RefAttributes<HTMLSpanElement>>;
|
|
40
|
+
export interface SliderValueIndicatorArrowProps extends PrimitiveProps, HTMLAttributes<HTMLDivElement> {
|
|
41
|
+
}
|
|
42
|
+
export declare const SliderValueIndicatorArrow: ForwardRefExoticComponent<SliderValueIndicatorArrowProps & RefAttributes<HTMLDivElement>>;
|
|
43
|
+
export interface SliderValueIndicatorArrowTipProps extends React.SVGProps<SVGSVGElement> {
|
|
44
|
+
/**
|
|
45
|
+
* radius of the arrow tip
|
|
46
|
+
* @default 2
|
|
47
|
+
*/
|
|
48
|
+
tipRadius?: number;
|
|
49
|
+
}
|
|
50
|
+
export declare const SliderValueIndicatorArrowTip: ForwardRefExoticComponent<Omit<SliderValueIndicatorArrowTipProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
51
|
+
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAkBlE,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,MAAM,CAAC,SAAS;CAAG;AAEhF,eAAO,MAAM,UAAU,4GAAqE,CAAC;AAE7F,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7F,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3F,eAAO,MAAM,WAAW,6GAGvB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAE9D,eAAO,MAAM,WAAW,6GAGvB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAE9D,eAAO,MAAM,WAAW,8GAgBvB,CAAC;AAGF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE1E,eAAO,MAAM,iBAAiB,sHAAqB,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,MAAM,CAAC,SAAS;CAAG;AAEpF,eAAO,MAAM,UAAU,4GAAgE,CAAC;AAExF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7F,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,EAAE,MAAM,CAAC,WAAW;CAAG;AAE1F,eAAO,MAAM,YAAY,8GAExB,CAAC;AAEF,MAAM,WAAW,6BAA8B,SAAQ,MAAM,CAAC,uBAAuB;CAAG;AAExF,eAAO,MAAM,wBAAwB,0HAGpC,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,MAAM,CAAC,wBAAwB;CAAG;AAE1F,eAAO,MAAM,yBAAyB,6HAA6B,CAAC;AAEpE,MAAM,WAAW,8BACf,SAAQ,cAAc,EACpB,cAAc,CAAC,cAAc,CAAC;CAAG;AAErC,eAAO,MAAM,yBAAyB,2HAGiB,CAAC;AAExD,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACtF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,4BAA4B,0IA4BvC,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { slider } from '@seed-design/css/recipes/slider';
|
|
4
|
+
import { sliderTick } from '@seed-design/css/recipes/slider-tick';
|
|
5
|
+
import { sliderMarker } from '@seed-design/css/recipes/slider-marker';
|
|
6
|
+
import { Primitive } from '@seed-design/react-primitive';
|
|
7
|
+
import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
|
|
8
|
+
import { Slider, useSliderContext } from '@seed-design/react-slider';
|
|
9
|
+
import { forwardRef, useState } from 'react';
|
|
10
|
+
import { createWithStateProps } from '../../utils/createWithStateProps.js';
|
|
11
|
+
import { createRecipeContext } from '../../utils/createRecipeContext.js';
|
|
12
|
+
import clsx from 'clsx';
|
|
13
|
+
import { mergeProps } from '@seed-design/dom-utils';
|
|
14
|
+
import { useFieldContext } from '@seed-design/react-field';
|
|
15
|
+
import { composeRefs } from '@radix-ui/react-compose-refs';
|
|
16
|
+
|
|
17
|
+
const { withProvider, withContext, useClassNames } = createSlotRecipeContext(slider);
|
|
18
|
+
const { withContext: withTickContext } = createRecipeContext(sliderTick);
|
|
19
|
+
const { withContext: withMarkerContext } = createRecipeContext(sliderMarker);
|
|
20
|
+
const withFieldStateProps = createWithStateProps([{ useContext: useFieldContext, strict: false }]);
|
|
21
|
+
const withStateProps = createWithStateProps([
|
|
22
|
+
useSliderContext,
|
|
23
|
+
{ useContext: useFieldContext, strict: false }
|
|
24
|
+
]);
|
|
25
|
+
const SliderRoot = withProvider(Slider.Root, "root");
|
|
26
|
+
const SliderControl = withContext(
|
|
27
|
+
withStateProps(Primitive.div),
|
|
28
|
+
"control"
|
|
29
|
+
);
|
|
30
|
+
const SliderTrack = withContext(
|
|
31
|
+
withStateProps(Primitive.div),
|
|
32
|
+
"track"
|
|
33
|
+
);
|
|
34
|
+
const SliderRange = withContext(
|
|
35
|
+
withFieldStateProps(Slider.Range),
|
|
36
|
+
"range"
|
|
37
|
+
);
|
|
38
|
+
const SliderThumb = forwardRef(
|
|
39
|
+
({ thumbIndex, className, ...props }, ref) => {
|
|
40
|
+
const classNames = useClassNames();
|
|
41
|
+
const fieldContext = useFieldContext({ strict: false });
|
|
42
|
+
const mergedProps = mergeProps(fieldContext?.inputAriaAttributes ?? {}, props);
|
|
43
|
+
return /* @__PURE__ */ jsx(
|
|
44
|
+
Slider.Thumb,
|
|
45
|
+
{
|
|
46
|
+
ref,
|
|
47
|
+
className: clsx(classNames.thumb, className),
|
|
48
|
+
thumbIndex,
|
|
49
|
+
...mergedProps
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
SliderThumb.displayName = "SliderThumb";
|
|
55
|
+
const SliderHiddenInput = Slider.HiddenInput;
|
|
56
|
+
const SliderTick = withTickContext(Slider.Tick);
|
|
57
|
+
const SliderMarkers = withContext(
|
|
58
|
+
withStateProps(Primitive.div),
|
|
59
|
+
"markers"
|
|
60
|
+
);
|
|
61
|
+
const SliderMarker = withMarkerContext(
|
|
62
|
+
withFieldStateProps(Slider.Marker)
|
|
63
|
+
);
|
|
64
|
+
const SliderValueIndicatorRoot = withContext(
|
|
65
|
+
Slider.ValueIndicatorRoot,
|
|
66
|
+
"valueIndicatorRoot"
|
|
67
|
+
);
|
|
68
|
+
const SliderValueIndicatorLabel = Slider.ValueIndicatorLabel;
|
|
69
|
+
const SliderValueIndicatorArrow = withContext(withStateProps(Primitive.div), "valueIndicatorArrow");
|
|
70
|
+
const SliderValueIndicatorArrowTip = forwardRef(({ tipRadius = 2, className, ...otherProps }, ref) => {
|
|
71
|
+
const [valueIndicatorArrowTip, setValueIndicatorArrowTip] = useState(null);
|
|
72
|
+
const width = valueIndicatorArrowTip?.clientWidth ?? 0;
|
|
73
|
+
const height = valueIndicatorArrowTip?.clientHeight ?? 0;
|
|
74
|
+
const pathData = `M0,0
|
|
75
|
+
H${width}
|
|
76
|
+
L${width / 2 + tipRadius},${height - tipRadius}
|
|
77
|
+
Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
|
|
78
|
+
Z`;
|
|
79
|
+
const classNames = useClassNames();
|
|
80
|
+
return /* @__PURE__ */ jsx(
|
|
81
|
+
"svg",
|
|
82
|
+
{
|
|
83
|
+
"aria-hidden": "true",
|
|
84
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
85
|
+
ref: composeRefs(setValueIndicatorArrowTip, ref),
|
|
86
|
+
className: clsx(classNames.valueIndicatorArrowTip, className),
|
|
87
|
+
...otherProps,
|
|
88
|
+
children: /* @__PURE__ */ jsx("path", { stroke: "none", d: pathData })
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
});
|
|
92
|
+
SliderValueIndicatorArrowTip.displayName = "SliderValueIndicatorArrowTip";
|
|
93
|
+
|
|
94
|
+
export { SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const Slider = require('./Slider.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.Control = Slider.SliderControl;
|
|
10
|
+
exports.HiddenInput = Slider.SliderHiddenInput;
|
|
11
|
+
exports.Marker = Slider.SliderMarker;
|
|
12
|
+
exports.Markers = Slider.SliderMarkers;
|
|
13
|
+
exports.Range = Slider.SliderRange;
|
|
14
|
+
exports.Root = Slider.SliderRoot;
|
|
15
|
+
exports.Thumb = Slider.SliderThumb;
|
|
16
|
+
exports.Tick = Slider.SliderTick;
|
|
17
|
+
exports.Track = Slider.SliderTrack;
|
|
18
|
+
exports.ValueIndicatorArrow = Slider.SliderValueIndicatorArrow;
|
|
19
|
+
exports.ValueIndicatorArrowTip = Slider.SliderValueIndicatorArrowTip;
|
|
20
|
+
exports.ValueIndicatorLabel = Slider.SliderValueIndicatorLabel;
|
|
21
|
+
exports.ValueIndicatorRoot = Slider.SliderValueIndicatorRoot;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { SliderRoot as Root, SliderControl as Control, SliderTrack as Track, SliderRange as Range, SliderThumb as Thumb, SliderHiddenInput as HiddenInput, SliderTick as Tick, SliderMarkers as Markers, SliderMarker as Marker, SliderValueIndicatorRoot as ValueIndicatorRoot, SliderValueIndicatorArrow as ValueIndicatorArrow, SliderValueIndicatorArrowTip as ValueIndicatorArrowTip, SliderValueIndicatorLabel as ValueIndicatorLabel, type SliderRootProps as RootProps, type SliderControlProps as ControlProps, type SliderTrackProps as TrackProps, type SliderRangeProps as RangeProps, type SliderThumbProps as ThumbProps, type SliderHiddenInputProps as HiddenInputProps, type SliderTickProps as TickProps, type SliderMarkersProps as MarkersProps, type SliderMarkerProps as MarkerProps, type SliderValueIndicatorRootProps as ValueIndicatorRootProps, type SliderValueIndicatorArrowProps as ValueIndicatorArrowProps, type SliderValueIndicatorArrowTipProps as ValueIndicatorArrowTipProps, type SliderValueIndicatorLabelProps as ValueIndicatorLabelProps, } from './Slider';
|
|
2
|
+
//# sourceMappingURL=Slider.namespace.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,iBAAiB,IAAI,WAAW,EAChC,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,YAAY,IAAI,MAAM,EACtB,wBAAwB,IAAI,kBAAkB,EAC9C,yBAAyB,IAAI,mBAAmB,EAChD,4BAA4B,IAAI,sBAAsB,EACtD,yBAAyB,IAAI,mBAAmB,EAChD,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,sBAAsB,IAAI,gBAAgB,EAC/C,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,kBAAkB,IAAI,YAAY,EACvC,KAAK,iBAAiB,IAAI,WAAW,EACrC,KAAK,6BAA6B,IAAI,uBAAuB,EAC7D,KAAK,8BAA8B,IAAI,wBAAwB,EAC/D,KAAK,iCAAiC,IAAI,2BAA2B,EACrE,KAAK,8BAA8B,IAAI,wBAAwB,GAChE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SliderControl as Control, SliderHiddenInput as HiddenInput, SliderMarker as Marker, SliderMarkers as Markers, SliderRange as Range, SliderRoot as Root, SliderThumb as Thumb, SliderTick as Tick, SliderTrack as Track, SliderValueIndicatorArrow as ValueIndicatorArrow, SliderValueIndicatorArrowTip as ValueIndicatorArrowTip, SliderValueIndicatorLabel as ValueIndicatorLabel, SliderValueIndicatorRoot as ValueIndicatorRoot } from './Slider.js';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const Slider = require('./Slider.cjs');
|
|
6
|
+
const Slider_namespace = require('./Slider.namespace.cjs');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.SliderControl = Slider.SliderControl;
|
|
11
|
+
exports.SliderHiddenInput = Slider.SliderHiddenInput;
|
|
12
|
+
exports.SliderMarker = Slider.SliderMarker;
|
|
13
|
+
exports.SliderMarkers = Slider.SliderMarkers;
|
|
14
|
+
exports.SliderRange = Slider.SliderRange;
|
|
15
|
+
exports.SliderRoot = Slider.SliderRoot;
|
|
16
|
+
exports.SliderThumb = Slider.SliderThumb;
|
|
17
|
+
exports.SliderTick = Slider.SliderTick;
|
|
18
|
+
exports.SliderTrack = Slider.SliderTrack;
|
|
19
|
+
exports.SliderValueIndicatorArrow = Slider.SliderValueIndicatorArrow;
|
|
20
|
+
exports.SliderValueIndicatorArrowTip = Slider.SliderValueIndicatorArrowTip;
|
|
21
|
+
exports.SliderValueIndicatorLabel = Slider.SliderValueIndicatorLabel;
|
|
22
|
+
exports.SliderValueIndicatorRoot = Slider.SliderValueIndicatorRoot;
|
|
23
|
+
exports.Slider = Slider_namespace;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { SliderRoot, SliderControl, SliderTrack, SliderRange, SliderThumb, SliderHiddenInput, SliderTick, SliderMarkers, SliderMarker, SliderValueIndicatorRoot, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, type SliderRootProps, type SliderControlProps, type SliderTrackProps, type SliderRangeProps, type SliderThumbProps, type SliderHiddenInputProps, type SliderTickProps, type SliderMarkersProps, type SliderMarkerProps, type SliderValueIndicatorRootProps, type SliderValueIndicatorArrowProps, type SliderValueIndicatorArrowTipProps, type SliderValueIndicatorLabelProps, } from './Slider';
|
|
2
|
+
export * as Slider from './Slider.namespace';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,YAAY,EACZ,wBAAwB,EACxB,yBAAyB,EACzB,4BAA4B,EAC5B,yBAAyB,EACzB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,6BAA6B,EAClC,KAAK,8BAA8B,EACnC,KAAK,iCAAiC,EACtC,KAAK,8BAA8B,GACpC,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { SliderControl, SliderHiddenInput, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot } from './Slider.js';
|
|
2
|
+
import * as Slider_namespace from './Slider.namespace.js';
|
|
3
|
+
export { Slider_namespace as Slider };
|