@a-type/ui 3.1.1 → 4.0.0-beta.1

package/dist/esm/components/popover/Popover.js

@@ -1,5 +1,4 @@
 // @unocss-include
-'use client';
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -12,34 +11,40 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Popover as PopoverPrimitive, } from '@base-ui/react/popover';
 import classNames from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
 import { GroupScaleReset } from '../../systems/GroupScale.js';
-const StyledContent = withClassName(PopoverPrimitive.Content, 'layer-components:rounded-xl layer-components:min-w-120px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:op-0 layer-components:hidden layer-components:max-w-90vw layer-components:border layer-components:border-gray-dark', 'will-change-transform', 'layer-components:transform-origin-[var(--radix-popover-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'important:motion-reduce:animate-none', 'layer-components:max-h-[var(--radix-popover-content-available-height)]', 'layer-components:[&[data-state=open]]:opacity-100 layer-components:[&[data-state=open]]:flex layer-components:[&[data-state=open]]:flex-col', 'layer-components:[&[data-state=closed]]:pointer-events-none');
-const StyledArrow = withClassName(PopoverPrimitive.Arrow, 'layer-components:arrow');
+import { ArrowSvg } from '../utility/ArrowSvg.js';
+const StyledContent = withClassName(PopoverPrimitive.Popup, 'layer-components:rounded-lg layer-components:min-w-120px layer-components:bg-white layer-components:shadow-lg layer-components:max-w-90vw layer-components:border layer-components:border-black layer-components:transition', 'will-change-transform', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:opacity-0 layer-components:data-[starting-style]:scale-95 layer-components:data-[starting-style]:translate-y-4px', 'layer-components:data-[ending-style]:opacity-0 layer-components:data-[ending-style]:scale-95 layer-components:data-[ending-style]:translate-y-4px', 'important:motion-reduce:transition-none', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]');
+const StyledArrow = withClassName((props) => (_jsx(PopoverPrimitive.Arrow, Object.assign({}, props, { children: _jsx(ArrowSvg, {}) }))), 'layer-components:arrow', 'layer-components:data-[closed]:opacity-0 layer-components:data-[closed]:scale-0', 'layer-components:data-[open]:opacity-100 layer-components:data-[open]:scale-100');
 const StyledClose = withClassName(PopoverPrimitive.Close, 'layer-components:[all:unset] layer-components:[font-family:inherit] layer-components:rounded-lg layer-components:h-25px layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center layer-components:color-gray-dark/80 layer-components:absolute layer-components:top-5px layer-components:right-5px layer-components:hover:bg-lightBlend layer-components:focus:shadow-focus');
 // Exports
 export const PopoverRoot = PopoverPrimitive.Root;
 export const PopoverTrigger = PopoverPrimitive.Trigger;
 export const PopoverArrow = StyledArrow;
 export const PopoverClose = StyledClose;
-export const PopoverAnchor = PopoverPrimitive.Anchor;
+export const PopoverAnchor = PopoverPrimitive.Handle;
 export const PopoverContent = function PopoverContent(_a) {
-    var { ref, children, forceMount, disableBlur, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["ref", "children", "forceMount", "disableBlur", "className", "radius", "padding"]);
-    return (_jsx(PopoverPrimitive.Portal, { forceMount: forceMount, children: _jsx(GroupScaleReset, { children: _jsx(StyledContent, Object.assign({}, props, { forceMount: forceMount, ref: ref, className: classNames({
-                    'layer-variants:important:p-0': padding === 'none',
-                    'layer-variants:p-5': padding === 'default',
-                    'layer-variants:rounded-none': radius === 'none',
-                    'layer-variants:rounded-lg': radius === 'default',
-                    'layer-variants:rounded-md': radius === 'md',
-                }, className), children: children })) }) }));
+    var { ref, children, forceMount, disableBlur, className, radius = 'default', padding = 'default', align, alignOffset, side, sideOffset = 8, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod } = _a, props = __rest(_a, ["ref", "children", "forceMount", "disableBlur", "className", "radius", "padding", "align", "alignOffset", "side", "sideOffset", "anchor", "disableAnchorTracking", "sticky", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "positionMethod"]);
+    return (_jsx(PopoverPrimitive.Portal, { keepMounted: forceMount, children: _jsx(GroupScaleReset, { children: _jsx(PopoverPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: _jsx(StyledContent, Object.assign({}, props, { ref: ref, className: classNames({
+                        'layer-variants:important:p-0': padding === 'none',
+                        'layer-variants:p-md': padding === 'default',
+                        'layer-variants:rounded-none': radius === 'none',
+                        'layer-variants:rounded-lg': radius === 'default',
+                        'layer-variants:rounded-md': radius === 'md',
+                    }, className), children: children })) }) }) }));
 };
+export const PopoverTitle = withClassName(PopoverPrimitive.Title, 'layer-components:text-md layer-components:font-semibold layer-components:m-0 layer-components:mb-sm');
+export const PopoverDescription = withClassName(PopoverPrimitive.Description, 'layer-components:text-sm layer-components:text-gray-dark layer-components:m-0');
 export const Popover = Object.assign(PopoverRoot, {
     Content: PopoverContent,
     Arrow: PopoverArrow,
     Close: PopoverClose,
     Trigger: PopoverTrigger,
     Anchor: PopoverAnchor,
+    Title: PopoverTitle,
+    Description: PopoverDescription,
+    createHandle: PopoverPrimitive.createHandle,
 });
 //# sourceMappingURL=Popover.js.map

