@mindlogic-ai/logician-ui 4.0.0-alpha.34 → 4.0.0-alpha.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BottomSheet/BottomSheet.d.ts +28 -0
- package/dist/components/BottomSheet/BottomSheet.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.js +38 -0
- package/dist/components/BottomSheet/BottomSheet.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.mjs +36 -0
- package/dist/components/BottomSheet/BottomSheet.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.styles.d.ts +32 -0
- package/dist/components/BottomSheet/BottomSheet.styles.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.styles.js +164 -0
- package/dist/components/BottomSheet/BottomSheet.styles.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.styles.mjs +161 -0
- package/dist/components/BottomSheet/BottomSheet.styles.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.types.d.ts +43 -0
- package/dist/components/BottomSheet/BottomSheet.types.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetBody.d.ts +8 -0
- package/dist/components/BottomSheet/BottomSheetBody.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetBody.js +17 -0
- package/dist/components/BottomSheet/BottomSheetBody.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetBody.mjs +15 -0
- package/dist/components/BottomSheet/BottomSheetBody.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts +11 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.js +27 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs +25 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContent.d.ts +12 -0
- package/dist/components/BottomSheet/BottomSheetContent.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContent.js +25 -0
- package/dist/components/BottomSheet/BottomSheetContent.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContent.mjs +23 -0
- package/dist/components/BottomSheet/BottomSheetContent.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContext.d.ts +28 -0
- package/dist/components/BottomSheet/BottomSheetContext.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContext.js +53 -0
- package/dist/components/BottomSheet/BottomSheetContext.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContext.mjs +40 -0
- package/dist/components/BottomSheet/BottomSheetContext.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetFooter.d.ts +4 -0
- package/dist/components/BottomSheet/BottomSheetFooter.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetFooter.js +13 -0
- package/dist/components/BottomSheet/BottomSheetFooter.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetFooter.mjs +11 -0
- package/dist/components/BottomSheet/BottomSheetFooter.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetHeader.d.ts +8 -0
- package/dist/components/BottomSheet/BottomSheetHeader.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetHeader.js +19 -0
- package/dist/components/BottomSheet/BottomSheetHeader.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetHeader.mjs +17 -0
- package/dist/components/BottomSheet/BottomSheetHeader.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.d.ts +8 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.js +17 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.mjs +15 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.mjs.map +1 -0
- package/dist/components/BottomSheet/index.d.ts +11 -0
- package/dist/components/BottomSheet/index.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +2 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.mjs +2 -1
- package/dist/components/Card/Card.mjs.map +1 -1
- package/dist/components/Card/Card.styles.d.ts +22 -3
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +29 -6
- package/dist/components/Card/Card.styles.js.map +1 -1
- package/dist/components/Card/Card.styles.mjs +29 -6
- package/dist/components/Card/Card.styles.mjs.map +1 -1
- package/dist/components/Card/Card.types.d.ts +5 -1
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Toast/useToast.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +19 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -0
- package/dist/index.mjs.map +1 -1
- package/dist/translations/Defaults.translations.json.js +10 -1
- package/dist/translations/Defaults.translations.json.js.map +1 -1
- package/dist/translations/Defaults.translations.json.mjs +10 -2
- package/dist/translations/Defaults.translations.json.mjs.map +1 -1
- package/package.json +3 -1
- package/src/components/BottomSheet/BottomSheet.stories.tsx +205 -0
- package/src/components/BottomSheet/BottomSheet.styles.ts +162 -0
- package/src/components/BottomSheet/BottomSheet.test.tsx +129 -0
- package/src/components/BottomSheet/BottomSheet.tsx +47 -0
- package/src/components/BottomSheet/BottomSheet.types.ts +50 -0
- package/src/components/BottomSheet/BottomSheetBody.tsx +15 -0
- package/src/components/BottomSheet/BottomSheetCloseButton.tsx +40 -0
- package/src/components/BottomSheet/BottomSheetContent.tsx +43 -0
- package/src/components/BottomSheet/BottomSheetContext.ts +79 -0
- package/src/components/BottomSheet/BottomSheetFooter.tsx +12 -0
- package/src/components/BottomSheet/BottomSheetHeader.tsx +22 -0
- package/src/components/BottomSheet/BottomSheetOverlay.tsx +16 -0
- package/src/components/BottomSheet/index.tsx +22 -0
- package/src/components/Card/Card.stories.tsx +3 -3
- package/src/components/Card/Card.styles.ts +30 -6
- package/src/components/Card/Card.tsx +2 -1
- package/src/components/Card/Card.types.ts +5 -1
- package/src/components/SegmentedControl/SegmentedControl.timing.test.tsx +9 -2
- package/src/index.ts +1 -0
- package/src/translations/Defaults.translations.json +8 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetBody.mjs","sources":["../../../src/components/BottomSheet/BottomSheetBody.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKA;;;;AAIG;MACU,eAAe,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,KAAKA,GAAA,CAAC,UAAU,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAGrD,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Closes the sheet. Placed in the top-right corner of `BottomSheetContent`;
|
|
4
|
+
* render it as a direct child of the content (next to the header, not inside
|
|
5
|
+
* it), the way `ModalCloseButton` sits in `ModalContent`.
|
|
6
|
+
*
|
|
7
|
+
* Carries a translated `aria-label` ("닫기") by default — an icon-only button
|
|
8
|
+
* has no other name.
|
|
9
|
+
*/
|
|
10
|
+
export declare const BottomSheetCloseButton: React.ForwardRefExoticComponent<Partial<import("../IconButton").IconButtonProps> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
//# sourceMappingURL=BottomSheetCloseButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheetCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,4HAoBjC,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var useTranslate = require('../../hooks/useTranslate.js');
|
|
7
|
+
var index = require('../Icon/index.js');
|
|
8
|
+
var IconButton = require('../IconButton/IconButton.js');
|
|
9
|
+
require('../IconButton/IconButton.styles.js');
|
|
10
|
+
var BottomSheetContext = require('./BottomSheetContext.js');
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Closes the sheet. Placed in the top-right corner of `BottomSheetContent`;
|
|
14
|
+
* render it as a direct child of the content (next to the header, not inside
|
|
15
|
+
* it), the way `ModalCloseButton` sits in `ModalContent`.
|
|
16
|
+
*
|
|
17
|
+
* Carries a translated `aria-label` ("닫기") by default — an icon-only button
|
|
18
|
+
* has no other name.
|
|
19
|
+
*/
|
|
20
|
+
const BottomSheetCloseButton = React.forwardRef(({ children, ...rest }, ref) => {
|
|
21
|
+
const translate = useTranslate.useTranslate();
|
|
22
|
+
return (jsxRuntime.jsx(BottomSheetContext.StyledCloseTrigger, { asChild: true, children: jsxRuntime.jsx(IconButton.IconButton, { ref: ref, "aria-label": translate('close'), size: "sm", variant: "ghost", colorPalette: "neutral", ...rest, children: children ?? jsxRuntime.jsx(index.CloseIcon, { boxSize: "xs", "aria-hidden": true }) }) }));
|
|
23
|
+
});
|
|
24
|
+
BottomSheetCloseButton.displayName = 'BottomSheetCloseButton';
|
|
25
|
+
|
|
26
|
+
exports.BottomSheetCloseButton = BottomSheetCloseButton;
|
|
27
|
+
//# sourceMappingURL=BottomSheetCloseButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetCloseButton.js","sources":["../../../src/components/BottomSheet/BottomSheetCloseButton.tsx"],"sourcesContent":[null],"names":["forwardRef","useTranslate","_jsx","StyledCloseTrigger","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;AASA;;;;;;;AAOG;AACI,MAAM,sBAAsB,GAAGA,gBAAU,CAG9C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,MAAM,SAAS,GAAGC,yBAAY,EAAE;IAEhC,QACEC,eAACC,qCAAkB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACzBD,cAAA,CAACE,qBAAU,EAAA,EACT,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,CAAC,OAAO,CAAW,EACxC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EAAA,GAClB,IAAI,YAEP,QAAQ,IAAIF,eAACG,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,wBAAe,EAAA,CACxC,EAAA,CACM;AAEzB,CAAC;AAED,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
5
|
+
import { CloseIcon } from '../Icon/index.mjs';
|
|
6
|
+
import { IconButton } from '../IconButton/IconButton.mjs';
|
|
7
|
+
import '../IconButton/IconButton.styles.mjs';
|
|
8
|
+
import { StyledCloseTrigger } from './BottomSheetContext.mjs';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Closes the sheet. Placed in the top-right corner of `BottomSheetContent`;
|
|
12
|
+
* render it as a direct child of the content (next to the header, not inside
|
|
13
|
+
* it), the way `ModalCloseButton` sits in `ModalContent`.
|
|
14
|
+
*
|
|
15
|
+
* Carries a translated `aria-label` ("닫기") by default — an icon-only button
|
|
16
|
+
* has no other name.
|
|
17
|
+
*/
|
|
18
|
+
const BottomSheetCloseButton = forwardRef(({ children, ...rest }, ref) => {
|
|
19
|
+
const translate = useTranslate();
|
|
20
|
+
return (jsx(StyledCloseTrigger, { asChild: true, children: jsx(IconButton, { ref: ref, "aria-label": translate('close'), size: "sm", variant: "ghost", colorPalette: "neutral", ...rest, children: children ?? jsx(CloseIcon, { boxSize: "xs", "aria-hidden": true }) }) }));
|
|
21
|
+
});
|
|
22
|
+
BottomSheetCloseButton.displayName = 'BottomSheetCloseButton';
|
|
23
|
+
|
|
24
|
+
export { BottomSheetCloseButton };
|
|
25
|
+
//# sourceMappingURL=BottomSheetCloseButton.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetCloseButton.mjs","sources":["../../../src/components/BottomSheet/BottomSheetCloseButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;AASA;;;;;;;AAOG;AACI,MAAM,sBAAsB,GAAG,UAAU,CAG9C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,QACEA,IAAC,kBAAkB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACzBA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,CAAC,OAAO,CAAW,EACxC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EAAA,GAClB,IAAI,YAEP,QAAQ,IAAIA,IAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,wBAAe,EAAA,CACxC,EAAA,CACM;AAEzB,CAAC;AAED,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* The sheet surface: Ark's positioner, the content panel and, by default, the
|
|
4
|
+
* drag handle. Style props land on the panel.
|
|
5
|
+
*
|
|
6
|
+
* The panel is capped at 85% of the dynamic viewport height; put long content
|
|
7
|
+
* in `BottomSheetBody`, which is the part that scrolls.
|
|
8
|
+
*/
|
|
9
|
+
export declare const BottomSheetContent: React.ForwardRefExoticComponent<Omit<import("@chakra-ui/react").PatchHtmlProps<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "color" | "translate" | "transition" | "width" | "height" | "content" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "page" | "container" | "css" | "WebkitAppearance" | "WebkitBorderBefore" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMask" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStroke" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "anchorName" | "anchorScope" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRange" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "clear" | "clip" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fieldSizing" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offset" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "rx" | "ry" | "scale" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "textWrapMode" | "textWrapStyle" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom" | "alignmentBaseline" | "baselineShift" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "bg" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusVisibleRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "colorPalette" | "textStyle" | "layerStyle" | "animationStyle" | "as" | "asChild" | "draggable"> & Omit<import("@chakra-ui/react").JsxStyleProps, keyof import("@ark-ui/react").DrawerContentBaseProps> & import("@ark-ui/react").DrawerContentBaseProps & import("@chakra-ui/react").PolymorphicProps & {
|
|
10
|
+
showGrabber?: boolean;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
//# sourceMappingURL=BottomSheetContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetContent.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB;;wCAsB7B,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var ScaledContext = require('../ScaledContext/ScaledContext.js');
|
|
7
|
+
var BottomSheetContext = require('./BottomSheetContext.js');
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* The sheet surface: Ark's positioner, the content panel and, by default, the
|
|
11
|
+
* drag handle. Style props land on the panel.
|
|
12
|
+
*
|
|
13
|
+
* The panel is capped at 85% of the dynamic viewport height; put long content
|
|
14
|
+
* in `BottomSheetBody`, which is the part that scrolls.
|
|
15
|
+
*/
|
|
16
|
+
const BottomSheetContent = React.forwardRef(({ showGrabber = true, children, ...rest }, ref) => {
|
|
17
|
+
return (jsxRuntime.jsx(BottomSheetContext.StyledPositioner, { children: jsxRuntime.jsxs(BottomSheetContext.StyledContent, { ref: ref, pt: showGrabber ? undefined : 3, ...rest, children: [showGrabber && (
|
|
18
|
+
// The handle is a pointer affordance only — the sheet is closed from
|
|
19
|
+
// the keyboard with Escape or BottomSheetCloseButton.
|
|
20
|
+
jsxRuntime.jsx(BottomSheetContext.StyledGrabber, { "aria-hidden": true, children: jsxRuntime.jsx(BottomSheetContext.StyledGrabberIndicator, {}) })), jsxRuntime.jsx(ScaledContext.ScaledContext, { fontSize: "14px", css: { display: 'contents' }, children: children })] }) }));
|
|
21
|
+
});
|
|
22
|
+
BottomSheetContent.displayName = 'BottomSheetContent';
|
|
23
|
+
|
|
24
|
+
exports.BottomSheetContent = BottomSheetContent;
|
|
25
|
+
//# sourceMappingURL=BottomSheetContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetContent.js","sources":["../../../src/components/BottomSheet/BottomSheetContent.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","StyledPositioner","_jsxs","StyledContent","StyledGrabber","StyledGrabberIndicator","ScaledContext"],"mappings":";;;;;;;;AAWA;;;;;;AAMG;MACU,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IACnD,QACEC,cAAA,CAACC,mCAAgB,EAAA,EAAA,QAAA,EACfC,eAAA,CAACC,gCAAa,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,WAAW,GAAG,SAAS,GAAG,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EAAA,CAC/D,WAAW;;;AAGV,gBAAAH,cAAA,CAACI,gCAAa,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EACZJ,cAAA,CAACK,yCAAsB,EAAA,EAAA,CAAG,EAAA,CACZ,CACjB,EAGDL,cAAA,CAACM,2BAAa,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EACxD,QAAQ,EAAA,CACK,CAAA,EAAA,CACF,EAAA,CACC;AAEvB,CAAC;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ScaledContext } from '../ScaledContext/ScaledContext.mjs';
|
|
5
|
+
import { StyledPositioner, StyledContent, StyledGrabber, StyledGrabberIndicator } from './BottomSheetContext.mjs';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* The sheet surface: Ark's positioner, the content panel and, by default, the
|
|
9
|
+
* drag handle. Style props land on the panel.
|
|
10
|
+
*
|
|
11
|
+
* The panel is capped at 85% of the dynamic viewport height; put long content
|
|
12
|
+
* in `BottomSheetBody`, which is the part that scrolls.
|
|
13
|
+
*/
|
|
14
|
+
const BottomSheetContent = forwardRef(({ showGrabber = true, children, ...rest }, ref) => {
|
|
15
|
+
return (jsx(StyledPositioner, { children: jsxs(StyledContent, { ref: ref, pt: showGrabber ? undefined : 3, ...rest, children: [showGrabber && (
|
|
16
|
+
// The handle is a pointer affordance only — the sheet is closed from
|
|
17
|
+
// the keyboard with Escape or BottomSheetCloseButton.
|
|
18
|
+
jsx(StyledGrabber, { "aria-hidden": true, children: jsx(StyledGrabberIndicator, {}) })), jsx(ScaledContext, { fontSize: "14px", css: { display: 'contents' }, children: children })] }) }));
|
|
19
|
+
});
|
|
20
|
+
BottomSheetContent.displayName = 'BottomSheetContent';
|
|
21
|
+
|
|
22
|
+
export { BottomSheetContent };
|
|
23
|
+
//# sourceMappingURL=BottomSheetContent.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetContent.mjs","sources":["../../../src/components/BottomSheet/BottomSheetContent.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAWA;;;;;;AAMG;MACU,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IACnD,QACEA,GAAA,CAAC,gBAAgB,EAAA,EAAA,QAAA,EACfC,IAAA,CAAC,aAAa,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,WAAW,GAAG,SAAS,GAAG,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EAAA,CAC/D,WAAW;;;AAGV,gBAAAD,GAAA,CAAC,aAAa,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EACZA,GAAA,CAAC,sBAAsB,EAAA,EAAA,CAAG,EAAA,CACZ,CACjB,EAGDA,GAAA,CAAC,aAAa,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EACxD,QAAQ,EAAA,CACK,CAAA,EAAA,CACF,EAAA,CACC;AAEvB,CAAC;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|