@a-type/ui 4.0.3 → 4.0.6

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 (35) hide show
  1. package/dist/cjs/components/dialog/Dialog.d.ts +4 -3
  2. package/dist/cjs/components/dialog/Dialog.js +4 -2
  3. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  4. package/dist/cjs/components/dialog/Dialog.stories.d.ts +1 -1
  5. package/dist/cjs/components/dialog/Dialog.stories.js +2 -1
  6. package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
  7. package/dist/cjs/components/scrollArea/ScrollArea.d.ts +10 -4
  8. package/dist/cjs/components/scrollArea/ScrollArea.js +15 -7
  9. package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
  10. package/dist/cjs/components/scrollArea/ScrollArea.stories.d.ts +1 -0
  11. package/dist/cjs/components/scrollArea/ScrollArea.stories.js +13 -2
  12. package/dist/cjs/components/scrollArea/ScrollArea.stories.js.map +1 -1
  13. package/dist/cjs/components/switch/Switch.js +2 -2
  14. package/dist/cjs/components/switch/Switch.js.map +1 -1
  15. package/dist/css/main.css +2 -2
  16. package/dist/esm/components/dialog/Dialog.d.ts +4 -3
  17. package/dist/esm/components/dialog/Dialog.js +4 -2
  18. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  19. package/dist/esm/components/dialog/Dialog.stories.d.ts +1 -1
  20. package/dist/esm/components/dialog/Dialog.stories.js +2 -1
  21. package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
  22. package/dist/esm/components/scrollArea/ScrollArea.d.ts +10 -4
  23. package/dist/esm/components/scrollArea/ScrollArea.js +15 -7
  24. package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
  25. package/dist/esm/components/scrollArea/ScrollArea.stories.d.ts +1 -0
  26. package/dist/esm/components/scrollArea/ScrollArea.stories.js +13 -2
  27. package/dist/esm/components/scrollArea/ScrollArea.stories.js.map +1 -1
  28. package/dist/esm/components/switch/Switch.js +2 -2
  29. package/dist/esm/components/switch/Switch.js.map +1 -1
  30. package/package.json +1 -1
  31. package/src/components/dialog/Dialog.stories.tsx +5 -0
  32. package/src/components/dialog/Dialog.tsx +17 -2
  33. package/src/components/scrollArea/ScrollArea.stories.tsx +96 -71
  34. package/src/components/scrollArea/ScrollArea.tsx +37 -10
  35. package/src/components/switch/Switch.tsx +2 -2
@@ -7,8 +7,9 @@ export interface DialogContentProps extends DialogPopupProps {
7
7
  /** @deprecated */
8
8
  outerClassName?: string;
9
9
  ref?: Ref<HTMLDivElement>;
10
+ innerClassName?: string;
10
11
  }
11
- export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
12
13
  export declare const DialogSwipeHandle: ({ ref, className, ...props }: ComponentPropsWithoutRef<"div"> & {
13
14
  ref?: React.Ref<HTMLDivElement>;
14
15
  }) => import("react/jsx-runtime").JSX.Element;
@@ -16,7 +17,7 @@ export declare const DialogDefaultClose: ({ ref, className, ...props }: DialogCl
16
17
  ref?: React.Ref<HTMLButtonElement>;
17
18
  }) => import("react/jsx-runtime").JSX.Element;
18
19
  export declare const DialogTrigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
19
- export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
20
+ export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
20
21
  export declare const DialogTitle: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
21
22
  export declare const DialogDescription: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
22
23
  export declare const DialogClose: ({ children, render, ...props }: DialogCloseProps & {
@@ -34,7 +35,7 @@ export declare const DialogSelectItem: ({ ref, children, ...props }: ComponentPr
34
35
  }) => import("react/jsx-runtime").JSX.Element;
35
36
  export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runtime").JSX.Element) & {
36
37
  Trigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
37
- Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
38
+ Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
38
39
  Title: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
39
40
  Description: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
40
41
  Close: ({ children, render, ...props }: DialogCloseProps & {
@@ -64,7 +64,7 @@ function filterScrollables(target, root, dy, vy) {
64
64
  }
65
65
  const SWIPE_VELOCITY_THRESHOLD = 1.5;
66
66
  export const Content = function Content(_a) {
67
- var { ref, children, width, outerClassName, className, disableSheet, disableDefaultClose } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet", "disableDefaultClose"]);
67
+ var { ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet", "disableDefaultClose", "innerClassName"]);
68
68
  const particles = useParticles();
69
69
  const wasOpenRef = useRef(false);
70
70
  const openRef = useCallback((element) => {
@@ -118,7 +118,9 @@ export const Content = function Content(_a) {
118
118
  virtualKeyboardBehavior === 'overlay' &&
119
119
  sheetClassNameWithOverlayKeyboard, !disableSheet &&
120
120
  virtualKeyboardBehavior === 'displace' &&
121
- sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableDefaultClose && _jsx(DialogDefaultClose, {}), !disableSheet && _jsx(DialogSwipeHandle, {}), _jsx(ScrollArea, { className: "w-full h-full", children: _jsx(ScrollArea.Content, { className: "p-md", children: children }) })] })) })] }));
121
+ sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableDefaultClose && _jsx(DialogDefaultClose, {}), !disableSheet && _jsx(DialogSwipeHandle, {}), _jsx(ScrollArea, { direction: "vertical", className: "layer-components:w-full layer-components:h-full", children: _jsx(ScrollArea.Content, { className: clsx('layer-components:p-md layer-components:flex layer-components:flex-col layer-components:gap-md', innerClassName), style: {
122
+ minWidth: undefined,
123
+ }, children: children }) })] })) })] }));
122
124
  };