package/dist/esm/components/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,aAAa,GAAG,aAAa,CAClC,gBAAgB,CAAC,OAAO,EACxB,oHAAoH,EACpH,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0EAA0E,EAC1E,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,0BAA0B,CAC1B,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,4MAA4M,CAC5M,CAAC;AAEF,UAAU;AACV,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACjD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAerD;QAfqD,EACrD,GAAG,EACH,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAQnB,EAPG,KAAK,cAR6C,kFASrD,CADQ;IAQR,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,EAAE,UAAU,YAC9C,KAAC,eAAe,cACf,KAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB;oBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;oBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;oBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;oBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;oBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;iBAC5C,EACD,SAAS,CACT,YAEA,QAAQ,IACM,GACC,GACO,CAC1B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IACjD,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;CACrB,CAAC,CAAC"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/popover/Popover.stories.d.ts

@@ -1,27 +1,6 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Popover } from './Popover.js';
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("@radix-ui/react-popover").PopoverProps> & {
-        Content: ({ ref, children, forceMount, disableBlur, className, radius, padding, ...props }: import("@radix-ui/react-popover").PopoverContentProps & {
-            radius?: "none" | "default" | "md";
-            padding?: "none" | "default";
-            forceMount?: boolean;
-            disableBlur?: boolean;
-            ref?: import("react").Ref<HTMLDivElement>;
-        }) => import("react/jsx-runtime").JSX.Element;
-        Arrow: import("react").FunctionComponent<import("@radix-ui/react-popover").PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
-        Close: import("react").FunctionComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-        Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-        Anchor: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
+declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof Popover>;
 export declare const Default: Story;

package/dist/esm/components/popover/Popover.stories.js

@@ -13,7 +13,7 @@ const meta = {
 export default meta;
 export const Default = {
     render(args) {
-        return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, { color: "primary", size: "small", children: "Open Popover" }) }), _jsxs(Popover.Content, { className: "p-md", children: [_jsx(Popover.Arrow, {}), _jsx("p", { children: "This is a popover content." })] })] })));
+        return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { className: "p-md", children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content." })] })] })));
     },
 };
 //# sourceMappingURL=Popover.stories.js.map

package/dist/esm/components/popover/Popover.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,OAAO,kBACvB,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,6BAE3B,GACQ,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAChC,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,qDAAiC,IAChB,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAChC,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,OAAO,CAAC,KAAK,wBAAsB,EACpC,KAAC,OAAO,CAAC,WAAW,6CAAiD,IACpD,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/components/progress/Progress.d.ts

@@ -1,11 +1,27 @@
-import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { ProgressRootProps, ProgressValueProps } from '@base-ui/react/progress';
 import { PaletteName } from '../../uno/index.js';
