@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.
Files changed (103) hide show
  1. package/dist/components/BottomSheet/BottomSheet.d.ts +28 -0
  2. package/dist/components/BottomSheet/BottomSheet.d.ts.map +1 -0
  3. package/dist/components/BottomSheet/BottomSheet.js +38 -0
  4. package/dist/components/BottomSheet/BottomSheet.js.map +1 -0
  5. package/dist/components/BottomSheet/BottomSheet.mjs +36 -0
  6. package/dist/components/BottomSheet/BottomSheet.mjs.map +1 -0
  7. package/dist/components/BottomSheet/BottomSheet.styles.d.ts +32 -0
  8. package/dist/components/BottomSheet/BottomSheet.styles.d.ts.map +1 -0
  9. package/dist/components/BottomSheet/BottomSheet.styles.js +164 -0
  10. package/dist/components/BottomSheet/BottomSheet.styles.js.map +1 -0
  11. package/dist/components/BottomSheet/BottomSheet.styles.mjs +161 -0
  12. package/dist/components/BottomSheet/BottomSheet.styles.mjs.map +1 -0
  13. package/dist/components/BottomSheet/BottomSheet.types.d.ts +43 -0
  14. package/dist/components/BottomSheet/BottomSheet.types.d.ts.map +1 -0
  15. package/dist/components/BottomSheet/BottomSheetBody.d.ts +8 -0
  16. package/dist/components/BottomSheet/BottomSheetBody.d.ts.map +1 -0
  17. package/dist/components/BottomSheet/BottomSheetBody.js +17 -0
  18. package/dist/components/BottomSheet/BottomSheetBody.js.map +1 -0
  19. package/dist/components/BottomSheet/BottomSheetBody.mjs +15 -0
  20. package/dist/components/BottomSheet/BottomSheetBody.mjs.map +1 -0
  21. package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts +11 -0
  22. package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts.map +1 -0
  23. package/dist/components/BottomSheet/BottomSheetCloseButton.js +27 -0
  24. package/dist/components/BottomSheet/BottomSheetCloseButton.js.map +1 -0
  25. package/dist/components/BottomSheet/BottomSheetCloseButton.mjs +25 -0
  26. package/dist/components/BottomSheet/BottomSheetCloseButton.mjs.map +1 -0
  27. package/dist/components/BottomSheet/BottomSheetContent.d.ts +12 -0
  28. package/dist/components/BottomSheet/BottomSheetContent.d.ts.map +1 -0
  29. package/dist/components/BottomSheet/BottomSheetContent.js +25 -0
  30. package/dist/components/BottomSheet/BottomSheetContent.js.map +1 -0
  31. package/dist/components/BottomSheet/BottomSheetContent.mjs +23 -0
  32. package/dist/components/BottomSheet/BottomSheetContent.mjs.map +1 -0
  33. package/dist/components/BottomSheet/BottomSheetContext.d.ts +28 -0
  34. package/dist/components/BottomSheet/BottomSheetContext.d.ts.map +1 -0
  35. package/dist/components/BottomSheet/BottomSheetContext.js +53 -0
  36. package/dist/components/BottomSheet/BottomSheetContext.js.map +1 -0
  37. package/dist/components/BottomSheet/BottomSheetContext.mjs +40 -0
  38. package/dist/components/BottomSheet/BottomSheetContext.mjs.map +1 -0
  39. package/dist/components/BottomSheet/BottomSheetFooter.d.ts +4 -0
  40. package/dist/components/BottomSheet/BottomSheetFooter.d.ts.map +1 -0
  41. package/dist/components/BottomSheet/BottomSheetFooter.js +13 -0
  42. package/dist/components/BottomSheet/BottomSheetFooter.js.map +1 -0
  43. package/dist/components/BottomSheet/BottomSheetFooter.mjs +11 -0
  44. package/dist/components/BottomSheet/BottomSheetFooter.mjs.map +1 -0
  45. package/dist/components/BottomSheet/BottomSheetHeader.d.ts +8 -0
  46. package/dist/components/BottomSheet/BottomSheetHeader.d.ts.map +1 -0
  47. package/dist/components/BottomSheet/BottomSheetHeader.js +19 -0
  48. package/dist/components/BottomSheet/BottomSheetHeader.js.map +1 -0
  49. package/dist/components/BottomSheet/BottomSheetHeader.mjs +17 -0
  50. package/dist/components/BottomSheet/BottomSheetHeader.mjs.map +1 -0
  51. package/dist/components/BottomSheet/BottomSheetOverlay.d.ts +8 -0
  52. package/dist/components/BottomSheet/BottomSheetOverlay.d.ts.map +1 -0
  53. package/dist/components/BottomSheet/BottomSheetOverlay.js +17 -0
  54. package/dist/components/BottomSheet/BottomSheetOverlay.js.map +1 -0
  55. package/dist/components/BottomSheet/BottomSheetOverlay.mjs +15 -0
  56. package/dist/components/BottomSheet/BottomSheetOverlay.mjs.map +1 -0
  57. package/dist/components/BottomSheet/index.d.ts +11 -0
  58. package/dist/components/BottomSheet/index.d.ts.map +1 -0
  59. package/dist/components/Card/Card.d.ts.map +1 -1
  60. package/dist/components/Card/Card.js +2 -1
  61. package/dist/components/Card/Card.js.map +1 -1
  62. package/dist/components/Card/Card.mjs +2 -1
  63. package/dist/components/Card/Card.mjs.map +1 -1
  64. package/dist/components/Card/Card.styles.d.ts +22 -3
  65. package/dist/components/Card/Card.styles.d.ts.map +1 -1
  66. package/dist/components/Card/Card.styles.js +29 -6
  67. package/dist/components/Card/Card.styles.js.map +1 -1
  68. package/dist/components/Card/Card.styles.mjs +29 -6
  69. package/dist/components/Card/Card.styles.mjs.map +1 -1
  70. package/dist/components/Card/Card.types.d.ts +5 -1
  71. package/dist/components/Card/Card.types.d.ts.map +1 -1
  72. package/dist/components/Toast/useToast.d.ts +1 -1
  73. package/dist/index.d.ts +1 -0
  74. package/dist/index.d.ts.map +1 -1
  75. package/dist/index.js +19 -0
  76. package/dist/index.js.map +1 -1
  77. package/dist/index.mjs +9 -0
  78. package/dist/index.mjs.map +1 -1
  79. package/dist/translations/Defaults.translations.json.js +10 -1
  80. package/dist/translations/Defaults.translations.json.js.map +1 -1
  81. package/dist/translations/Defaults.translations.json.mjs +10 -2
  82. package/dist/translations/Defaults.translations.json.mjs.map +1 -1
  83. package/package.json +3 -1
  84. package/src/components/BottomSheet/BottomSheet.stories.tsx +205 -0
  85. package/src/components/BottomSheet/BottomSheet.styles.ts +162 -0
  86. package/src/components/BottomSheet/BottomSheet.test.tsx +129 -0
  87. package/src/components/BottomSheet/BottomSheet.tsx +47 -0
  88. package/src/components/BottomSheet/BottomSheet.types.ts +50 -0
  89. package/src/components/BottomSheet/BottomSheetBody.tsx +15 -0
  90. package/src/components/BottomSheet/BottomSheetCloseButton.tsx +40 -0
  91. package/src/components/BottomSheet/BottomSheetContent.tsx +43 -0
  92. package/src/components/BottomSheet/BottomSheetContext.ts +79 -0
  93. package/src/components/BottomSheet/BottomSheetFooter.tsx +12 -0
  94. package/src/components/BottomSheet/BottomSheetHeader.tsx +22 -0
  95. package/src/components/BottomSheet/BottomSheetOverlay.tsx +16 -0
  96. package/src/components/BottomSheet/index.tsx +22 -0
  97. package/src/components/Card/Card.stories.tsx +3 -3
  98. package/src/components/Card/Card.styles.ts +30 -6
  99. package/src/components/Card/Card.tsx +2 -1
  100. package/src/components/Card/Card.types.ts +5 -1
  101. package/src/components/SegmentedControl/SegmentedControl.timing.test.tsx +9 -2
  102. package/src/index.ts +1 -0
  103. package/src/translations/Defaults.translations.json +8 -1