123
125
  function useDialogInherentSwipe({ disableSheet }) {
124
126
  const gestureRef = useRef(null);
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  title: string;
5
5
  component: ((props: import("./Dialog.js").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
6
6
  Trigger: ({ render, ...props }: import("@base-ui/react/dialog").DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
7
- Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, ...props }: import("./Dialog.js").DialogContentProps) => import("react/jsx-runtime").JSX.Element;
7
+ Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: import("./Dialog.js").DialogContentProps) => import("react/jsx-runtime").JSX.Element;
8
8
  Title: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTitleProps & import("react").RefAttributes<HTMLParagraphElement>>;
9
9
  Description: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
10
10
  Close: ({ children, render, ...props }: import("@base-ui/react/dialog").DialogCloseProps & {
@@ -1,6 +1,7 @@
1
1
  // @unocss-include
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { useEffect, useState } from 'react';
4
+ import { Box } from '../box/Box.js';
4
5
  import { Button } from '../button/index.js';
5
6
  import { Input } from '../input/index.js';
6
7
  import { ParticleLayer } from '../particles/index.js';
@@ -23,7 +24,7 @@ function DummyContent() {
23
24
  }
24
25
  export const Default = {
25
26
  args: {
26
- children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsxs(DialogActions, { children: [_jsx(DialogClose, {}), _jsx(Button, { emphasis: "primary", children: "Accept" })] })] })] })),
27
+ children: (_jsxs(ParticleLayer, { noPortal: true, children: [_jsx(DialogTrigger, { render: _jsx(Button, {}), children: "Open" }), _jsx(DummyContent, {}), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Hello world" }), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsx(DummyContent, {}), _jsxs(Box, { gap: true, children: [_jsx(Input, { placeholder: "Type something..." }), _jsx(Button, { emphasis: "primary", children: "Submit" })] }), _jsxs(DialogActions, { children: [_jsx(DialogClose, {}), _jsx(Button, { emphasis: "primary", children: "Accept" })] })] })] })),
27
28
  },
28
29
  };
29
30
  export const Small = {
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,19 +1,25 @@
1
- import { ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
1
+ import { ScrollAreaContentProps, ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
2
+ import { Ref } from 'react';
2
3
  export type * from '@base-ui/react/scroll-area';
3
4
  export declare const ScrollAreaRoot: import("react").FunctionComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
4
5
  export declare const ScrollAreaViewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
5
6
  export declare const ScrollAreaVerticalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
6
7
  export declare const ScrollAreaHorizontalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
7
8
  export declare const ScrollAreaViewportFades: () => import("react/jsx-runtime").JSX.Element;
8
- export declare const ScrollAreaContent: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaContentProps & import("react").RefAttributes<HTMLDivElement>>;
9
+ export declare const ScrollAreaContent: import("react").FunctionComponent<ScrollAreaContentProps & {
10
+ ref?: Ref<HTMLDivElement>;
11
+ }>;
9
12
  export declare const ScrollAreaThumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
10
13
  export declare const ScrollAreaScrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
11
14
  export declare const ScrollAreaCorner: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
12
- export declare const ScrollArea: (({ disableFades, ...props }: ScrollAreaRootProps & {
15
+ export declare const ScrollArea: (({ disableFades, direction, ...props }: ScrollAreaRootProps & {
13
16
  disableFades?: boolean;
17
+ direction?: "vertical" | "horizontal" | "both";
14
18
  }) => import("react/jsx-runtime").JSX.Element) & {
15
19
  Root: import("react").FunctionComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
16
- Content: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaContentProps & import("react").RefAttributes<HTMLDivElement>>;
20
+ Content: import("react").FunctionComponent<ScrollAreaContentProps & {
21
+ ref?: Ref<HTMLDivElement>;
22
+ }>;
17
23
  Viewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
18
24
  Scrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
19
25
  Thumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -13,12 +13,14 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
14
14
  import { ScrollArea as BaseScrollArea, } from '@base-ui/react/scroll-area';
15
15
  import { withClassName } from '../../hooks.js';
16
- export const ScrollAreaRoot = withClassName(BaseScrollArea.Root, 'layer-components:min-w-0 layer-components:min-h-0 layer-components:flex layer-components:flex-col');
17
- export const ScrollAreaViewport = withClassName(BaseScrollArea.Viewport, 'layer-components:h-full layer-components:outline-none layer-components:overscroll-contain layer-components:min-h-0', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-accent');
18
- export const ScrollAreaVerticalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-y-start:inherit] layer-components:[--scroll-area-overflow-y-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-y-start:inherit] layer-components:before:top-0 layer-components:before:block layer-components:before:left-0 layer-components:before:w-full layer-components:before:absolute layer-components:before:transition-height layer-components:before:h-[min(40px,var(--scroll-area-overflow-y-start,,40px))] layer-components:before:bg-gradient-to-b layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-via-bg layer-components:before:bg-gradient-to-transparent', 'layer-components:after:content-empty layer-components:after:[--scroll-area-overflow-y-end:inherit] layer-components:after:bottom-0 layer-components:after:block layer-components:after:left-0 layer-components:after:w-full layer-components:after:absolute layer-components:after:transition-height layer-components:after:h-[min(40px,var(--scroll-area-overflow-y-end,,40px))] layer-components:after:bg-gradient-to-t layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-via-bg layer-components:after:bg-gradient-to-transparent');
19
- export const ScrollAreaHorizontalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-x-start:inherit] layer-components:[--scroll-area-overflow-x-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-x-start:inherit] layer-components:before:left-0 layer-components:before:block layer-components:before:top-0 layer-components:before:h-full layer-components:before:absolute layer-components:before:transition-width layer-components:before:w-[min(40px,var(--scroll-area-overflow-x-start,,40px))] layer-components:before:bg-gradient-to-r layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-to-transparent', 'layer-components:after:content-empty layer-components:after:[--scroll-area-overflow-x-end:inherit] layer-components:after:right-0 layer-components:after:block layer-components:after:top-0 layer-components:after:h-full layer-components:after:absolute layer-components:after:transition-width layer-components:after:w-[min(40px,var(--scroll-area-overflow-x-end,,40px))] layer-components:after:bg-gradient-to-l layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-to-transparent');
16
+ export const ScrollAreaRoot = withClassName(BaseScrollArea.Root, 'layer-components:min-w-0 layer-components:min-h-0 layer-components:flex layer-components:flex-col layer-components:box-border');
17
+ export const ScrollAreaViewport = withClassName(BaseScrollArea.Viewport, 'layer-components:h-full layer-components:outline-none layer-components:min-h-0', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-accent');
18
+ export const ScrollAreaVerticalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-y-start:inherit] layer-components:[--scroll-area-overflow-y-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-y-start:inherit] layer-components:before:top-0 layer-components:before:block layer-components:before:left-0 layer-components:before:w-full layer-components:before:absolute layer-components:before:transition-height layer-components:before:h-[min(40px,var(--scroll-area-overflow-y-start,40px))] layer-components:before:bg-gradient-to-b layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-to-transparent', 'layer-components:after:content-empty layer-components:after:[--scroll-area-overflow-y-end:inherit] layer-components:after:bottom-0 layer-components:after:block layer-components:after:left-0 layer-components:after:w-full layer-components:after:absolute layer-components:after:transition-height layer-components:after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] layer-components:after:bg-gradient-to-t layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-to-transparent');
19
+ export const ScrollAreaHorizontalFades = withClassName('div', 'layer-components:pointer-events-none layer-components:absolute layer-components:inset-0 layer-components:[--scroll-area-overflow-x-start:inherit] layer-components:[--scroll-area-overflow-x-end:inherit]', 'layer-components:before:content-empty layer-components:before:[--scroll-area-overflow-x-start:inherit] layer-components:before:left-0 layer-components:before:block layer-components:before:top-0 layer-components:before:h-full layer-components:before:absolute layer-components:before:transition-width layer-components:before:w-[min(40px,var(--scroll-area-overflow-x-start,40px))] layer-components:before:bg-gradient-to-r layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-to-transparent', 'layer-components:after:content-empty layer-components:after:[--scroll-area-overflow-x-end:inherit] layer-components:after:right-0 layer-components:after:block layer-components:after:top-0 layer-components:after:h-full layer-components:after:absolute layer-components:after:transition-width layer-components:after:w-[min(40px,var(--scroll-area-overflow-x-end,40px))] layer-components:after:bg-gradient-to-l layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-to-transparent');
20
20
  export const ScrollAreaViewportFades = () => (_jsxs(_Fragment, { children: [_jsx(ScrollAreaVerticalFades, {}), _jsx(ScrollAreaHorizontalFades, {})] }));
21
- export const ScrollAreaContent = withClassName(BaseScrollArea.Content, 'layer-components:flex layer-components:flex-col');
21
+ const BaseScrollContentWithoutMinWidth = (props) => (_jsx(BaseScrollArea.Content, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { minWidth: undefined }) })));
22
+ BaseScrollContentWithoutMinWidth.displayName = 'ScrollAreaContent';
23
+ export const ScrollAreaContent = withClassName(BaseScrollContentWithoutMinWidth, 'layer-components:flex layer-components:flex-col', 'layer-components:[[data-scroll-direction=horizontal]>&,[data-scroll-direction=both]>&]:min-w-min-content');
22
24
  export const ScrollAreaThumb = withClassName(BaseScrollArea.Thumb, 'layer-components:rounded-inherit layer-components:bg-fg/25', 'layer-components:data-[orientation=horizontal]:h-full', 'layer-components:data-[orientation=vertical]:w-full');
23
25
  const ComposedScrollbar = (_a) => {
24
26
  var { children } = _a, props = __rest(_a, ["children"]);
@@ -28,8 +30,14 @@ ComposedScrollbar.displayName = 'ScrollAreaScrollbar';
28
30
  export const ScrollAreaScrollbar = withClassName(ComposedScrollbar, 'layer-components:flex layer-components:rounded-full layer-components:relative layer-components:select-none layer-components:touch-none layer-components:pointer-events-none layer-components:m-xxs layer-components:opacity-0', 'layer-components:bg-fg/5 layer-components:transition-[opacity,height,width]', 'layer-components:data-[hovering]:opacity-100 layer-components:data-[hovering]:pointer-events-auto', 'layer-components:data-[scrolling]:duration-0', 'layer-components:before:content-empty layer-components:before:absolute', 'layer-components:data-[orientation=vertical]:w-0.25rem layer-components:data-[orientation=vertical]:justify-center layer-components:data-[orientation=vertical]:before:w-1.25rem layer-components:data-[orientation=vertical]:before:h-full layer-components:data-[orientation=vertical]:hover:w-0.5rem', 'layer-components:data-[orientation=horizontal]:h-0.25rem layer-components:data-[orientation=horizontal]:items-center layer-components:data-[orientation=horizontal]:before:h-1.25rem layer-components:data-[orientation=horizontal]:before:w-full layer-components:data-[orientation=horizontal]:hover:h-0.5rem');
29
31
  export const ScrollAreaCorner = withClassName(BaseScrollArea.Corner, 'layer-components:bg-transparent');
30
32
  const ScrollAreaDefault = (_a) => {
31
- var { disableFades } = _a, props = __rest(_a, ["disableFades"]);
32
- return (_jsxs(ScrollAreaRoot, Object.assign({}, props, { children: [_jsxs(ScrollAreaViewport, { children: [props.children, !disableFades && _jsx(ScrollAreaViewportFades, {})] }), _jsx(ScrollAreaScrollbar, {}), _jsx(ScrollAreaScrollbar, { orientation: "horizontal" }), _jsx(ScrollAreaCorner, {})] })));
33
+ var { disableFades, direction } = _a, props = __rest(_a, ["disableFades", "direction"]);
34
+ return (_jsxs(ScrollAreaRoot, Object.assign({}, props, { children: [_jsxs(ScrollAreaViewport, { style: {
35
+ overflow: direction === 'vertical'
36
+ ? 'clip scroll'
37
+ : direction === 'horizontal'
38
+ ? 'scroll clip'
39
+ : 'scroll scroll',
40
+ }, "data-scroll-direction": direction, children: [props.children, !disableFades && _jsx(ScrollAreaViewportFades, {})] }), direction !== 'horizontal' && _jsx(ScrollAreaScrollbar, {}), direction !== 'vertical' && (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" })), _jsx(ScrollAreaCorner, {})] })));
33
41
  };
34
42
  export const ScrollArea = Object.assign(ScrollAreaDefault, {
35
43
  Root: ScrollAreaRoot,
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,UAAU,IAAI,cAAc,GAG5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,cAAc,CAAC,IAAI,EACnB,kDAAkD,CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,cAAc,CAAC,QAAQ,EACvB,mEAAmE,EACnE,kEAAkE,CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,KAAK,EACL,yIAAyI,EACzI,kRAAkR,EAClR,gRAAgR,CAChR,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CACrD,KAAK,EACL,yIAAyI,EACzI,8PAA8P,EAC9P,0PAA0P,CAC1P,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC5C,8BACC,KAAC,uBAAuB,KAAG,EAC3B,KAAC,yBAAyB,KAAG,IAC3B,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,cAAc,CAAC,OAAO,EACtB,kCAAkC,CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,cAAc,CAAC,KAAK,EACpB,6CAA6C,EAC7C,yDAAyD,EACzD,uDAAuD,CACvD,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAGA,EAAE,EAAE;QAHJ,EAC1B,QAAQ,OAEkB,EADvB,KAAK,cAFkB,YAG1B,CADQ;IACuB,OAAA,CAC/B,KAAC,cAAc,CAAC,SAAS,oBAAK,KAAK,cACjC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,eAAe,KAAG,IACN,CAC3B,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,iBAAiB,EACjB,0GAA0G,EAC1G,8DAA8D,EAC9D,oEAAoE,EACpE,gDAAgD,EAChD,kDAAkD,EAElD,kHAAkH,EAClH,kHAAkH,CAClH,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,cAAc,CAAC,MAAM,EACrB,mCAAmC,CACnC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAK1B,EAAE,EAAE;QALsB,EAC1B,YAAY,OAIZ,EAHG,KAAK,cAFkB,gBAG1B,CADQ;IAGH,OAAA,CACL,MAAC,cAAc,oBAAK,KAAK,eACxB,MAAC,kBAAkB,eACjB,KAAK,CAAC,QAAQ,EACd,CAAC,YAAY,IAAI,KAAC,uBAAuB,KAAG,IACzB,EACrB,KAAC,mBAAmB,KAAG,EACvB,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,EAChD,KAAC,gBAAgB,KAAG,KACJ,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC1D,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;IAC9B,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE,uBAAuB;IACtC,aAAa,EAAE,uBAAuB;IACtC,eAAe,EAAE,yBAAyB;CAC1C,CAAC,CAAC"}
1
+ {"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,UAAU,IAAI,cAAc,GAI5B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,cAAc,CAAC,IAAI,EACnB,6DAA6D,CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,cAAc,CAAC,QAAQ,EACvB,gDAAgD,EAChD,kEAAkE,CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,KAAK,EACL,yIAAyI,EACzI,8PAA8P,EAC9P,4PAA4P,CAC5P,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CACrD,KAAK,EACL,yIAAyI,EACzI,6PAA6P,EAC7P,yPAAyP,CACzP,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC5C,8BACC,KAAC,uBAAuB,KAAG,EAC3B,KAAC,yBAAyB,KAAG,IAC3B,CACH,CAAC;AAEF,MAAM,gCAAgC,GAAG,CACxC,KAA6D,EAC5D,EAAE,CAAC,CACJ,KAAC,cAAc,CAAC,OAAO,oBAClB,KAAK,IACT,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,QAAQ,EAAE,SAAS,OAC3C,CACF,CAAC;AACF,gCAAgC,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,gCAAgC,EAChC,kCAAkC,EAClC,0GAA0G,CAC1G,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,cAAc,CAAC,KAAK,EACpB,6CAA6C,EAC7C,yDAAyD,EACzD,uDAAuD,CACvD,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAGA,EAAE,EAAE;QAHJ,EAC1B,QAAQ,OAEkB,EADvB,KAAK,cAFkB,YAG1B,CADQ;IACuB,OAAA,CAC/B,KAAC,cAAc,CAAC,SAAS,oBAAK,KAAK,cACjC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,eAAe,KAAG,IACN,CAC3B,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,iBAAiB,EACjB,0GAA0G,EAC1G,8DAA8D,EAC9D,oEAAoE,EACpE,gDAAgD,EAChD,kDAAkD,EAElD,kHAAkH,EAClH,kHAAkH,CAClH,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,cAAc,CAAC,MAAM,EACrB,mCAAmC,CACnC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAO1B,EAAE,EAAE;QAPsB,EAC1B,YAAY,EACZ,SAAS,OAKT,EAJG,KAAK,cAHkB,6BAI1B,CADQ;IAIH,OAAA,CACL,MAAC,cAAc,oBAAK,KAAK,eACxB,MAAC,kBAAkB,IAClB,KAAK,EAAE;oBACN,QAAQ,EACP,SAAS,KAAK,UAAU;wBACvB,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,SAAS,KAAK,YAAY;4BAC5B,CAAC,CAAC,aAAa;4BACf,CAAC,CAAC,eAAe;iBACnB,2BACsB,SAAS,aAE/B,KAAK,CAAC,QAAQ,EACd,CAAC,YAAY,IAAI,KAAC,uBAAuB,KAAG,IACzB,EACpB,SAAS,KAAK,YAAY,IAAI,KAAC,mBAAmB,KAAG,EACrD,SAAS,KAAK,UAAU,IAAI,CAC5B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,EACD,KAAC,gBAAgB,KAAG,KACJ,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC1D,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;IAC9B,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE,uBAAuB;IACtC,aAAa,EAAE,uBAAuB;IACtC,eAAe,EAAE,yBAAyB;CAC1C,CAAC,CAAC"}
@@ -23,3 +23,4 @@ type Story = StoryObj<{
23
23
  direction: 'vertical' | 'horizontal' | 'both';
24
24
  }>;
25
25
  export declare const Default: Story;
26
+ export declare const ConstraintTest: Story;
@@ -1,6 +1,9 @@
1
1
  // @unocss-include
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
3
  import clsx from 'clsx';
4
+ import { Box } from '../box/Box.js';
5
+ import { Button } from '../button/Button.js';
6
+ import { Input } from '../input/Input.js';
4
7
  import { ScrollArea } from './ScrollArea.js';
5
8
  const meta = {
6
9
  title: 'Components/ScrollArea',
@@ -20,7 +23,15 @@ const meta = {
20
23
  export default meta;
21
24
  export const Default = {
22
25
  render({ direction }) {
23
- return (_jsx(ScrollArea, { style: { height: '200px', width: '400px' }, children: _jsx(ScrollArea.Content, { children: _jsxs("div", { className: clsx(direction === 'horizontal' && 'w-10000px', direction === 'both' && 'w-800px'), children: [_jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." }), _jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." }), _jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." })] }) }) }));
26
+ return (_jsx(ScrollArea, { direction: direction, style: { height: '200px', width: '400px' }, children: _jsx(ScrollArea.Content, { className: clsx(direction === 'horizontal' && 'w-10000px', direction === 'both' && 'w-800px'), children: _jsx(Content, {}) }) }));
24
27
  },
25
28
  };
29
+ export const ConstraintTest = {
30
+ render({ direction }) {
31
+ return (_jsx(ScrollArea, { direction: direction, className: "w-300px h-300px", children: _jsxs(ScrollArea.Content, { children: [_jsxs(Box, { gap: true, children: [_jsx(Input, { placeholder: "Test input" }), _jsx(Button, { children: "Submit" })] }), _jsx(Content, {})] }) }));
32
+ },
33
+ };
34
+ function Content() {
35
+ return (_jsxs(_Fragment, { children: [_jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." }), _jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." }), _jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus gravida arcu." })] }));
36
+ }
26
37
  //# sourceMappingURL=ScrollArea.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.stories.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC;SAC3C;KACD;IACD,IAAI,EAAE;QACL,SAAS,EAAE,UAAU;KACrB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiE,CAAC;AAEpE,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,EAAE,SAAS,EAAE;QACnB,OAAO,CACN,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YACrD,KAAC,UAAU,CAAC,OAAO,cAClB,eACC,SAAS,EAAE,IAAI,CACd,SAAS,KAAK,YAAY,IAAI,WAAW,EACzC,SAAS,KAAK,MAAM,IAAI,SAAS,CACjC,aAED,4sCAoBI,EACJ,4sCAoBI,EACJ,4sCAoBI,IACC,GACc,GACT,CACb,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"ScrollArea.stories.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC;SAC3C;KACD;IACD,IAAI,EAAE;QACL,SAAS,EAAE,UAAU;KACrB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiE,CAAC;AAEpE,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,EAAE,SAAS,EAAE;QACnB,OAAO,CACN,KAAC,UAAU,IACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAE1C,KAAC,UAAU,CAAC,OAAO,IAClB,SAAS,EAAE,IAAI,CACd,SAAS,KAAK,YAAY,IAAI,WAAW,EACzC,SAAS,KAAK,MAAM,IAAI,SAAS,CACjC,YAED,KAAC,OAAO,KAAG,GACS,GACT,CACb,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,CAAC,EAAE,SAAS,EAAE;QACnB,OAAO,CACN,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,iBAAiB,YAC5D,MAAC,UAAU,CAAC,OAAO,eAClB,MAAC,GAAG,IAAC,GAAG,mBACP,KAAC,KAAK,IAAC,WAAW,EAAC,YAAY,GAAG,EAClC,KAAC,MAAM,yBAAgB,IAClB,EACN,KAAC,OAAO,KAAG,IACS,GACT,CACb,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,OAAO;IACf,OAAO,CACN,8BACC,4sCAmBI,EACJ,4sCAmBI,EACJ,4sCAmBI,IACF,CACH,CAAC;AACH,CAAC"}
@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  import { jsx as _jsx } from "react/jsx-runtime";
14
14
  import { Switch as BaseSwitch } from '@base-ui/react/switch';
15
15
  import { withClassName } from '../../hooks/withClassName.js';
16
- const SwitchRoot = withClassName(BaseSwitch.Root, 'layer-components:unset layer-components:appearance-none layer-components:flex layer-components:transition-all layer-components:cursor-pointer layer-components:w-42px layer-components:h-25px layer-components:p-2px layer-components:bg-gray-light layer-components:rounded-lg layer-components:relative layer-components:border-default layer-components:flex-shrink-0 layer-components:shadow-sm', 'layer-components:data-[checked]:bg-main', 'layer-components:hover:[&:not(:disabled)]:bg-lighten-2 layer-components:hover:[&:not(:disabled)]:ring-2 layer-components:hover:[&:not(:disabled)]:ring-bg', 'layer-components:active:[&:not(:disabled)]:bg-darken-1 layer-components:active:[&:not(:disabled)]:ring-4', 'layer-components:focus:outline-none', 'layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off');
17
- const SwitchThumb = withClassName(BaseSwitch.Thumb, 'layer-components:block layer-components:aspect-1 layer-components:h-full layer-components:bg-white layer-components:rounded-lg layer-components:border-default layer-components:transition-transform layer-components:will-change-transform', 'layer-components:data-[checked]:translate-x-1rem', 'layer-components:data-[checked]:before:content-["✓"] layer-components:data-[checked]:before:flex layer-components:data-[checked]:before:items-center layer-components:data-[checked]:before:justify-center layer-components:data-[checked]:before:absolute layer-components:data-[checked]:before:top-0 layer-components:data-[checked]:before:left-0 layer-components:data-[checked]:before:w-full layer-components:data-[checked]:before:h-full layer-components:data-[checked]:before:text-xs layer-components:data-[checked]:before:text-main-ink');
16
+ const SwitchRoot = withClassName(BaseSwitch.Root, 'layer-components:unset layer-components:appearance-none layer-components:flex layer-components:transition-all layer-components:cursor-pointer layer-components:w-42px layer-components:h-25px layer-components:p-3px layer-components:bg-gray-light layer-components:rounded-lg layer-components:relative layer-components:border-default layer-components:flex-shrink-0 layer-components:shadow-sm layer-components:shadow-inset', 'layer-components:data-[checked]:bg-main', 'layer-components:hover:[&:not(:disabled)]:bg-lighten-2 layer-components:hover:[&:not(:disabled)]:ring-2 layer-components:hover:[&:not(:disabled)]:ring-bg', 'layer-components:active:[&:not(:disabled)]:bg-darken-1 layer-components:active:[&:not(:disabled)]:ring-4', 'layer-components:focus:outline-none', 'layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:outline-off');
17
+ const SwitchThumb = withClassName(BaseSwitch.Thumb, 'layer-components:block layer-components:aspect-1 layer-components:h-full layer-components:bg-white layer-components:rounded-lg layer-components:border-default layer-components:transition-transform layer-components:will-change-transform layer-components:shadow-sm', 'layer-components:data-[checked]:translate-x-1rem', 'layer-components:data-[checked]:before:content-["✓"] layer-components:data-[checked]:before:flex layer-components:data-[checked]:before:items-center layer-components:data-[checked]:before:justify-center layer-components:data-[checked]:before:absolute layer-components:data-[checked]:before:top-0 layer-components:data-[checked]:before:left-0 layer-components:data-[checked]:before:w-full layer-components:data-[checked]:before:h-full layer-components:data-[checked]:before:text-xs layer-components:data-[checked]:before:text-main-ink');
18
18
  export const Switch = Object.assign(function Switch(_a) {
19
19
  var { ref } = _a, props = __rest(_a, ["ref"]);
20
20
  return (_jsx(SwitchRoot, Object.assign({}, props, { ref: ref, children: _jsx(SwitchThumb, {}) })));
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,UAAU,GAAG,aAAa,CAC/B,UAAU,CAAC,IAAI,EACf,0KAA0K,EAC1K,yCAAyC,EACzC,yEAAyE,EACzE,iEAAiE,EACjE,qCAAqC,EACrC,iEAAiE,CACjE,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,UAAU,CAAC,KAAK,EAChB,wHAAwH,EACxH,oDAAoD,EACpD,mJAAmJ,CACnJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAKf;QALe,EACf,GAAG,OAIH,EAHG,KAAK,cAFO,OAGf,CADQ;IAIR,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,KAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,UAAU,GAAG,aAAa,CAC/B,UAAU,CAAC,IAAI,EACf,uLAAuL,EACvL,yCAAyC,EACzC,yEAAyE,EACzE,iEAAiE,EACjE,qCAAqC,EACrC,iEAAiE,CACjE,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,UAAU,CAAC,KAAK,EAChB,kIAAkI,EAClI,oDAAoD,EACpD,mJAAmJ,CACnJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAKf;QALe,EACf,GAAG,OAIH,EAHG,KAAK,cAFO,OAGf,CADQ;IAIR,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,KAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "4.0.3",
3
+ "version": "4.0.6",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
@@ -1,5 +1,6 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import { useEffect, useState } from 'react';
3
+ import { Box } from '../box/Box.js';
3
4
  import { Button } from '../button/index.js';
4
5
  import { Input } from '../input/index.js';
5
6
  import { ParticleLayer } from '../particles/index.js';
@@ -71,6 +72,10 @@ export const Default: Story = {
71
72
  <DummyContent />
72
73
  <DummyContent />
73
74
  <DummyContent />
75
+ <Box gap>
76
+ <Input placeholder="Type something..." />
77
+ <Button emphasis="primary">Submit</Button>
78
+ </Box>
74
79
  <DialogActions>
75
80
  <DialogClose />
76
81
  <Button emphasis="primary">Accept</Button>
@@ -116,6 +116,7 @@ export interface DialogContentProps extends DialogPopupProps {
116
116
  /** @deprecated */
117
117
  outerClassName?: string;
118
118
  ref?: Ref<HTMLDivElement>;
119
+ innerClassName?: string;
119
120
  }
120
121
 
121
122
  const SWIPE_VELOCITY_THRESHOLD = 1.5;
@@ -128,6 +129,7 @@ export const Content = function Content({
128
129
  className,
129
130
  disableSheet,
130
131
  disableDefaultClose,
132
+ innerClassName,
131
133
  ...props
132
134
  }: DialogContentProps) {
133
135
  const particles = useParticles();
@@ -215,8 +217,21 @@ export const Content = function Content({
215
217
  >
216
218
  {!disableDefaultClose && <DialogDefaultClose />}
217
219
  {!disableSheet && <DialogSwipeHandle />}
218
- <ScrollArea className="w-full h-full">
219
- <ScrollArea.Content className="p-md">{children}</ScrollArea.Content>
220
+ <ScrollArea
221
+ direction="vertical"
222
+ className="layer-components:(w-full h-full)"
223
+ >
224
+ <ScrollArea.Content
225
+ className={clsx(
226
+ 'layer-components:(p-md flex flex-col gap-md)',
227
+ innerClassName,
228
+ )}
229
+ style={{
230
+ minWidth: undefined,
231
+ }}
232
+ >
233
+ {children}
234
+ </ScrollArea.Content>
220
235
  </ScrollArea>
221
236
  </StyledContent>
222
237
  </GroupScaleReset>
@@ -1,5 +1,8 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import clsx from 'clsx';
3
+ import { Box } from '../box/Box.js';
4
+ import { Button } from '../button/Button.js';
5
+ import { Input } from '../input/Input.js';
3
6
  import { ScrollArea } from './ScrollArea.js';
4
7
 
5
8
  const meta = {
@@ -25,80 +28,102 @@ type Story = StoryObj<{ direction: 'vertical' | 'horizontal' | 'both' }>;
25
28
  export const Default: Story = {
26
29
  render({ direction }) {
27
30
  return (
28
- <ScrollArea style={{ height: '200px', width: '400px' }}>
31
+ <ScrollArea
32
+ direction={direction}
33
+ style={{ height: '200px', width: '400px' }}
34
+ >
35
+ <ScrollArea.Content
36
+ className={clsx(
37
+ direction === 'horizontal' && 'w-10000px',
38
+ direction === 'both' && 'w-800px',
39
+ )}
40
+ >
41
+ <Content />
42
+ </ScrollArea.Content>
43
+ </ScrollArea>
44
+ );
45
+ },
46
+ };
47
+
48
+ export const ConstraintTest: Story = {
49
+ render({ direction }) {
50
+ return (
51
+ <ScrollArea direction={direction} className="w-300px h-300px">
29
52
  <ScrollArea.Content>
30
- <div
31
- className={clsx(
32
- direction === 'horizontal' && 'w-10000px',
33
- direction === 'both' && 'w-800px',
34
- )}
35
- >
36
- <p>
37
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non
38
- risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing
39
- nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas
40
- ligula massa, varius a, semper congue, euismod non, mi. Proin
41
- porttitor, orci nec nonummy molestie, enim est eleifend mi, non
42
- fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa,
43
- scelerisque vitae, consequat in, pretium a, enim. Pellentesque
44
- congue. Ut in risus volutpat libero pharetra tempor. Cras
45
- vestibulum bibendum augue. Praesent egestas leo in pede. Praesent
46
- blandit odio eu enim. Pellentesque sed dui ut augue blandit
47
- sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
48
- ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
49
- pede pellentesque fermentum. Maecenas adipiscing ante non diam
50
- sollicitudin ornare. Morbi in sem quis dui placerat ornare.
51
- Pellentesque odio nisi, euismod in, pharetra a, ultricies in,
52
- diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue.
53
- Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien
54
- vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget
55
- metus. Vestibulum commodo. Ut rhoncus gravida arcu.
56
- </p>
57
- <p>
58
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non
59
- risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing
60
- nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas
61
- ligula massa, varius a, semper congue, euismod non, mi. Proin
62
- porttitor, orci nec nonummy molestie, enim est eleifend mi, non
63
- fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa,
64
- scelerisque vitae, consequat in, pretium a, enim. Pellentesque
65
- congue. Ut in risus volutpat libero pharetra tempor. Cras
66
- vestibulum bibendum augue. Praesent egestas leo in pede. Praesent
67
- blandit odio eu enim. Pellentesque sed dui ut augue blandit
68
- sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
69
- ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
70
- pede pellentesque fermentum. Maecenas adipiscing ante non diam
71
- sollicitudin ornare. Morbi in sem quis dui placerat ornare.
72
- Pellentesque odio nisi, euismod in, pharetra a, ultricies in,
73
- diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue.
74
- Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien
75
- vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget
76
- metus. Vestibulum commodo. Ut rhoncus gravida arcu.
77
- </p>
78
- <p>
79
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non
80
- risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing
81
- nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas
82
- ligula massa, varius a, semper congue, euismod non, mi. Proin
83
- porttitor, orci nec nonummy molestie, enim est eleifend mi, non
84
- fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa,
85
- scelerisque vitae, consequat in, pretium a, enim. Pellentesque
86
- congue. Ut in risus volutpat libero pharetra tempor. Cras
87
- vestibulum bibendum augue. Praesent egestas leo in pede. Praesent
88
- blandit odio eu enim. Pellentesque sed dui ut augue blandit
89
- sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
90
- ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
91
- pede pellentesque fermentum. Maecenas adipiscing ante non diam
92
- sollicitudin ornare. Morbi in sem quis dui placerat ornare.
93
- Pellentesque odio nisi, euismod in, pharetra a, ultricies in,
94
- diam. Sed arcu. Cras consectetur. Vivamus fermentum nibh in augue.
95
- Praesent a lacus at urna consequat rhoncus. Morbi dapibus sapien
96
- vel ante. Aliquam erat volutpat. Pellentesque sagittis ligula eget
97
- metus. Vestibulum commodo. Ut rhoncus gravida arcu.
98
- </p>
99
- </div>
53
+ <Box gap>
54
+ <Input placeholder="Test input" />
55
+ <Button>Submit</Button>
56
+ </Box>
57
+ <Content />
100
58
  </ScrollArea.Content>
101
59
  </ScrollArea>
102
60
  );
103
61
  },
104
62
  };
63
+
64
+ function Content() {
65
+ return (
66
+ <>
67
+ <p>
68
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
69
+ Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies
70
+ sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
71
+ a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy
72
+ molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
73
+ Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium
74
+ a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra
75
+ tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
76
+ Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit
77
+ sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
78
+ ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede
79
+ pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin
80
+ ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi,
81
+ euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur.
82
+ Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat
83
+ rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat.
84
+ Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus
85
+ gravida arcu.
86
+ </p>
87
+ <p>
88
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
89
+ Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies
90
+ sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
91
+ a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy
92
+ molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
93
+ Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium
94
+ a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra
95
+ tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
96
+ Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit
97
+ sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
98
+ ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede
99
+ pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin
100
+ ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi,
101
+ euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur.
102
+ Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat
103
+ rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat.
104
+ Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus
105
+ gravida arcu.
106
+ </p>
107
+ <p>
108
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.
109
+ Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies
110
+ sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius
111
+ a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy
112
+ molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
113
+ Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium
114
+ a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra
115
+ tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
116
+ Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit
117
+ sodales. Vestibulum ante ipsum primis in faucibus orci luctus et
118
+ ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede
119
+ pellentesque fermentum. Maecenas adipiscing ante non diam sollicitudin
120
+ ornare. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi,
121
+ euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consectetur.
122
+ Vivamus fermentum nibh in augue. Praesent a lacus at urna consequat
123
+ rhoncus. Morbi dapibus sapien vel ante. Aliquam erat volutpat.
124
+ Pellentesque sagittis ligula eget metus. Vestibulum commodo. Ut rhoncus
125
+ gravida arcu.
126
+ </p>
127
+ </>
128
+ );
129
+ }