-export declare const ProgressRoot: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ProgressIndicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Progress: (({ ref, children, color, max, value, className, ...props }: ProgressPrimitive.ProgressProps & {
+export declare const ProgressRoot: import("react").FunctionComponent<ProgressRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ProgressIndicator: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ProgressTrack: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ProgressLabeled: ({ ref, children, label, className, color, formatValue, ...props }: ProgressRootProps & {
+    ref?: React.Ref<HTMLDivElement>;
+    label: React.ReactNode;
+    color?: PaletteName;
+    formatValue?: ProgressValueProps["children"];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Progress: (({ ref, children, color, max, value, className, ...props }: ProgressRootProps & {
     ref?: React.Ref<HTMLDivElement>;
     color?: PaletteName;
 }) => import("react/jsx-runtime").JSX.Element) & {
-    Root: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
-    Indicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Root: import("react").FunctionComponent<ProgressRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Track: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+    Labeled: ({ ref, children, label, className, color, formatValue, ...props }: ProgressRootProps & {
+        ref?: React.Ref<HTMLDivElement>;
+        label: React.ReactNode;
+        color?: PaletteName;
+        formatValue?: ProgressValueProps["children"];
+    }) => import("react/jsx-runtime").JSX.Element;
+    Label: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Value: import("react").FunctionComponent<ProgressValueProps & import("react").RefAttributes<HTMLSpanElement>>;
 };

package/dist/esm/components/progress/Progress.js

@@ -10,22 +10,29 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Progress as ProgressPrimitive, } from '@base-ui/react/progress';
 import clsx from 'clsx';
 import { withClassName } from '../../hooks.js';
-export const ProgressRoot = withClassName(ProgressPrimitive.Root, 'layer-components:w-full layer-components:relative layer-components:overflow-hidden layer-components:border layer-components:border-default layer-components:rounded-lg');
-export const ProgressIndicator = withClassName(ProgressPrimitive.Indicator, 'layer-components:bg-main layer-components:w-full layer-components:h-6px layer-components:translate-x-[calc(-100%*(1-var(--value)))] layer-components:rounded-lg layer-components:transition-transform', 'layer-components:[&[data-state=complete]]:bg-success');
+export const ProgressRoot = withClassName(ProgressPrimitive.Root, 'layer-components:grid layer-components:grid-columns-[1fr_1fr] layer-components:gap-col-md layer-components:gap-row-xs layer-components:items-center layer-components:w-full');
+export const ProgressIndicator = withClassName(ProgressPrimitive.Indicator, 'layer-components:bg-main layer-components:w-full layer-components:h-full layer-components:rounded-lg layer-components:transition-transform', 'layer-components:data-[complete]:bg-success');
+export const ProgressTrack = withClassName(ProgressPrimitive.Track, 'layer-components:w-full layer-components:relative layer-components:overflow-hidden layer-components:ring layer-components:ring-black layer-components:ring-1 layer-components:rounded-lg layer-components:h-6px');
 const ProgressBase = function ProgressBase(_a) {
     var { ref, children, color, max = 100, value, className } = _a, props = __rest(_a, ["ref", "children", "color", "max", "value", "className"]);
-    return (_jsx(ProgressRoot, Object.assign({}, props, { className: clsx(color && `palette-${color}`, className), value: value, max: max, ref: ref, children: _jsx(ProgressIndicator
-        // @ts-ignore
-        , { 
-            // @ts-ignore
-            style: { '--value': (value || 0) / max } }) })));
+    return (_jsx(ProgressPrimitive.Root, Object.assign({}, props, { className: clsx(color && `palette-${color}`, 'layer-components:w-full', className), value: value, max: max, ref: ref, children: _jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) }) })));
+};
+const ProgressLabel = withClassName(ProgressPrimitive.Label, 'layer-components:font-size-xs layer-components:color-gray-ink layer-components:col-start-1 layer-components:row-start-1');
+const ProgressValue = withClassName(ProgressPrimitive.Value, 'layer-components:font-size-xs layer-components:font-semibold layer-components:color-gray-ink layer-components:col-start-2 layer-components:row-start-1 layer-components:justify-self-end');
+export const ProgressLabeled = function ProgressLabeled(_a) {
+    var { ref, children, label, className, color, formatValue } = _a, props = __rest(_a, ["ref", "children", "label", "className", "color", "formatValue"]);
+    return (_jsxs(ProgressRoot, Object.assign({ ref: ref, className: clsx(color && `palette-${color}`, className) }, props, { children: [_jsx(ProgressLabel, { children: label }), _jsx(ProgressValue, { children: formatValue }), _jsx(ProgressTrack, { className: "col-span-2", children: _jsx(ProgressIndicator, {}) })] })));
 };
 export const Progress = Object.assign(ProgressBase, {
     Root: ProgressRoot,
     Indicator: ProgressIndicator,
+    Track: ProgressTrack,
+    Labeled: ProgressLabeled,
+    Label: ProgressLabel,
+    Value: ProgressValue,
 });
 //# sourceMappingURL=Progress.js.map

package/dist/esm/components/progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACxC,iBAAiB,CAAC,IAAI,EACtB,qFAAqF,CACrF,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,iBAAiB,CAAC,SAAS,EAC3B,oHAAoH,EACpH,wDAAwD,CACxD,CAAC;AAEF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAW1C;QAX0C,EAC1C,GAAG,EACH,QAAQ,EACR,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,EACL,SAAS,OAKT,EAJG,KAAK,cAPkC,yDAQ1C,CADQ;IAKR,OAAO,CACN,KAAC,YAAY,oBACR,KAAK,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,YAER,KAAC,iBAAiB;QACjB,aAAa;;YAAb,aAAa;YACb,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GACvC,IACY,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CAAC,CAAC"}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,QAAQ,IAAI,iBAAiB,GAG7B,MAAM,yBAAyB,CAAC;AACjC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACxC,iBAAiB,CAAC,IAAI,EACtB,0FAA0F,CAC1F,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,iBAAiB,CAAC,SAAS,EAC3B,0EAA0E,EAC1E,+CAA+C,CAC/C,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,iBAAiB,CAAC,KAAK,EACvB,4FAA4F,CAC5F,CAAC;AAEF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAW1C;QAX0C,EAC1C,GAAG,EACH,QAAQ,EACR,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,EACL,SAAS,OAKT,EAJG,KAAK,cAPkC,yDAQ1C,CADQ;IAKR,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,IAAI,CACd,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,yBAAyB,EACzB,SAAS,CACT,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,YAER,KAAC,aAAa,cACb,KAAC,iBAAiB,KAAG,GACN,IACQ,CACzB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAClC,iBAAiB,CAAC,KAAK,EACvB,wEAAwE,CACxE,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAClC,iBAAiB,CAAC,KAAK,EACvB,uGAAuG,CACvG,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,eAAe,CAAC,EAavD;QAbuD,EACvD,GAAG,EACH,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,OAOX,EANG,KAAK,cAP+C,iEAQvD,CADQ;IAOR,OAAO,CACN,MAAC,YAAY,kBACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,IACnD,KAAK,eAET,KAAC,aAAa,cAAE,KAAK,GAAiB,EACtC,KAAC,aAAa,cAAE,WAAW,GAAiB,EAC5C,KAAC,aAAa,IAAC,SAAS,EAAC,YAAY,YACpC,KAAC,iBAAiB,KAAG,GACN,KACF,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;IAC5B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC"}

package/dist/esm/components/progress/Progress.stories.d.ts

