@a-type/ui 4.0.0-beta.7 → 4.0.0-beta.9

package/dist/esm/components/collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,EACN,WAAW,IAAI,eAAe,GAG9B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,aAAa,CAC3C,eAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,6CAA6C,EAC7C,6CAA6C,EAC7C,2CAA2C,EAC3C,2CAA2C,EAC3C,+CAA+C,EAC/C,6CAA6C,EAC7C,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AAC5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,MAAM,UAAU,GAAQ,EAAE,CAAC;IAC3B,IAAI,UAAU,EAAE,CAAC;QAChB,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACjB,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChC,CAAC;SAAM,CAAC;QACP,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IACD,OAAO,KAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC;AAE1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,KAAC,eAAe,oBAAK,KAAK,cACzB,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;CACzB,CAAC,CAAC"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,EACN,WAAW,IAAI,eAAe,GAG9B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,aAAa,CAC3C,eAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,6CAA6C,EAC7C,6CAA6C,EAC7C,2CAA2C,EAC3C,2CAA2C,EAC3C,+CAA+C,EAC/C,6CAA6C,EAC7C,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AAC5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,MAAM,UAAU,GAAQ,EAAE,CAAC;IAC3B,IAAI,UAAU,EAAE,CAAC;QAChB,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACjB,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChC,CAAC;SAAM,CAAC;QACP,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IACD,OAAO,KAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC;AAE1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,KAAC,eAAe,oBAAK,KAAK,cACzB,KAAC,kBAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,EACN,uCAAuC,EACvC,mDAAmD,CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}

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