@@ -0,0 +1,53 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var drawer = require('@ark-ui/react/drawer');
5
+ var react = require('@chakra-ui/react');
6
+ var BottomSheet_styles = require('./BottomSheet.styles.js');
7
+
8
+ const { withRootProvider, withContext, useStyles } = react.createSlotRecipeContext({
9
+ recipe: BottomSheet_styles.bottomSheetSlotRecipe,
10
+ });
11
+ /**
12
+ * Chakra-styled Ark parts, one per recipe slot.
13
+ *
14
+ * Built the way Chakra builds its own Ark-backed components: `withRootProvider`
15
+ * resolves the recipe once at the root and `withContext` hands each part its
16
+ * slot's styles, so every part still takes style props, `css` and `asChild`.
17
+ */
18
+ const StyledRoot = withRootProvider(drawer.Drawer.Root, {
19
+ // Nothing is in the DOM until the first open, and the content leaves it again
20
+ // once its exit animation has finished — a closed sheet holding a long list
21
+ // would otherwise keep every row mounted.
22
+ defaultProps: { lazyMount: true, unmountOnExit: true },
23
+ });
24
+ const StyledBackdrop = withContext(drawer.Drawer.Backdrop, 'backdrop', { forwardAsChild: true });
25
+ const StyledPositioner = withContext(drawer.Drawer.Positioner, 'positioner', { forwardAsChild: true });
26
+ const StyledContent = withContext(drawer.Drawer.Content, 'content', { forwardAsChild: true });
27
+ const StyledGrabber = withContext(drawer.Drawer.Grabber, 'grabber', { forwardAsChild: true });
28
+ const StyledGrabberIndicator = withContext(drawer.Drawer.GrabberIndicator, 'grabberIndicator', { forwardAsChild: true });
29
+ const StyledTitle = withContext(drawer.Drawer.Title, 'title', { forwardAsChild: true });
30
+ const StyledCloseTrigger = withContext(drawer.Drawer.CloseTrigger, 'closeTrigger', { forwardAsChild: true });
31
+ const StyledHeader = withContext('div', 'header');
32
+ const StyledBody = withContext('div', 'body');
33
+ const StyledFooter = withContext('div', 'footer');
34
+ /**
35
+ * The open sheet's Ark drawer API — `open`, `setOpen`, `snapPoint`,
36
+ * `setSnapPoint`, `getContentSize`, … Call it from anything rendered inside
37
+ * `<BottomSheet>`.
38
+ */
39
+ const useBottomSheetContext = () => drawer.useDrawerContext();
40
+
41
+ exports.StyledBackdrop = StyledBackdrop;
42
+ exports.StyledBody = StyledBody;
43
+ exports.StyledCloseTrigger = StyledCloseTrigger;
44
+ exports.StyledContent = StyledContent;
45
+ exports.StyledFooter = StyledFooter;
46
+ exports.StyledGrabber = StyledGrabber;
47
+ exports.StyledGrabberIndicator = StyledGrabberIndicator;
48
+ exports.StyledHeader = StyledHeader;
49
+ exports.StyledPositioner = StyledPositioner;
50
+ exports.StyledRoot = StyledRoot;
51
+ exports.StyledTitle = StyledTitle;
52
+ exports.useBottomSheetContext = useBottomSheetContext;
53
+ //# sourceMappingURL=BottomSheetContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetContext.js","sources":["../../../src/components/BottomSheet/BottomSheetContext.ts"],"sourcesContent":[null],"names":["createSlotRecipeContext","bottomSheetSlotRecipe","Drawer","useDrawerContext"],"mappings":";;;;;;;AAWA,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,GAAGA,6BAAuB,CAAC;AAC3E,IAAA,MAAM,EAAEC,wCAAqB;AAC9B,CAAA,CAAC;AAEF;;;;;;AAMG;MACU,UAAU,GAAG,gBAAgB,CAAmBC,aAAM,CAAC,IAAI,EAAE;;;;IAIxE,YAAY,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE;AACvD,CAAA;AAEM,MAAM,cAAc,GAAG,WAAW,CAGvCA,aAAM,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAChD,MAAM,gBAAgB,GAAG,WAAW,CAGzCA,aAAM,CAAC,UAAU,EAAE,YAAY,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AACpD,MAAM,aAAa,GAAG,WAAW,CAGtCA,aAAM,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAC9C,MAAM,aAAa,GAAG,WAAW,CAGtCA,aAAM,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAC9C,MAAM,sBAAsB,GAAG,WAAW,CAG/CA,aAAM,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAChE,MAAM,WAAW,GAAG,WAAW,CAGpCA,aAAM,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAC1C,MAAM,kBAAkB,GAAG,WAAW,CAG3CA,aAAM,CAAC,YAAY,EAAE,cAAc,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AACxD,MAAM,YAAY,GAAG,WAAW,CACrC,KAAK,EACL,QAAQ;AAEH,MAAM,UAAU,GAAG,WAAW,CACnC,KAAK,EACL,MAAM;AAED,MAAM,YAAY,GAAG,WAAW,CACrC,KAAK,EACL,QAAQ;AAKV;;;;AAIG;MACU,qBAAqB,GAAG,MACnCC,uBAAgB;;;;;;;;;;;;;;;"}
@@ -0,0 +1,40 @@
1
+ "use client";
2
+ import { Drawer, useDrawerContext } from '@ark-ui/react/drawer';
3
+ import { createSlotRecipeContext } from '@chakra-ui/react';
4
+ import { bottomSheetSlotRecipe } from './BottomSheet.styles.mjs';
5
+
6
+ const { withRootProvider, withContext, useStyles } = createSlotRecipeContext({
7
+ recipe: bottomSheetSlotRecipe,
8
+ });
9
+ /**
10
+ * Chakra-styled Ark parts, one per recipe slot.
11
+ *
12
+ * Built the way Chakra builds its own Ark-backed components: `withRootProvider`
13
+ * resolves the recipe once at the root and `withContext` hands each part its
14
+ * slot's styles, so every part still takes style props, `css` and `asChild`.
15
+ */
16
+ const StyledRoot = withRootProvider(Drawer.Root, {
17
+ // Nothing is in the DOM until the first open, and the content leaves it again
18
+ // once its exit animation has finished — a closed sheet holding a long list
19
+ // would otherwise keep every row mounted.
20
+ defaultProps: { lazyMount: true, unmountOnExit: true },
21
+ });
22
+ const StyledBackdrop = withContext(Drawer.Backdrop, 'backdrop', { forwardAsChild: true });
23
+ const StyledPositioner = withContext(Drawer.Positioner, 'positioner', { forwardAsChild: true });
24
+ const StyledContent = withContext(Drawer.Content, 'content', { forwardAsChild: true });
25
+ const StyledGrabber = withContext(Drawer.Grabber, 'grabber', { forwardAsChild: true });
26
+ const StyledGrabberIndicator = withContext(Drawer.GrabberIndicator, 'grabberIndicator', { forwardAsChild: true });
27
+ const StyledTitle = withContext(Drawer.Title, 'title', { forwardAsChild: true });
28
+ const StyledCloseTrigger = withContext(Drawer.CloseTrigger, 'closeTrigger', { forwardAsChild: true });
29
+ const StyledHeader = withContext('div', 'header');
30
+ const StyledBody = withContext('div', 'body');
31
+ const StyledFooter = withContext('div', 'footer');
32
+ /**
33
+ * The open sheet's Ark drawer API — `open`, `setOpen`, `snapPoint`,
34
+ * `setSnapPoint`, `getContentSize`, … Call it from anything rendered inside
35
+ * `<BottomSheet>`.
36
+ */
37
+ const useBottomSheetContext = () => useDrawerContext();
38
+
39
+ export { StyledBackdrop, StyledBody, StyledCloseTrigger, StyledContent, StyledFooter, StyledGrabber, StyledGrabberIndicator, StyledHeader, StyledPositioner, StyledRoot, StyledTitle, useBottomSheetContext };
40
+ //# sourceMappingURL=BottomSheetContext.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetContext.mjs","sources":["../../../src/components/BottomSheet/BottomSheetContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAWA,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,uBAAuB,CAAC;AAC3E,IAAA,MAAM,EAAE,qBAAqB;AAC9B,CAAA,CAAC;AAEF;;;;;;AAMG;MACU,UAAU,GAAG,gBAAgB,CAAmB,MAAM,CAAC,IAAI,EAAE;;;;IAIxE,YAAY,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE;AACvD,CAAA;AAEM,MAAM,cAAc,GAAG,WAAW,CAGvC,MAAM,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAChD,MAAM,gBAAgB,GAAG,WAAW,CAGzC,MAAM,CAAC,UAAU,EAAE,YAAY,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AACpD,MAAM,aAAa,GAAG,WAAW,CAGtC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAC9C,MAAM,aAAa,GAAG,WAAW,CAGtC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAC9C,MAAM,sBAAsB,GAAG,WAAW,CAG/C,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAChE,MAAM,WAAW,GAAG,WAAW,CAGpC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AAC1C,MAAM,kBAAkB,GAAG,WAAW,CAG3C,MAAM,CAAC,YAAY,EAAE,cAAc,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;AACxD,MAAM,YAAY,GAAG,WAAW,CACrC,KAAK,EACL,QAAQ;AAEH,MAAM,UAAU,GAAG,WAAW,CACnC,KAAK,EACL,MAAM;AAED,MAAM,YAAY,GAAG,WAAW,CACrC,KAAK,EACL,QAAQ;AAKV;;;;AAIG;MACU,qBAAqB,GAAG,MACnC,gBAAgB;;;;"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ /** Action row pinned below the body. */
3
+ export declare const BottomSheetFooter: 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" | keyof import("@chakra-ui/react").PolymorphicProps> & Omit<import("@chakra-ui/react").JsxStyleProps, never> & import("@chakra-ui/react").PolymorphicProps & React.RefAttributes<HTMLDivElement>>;
4
+ //# sourceMappingURL=BottomSheetFooter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetFooter.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheetFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,wCAAwC;AACxC,eAAO,MAAM,iBAAiB,0ucAG0B,CAAC"}
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var React = require('react');
6
+ var BottomSheetContext = require('./BottomSheetContext.js');
7
+
8
+ /** Action row pinned below the body. */
9
+ const BottomSheetFooter = React.forwardRef((props, ref) => jsxRuntime.jsx(BottomSheetContext.StyledFooter, { ref: ref, ...props }));
10
+ BottomSheetFooter.displayName = 'BottomSheetFooter';
11
+
12
+ exports.BottomSheetFooter = BottomSheetFooter;
13
+ //# sourceMappingURL=BottomSheetFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetFooter.js","sources":["../../../src/components/BottomSheet/BottomSheetFooter.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","StyledFooter"],"mappings":";;;;;;;AAKA;MACa,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,KAAKC,cAAA,CAACC,+BAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAEvD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+ import { StyledFooter } from './BottomSheetContext.mjs';
5
+
6
+ /** Action row pinned below the body. */
7
+ const BottomSheetFooter = forwardRef((props, ref) => jsx(StyledFooter, { ref: ref, ...props }));
8
+ BottomSheetFooter.displayName = 'BottomSheetFooter';
9
+
10
+ export { BottomSheetFooter };
11
+ //# sourceMappingURL=BottomSheetFooter.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetFooter.mjs","sources":["../../../src/components/BottomSheet/BottomSheetFooter.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKA;MACa,iBAAiB,GAAG,UAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,KAAKA,GAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAEvD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ /**
3
+ * The sheet's header row. Its children are rendered as the sheet's **title**
4
+ * (Ark's `Drawer.Title`), which is what the content's `aria-labelledby` points
5
+ * at — so a header is how a sheet gets its accessible name.
6
+ */
7
+ export declare const BottomSheetHeader: 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" | keyof import("@chakra-ui/react").PolymorphicProps> & Omit<import("@chakra-ui/react").JsxStyleProps, never> & import("@chakra-ui/react").PolymorphicProps & React.RefAttributes<HTMLDivElement>>;
8
+ //# sourceMappingURL=BottomSheetHeader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheetHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,0ucAS5B,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var React = require('react');
6
+ var BottomSheetContext = require('./BottomSheetContext.js');
7
+
8
+ /**
9
+ * The sheet's header row. Its children are rendered as the sheet's **title**
10
+ * (Ark's `Drawer.Title`), which is what the content's `aria-labelledby` points
11
+ * at — so a header is how a sheet gets its accessible name.
12
+ */
13
+ const BottomSheetHeader = React.forwardRef(({ children, ...rest }, ref) => {
14
+ return (jsxRuntime.jsx(BottomSheetContext.StyledHeader, { ref: ref, ...rest, children: jsxRuntime.jsx(BottomSheetContext.StyledTitle, { children: children }) }));
15
+ });
16
+ BottomSheetHeader.displayName = 'BottomSheetHeader';
17
+
18
+ exports.BottomSheetHeader = BottomSheetHeader;
19
+ //# sourceMappingURL=BottomSheetHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetHeader.js","sources":["../../../src/components/BottomSheet/BottomSheetHeader.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","StyledHeader","StyledTitle"],"mappings":";;;;;;;AAKA;;;;AAIG;AACI,MAAM,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,QACEC,cAAA,CAACC,+BAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,EAAA,QAAA,EAC9BD,eAACE,8BAAW,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAe,EAAA,CACxB;AAEnB,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
@@ -0,0 +1,17 @@
1
+ "use client";
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+ import { StyledHeader, StyledTitle } from './BottomSheetContext.mjs';
5
+
6
+ /**
7
+ * The sheet's header row. Its children are rendered as the sheet's **title**
8
+ * (Ark's `Drawer.Title`), which is what the content's `aria-labelledby` points
9
+ * at — so a header is how a sheet gets its accessible name.
10
+ */
11
+ const BottomSheetHeader = forwardRef(({ children, ...rest }, ref) => {
12
+ return (jsx(StyledHeader, { ref: ref, ...rest, children: jsx(StyledTitle, { children: children }) }));
13
+ });
14
+ BottomSheetHeader.displayName = 'BottomSheetHeader';
15
+
16
+ export { BottomSheetHeader };
17
+ //# sourceMappingURL=BottomSheetHeader.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetHeader.mjs","sources":["../../../src/components/BottomSheet/BottomSheetHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKA;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,QACEA,GAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,EAAA,QAAA,EAC9BA,IAAC,WAAW,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAe,EAAA,CACxB;AAEnB,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ /**
3
+ * The scrim behind a modal sheet. `BottomSheet` already renders one unless
4
+ * `modal={false}`, so reach for this only to render a scrim yourself — for
5
+ * example a decorative one behind a non-modal sheet.
6
+ */
7
+ export declare const BottomSheetOverlay: 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" | keyof import("@chakra-ui/react").PolymorphicProps> & Omit<import("@chakra-ui/react").JsxStyleProps, never> & import("@chakra-ui/react").PolymorphicProps & React.RefAttributes<HTMLDivElement>>;
8
+ //# sourceMappingURL=BottomSheetOverlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheetOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,0ucAG2B,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var React = require('react');
6
+ var BottomSheetContext = require('./BottomSheetContext.js');
7
+
8
+ /**
9
+ * The scrim behind a modal sheet. `BottomSheet` already renders one unless
10
+ * `modal={false}`, so reach for this only to render a scrim yourself — for
11
+ * example a decorative one behind a non-modal sheet.
12
+ */
13
+ const BottomSheetOverlay = React.forwardRef((props, ref) => jsxRuntime.jsx(BottomSheetContext.StyledBackdrop, { ref: ref, ...props }));
14
+ BottomSheetOverlay.displayName = 'BottomSheetOverlay';
15
+
16
+ exports.BottomSheetOverlay = BottomSheetOverlay;
17
+ //# sourceMappingURL=BottomSheetOverlay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetOverlay.js","sources":["../../../src/components/BottomSheet/BottomSheetOverlay.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","StyledBackdrop"],"mappings":";;;;;;;AAKA;;;;AAIG;MACU,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAKC,cAAA,CAACC,iCAAc,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAEzD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
@@ -0,0 +1,15 @@
1
+ "use client";
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+ import { StyledBackdrop } from './BottomSheetContext.mjs';
5
+
6
+ /**
7
+ * The scrim behind a modal sheet. `BottomSheet` already renders one unless
8
+ * `modal={false}`, so reach for this only to render a scrim yourself — for
9
+ * example a decorative one behind a non-modal sheet.
10
+ */
11
+ const BottomSheetOverlay = forwardRef((props, ref) => jsx(StyledBackdrop, { ref: ref, ...props }));
12
+ BottomSheetOverlay.displayName = 'BottomSheetOverlay';
13
+
14
+ export { BottomSheetOverlay };
15
+ //# sourceMappingURL=BottomSheetOverlay.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheetOverlay.mjs","sources":["../../../src/components/BottomSheet/BottomSheetOverlay.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKA;;;;AAIG;MACU,kBAAkB,GAAG,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAKA,GAAA,CAAC,cAAc,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAEzD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
@@ -0,0 +1,11 @@
1
+ export { BottomSheet } from './BottomSheet';
2
+ export { bottomSheetAnatomy, bottomSheetSlotRecipe, } from './BottomSheet.styles';
3
+ export type { BottomSheetBodyProps, BottomSheetCloseButtonProps, BottomSheetContentProps, BottomSheetContextValue, BottomSheetFooterProps, BottomSheetHeaderProps, BottomSheetOverlayProps, BottomSheetProps, } from './BottomSheet.types';
4
+ export { BottomSheetBody } from './BottomSheetBody';
5
+ export { BottomSheetCloseButton } from './BottomSheetCloseButton';
6
+ export { BottomSheetContent } from './BottomSheetContent';
7
+ export { useBottomSheetContext } from './BottomSheetContext';
8
+ export { BottomSheetFooter } from './BottomSheetFooter';
9
+ export { BottomSheetHeader } from './BottomSheetHeader';
10
+ export { BottomSheetOverlay } from './BottomSheetOverlay';
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,oBAAoB,EACpB,2BAA2B,EAC3B,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwC5C,eAAO,MAAM,IAAI,2DAA6C,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAyC5C,eAAO,MAAM,IAAI,2DAA6C,CAAC"}
@@ -15,7 +15,8 @@ const CardImpl = React.forwardRef(({ clickable, variant = 'default', _hover, ...
15
15
  // border.default (gray.300 / gray.1100 _dark) instead of border.subtle:
16
16
  // subtle's _dark (gray.1300 #1E2433) is ~invisible on bg.surface in dark,
17
17
  // so cards blended into the canvas. default gives the card a discernible
18
- // edge in both modes. The `gradient` variant keeps its primary.light border.
18
+ // edge in both modes. The `wash` variant softens it back to
19
+ // border.subtle because its `bg.subtle` fill already separates it.
19
20
  borderColor: "border.default", borderRadius: "lg",
20
21
  // Was `transitionDuration="normal"` — a Chakra v2 token absent from v3.
21
22
  // It fell through as a literal, `transition-duration: normal` is invalid
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;AAKlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAGC,uBAAW,CAAsB,QAAQ;;;;"}
1
+ {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;;AAMlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAGC,uBAAW,CAAsB,QAAQ;;;;"}
@@ -13,7 +13,8 @@ const CardImpl = forwardRef(({ clickable, variant = 'default', _hover, ...rest }
13
13
  // border.default (gray.300 / gray.1100 _dark) instead of border.subtle:
14
14
  // subtle's _dark (gray.1300 #1E2433) is ~invisible on bg.surface in dark,
15
15
  // so cards blended into the canvas. default gives the card a discernible
16
- // edge in both modes. The `gradient` variant keeps its primary.light border.
16
+ // edge in both modes. The `wash` variant softens it back to
17
+ // border.subtle because its `bg.subtle` fill already separates it.
17
18
  borderColor: "border.default", borderRadius: "lg",
18
19
  // Was `transitionDuration="normal"` — a Chakra v2 token absent from v3.
19
20
  // It fell through as a literal, `transition-duration: normal` is invalid
@@ -1 +1 @@
1
- {"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;;AAOA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;AAKlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAG,WAAW,CAAsB,QAAQ;;;;"}
1
+ {"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;;AAOA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;;AAMlB,QAAA,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAG,WAAW,CAAsB,QAAQ;;;;"}
@@ -1,17 +1,36 @@
1
1
  /**
2
2
  * Card styles using the Golden Ratio color system.
3
3
  */
4
+ /**
5
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
6
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
7
+ * shadow. A raised hover said "this floats", and a card in a list does not;
8
+ * the tier step and the border say "this is the one under the pointer" with
9
+ * no elevation, and both tokens invert, so the state reads in dark mode where
10
+ * a neutral tint would vanish.
11
+ */
4
12
  export declare const clickableStyles: {
5
13
  cursor: string;
6
14
  _hover: {
7
- boxShadow: string;
15
+ bg: string;
16
+ borderColor: string;
8
17
  };
9
18
  };
10
19
  export declare const variantStyles: {
11
20
  default: {};
21
+ wash: {
22
+ bg: {
23
+ base: string;
24
+ _dark: string;
25
+ };
26
+ borderColor: string;
27
+ };
28
+ /** @deprecated Renders as `wash`; use `variant="wash"`. */
12
29
  gradient: {
13
- bg: string;
14
- border: string;
30
+ bg: {
31
+ base: string;
32
+ _dark: string;
33
+ };
15
34
  borderColor: string;
16
35
  };
17
36
  elevated: {
@@ -1 +1 @@
1
- {"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;CAK3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;CAezB,CAAC"}
1
+ {"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAmBF,eAAO,MAAM,aAAa;;;;;;;;;IAGxB,2DAA2D;;;;;;;;;;;;CAU5D,CAAC"}
@@ -4,19 +4,42 @@
4
4
  /**
5
5
  * Card styles using the Golden Ratio color system.
6
6
  */
7
+ /**
8
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
9
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
10
+ * shadow. A raised hover said "this floats", and a card in a list does not;
11
+ * the tier step and the border say "this is the one under the pointer" with
12
+ * no elevation, and both tokens invert, so the state reads in dark mode where
13
+ * a neutral tint would vanish.
14
+ */
7
15
  const clickableStyles = {
8
16
  cursor: 'pointer',
9
17
  _hover: {
10
- boxShadow: 'lg',
18
+ bg: 'bg.subtle',
19
+ borderColor: 'border.strong',
11
20
  },
12
21
  };
22
+ /**
23
+ * The wash card: one tier off the page with a hairline. For a block that
24
+ * summarises or concludes (an AI summary, a total after a purchase, the
25
+ * invitation being accepted). It is what `gradient` used to paint with a
26
+ * 180deg wash and a brand-tinted border; the gradient read as decoration and
27
+ * the tinted border claimed brand for a surface that is not an action.
28
+ *
29
+ * The tier is `bg.subtle` in light but `bg.muted` in dark: `bg.subtle` sits
30
+ * one grayDark step above `bg.surface` there, too close to read as a different
31
+ * surface, and `border.subtle` resolves to the same step, so the hairline would
32
+ * vanish. `border.default` keeps the edge in both modes.
33
+ */
34
+ const washStyles = {
35
+ bg: { base: 'bg.subtle', _dark: 'bg.muted' },
36
+ borderColor: 'border.default',
37
+ };
13
38
  const variantStyles = {
14
39
  default: {},
15
- gradient: {
16
- bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
17
- border: '1px solid',
18
- borderColor: 'primary.light',
19
- },
40
+ wash: washStyles,
41
+ /** @deprecated Renders as `wash`; use `variant="wash"`. */
42
+ gradient: washStyles,
20
43
  // Soft resting elevation — a gentle shadow does the separating, so the border
21
44
  // can soften to `border.subtle` (which alone would be too faint, especially in
22
45
  // dark mode). Use for standalone content cards that should read as raised
@@ -1 +1 @@
1
- {"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;AAKD,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}
1
+ {"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEH;;;;;;;AAOG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;AAGH;;;;;;;;;;;AAWG;AACH,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC5C,IAAA,WAAW,EAAE,gBAAgB;CAC9B;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,UAAU;;AAEhB,IAAA,QAAQ,EAAE,UAAU;;;;;AAKpB,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}