@@ -2,12 +2,21 @@ import type { StoryObj } from '@storybook/react';
 import { Progress } from './Progress.js';
 declare const meta: {
     title: string;
-    component: (({ ref, children, color, max, value, className, ...props }: import("@radix-ui/react-progress").ProgressProps & {
+    component: (({ ref, children, color, max, value, className, ...props }: import("@base-ui/react/progress").ProgressRootProps & {
         ref?: React.Ref<HTMLDivElement>;
         color?: import("../../index.js").PaletteName;
     }) => import("react/jsx-runtime").JSX.Element) & {
-        Root: import("react").FunctionComponent<import("@radix-ui/react-progress").ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
-        Indicator: import("react").FunctionComponent<import("@radix-ui/react-progress").ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+        Root: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressRootProps & import("react").RefAttributes<HTMLDivElement>>;
+        Indicator: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+        Track: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+        Labeled: ({ ref, children, label, className, color, formatValue, ...props }: import("@base-ui/react/progress").ProgressRootProps & {
+            ref?: React.Ref<HTMLDivElement>;
+            label: React.ReactNode;
+            color?: import("../../index.js").PaletteName;
+            formatValue?: import("@base-ui/react/progress").ProgressValueProps["children"];
+        }) => import("react/jsx-runtime").JSX.Element;
+        Label: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
+        Value: import("react").FunctionComponent<import("@base-ui/react/progress").ProgressValueProps & import("react").RefAttributes<HTMLSpanElement>>;
     };
     argTypes: {};
     parameters: {
@@ -19,3 +28,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof Progress>;
 export declare const Default: Story;
+export declare const Labeled: Story;

package/dist/esm/components/progress/Progress.stories.js

@@ -12,7 +12,12 @@ const meta = {
 export default meta;
 export const Default = {
     render(args) {
-        return (_jsxs("div", { className: "col", children: [_jsx(Progress, Object.assign({}, args, { value: 5, max: 10 })), _jsx(Progress, Object.assign({}, args, { value: 10, max: 10 })), _jsx(Progress, Object.assign({}, args, { value: 0, max: 10 }))] }));
+        return (_jsxs("div", { className: "col", children: [_jsx(Progress, Object.assign({}, args, { value: 50, max: 100 })), _jsx(Progress, Object.assign({}, args, { value: 100, max: 100 })), _jsx(Progress, Object.assign({}, args, { value: 0, max: 100 }))] }));
+    },
+};
+export const Labeled = {
+    render(args) {
+        return (_jsxs("div", { className: "col gap-10px", children: [_jsx(Progress.Labeled, Object.assign({}, args, { value: 33, max: 100, label: "Loading..." })), _jsx(Progress.Labeled, Object.assign({}, args, { value: 100, max: 100, label: "Complete" })), _jsx(Progress.Labeled, Object.assign({}, args, { value: 0, max: 100, label: "Starting..." }))] }));
     },
 };
 //# sourceMappingURL=Progress.stories.js.map

package/dist/esm/components/progress/Progress.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,eAAK,SAAS,EAAC,KAAK,aACnB,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,IAAI,EACzC,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAC1C,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,IAAI,IACpC,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,eAAK,SAAS,EAAC,KAAK,aACnB,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAC3C,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,EAC5C,KAAC,QAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,IACrC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,eAAK,SAAS,EAAC,cAAc,aAC5B,KAAC,QAAQ,CAAC,OAAO,oBAAK,IAAI,IAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,YAAY,IAAG,EACtE,KAAC,QAAQ,CAAC,OAAO,oBAAK,IAAI,IAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,UAAU,IAAG,EACrE,KAAC,QAAQ,CAAC,OAAO,oBAAK,IAAI,IAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,aAAa,IAAG,IACjE,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/components/pwaInstall/PwaInstall.d.ts

@@ -1,5 +1,5 @@
-import { DialogTriggerProps } from '@radix-ui/react-dialog';
-export interface PwaInstall extends DialogTriggerProps {
+import { DialogRootProps } from '@base-ui/react/dialog';
+export interface PwaInstall extends DialogRootProps {
     manifestPath?: string;
 }
-export declare function PwaInstall({ children, manifestPath, asChild: _, ...rest }: PwaInstall): import("react/jsx-runtime").JSX.Element | null;
+export declare function PwaInstall({ children, manifestPath, ...rest }: PwaInstall): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/pwaInstall/PwaInstall.js

@@ -27,7 +27,7 @@ import { triggerDeferredInstall, useIsInstalled, useIsInstallReady, } from './us
 import { useWebManifest } from './useWebManifest.js';
 export function PwaInstall(_a) {
     var _b, _c, _d, _e, _f, _g;
-    var { children, manifestPath, asChild: _ } = _a, rest = __rest(_a, ["children", "manifestPath", "asChild"]);
+    var { children, manifestPath } = _a, rest = __rest(_a, ["children", "manifestPath"]);
     const installed = useIsInstalled();
     const manifest = useWebManifest(manifestPath);
     const { open } = useSnapshot(pwaInstallerState);
@@ -36,9 +36,11 @@ export function PwaInstall(_a) {
         return null;
     }
     const primaryIcon = (_b = manifest === null || manifest === void 0 ? void 0 : manifest.icons) === null || _b === void 0 ? void 0 : _b[0];
-    return (_jsx(Dialog, { open: open, onOpenChange: (isOpen) => {
+    return (_jsx(Dialog, Object.assign({}, rest, { open: open, onOpenChange: (isOpen, ev) => {
+            var _a;
             pwaInstallerState.open = isOpen;
-        }, children: _jsxs(Dialog.Content, { className: "flex flex-col gap-xs", id: "pwa-install-dialog", children: [_jsxs(Dialog.Title, { className: "flex flex-row gap-md items-center", children: [primaryIcon && (_jsx("img", { src: primaryIcon.src, alt: (_e = (_d = (_c = primaryIcon.label) !== null && _c !== void 0 ? _c : manifest === null || manifest === void 0 ? void 0 : manifest.short_name) !== null && _d !== void 0 ? _d : manifest === null || manifest === void 0 ? void 0 : manifest.name) !== null && _e !== void 0 ? _e : 'App Icon', className: "inline-block w-1em h-1em rounded" })), "Install ", (_g = (_f = manifest === null || manifest === void 0 ? void 0 : manifest.short_name) !== null && _f !== void 0 ? _f : manifest === null || manifest === void 0 ? void 0 : manifest.name) !== null && _g !== void 0 ? _g : 'App'] }), showInstructions ? (_jsxs(_Fragment, { children: [_jsx(Dialog.Description, { children: "Follow the instructions below to install this app on your device." }), _jsx(InstallInstructions, {}), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { asChild: true, children: _jsx(Button, { emphasis: "ghost", children: "Close" }) }), _jsxs(Button, { onClick: () => setShowInstructions(false), children: [_jsx(Icon, { name: "arrowLeft" }), " Back"] })] })] })) : (_jsxs(_Fragment, { children: [_jsx(Dialog.Description, { children: "This site is also an app. You can install it right now for easier access and more features." }), (manifest === null || manifest === void 0 ? void 0 : manifest.description) && (_jsx(P, { className: "mb-sm", children: manifest.description })), _jsx(ManifestImageGallery, { manifestPath: manifestPath }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { asChild: true, children: _jsx(Button, { emphasis: "ghost", children: "Close" }) }), _jsx(InstallDeviceActions, { showInstructions: () => setShowInstructions(true) })] })] }))] }) }));
+            (_a = rest.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(rest, isOpen, ev);
+        }, children: _jsxs(Dialog.Content, { className: "flex flex-col gap-xs", id: "pwa-install-dialog", children: [_jsxs(Dialog.Title, { className: "flex flex-row gap-md items-center", children: [primaryIcon && (_jsx("img", { src: primaryIcon.src, alt: (_e = (_d = (_c = primaryIcon.label) !== null && _c !== void 0 ? _c : manifest === null || manifest === void 0 ? void 0 : manifest.short_name) !== null && _d !== void 0 ? _d : manifest === null || manifest === void 0 ? void 0 : manifest.name) !== null && _e !== void 0 ? _e : 'App Icon', className: "inline-block w-1em h-1em rounded" })), "Install ", (_g = (_f = manifest === null || manifest === void 0 ? void 0 : manifest.short_name) !== null && _f !== void 0 ? _f : manifest === null || manifest === void 0 ? void 0 : manifest.name) !== null && _g !== void 0 ? _g : 'App'] }), showInstructions ? (_jsxs(_Fragment, { children: [_jsx(Dialog.Description, { children: "Follow the instructions below to install this app on your device." }), _jsx(InstallInstructions, {}), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { render: _jsx(Button, { emphasis: "ghost" }), children: "Close" }), _jsxs(Button, { onClick: () => setShowInstructions(false), children: [_jsx(Icon, { name: "arrowLeft" }), " Back"] })] })] })) : (_jsxs(_Fragment, { children: [_jsx(Dialog.Description, { children: "This site is also an app. You can install it right now for easier access and more features." }), (manifest === null || manifest === void 0 ? void 0 : manifest.description) && (_jsx(P, { className: "mb-sm", children: manifest.description })), _jsx(ManifestImageGallery, { manifestPath: manifestPath }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { render: _jsx(Button, { emphasis: "ghost" }), children: "Close" }), _jsx(InstallDeviceActions, { showInstructions: () => setShowInstructions(true) })] })] }))] }) })));
 }
 const supportsDirectInstall = getSupportsPWAInstallPrompt();
 function InstallInstructions() {
@@ -64,7 +66,7 @@ function ManifestImageGallery({ manifestPath }) {
     if (!((_a = manifest === null || manifest === void 0 ? void 0 : manifest.screenshots) === null || _a === void 0 ? void 0 : _a.length)) {
         return null;
     }
-    return (_jsx(Box, { overflow: "auto-x", p: "sm", gap: true, className: "h-240px", children: (_b = manifest.screenshots) === null || _b === void 0 ? void 0 : _b.map((screenshot, index) => (_jsxs(Lightbox.Root, { children: [_jsx(Lightbox.Trigger, { asChild: true, children: _jsx(Lightbox.Image, { tabIndex: 0, src: screenshot.src, alt: screenshot.label || `Screenshot ${index + 1}`, className: "border border-default rounded-xs" }, index) }), _jsxs(Lightbox.Portal, { children: [_jsx(Lightbox.Overlay, { className: "z-10000" }), _jsx(Lightbox.Content, { className: "z-10001", children: _jsx(Lightbox.Image, { src: screenshot.src, alt: screenshot.label || `Screenshot ${index + 1}` }) })] })] }, screenshot.src))) }));
+    return (_jsx(Box, { overflow: "auto-x", p: "sm", gap: true, className: "h-240px", children: (_b = manifest.screenshots) === null || _b === void 0 ? void 0 : _b.map((screenshot, index) => (_jsxs(Lightbox.Root, { children: [_jsx(Lightbox.Trigger, { render: _jsx(Lightbox.Image, { tabIndex: 0, src: screenshot.src, alt: screenshot.label || `Screenshot ${index + 1}`, className: "border border-default rounded-xs" }, index) }), _jsxs(Lightbox.Portal, { children: [_jsx(Lightbox.Overlay, { className: "z-10000" }), _jsx(Lightbox.Content, { className: "z-10001", children: _jsx(Lightbox.Image, { src: screenshot.src, alt: screenshot.label || `Screenshot ${index + 1}` }) })] })] }, screenshot.src))) }));
 }
 function InstallDeviceActions({ showInstructions, }) {
     const ready = useIsInstallReady();

package/dist/esm/components/pwaInstall/PwaInstall.js.map

@@ -1 +1 @@
-{"version":3,"file":"PwaInstall.js","sourceRoot":"","sources":["../../../../src/components/pwaInstall/PwaInstall.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EACN,WAAW,EACX,KAAK,EACL,2BAA2B,GAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,CAAC,EAAE,MAAM,6BAA6B,CAAC;AAChD,OAAO,EACN,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,oBAAoB,EACpB,eAAe,GACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EACN,sBAAsB,EACtB,cAAc,EACd,iBAAiB,GACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAMrD,MAAM,UAAU,UAAU,CAAC,EAKd;;QALc,EAC1B,QAAQ,EACR,YAAY,EACZ,OAAO,EAAE,CAAC,OAEE,EADT,IAAI,cAJmB,uCAK1B,CADO;IAEP,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAEhD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,IAAI,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,WAAW,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAG,CAAC,CAAC,CAAC;IAEzC,OAAO,CACN,KAAC,MAAM,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACxB,iBAAiB,CAAC,IAAI,GAAG,MAAM,CAAC;QACjC,CAAC,YAED,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,EAAC,EAAE,EAAC,oBAAoB,aACvE,MAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,aACzD,WAAW,IAAI,CACf,cACC,GAAG,EAAE,WAAW,CAAC,GAAG,EACpB,GAAG,EACF,MAAA,MAAA,MAAA,WAAW,CAAC,KAAK,mCACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,mCACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCACd,UAAU,EAEX,SAAS,EAAC,kCAAkC,GAC3C,CACF,cACQ,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,mCAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,KAAK,IAC1C,EACd,gBAAgB,CAAC,CAAC,CAAC,CACnB,8BACC,KAAC,MAAM,CAAC,WAAW,oFAEE,EACrB,KAAC,mBAAmB,KAAG,EACvB,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACpB,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,sBAAe,GACzB,EACf,MAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,aAChD,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,aACjB,IACO,IACf,CACH,CAAC,CAAC,CAAC,CACH,8BACC,KAAC,MAAM,CAAC,WAAW,8GAGE,EACpB,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,KAAI,CACzB,KAAC,CAAC,IAAC,SAAS,EAAC,OAAO,YAAE,QAAQ,CAAC,WAAW,GAAK,CAC/C,EACD,KAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,GAAI,EACpD,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACpB,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,sBAAe,GACzB,EACf,KAAC,oBAAoB,IACpB,gBAAgB,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAChD,IACc,IACf,CACH,IACe,GACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,qBAAqB,GAAG,2BAA2B,EAAE,CAAC;AAE5D,SAAS,mBAAmB;IAC3B,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,IAAI,EAAE,KAAK,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,CAAC;QACrC,IAAI,WAAW,EAAE,EAAE,CAAC;YACnB,IAAI,EAAE,KAAK,KAAK,EAAE,CAAC;gBAClB,OAAO,CACN,MAAC,EAAE,eACF,MAAC,EAAE,CAAC,IAAI,eACP,KAAC,eAAe,KAAG,6CACV,EACV,MAAC,EAAE,CAAC,IAAI,eACP,KAAC,oBAAoB,KAAG,oDACf,IACN,CACL,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,OAAO,CACN,MAAC,EAAE,eACF,MAAC,EAAE,CAAC,IAAI,eACP,KAAC,eAAe,KAAG,6CACV,EACV,MAAC,EAAE,CAAC,IAAI,eACP,KAAC,mBAAmB,KAAG,6BACd,IACN,CACL,CAAC;YACH,CAAC;QACF,CAAC;aAAM,CAAC;YACP,OAAO,CACN,8BACC,KAAC,EAAE,cACF,MAAC,EAAE,CAAC,IAAI,eACP,KAAC,UAAU,KAAG,8CACL,GACN,EACL,KAAC,GAAG,IAAC,OAAO,QAAC,CAAC,oFAER,IACJ,CACH,CAAC;QACH,CAAC;IACF,CAAC;IAED,OAAO,CACN,MAAC,EAAE,eACF,MAAC,EAAE,CAAC,IAAI,eACP,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,GAAG,4CAEjC,EACV,MAAC,EAAE,CAAC,IAAI,eACP,KAAC,oBAAoB,KAAG,oCACf,IACN,CACL,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAE,YAAY,EAA6B;;IACxE,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;IAE9C,IAAI,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,KAAC,GAAG,IAAC,QAAQ,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,GAAG,QAAC,SAAS,EAAC,SAAS,YACnD,MAAA,QAAQ,CAAC,WAAW,0CAAE,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,MAAC,QAAQ,CAAC,IAAI,eACb,KAAC,QAAQ,CAAC,OAAO,IAAC,OAAO,kBACxB,KAAC,QAAQ,CAAC,KAAK,IACd,QAAQ,EAAE,CAAC,EAEX,GAAG,EAAE,UAAU,CAAC,GAAG,EACnB,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,cAAc,KAAK,GAAG,CAAC,EAAE,EAClD,SAAS,EAAC,kCAAkC,IAHvC,KAAK,CAIT,GACgB,EACnB,MAAC,QAAQ,CAAC,MAAM,eACf,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,EACxC,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YACpC,KAAC,QAAQ,CAAC,KAAK,IACd,GAAG,EAAE,UAAU,CAAC,GAAG,EACnB,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,cAAc,KAAK,GAAG,CAAC,EAAE,GACjD,GACgB,IACF,KAlBC,UAAU,CAAC,GAAG,CAmBlB,CAChB,CAAC,GACG,CACN,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC7B,gBAAgB,GAGhB;IACA,MAAM,KAAK,GAAG,iBAAiB,EAAE,CAAC;IAClC,IAAI,qBAAqB,IAAI,KAAK,EAAE,CAAC;QACpC,OAAO,CACN,MAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,EAAE,EAAE,QAAQ,EAAC,SAAS,aAClE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,GAAG,oBAChB,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAC,SAAS,aAC5D,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,oBAClB,CACT,CAAC;AACH,CAAC"}
+{"version":3,"file":"PwaInstall.js","sourceRoot":"","sources":["../../../../src/components/pwaInstall/PwaInstall.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/pwaInstall/PwaInstallTrigger.d.ts

@@ -1,4 +1,3 @@
 import { ButtonProps } from '../button/Button.js';
-export interface PwaInstallTriggerProps extends ButtonProps {
-}
+export type PwaInstallTriggerProps = ButtonProps & {};
 export declare function PwaInstallTrigger({ children, ...rest }: PwaInstallTriggerProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js

@@ -14,7 +14,7 @@ const meta = {
 export default meta;
 export const Default = {
     render(args) {
-        return (_jsx(PwaInstallTrigger, Object.assign({}, args, { asChild: true, children: _jsxs(Button, { color: "primary", emphasis: "light", children: [_jsx(Icon, { name: "star" }), " Install"] }) })));
+        return (_jsxs(PwaInstallTrigger, Object.assign({}, args, { render: _jsx(Button, { color: "primary", emphasis: "light" }), children: [_jsx(Icon, { name: "star" }), " Install"] })));
     },
 };
 //# sourceMappingURL=PwaInstallTrigger.stories.js.map

package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"PwaInstallTrigger.stories.js","sourceRoot":"","sources":["../../../../src/components/pwaInstall/PwaInstallTrigger.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACwC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,KAAC,iBAAiB,oBAAK,IAAI,IAAE,OAAO,kBACnC,MAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,aACvC,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,gBACZ,IACU,CACpB,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"PwaInstallTrigger.stories.js","sourceRoot":"","sources":["../../../../src/components/pwaInstall/PwaInstallTrigger.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACwC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,iBAAiB,oBACb,IAAI,IACR,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,aAEnD,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,iBACD,CACpB,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/components/scrollArea/ScrollArea.d.ts

@@ -1,29 +1,24 @@
-import * as Primitive from '@radix-ui/react-scroll-area';
-import { Ref } from 'react';
-export interface ScrollAreaRootProps extends Primitive.ScrollAreaProps {
-    background?: 'white' | 'wash' | 'primary-wash' | 'primary' | 'black';
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const ScrollAreaRoot: ({ ref, background, ...props }: ScrollAreaRootProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ScrollAreaViewport: import("react").FunctionComponent<Primitive.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ScrollAreaScrollbarRoot: import("react").FunctionComponent<Primitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ScrollAreaThumb: import("react").FunctionComponent<Primitive.ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ScrollAreaScrollbar: ({ ref, ...props }: Primitive.ScrollAreaScrollbarProps & {
-    ref?: Ref<HTMLDivElement>;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface ScrollAreaProps extends Primitive.ScrollAreaProps {
-    background?: ScrollAreaRootProps['background'];
-    orientation?: 'vertical' | 'both';
-    ref?: Ref<HTMLDivElement>;
-    stickToBottom?: boolean;
-}
-/**
- * @deprecated - just use Box with overflow prop
- */
-export declare const ScrollArea: (({ ref, children, orientation, stickToBottom, ...props }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element) & {
-    Root: ({ ref, background, ...props }: ScrollAreaRootProps) => import("react/jsx-runtime").JSX.Element;
-    Viewport: import("react").FunctionComponent<Primitive.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
-    Scrollbar: ({ ref, ...props }: Primitive.ScrollAreaScrollbarProps & {
-        ref?: Ref<HTMLDivElement>;
-    }) => import("react/jsx-runtime").JSX.Element;
+import { ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
+export type * from '@base-ui/react/scroll-area';
+export declare const ScrollAreaRoot: import("react").FunctionComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaViewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaVerticalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ScrollAreaHorizontalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ScrollAreaViewportFades: () => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollAreaContent: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaThumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
+export declare const ScrollAreaCorner: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollArea: (({ disableFades, ...props }: ScrollAreaRootProps & {
+    disableFades?: boolean;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Root: import("react").FunctionComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Viewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+    Scrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
+    Thumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+    Corner: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+    ViewportFades: () => import("react/jsx-runtime").JSX.Element;
+    VerticalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    HorizontalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 };

package/dist/esm/components/scrollArea/ScrollArea.js

@@ -10,32 +10,36 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Primitive from '@radix-ui/react-scroll-area';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollArea as BaseScrollArea, } from '@base-ui/react/scroll-area';
 import { withClassName } from '../../hooks.js';
-import { useStayScrolledToBottom } from '../../hooks/useStayScrolledToBottom.js';
-const ScrollAreaRootImpl = withClassName(Primitive.Root, 'overflow-hidden');
-export const ScrollAreaRoot = function ScrollAreaRoot(_a) {
-    var { ref, background } = _a, props = __rest(_a, ["ref", "background"]);
-    return _jsx(ScrollAreaRootImpl, Object.assign({ ref: ref }, props));
+export const ScrollAreaRoot = withClassName(BaseScrollArea.Root, 'layer-components:min-w-0 layer-components:min-h-0 layer-components:flex layer-components:flex-col');
+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');
+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');
+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');
+export const ScrollAreaViewportFades = () => (_jsxs(_Fragment, { children: [_jsx(ScrollAreaVerticalFades, {}), _jsx(ScrollAreaHorizontalFades, {})] }));
+export const ScrollAreaContent = withClassName(BaseScrollArea.Content, 'layer-components:flex layer-components:flex-col');
+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');
+const ComposedScrollbar = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(BaseScrollArea.Scrollbar, Object.assign({}, props, { children: children !== null && children !== void 0 ? children : _jsx(ScrollAreaThumb, {}) })));
 };
-export const ScrollAreaViewport = withClassName(Primitive.Viewport, 'h-full w-full rounded-inherit', '[background:linear-gradient(var(--v-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--v-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_top,radial-gradient(farthest-side_at_50%_100%,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_bottom]', '![background-repeat:no-repeat] ![background-size:100%_40px,100%_40px,100%_14px,100%_14px]', '![background-attachment:local,local,scroll,scroll]');
-export const ScrollAreaScrollbarRoot = withClassName(Primitive.Scrollbar, 'layer-components:flex layer-components:select-none layer-components:touch-none layer-components:p-0.5 layer-components:bg-inherit layer-components:bg-lighten-2 layer-components:transition-colors layer-components:duration-160ms layer-components:ease-out', 'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:flex-col layer-components:[&[data-orientation=horizontal]]:h-2.5');
-export const ScrollAreaThumb = withClassName(Primitive.Thumb, 'layer-components:flex-1 layer-components:rounded-lg layer-components:relative layer-components:bg-inherit layer-components:bg-darken-2', 'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:min-w-44px before:min-h-44px');
-export const ScrollAreaScrollbar = function ScrollAreaScrollbar(_a) {
-    var { ref } = _a, props = __rest(_a, ["ref"]);
-    return (_jsx(ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref, children: _jsx(ScrollAreaThumb, {}) })));
+ComposedScrollbar.displayName = 'ScrollAreaScrollbar';
+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');
+export const ScrollAreaCorner = withClassName(BaseScrollArea.Corner, 'layer-components:bg-transparent');
+const ScrollAreaDefault = (_a) => {
+    var { disableFades } = _a, props = __rest(_a, ["disableFades"]);
+    return (_jsxs(ScrollAreaRoot, Object.assign({}, props, { children: [_jsxs(ScrollAreaViewport, { children: [props.children, !disableFades && _jsx(ScrollAreaViewportFades, {})] }), _jsx(ScrollAreaScrollbar, {}), _jsx(ScrollAreaScrollbar, { orientation: "horizontal" }), _jsx(ScrollAreaCorner, {})] })));
 };
-/**
- * @deprecated - just use Box with overflow prop
- */
-export const ScrollArea = Object.assign(function ScrollArea(_a) {
-    var { ref, children, orientation, stickToBottom } = _a, props = __rest(_a, ["ref", "children", "orientation", "stickToBottom"]);
-    const { ref: stickRef, onScroll } = useStayScrolledToBottom(stickToBottom);
-    return (_jsxs(ScrollAreaRoot, Object.assign({ "data-scroll-root": true, ref: ref }, props, { children: [_jsx(ScrollAreaViewport, { "data-scroll-viewport": true, ref: stickRef, onScroll: onScroll, children: children }), _jsx(ScrollAreaScrollbar, {}), orientation === 'both' && (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" }))] })));
-}, {
+export const ScrollArea = Object.assign(ScrollAreaDefault, {
     Root: ScrollAreaRoot,
+    Content: ScrollAreaContent,
     Viewport: ScrollAreaViewport,
     Scrollbar: ScrollAreaScrollbar,
+    Thumb: ScrollAreaThumb,
+    Corner: ScrollAreaCorner,
+    ViewportFades: ScrollAreaViewportFades,
+    VerticalFades: ScrollAreaVerticalFades,
+    HorizontalFades: ScrollAreaHorizontalFades,
 });
 //# sourceMappingURL=ScrollArea.js.map

package/dist/esm/components/scrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEjF,MAAM,kBAAkB,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AAO5E,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAIhC;QAJgC,EACrD,GAAG,EACH,UAAU,OAEW,EADlB,KAAK,cAH6C,qBAIrD,CADQ;IAER,OAAO,KAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,SAAS,CAAC,QAAQ,EAClB,+BAA+B,EAC/B,yWAAyW,EACzW,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,SAAS,CAAC,SAAS,EACnB,wHAAwH,EACxH,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,SAAS,CAAC,KAAK,EACf,sEAAsE,EACtE,gHAAgH,CAChH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAK/D;QAL+D,EAC/D,GAAG,OAIH,EAHG,KAAK,cAFuD,OAG/D,CADQ;IAIR,OAAO,CACN,KAAC,uBAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,KAAC,eAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC;AASF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,SAAS,UAAU,CAAC,EAMF;QANE,EACnB,GAAG,EACH,QAAQ,EACR,WAAW,EACX,aAAa,OAEI,EADd,KAAK,cALW,mDAMnB,CADQ;IAER,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;IAE3E,OAAO,CACN,MAAC,cAAc,4CAAkB,GAAG,EAAE,GAAG,IAAM,KAAK,eACnD,KAAC,kBAAkB,kCAElB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACW,EACrB,KAAC,mBAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;CAC9B,CACD,CAAC"}
+{"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"}

package/dist/esm/components/scrollArea/ScrollArea.stories.d.ts

@@ -1,15 +1,17 @@
 import type { StoryObj } from '@storybook/react';
-import { ScrollArea } from './ScrollArea.js';
 declare const meta: {
     title: string;
-    component: (({ ref, children, orientation, stickToBottom, ...props }: import("./ScrollArea.js").ScrollAreaProps) => import("react/jsx-runtime").JSX.Element) & {
-        Root: ({ ref, background, ...props }: import("./ScrollArea.js").ScrollAreaRootProps) => import("react/jsx-runtime").JSX.Element;
-        Viewport: import("react").FunctionComponent<import("@radix-ui/react-scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
-        Scrollbar: ({ ref, ...props }: import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps & {
-            ref?: import("react").Ref<HTMLDivElement>;
-        }) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        direction: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        direction: "vertical";
     };
-    argTypes: {};
     parameters: {
         controls: {
             expanded: boolean;
@@ -17,6 +19,7 @@ declare const meta: {
     };
 };
 export default meta;
-type Story = StoryObj<typeof ScrollArea>;
+type Story = StoryObj<{
+    direction: 'vertical' | 'horizontal' | 'both';
+}>;
 export declare const Default: Story;
-export declare const StickToBottom: Story;