@@ -1,11 +1,10 @@
-import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive, PopoverTriggerProps } from '@base-ui/react/popover';
+import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import { MenuArrowProps } from '@base-ui/react/menu';
 import { Ref } from 'react';
 export declare const PopoverRoot: typeof PopoverPrimitive.Root;
 export declare const PopoverTrigger: PopoverPrimitive.Trigger;
 export declare const PopoverArrow: import("react").FunctionComponent<MenuArrowProps>;
 export declare const PopoverClose: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const PopoverAnchor: (props: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverContent: ({ ref, children, forceMount, disableBlur, className, radius, padding, align, alignOffset, side, sideOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: PopoverPopupProps & PopoverPositionerProps & {
     radius?: "none" | "default" | "md";
     padding?: "none" | "default";
@@ -26,7 +25,6 @@ export declare const Popover: typeof PopoverPrimitive.Root & {
     Arrow: import("react").FunctionComponent<MenuArrowProps>;
     Close: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
     Trigger: PopoverPrimitive.Trigger;
-    Anchor: (props: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Title: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
     Description: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
     createHandle: typeof PopoverPrimitive.createHandle;

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

@@ -24,7 +24,6 @@ export const PopoverRoot = PopoverPrimitive.Root;
 export const PopoverTrigger = PopoverPrimitive.Trigger;
 export const PopoverArrow = StyledArrow;
 export const PopoverClose = StyledClose;
-export const PopoverAnchor = (props) => (_jsx(PopoverTrigger, Object.assign({}, props, { disabled: true })));
 export const PopoverContent = function PopoverContent(_a) {
     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({
@@ -42,7 +41,6 @@ export const Popover = Object.assign(PopoverRoot, {
     Arrow: PopoverArrow,
     Close: PopoverClose,
     Trigger: PopoverTrigger,
-    Anchor: PopoverAnchor,
     Title: PopoverTitle,
     Description: PopoverDescription,
     createHandle: PopoverPrimitive.createHandle,

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}
+{"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

@@ -4,4 +4,3 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof Popover>;
 export declare const Default: Story;
-export declare const Anchored: Story;

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

@@ -16,9 +16,4 @@ export const Default = {
         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." })] })] })));
     },
 };
-export const Anchored = {
-    render(args) {
-        return (_jsx("div", { className: "layer-components:relative layer-components:h-[200px] layer-components:flex layer-components:items-center layer-components:justify-center", children: _jsxs(Popover, Object.assign({ open: true }, args, { children: [_jsx(Popover.Anchor, { children: "Anchor" }), _jsxs(Popover.Content, { className: "p-md", children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content anchored to the center of the container." })] })] })) }));
-    },
-};
 //# 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,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;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,cAAK,SAAS,EAAC,wEAAwE,YACtF,MAAC,OAAO,kBAAC,IAAI,UAAK,IAAI,eACrB,KAAC,OAAO,CAAC,MAAM,yBAAwB,EACvC,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,qFAEE,IACL,KACT,GACL,CACN,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/slider/Slider.d.ts

@@ -1,9 +1,9 @@
 import { Slider as BaseSlider, SliderRootProps } from '@base-ui/react/slider';
 import { Ref } from 'react';
 import { PaletteName } from '../../uno/index.js';
-export declare const SliderRoot: <Value extends number | readonly number[]>(props: BaseSlider.Root.Props<Value> & {
+export declare const SliderRoot: import("react").FunctionComponent<BaseSlider.Root.Props<number | readonly number[]> & {
     ref?: Ref<HTMLDivElement>;
-}) => import("react").JSX.Element;
+}>;
 export declare const SliderControl: import("react").FunctionComponent<import("@base-ui/react/slider").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const SliderTrack: import("react").FunctionComponent<import("@base-ui/react/slider").SliderTrackProps & import("react").RefAttributes<HTMLElement>>;
 export declare const SliderRange: import("react").FunctionComponent<import("@base-ui/react/slider").SliderIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -23,9 +23,9 @@ export interface SliderProps extends SliderRootProps {
     ref?: Ref<HTMLDivElement>;
 }
 export declare const Slider: (({ label, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element) & {
-    Root: <Value extends number | readonly number[]>(props: BaseSlider.Root.Props<Value> & {
+    Root: import("react").FunctionComponent<BaseSlider.Root.Props<number | readonly number[]> & {
         ref?: Ref<HTMLDivElement>;
-    }) => import("react").JSX.Element;
+    }>;
     Base: ({ children, color, className, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
     Control: import("react").FunctionComponent<import("@base-ui/react/slider").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
     Track: import("react").FunctionComponent<import("@base-ui/react/slider").SliderTrackProps & import("react").RefAttributes<HTMLElement>>;

package/dist/esm/components/slider/Slider.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slider as BaseSlider } from '@base-ui/react/slider';
 import clsx from 'clsx';
 import { withClassName } from '../../hooks.js';
-export const SliderRoot = BaseSlider.Root;
+export const SliderRoot = withClassName(BaseSlider.Root, 'layer-components:w-full');
 export const SliderControl = withClassName(BaseSlider.Control, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0', 'layer-variants:[&[data-orientation=vertical]]:flex-col layer-variants:[&[data-orientation=vertical]]:h-full layer-variants:[&[data-orientation=vertical]]:w-30px');
 export const SliderTrack = withClassName(BaseSlider.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-lg layer-components:h-7px layer-components:ring-1 layer-components:ring-black layer-components:transition-colors layer-components:select-none', 'layer-variants:[&[data-orientation=vertical]]:w-7px layer-variants:[&[data-orientation=vertical]]:h-full layer-variants:[&[data-orientation=vertical]]:flex-1');
 export const SliderRange = withClassName(BaseSlider.Indicator, 'layer-components:bg-main layer-components:rounded-lg layer-components:transition-colors', 'layer-variants:[&[data-orientation=vertical]]:bg-main');

package/dist/esm/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,UAAU,CAAC,OAAO,EAClB,kGAAkG,EAClG,wEAAwE,CACxE,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,UAAU,CAAC,KAAK,EAChB,kHAAkH,EAClH,qEAAqE,CACrE,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,UAAU,CAAC,SAAS,EACpB,yDAAyD,EACzD,yDAAyD,CACzD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,UAAU,CAAC,KAAK,EAChB,qKAAqK,EACrK,oCAAoC,EACpC,yFAAyF,EACzF,0GAA0G,EAC1G,uCAAuC,EACvC,wCAAwC,CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAKb,EAAE,EAAE;QALS,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,OAEI,EADV,KAAK,cAJkB,kCAK1B,CADQ;IAER,OAAO,CACN,KAAC,UAAU,oBACN,KAAK,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,YAEvD,KAAC,aAAa,cAAE,QAAQ,GAAiB,IAC7B,CACb,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,SAAS,GAIT,EAAE,EAAE,CAAC,CACL,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,YACnC,MAAC,WAAW,eACX,KAAC,WAAW,KAAG,EACf,KAAC,WAAW,kBAAa,KAAK,GAAI,IACrB,GACE,CACjB,CAAC;AAQF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAAgC;QAAhC,EAAE,KAAK,OAAyB,EAApB,KAAK,cAAjB,SAAmB,CAAF;IAChC,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,cACpB,KAAC,QAAQ,KAAG,IACA,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,WAAW;IAClB,kCAAkC;IAClC,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,EAAE,EAAE,QAAQ;CACZ,CACD,CAAC"}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,UAAU,CAAC,IAAI,EACf,yBAAyB,CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,UAAU,CAAC,OAAO,EAClB,kGAAkG,EAClG,wEAAwE,CACxE,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,UAAU,CAAC,KAAK,EAChB,kHAAkH,EAClH,qEAAqE,CACrE,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,UAAU,CAAC,SAAS,EACpB,yDAAyD,EACzD,yDAAyD,CACzD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,UAAU,CAAC,KAAK,EAChB,qKAAqK,EACrK,oCAAoC,EACpC,yFAAyF,EACzF,0GAA0G,EAC1G,uCAAuC,EACvC,wCAAwC,CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAKb,EAAE,EAAE;QALS,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,OAEI,EADV,KAAK,cAJkB,kCAK1B,CADQ;IAER,OAAO,CACN,KAAC,UAAU,oBACN,KAAK,IACT,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,YAEvD,KAAC,aAAa,cAAE,QAAQ,GAAiB,IAC7B,CACb,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,SAAS,GAIT,EAAE,EAAE,CAAC,CACL,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,YACnC,MAAC,WAAW,eACX,KAAC,WAAW,KAAG,EACf,KAAC,WAAW,kBAAa,KAAK,GAAI,IACrB,GACE,CACjB,CAAC;AAQF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAAgC;QAAhC,EAAE,KAAK,OAAyB,EAApB,KAAK,cAAjB,SAAmB,CAAF;IAChC,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,cACpB,KAAC,QAAQ,KAAG,IACA,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,WAAW;IAClB,kCAAkC;IAClC,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,UAAU,CAAC,KAAK;IACvB,EAAE,EAAE,QAAQ;CACZ,CACD,CAAC"}

package/dist/esm/components/slider/Slider.stories.d.ts

@@ -3,9 +3,9 @@ import { Slider } from './Slider.js';
 declare const meta: {
     title: string;
     component: (({ label, ...props }: import("./Slider.js").SliderProps) => import("react/jsx-runtime").JSX.Element) & {
-        Root: <Value extends number | readonly number[]>(props: import("@base-ui/react/slider").SliderRoot.Props<Value> & {
+        Root: import("react").FunctionComponent<import("@base-ui/react/slider").SliderRoot.Props<number | readonly number[]> & {
             ref?: import("react").Ref<HTMLDivElement>;
-        }) => import("react").JSX.Element;
+        }>;
         Base: ({ children, color, className, ...props }: import("./Slider.js").SliderProps) => import("react/jsx-runtime").JSX.Element;
         Control: import("react").FunctionComponent<import("@base-ui/react/slider").SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
         Track: import("react").FunctionComponent<import("@base-ui/react/slider").SliderTrackProps & import("react").RefAttributes<HTMLElement>>;

package/dist/esm/components/tabs/tabs.js

@@ -20,7 +20,7 @@ export const TabsTrigger = withClassName(TabsPrimitive.Tab, 'layer-components:fl
 export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:absolute layer-components:block layer-components:[transition-property:transform,width,color] layer-components:duration-300 layer-components:ease-out layer-components:rounded-full layer-components:b-gray-dark layer-components:bg-main-light', 'layer-components:left-0 layer-components:top-1/2 layer-components:translate-x-[--active-tab-left] layer-components:-translate-y-1/2 layer-components:w-[--active-tab-width] layer-components:h-full layer-components:z-0', 'layer-components:b-1 layer-components:b-gray-dark');
 export const TabsContent = withClassName(TabsPrimitive.Panel, 'layer-components:focus:outline-none layer-components:focus-visible:outline-none layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-gray');
 export const TabsList = (_a) => {
-    var { children, className, color = 'gray' } = _a, props = __rest(_a, ["children", "className", "color"]);
+    var { children, className, color = 'primary' } = _a, props = __rest(_a, ["children", "className", "color"]);
     return (_jsxs(StyledTabsList, Object.assign({}, props, { className: clsx(`palette-${color}`, className), children: [children, _jsx(TabsIndicator, {})] })));
 };
 export const Tabs = Object.assign(TabsRoot, {

package/dist/esm/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,4IAA4I,EAC5I,sHAAsH,EACtH,oCAAoC,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,KAAK,EACnB,gGAAgG,CAChG,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,MAAM,OAId,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,MAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,aACvE,QAAQ,EACT,KAAC,aAAa,KAAG,KACD,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACxB,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,4IAA4I,EAC5I,sHAAsH,EACtH,oCAAoC,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,KAAK,EACnB,gGAAgG,CAChG,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,MAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,aACvE,QAAQ,EACT,KAAC,aAAa,KAAG,KACD,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACxB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0-beta.9",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"

package/src/components/avatar/Avatar.stories.tsx

@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Avatar } from './Avatar.js';
+
+const meta = {
+	title: 'Components/Avatar',
+	component: Avatar,
+	argTypes: {},
+	parameters: {
+		controls: { expanded: true },
+	},
+} satisfies Meta<typeof Avatar>;
+
+export default meta;
+
+type Story = StoryObj<typeof Avatar>;
+
+export const Default: Story = {
+	render(args) {
+		return <Avatar {...args} />;
+	},
+};
+
+export const WithImage: Story = {
+	args: {
+		imageSrc: 'https://i.pravatar.cc/300',
+		name: 'John Doe',
+	},
+};
+
+export const WithName: Story = {
+	args: {
+		name: 'Jane Smith',
+	},
+};
+
+export const FailedImage: Story = {
+	args: {
+		imageSrc: 'http://localhost:3333/nonexistent.jpg',
+		name: 'Fallback User',
+	},
+};

package/src/components/avatar/Avatar.tsx

@@ -49,12 +49,14 @@ export function Avatar({
 					crossOrigin={crossOrigin}
 				/>
 			)}
-			<BaseAvatar.Fallback
-				className="text-size-[calc(0.5px*var(--avatar-size,24px))]"
-				style={{ '--avatar-size': size } as any}
-			>
-				{name?.charAt(0) || '?'}
-			</BaseAvatar.Fallback>
+			{!empty && (
+				<BaseAvatar.Fallback
+					className="text-size-[calc(0.5px*var(--avatar-size,24px))]"
+					style={{ '--avatar-size': size } as any}
+				>
+					{name?.charAt(0) || '?'}
+				</BaseAvatar.Fallback>
+			)}
 			{empty && <Icon name="profile" />}
 		</BaseAvatar.Root>
 	);

package/src/components/collapsible/Collapsible.tsx

@@ -60,8 +60,15 @@ export const CollapsibleSimple = ({
 	</CollapsibleRoot>
 );
 
+export const CollapsibleIcon = withClassName(
+	'span',
+	'layer-components:transition-transform',
+	'layer-components:[[data-panel-open]_&]:rotate-180',
+);
+
 export const Collapsible = Object.assign(CollapsibleRoot, {
 	Content: CollapsibleContent,
 	Trigger: CollapsibleTrigger,
 	Simple: CollapsibleSimple,
+	Icon: CollapsibleIcon,
 });

package/src/components/popover/Popover.stories.tsx

@@ -31,22 +31,3 @@ export const Default: Story = {
 		);
 	},
 };
-
-export const Anchored: Story = {
-	render(args) {
-		return (
-			<div className="layer-components:(relative h-[200px] flex items-center justify-center)">
-				<Popover open {...args}>
-					<Popover.Anchor>Anchor</Popover.Anchor>
-					<Popover.Content className="p-md">
-						<Popover.Arrow />
-						<Popover.Title>Hello</Popover.Title>
-						<Popover.Description>
-							This is a popover content anchored to the center of the container.
-						</Popover.Description>
-					</Popover.Content>
-				</Popover>
-			</div>
-		);
-	},
-};

package/src/components/popover/Popover.tsx

@@ -2,7 +2,6 @@ import {
 	PopoverPopupProps,
 	PopoverPositionerProps,
 	Popover as PopoverPrimitive,
-	PopoverTriggerProps,
 } from '@base-ui/react/popover';
 
 import { MenuArrowProps } from '@base-ui/react/menu';
@@ -45,9 +44,6 @@ export const PopoverRoot = PopoverPrimitive.Root;
 export const PopoverTrigger = PopoverPrimitive.Trigger;
 export const PopoverArrow = StyledArrow;
 export const PopoverClose = StyledClose;
-export const PopoverAnchor = (props: PopoverTriggerProps) => (
-	<PopoverTrigger {...props} disabled />
-);
 
 export const PopoverContent = function PopoverContent({
 	ref,
@@ -132,7 +128,6 @@ export const Popover = Object.assign(PopoverRoot, {
 	Arrow: PopoverArrow,
 	Close: PopoverClose,
 	Trigger: PopoverTrigger,
-	Anchor: PopoverAnchor,
 	Title: PopoverTitle,
 	Description: PopoverDescription,
 	createHandle: PopoverPrimitive.createHandle,

package/src/components/slider/Slider.tsx

@@ -4,7 +4,10 @@ import { Ref } from 'react';
 import { withClassName } from '../../hooks.js';
 import { PaletteName } from '../../uno/index.js';
 
-export const SliderRoot = BaseSlider.Root;
+export const SliderRoot = withClassName(
+	BaseSlider.Root,
+	'layer-components:w-full',
+);
 
 export const SliderControl = withClassName(
 	BaseSlider.Control,

package/src/components/tabs/tabs.tsx

@@ -45,7 +45,7 @@ export const TabsContent = withClassName(
 export const TabsList = ({
 	children,
 	className,
-	color = 'gray',
+	color = 'primary',
 	...props
 }: TabsListProps & {
 	color?: 'gray' | 'primary';