@a-type/ui 4.0.9 → 4.1.0-beta.2

package/dist/esm/components/dropdownMenu/DropdownMenu.js

@@ -13,16 +13,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Menu as BaseMenu, } from '@base-ui/react/menu';
-import classNames, { clsx } from 'clsx';
+import { clsx } from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
 import { GroupScaleReset } from '../../systems/GroupScale.js';
+import { itemClassName, itemListClassName, popupClassName, } from '../primitives/menus.js';
 import { ArrowSvg } from '../utility/ArrowSvg.js';
 import { SlotDiv } from '../utility/SlotDiv.js';
 import { DropdownTriggerProvider } from './DropdownTriggerContext.js';
 const StyledContent = withClassName(function DropdownMenuContent(props) {
     return (_jsx(GroupScaleReset, { children: _jsx(BaseMenu.Popup, Object.assign({}, props)) }));
-}, 'layer-components:min-w-220px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:rounded-md layer-components:border layer-components:border-black layer-components:flex layer-components:flex-col layer-components:transition', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:data-[side=bottom]:opacity-0 layer-components:data-[starting-style]:data-[side=bottom]:translate-y-4px', 'layer-components:data-[ending-style]:data-[side=bottom]:opacity-0 layer-components:data-[ending-style]:data-[side=bottom]:translate-y-4px', 'layer-components:data-[starting-style]:data-[side=top]:opacity-0 layer-components:data-[starting-style]:data-[side=top]:translate-y--4px', 'layer-components:data-[ending-style]:data-[side=top]:opacity-0 layer-components:data-[ending-style]:data-[side=top]:translate-y-0', 'layer-components:data-[starting-style]:data-[side=right]:opacity-0 layer-components:data-[starting-style]:data-[side=right]:translate-x-4px', 'layer-components:data-[ending-style]:data-[side=right]:opacity-0 layer-components:data-[ending-style]:data-[side=right]:translate-x-0', 'layer-components:data-[starting-style]:data-[side=left]:opacity-0 layer-components:data-[starting-style]:data-[side=left]:translate-x--4px', 'layer-components:data-[ending-style]:data-[side=left]:opacity-0 layer-components:data-[ending-style]:data-[side=left]:translate-x-0', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', 'important:motion-reduce:animate-none', 'will-change-transform');
-const itemClassName = classNames('layer-components:relative layer-components:min-h-touch-large layer-components:flex layer-components:cursor-pointer layer-components:select-none layer-components:items-center layer-components:py-sm layer-components:pl-8 layer-components:pr-4 layer-components:text-left layer-components:text-md layer-components:leading-4 layer-components:color-main-ink', 'layer-components:[&[data-disabled]]:pointer-events-none layer-components:[&[data-disabled]]:color-gray-dark layer-components:[&[data-disabled]]:bg-white', 'layer-components:focus-visible:color-black layer-components:focus-visible:bg-main-light', 'layer-components:hover:color-black layer-components:hover:bg-main-light', 'layer-components:focus:outline-none');
+}, popupClassName, 'layer-components:min-w-220px');
 const StyledItemBase = withClassName(BaseMenu.Item, itemClassName);
 const StyledItem = (_a) => {
     var { ref: forwardedRef, className, color = 'gray' } = _a, props = __rest(_a, ["ref", "className", "color"]);
@@ -30,10 +30,10 @@ const StyledItem = (_a) => {
 };
 const StyledCheckboxItem = withClassName(BaseMenu.CheckboxItem, itemClassName);
 const StyledRadioItem = withClassName(BaseMenu.RadioItem, itemClassName);
-const StyledLabel = withClassName('span', 'layer-components:pl-3 layer-components:py-1 layer-components:font-bold layer-components:text-sm layer-components:leading-6');
-const StyledSeparator = withClassName(BaseMenu.Separator, 'layer-components:h-1px layer-components:bg-gray layer-components:m-5px');
+const StyledLabel = withClassName('span', 'layer-components:py-1 layer-components:pl-3 layer-components:text-sm layer-components:font-bold layer-components:leading-6');
+const StyledSeparator = withClassName(BaseMenu.Separator, 'layer-components:m-5px layer-components:h-1px layer-components:bg-gray');
 const StyledItemIndicator = withClassName(BaseMenu.CheckboxItemIndicator, 'layer-components:absolute layer-components:left-0 layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center');
-const StyledArrow = withClassName((props) => (_jsx(BaseMenu.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 StyledArrow = withClassName((props) => (_jsx(BaseMenu.Arrow, Object.assign({}, props, { children: _jsx(ArrowSvg, {}) }))), 'layer-components:arrow', 'layer-components:data-[closed]:scale-0 layer-components:data-[closed]:opacity-0', 'layer-components:data-[open]:scale-100 layer-components:data-[open]:opacity-100');
 const StyledTrigger = withClassName(BaseMenu.Trigger, 'select-none');
 const StyledPortal = BaseMenu.Portal;
 // Exports
@@ -50,10 +50,10 @@ export function DropdownMenuTrigger(_a) {
     var props = __rest(_a, []);
     return (_jsx(DropdownTriggerProvider, { children: _jsx(StyledTrigger, Object.assign({}, props)) }));
 }
-export const DropdownMenuTriggerIcon = withClassName(SlotDiv, 'layer-components:[[data-popup-open]>&]:rotate-180 layer-components:transition-transform');
+export const DropdownMenuTriggerIcon = withClassName(SlotDiv, 'layer-components:transition-transform layer-components:[[data-popup-open]>&]:rotate-180');
 export const DropdownMenuContent = (_a) => {
     var { children, forceMount, keepMounted, side, sideOffset = 8, align, alignOffset, anchor, arrowPadding = 2, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod } = _a, props = __rest(_a, ["children", "forceMount", "keepMounted", "side", "sideOffset", "align", "alignOffset", "anchor", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "sticky", "positionMethod"]);
-    return (_jsx(StyledPortal, { keepMounted: keepMounted !== null && keepMounted !== void 0 ? keepMounted : forceMount, children: _jsx(BaseMenu.Positioner, { sideOffset: sideOffset, side: side, align: align, alignOffset: alignOffset, anchor: anchor, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, positionMethod: positionMethod, children: _jsxs(StyledContent, Object.assign({}, props, { children: [_jsx("div", { className: "layer-components:max-h-full layer-components:min-h-0 layer-components:overflow-x-hidden layer-components:rounded-md layer-components:overflow-y-auto layer-components:overflow-unstable", children: children }), _jsx(StyledArrow, {})] })) }) }));
+    return (_jsx(StyledPortal, { keepMounted: keepMounted !== null && keepMounted !== void 0 ? keepMounted : forceMount, children: _jsx(BaseMenu.Positioner, { sideOffset: sideOffset, side: side, align: align, alignOffset: alignOffset, anchor: anchor, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, positionMethod: positionMethod, children: _jsxs(StyledContent, Object.assign({}, props, { children: [_jsx("div", { className: itemListClassName, children: children }), _jsx(StyledArrow, {})] })) }) }));
 };
 export const DropdownMenuItemRightSlot = withClassName('div', 'ml-auto pl-md');
 export const DropdownMenu = Object.assign(DropdownMenuRoot, {

package/dist/esm/components/dropdownMenu/DropdownMenu.js.map

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

package/dist/esm/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from '@base-ui/react/use-render';
 export * from './actions/index.js';
+export * from './autocomplete/Autocomplete.js';
 export * from './avatar/index.js';
 export * from './box/Box.js';
 export * from './button/index.js';
@@ -38,6 +39,7 @@ export * from './popover/index.js';
 export * from './progress/Progress.js';
 export * from './provider/Provider.js';
 export * from './pwaInstall/index.js';
+export * from './quickAction/QuickAction.js';
 export * from './relativeTime/index.js';
 export * from './richEditor/index.js';
 export * from './scrollArea/ScrollArea.js';

package/dist/esm/components/index.js

@@ -1,6 +1,7 @@
 // @unocss-include
 export * from '@base-ui/react/use-render';
 export * from './actions/index.js';
+export * from './autocomplete/Autocomplete.js';
 export * from './avatar/index.js';
 export * from './box/Box.js';
 export * from './button/index.js';
@@ -39,6 +40,7 @@ export * from './popover/index.js';
 export * from './progress/Progress.js';
 export * from './provider/Provider.js';
 export * from './pwaInstall/index.js';
+export * from './quickAction/QuickAction.js';
 export * from './relativeTime/index.js';
 export * from './richEditor/index.js';
 export * from './scrollArea/ScrollArea.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/dist/esm/components/input/Input.d.ts

@@ -6,6 +6,11 @@ export interface InputProps extends ComponentPropsWithRef<'input'> {
     placeholders?: string[];
     placeholdersIntervalMs?: number;
     onValueChange?: (value: string) => void;
-    sizeVariant?: 'default' | 'small';
+    borderRef?: React.Ref<HTMLDivElement>;
+    startAccessory?: React.ReactNode;
+    endAccessory?: React.ReactNode;
 }
-export declare const Input: ({ className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: (({ className, borderRef, startAccessory, endAccessory, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element) & {
+    Border: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Input: ({ autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs, onValueChange, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/components/input/Input.js

@@ -10,25 +10,40 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Input as BaseUIInput } from '@base-ui/react/input';
-import classNames from 'clsx';
-import { useCallback, } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input as BaseInput } from '@base-ui/react/input';
+import clsx from 'clsx';
+import { withClassName } from '../../hooks.js';
 import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
-export const inputClassName = classNames('layer-components:min-w-60px layer-components:select-auto layer-components:border-width-thin layer-components:rounded-lg layer-components:border-solid layer-components:px-5 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:focus:outline-none layer-components:focus:ring-4 layer-components:focus:bg-lighten-3 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', 'layer-components:disabled:shadow-none layer-components:disabled:bg-transparent layer-components:disabled:border-gray layer-components:disabled:placeholder-gray-dark', 'layer-components:md:min-w-120px', 'layer-variants:[&[data-size="small"]]:min-w-40px layer-variants:[&[data-size="small"]]:rounded-md layer-variants:[&[data-size="small"]]:px-md layer-variants:[&[data-size="small"]]:py-xs layer-variants:[&[data-size="small"]]:text-sm');
-export const Input = function Input(_a) {
-    var { className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs = 5000, sizeVariant } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "placeholders", "placeholder", "placeholdersIntervalMs", "sizeVariant"]);
-    const handleFocus = useCallback((ev) => {
+import { inputInfo } from '../../systems/inputs.js';
+export const inputClassName = clsx('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:md:min-w-120px', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
+const inputBorderClassName = clsx('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-gray-dark', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled)]:shadow-none layer-components:[&:has(input:disabled)]:bg-transparent layer-components:[&:has(input:disabled)]:border-gray layer-components:[&:has(input:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible)]:ring layer-components:[&:has(input:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
+const InputBorder = withClassName('div', inputBorderClassName);
+const InnerInput = function InnerInput(_a) {
+    var { autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs = 5000, onValueChange } = _a, props = __rest(_a, ["autoSelect", "onFocus", "onBlur", "className", "placeholders", "placeholder", "placeholdersIntervalMs", "onValueChange"]);
+    const handleFocus = (ev) => {
         if (autoSelect) {
             ev.target.select();
         }
+        if (inputInfo.lastPointerDown &&
+            Date.now() - inputInfo.lastPointerDown < 200) {
+            ev.currentTarget.setAttribute('data-focus-clicked', 'true');
+        }
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
-    }, [onFocus, autoSelect]);
-    const handleChange = useCallback((ev) => {
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(ev.target.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(ev);
-    }, [onChange, onValueChange]);
+    };
+    const handleBlur = (ev) => {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
+        ev.currentTarget.removeAttribute('data-focus-clicked');
+    };
     const randomPlaceholder = useRotatingShuffledValue(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
-    return (_jsx(BaseUIInput, Object.assign({ onFocus: handleFocus, onChange: handleChange, className: classNames(inputClassName, className), placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, "data-size": sizeVariant !== null && sizeVariant !== void 0 ? sizeVariant : 'default' }, props)));
+    return (_jsx(BaseInput, Object.assign({ placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, onFocus: handleFocus, onValueChange: onValueChange, onBlur: handleBlur, className: clsx(inputClassName, className) }, props)));
+};
+const InputDefault = function InputDefault(_a) {
+    var { className, borderRef, startAccessory, endAccessory } = _a, props = __rest(_a, ["className", "borderRef", "startAccessory", "endAccessory"]);
+    return (_jsxs(InputBorder, { ref: borderRef, className: className, children: [startAccessory, _jsx(InnerInput, Object.assign({}, props)), endAccessory] }));
 };
+export const Input = Object.assign(InputDefault, {
+    Border: InputBorder,
+    Input: InnerInput,
+});
 //# sourceMappingURL=Input.js.map

package/dist/esm/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAIN,WAAW,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAEnF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,sMAAsM,EACtM,sEAAsE,EACtE,kEAAkE,EAClE,0FAA0F,EAC1F,mCAAmC,EACnC,mFAAmF,CACnF,CAAC;AAWF,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAWvB;QAXuB,EACnC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,WAAW,OAEC,EADT,KAAK,cAV2B,2IAWnC,CADQ;IAER,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,WAAW,kBACX,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,eAClC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,IAC/B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,+GAA+G,EAC/G,mCAAmC,EACnC,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAI,CAChC,8KAA8K,EAC9K,gDAAgD,EAChD,yGAAyG,EACzG,sFAAsF,EACtF,iHAAiH,EACjH,sDAAsD,EACtD,oCAAoC,CACpC,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;AAE/D,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAAwC,CACxD,EAAgC,EAC/B,EAAE;QACH,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,SAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAAwC,CAAC,EAAE,EAAE,EAAE;QAC9D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,SAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAaF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,MAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,KAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}

package/dist/esm/components/input/Input.stories.d.ts

@@ -2,7 +2,10 @@ import type { StoryObj } from '@storybook/react';
 import { Input } from './Input.js';
 declare const meta: {
     title: string;
-    component: ({ className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime").JSX.Element;
+    component: (({ className, borderRef, startAccessory, endAccessory, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime").JSX.Element) & {
+        Border: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+        Input: ({ autoSelect, onFocus, onBlur, className, placeholders, placeholder, placeholdersIntervalMs, onValueChange, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime").JSX.Element;
+    };
     argTypes: {
         disabled: {
             control: "boolean";
@@ -18,3 +21,4 @@ export default meta;
 type Story = StoryObj<typeof Input>;
 export declare const Default: Story;
 export declare const ButtonAndInput: Story;
+export declare const WithAccessories: Story;

package/dist/esm/components/input/Input.stories.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
 import { Input } from './Input.js';
 const meta = {
     title: 'Components/Input',
@@ -16,6 +17,9 @@ const meta = {
 export default meta;
 export const Default = {};
 export const ButtonAndInput = {
-    render: (args) => (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Input, Object.assign({ placeholder: "Type something..." }, args)), _jsx(Button, { size: args.sizeVariant, children: "Submit" })] })),
+    render: (args) => (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Input, Object.assign({ placeholder: "Type something..." }, args)), _jsx(Button, { children: "Submit" })] })),
+};
+export const WithAccessories = {
+    render: (args) => (_jsxs(Input.Border, { children: [_jsx(Icon, { name: "search" }), _jsx(Input.Input, Object.assign({ placeholder: "Search..." }, args)), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "arrowRight" }) })] })),
 };
 //# sourceMappingURL=Input.stories.js.map

package/dist/esm/components/input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/input/Input.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC4B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,KAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,EACnD,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,WAAW,uBAAiB,IAC1C,CACN;CACD,CAAC"}
+{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/input/Input.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC4B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,KAAK,kBAAC,WAAW,EAAC,mBAAmB,IAAK,IAAI,EAAI,EACnD,KAAC,MAAM,yBAAgB,IAClB,CACN;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,MAAC,KAAK,CAAC,MAAM,eACZ,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,KAAC,KAAK,CAAC,KAAK,kBAAC,WAAW,EAAC,WAAW,IAAK,IAAI,EAAI,EACjD,KAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,YACvB,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GAClB,IACK,CACf;CACD,CAAC"}

package/dist/esm/components/layouts/PageNowPlaying.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-export declare function PageNowPlaying({ className, unstyled, keepAboveKeyboard, ...props }: HTMLAttributes<HTMLDivElement> & {
-    unstyled?: boolean;
+export declare function PageNowPlaying({ className, keepAboveKeyboard, ...props }: HTMLAttributes<HTMLDivElement> & {
     keepAboveKeyboard?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/layouts/PageNowPlaying.js

@@ -16,14 +16,12 @@ import classNames from 'clsx';
 import { GroupScaleReset } from '../../systems/GroupScale.js';
 import { useConfig } from '../provider/Provider.js';
 export function PageNowPlaying(_a) {
-    var { className, unstyled, keepAboveKeyboard } = _a, props = __rest(_a, ["className", "unstyled", "keepAboveKeyboard"]);
+    var { className, keepAboveKeyboard } = _a, props = __rest(_a, ["className", "keepAboveKeyboard"]);
     const { virtualKeyboardBehavior } = useConfig();
     return (_jsx(GroupScaleReset, { children: _jsx("div", Object.assign({}, props, { className: classNames('layer-components:fixed layer-components:left-0 layer-components:right-0 layer-components:z-[var(--z-now-playing)] layer-components:flex layer-components:flex-col layer-components:items-end layer-components:gap-2', 
             // on mobile, this must be positioned above any nav bar that's present,
             // or at minimum in the safe area
-            'layer-components:bottom-[var(--nav-height,env(safe-area-inset-bottom,0px))]', 'layer-components:transition-bottom', 'layer-components:md:fixed layer-components:md:bottom-3 layer-components:md:left-[var(--content-left,20%)] layer-components:md:top-auto layer-components:md:w-[var(--content-width,100%)] layer-components:md:items-end layer-components:md:p-0 layer-components:md:opacity-[var(--content-ready,0)] layer-components:md:transition-opacity', unstyled
-                ? 'layer-variants:p-2'
-                : 'layer-components:m-2 layer-components:min-w-32px layer-components:w-auto layer-components:items-center layer-components:justify-center layer-components:border-light layer-components:rounded-xl layer-components:p-2px layer-components:shadow-md layer-components:bg-wash', keepAboveKeyboard &&
+            'layer-components:bottom-[var(--nav-height,env(safe-area-inset-bottom,0px))]', 'layer-components:transition-bottom', 'layer-components:md:fixed layer-components:md:bottom-3 layer-components:md:left-[var(--content-left,20%)] layer-components:md:top-auto layer-components:md:w-[var(--content-width,100%)] layer-components:md:items-end layer-components:md:p-0 layer-components:md:opacity-[var(--content-ready,0)] layer-components:md:transition-opacity', 'layer-variants:p-2', keepAboveKeyboard &&
                 virtualKeyboardBehavior === 'overlay' &&
                 'layer-variants:lt-md:bottom-[max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))))]', keepAboveKeyboard &&
                 virtualKeyboardBehavior === 'displace' &&

package/dist/esm/components/layouts/PageNowPlaying.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,EAQ9B;QAR8B,EAC9B,SAAS,EACT,QAAQ,EACR,iBAAiB,OAKjB,EAJG,KAAK,cAJsB,8CAK9B,CADQ;IAKR,MAAM,EAAE,uBAAuB,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhD,OAAO,CACN,KAAC,eAAe,cACf,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,gGAAgG;YAChG,uEAAuE;YACvE,iCAAiC;YACjC,6EAA6E,EAC7E,oCAAoC,EACpC,8KAA8K,EAC9K,QAAQ;gBACP,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,sHAAsH,EACzH,iBAAiB;gBAChB,uBAAuB,KAAK,SAAS;gBACrC,yJAAyJ,EAC1J,iBAAiB;gBAChB,uBAAuB,KAAK,UAAU;gBACtC,wHAAwH,EACzH,SAAS,CACT,IACA,GACe,CAClB,CAAC;AACH,CAAC"}
+{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,UAAU,cAAc,CAAC,EAM9B;QAN8B,EAC9B,SAAS,EACT,iBAAiB,OAIjB,EAHG,KAAK,cAHsB,kCAI9B,CADQ;IAIR,MAAM,EAAE,uBAAuB,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhD,OAAO,CACN,KAAC,eAAe,cACf,8BACK,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,gGAAgG;YAChG,uEAAuE;YACvE,iCAAiC;YACjC,6EAA6E,EAC7E,oCAAoC,EACpC,8KAA8K,EAC9K,oBAAoB,EACpB,iBAAiB;gBAChB,uBAAuB,KAAK,SAAS;gBACrC,yJAAyJ,EAC1J,iBAAiB;gBAChB,uBAAuB,KAAK,UAAU;gBACtC,wHAAwH,EACzH,SAAS,CACT,IACA,GACe,CAClB,CAAC;AACH,CAAC"}

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

@@ -15,10 +15,11 @@ 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';
+import { popupClassName } from '../primitives/menus.js';
 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]', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-accent');
-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');
+const StyledContent = withClassName(PopoverPrimitive.Popup, popupClassName);
+const StyledArrow = withClassName((props) => (_jsx(PopoverPrimitive.Arrow, Object.assign({}, props, { children: _jsx(ArrowSvg, {}) }))), 'layer-components:arrow', 'layer-components:data-[closed]:scale-0 layer-components:data-[closed]:opacity-0', 'layer-components:data-[open]:scale-100 layer-components:data-[open]:opacity-100');
+const StyledClose = withClassName(PopoverPrimitive.Close, 'layer-components:hover:bg-lightBlend layer-components:focus:shadow-focus layer-components:[all:unset] layer-components:[font-family:inherit] layer-components:absolute layer-components:right-5px layer-components:top-5px layer-components:h-25px layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center layer-components:rounded-lg layer-components:color-gray-dark/80');
 // Exports
 export const PopoverRoot = PopoverPrimitive.Root;
 export const PopoverTrigger = PopoverPrimitive.Trigger;
@@ -34,8 +35,8 @@ export const PopoverContent = function PopoverContent(_a) {
                         '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 PopoverTitle = withClassName(PopoverPrimitive.Title, 'layer-components:m-0 layer-components:mb-sm layer-components:text-md layer-components:font-semibold');
+export const PopoverDescription = withClassName(PopoverPrimitive.Description, 'layer-components:m-0 layer-components:text-sm layer-components:text-gray-dark');
 export const Popover = Object.assign(PopoverRoot, {
     Content: PopoverContent,
     Arrow: PopoverArrow,

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/primitives/menus.d.ts

@@ -0,0 +1,5 @@
+export declare const popupClassName: string;
+export declare const itemListClassName: string;
+export declare const itemClassName: string;
+export declare const arrowClassName: string;
+export declare const separatorClassName: string;

package/dist/esm/components/primitives/menus.js

@@ -0,0 +1,8 @@
+// @unocss-include
+import clsx from 'clsx';
+export const popupClassName = clsx('layer-primitives:max-w-90vw layer-primitives:min-w-120px layer-primitives:border layer-primitives:rounded-md layer-primitives:shadow-lg layer-primitives:transition layer-primitives:bg-white layer-primitives:border-black', 'layer-primitives:transform-origin-[var(--transform-origin)]', 'layer-primitives:max-h-[--available-height] layer-primitives:max-w-[--available-width]', 'layer-primitives:focus-visible:outline-none layer-primitives:focus-visible:ring-2 layer-primitives:focus-visible:ring-accent', 'transform-origin-[--transform-origin] will-change-transform', 'important:motion-reduce:transition-none', 'layer-primitives:data-[starting-style]:data-[side=bottom]:translate-y-4px layer-primitives:data-[starting-style]:data-[side=bottom]:opacity-0', 'layer-primitives:data-[ending-style]:data-[side=bottom]:translate-y-4px layer-primitives:data-[ending-style]:data-[side=bottom]:opacity-0', 'layer-primitives:data-[starting-style]:data-[side=top]:translate-y--4px layer-primitives:data-[starting-style]:data-[side=top]:opacity-0', 'layer-primitives:data-[ending-style]:data-[side=top]:translate-y-0 layer-primitives:data-[ending-style]:data-[side=top]:opacity-0', 'layer-primitives:data-[starting-style]:data-[side=right]:translate-x-4px layer-primitives:data-[starting-style]:data-[side=right]:opacity-0', 'layer-primitives:data-[ending-style]:data-[side=right]:translate-x-0 layer-primitives:data-[ending-style]:data-[side=right]:opacity-0', 'layer-primitives:data-[starting-style]:data-[side=left]:translate-x--4px layer-primitives:data-[starting-style]:data-[side=left]:opacity-0', 'layer-primitives:data-[ending-style]:data-[side=left]:translate-x-0 layer-primitives:data-[ending-style]:data-[side=left]:opacity-0');
+export const itemListClassName = clsx('layer-primitives:max-h-full layer-primitives:min-h-0 layer-primitives:overflow-x-clip layer-primitives:rounded-inherit layer-primitives:overflow-y-auto layer-primitives:overflow-unstable');
+export const itemClassName = clsx('layer-primitives:relative layer-primitives:min-h-touch-large layer-primitives:flex layer-primitives:cursor-pointer layer-primitives:select-none layer-primitives:items-center layer-primitives:py-sm layer-primitives:pl-8 layer-primitives:pr-4 layer-primitives:text-left layer-primitives:text-md layer-primitives:leading-4 layer-primitives:color-main-ink', 'layer-primitives:[&[data-disabled]]:pointer-events-none layer-primitives:[&[data-disabled]]:color-gray-dark layer-primitives:[&[data-disabled]]:bg-white', 'layer-primitives:hover:color-black layer-primitives:hover:bg-main-light', 'layer-primitives:data-[highlighted]:color-black layer-primitives:data-[highlighted]:bg-main-light', 'layer-primitives:focus:outline-none', 'layer-primitives:focus-visible:color-black layer-primitives:focus-visible:bg-main-light');
+export const arrowClassName = clsx('layer-primitives:arrow', 'layer-primitives:data-[closed]:scale-0 layer-primitives:data-[closed]:opacity-0', 'layer-primitives:data-[open]:scale-100 layer-primitives:data-[open]:opacity-100');
+export const separatorClassName = clsx('layer-primitives:m-5px layer-primitives:h-1px layer-primitives:bg-gray');
+//# sourceMappingURL=menus.js.map

package/dist/esm/components/primitives/menus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus.js","sourceRoot":"","sources":["../../../../src/components/primitives/menus.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,wGAAwG,EACxG,6DAA6D,EAC7D,yEAAyE,EACzE,kEAAkE,EAElE,6DAA6D,EAC7D,yCAAyC,EACzC,uFAAuF,EACvF,qFAAqF,EACrF,qFAAqF,EACrF,gFAAgF,EAChF,sFAAsF,EACtF,kFAAkF,EAClF,sFAAsF,EACtF,iFAAiF,CACjF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CACpC,yGAAyG,CACzG,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAChC,uJAAuJ,EACvJ,oFAAoF,EAEpF,oDAAoD,EACpD,iEAAiE,EAEjE,qCAAqC,EACrC,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,0BAA0B,EAC1B,oDAAoD,EACpD,sDAAsD,CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CACrC,wCAAwC,CACxC,CAAC"}

package/dist/esm/components/quickAction/QuickAction.d.ts

@@ -0,0 +1,17 @@
+import { ButtonProps } from '../button/Button.js';
+export declare const QuickActionRoot: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export type QuickActionTriggerProps = ButtonProps;
+interface QuickActionContentProps {
+    children?: React.ReactNode;
+    className?: string;
+    align?: 'center' | 'start' | 'end';
+}
+export declare const QuickAction: (({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: ({ className, emphasis, children, ...props }: QuickActionTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, align, }: QuickActionContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/esm/components/quickAction/QuickAction.js

@@ -0,0 +1,56 @@
+// @unocss-include
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog } from '@base-ui/react/dialog';
+import clsx from 'clsx';
+import { AnimatePresence } from 'motion/react';
+import { createContext, useContext, useId } from 'react';
+import { Button } from '../button/Button.js';
+const QuickActionIdContext = createContext('qab');
+export const QuickActionRoot = ({ children, }) => {
+    const id = useId();
+    return (_jsx(Dialog.Root, { children: _jsx(QuickActionIdContext.Provider, { value: id.replace(/:/g, ''), children: children }) }));
+};
+const transition = {
+    type: 'spring',
+    damping: 25,
+    stiffness: 300,
+    mass: 0.5,
+};
+const QuickActionTrigger = (_a) => {
+    var { className, emphasis = 'primary', children } = _a, props = __rest(_a, ["className", "emphasis", "children"]);
+    const layoutId = useContext(QuickActionIdContext);
+    return (_jsx(Dialog.Trigger, Object.assign({}, props, { render: (_a) => {
+            var { color: _ } = _a, composed = __rest(_a, ["color"]);
+            return (_jsx(Button, Object.assign({ color: props.color, emphasis: emphasis }, composed, { className: clsx('layer-composed:relative layer-composed:min-h-[2.5rem] layer-composed:min-w-[2.5rem] layer-composed:justify-center layer-composed:rounded-full layer-composed:p-xs', className), style: {
+                    // @ts-ignore
+                    anchorName: `--${layoutId}`,
+                } })));
+        }, children: children })));
+};
+const QuickActionContent = ({ children, className, align = 'center', }) => {
+    const layoutId = useContext(QuickActionIdContext);
+    return (_jsx(Dialog.Portal, { children: _jsx(AnimatePresence, { children: _jsx(Dialog.Popup, { className: clsx('layer-components:contain-layout layer-components:border-1 layer-components:rounded-md layer-components:border-solid layer-components:shadow-lg layer-components:transition-all layer-components:bg-white layer-components:border-black', 'layer-components:fixed layer-components:bottom-[anchor(bottom)] layer-components:overflow-clip', {
+                    '[justify-self:anchor-center]': align === 'center',
+                    'left-[anchor(left)]': align === 'start',
+                    'right-[anchor(right)]': align === 'end',
+                }, 'data-[starting-style]:[will-change:width,height,transform] data-[starting-style]:h-[anchor-size(height)] data-[starting-style]:w-[anchor-size(width)] data-[starting-style]:rounded-200px data-[starting-style]:opacity-0', 'layer-components:[&[data-starting-style]>*]:opacity-0', 'data-[ending-style]:[will-change:width,height,transform] data-[ending-style]:h-[anchor-size(height)] data-[ending-style]:w-[anchor-size(width)] data-[ending-style]:rounded-200px data-[ending-style]:opacity-80', 'layer-components:[&[data-ending-style]>*]:opacity-0', className), style: {
+                    // @ts-ignore
+                    'position-anchor': `--${layoutId}`,
+                }, children: children }) }) }));
+};
+export const QuickAction = Object.assign(QuickActionRoot, {
+    Trigger: QuickActionTrigger,
+    Content: QuickActionContent,
+});
+//# sourceMappingURL=QuickAction.js.map

package/dist/esm/components/quickAction/QuickAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickAction.js","sourceRoot":"","sources":["../../../../src/components/quickAction/QuickAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,eAAe,EAAc,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,oBAAoB,GAAG,aAAa,CAAS,KAAK,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC/B,QAAQ,GAGR,EAAE,EAAE;IACJ,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACN,KAAC,MAAM,CAAC,IAAI,cACX,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,YACxD,QAAQ,GACsB,GACnB,CACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,GAAe;IAC9B,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,GAAG;CACT,CAAC;AAGF,MAAM,kBAAkB,GAAG,CAAC,EAKF,EAAE,EAAE;QALF,EAC3B,SAAS,EACT,QAAQ,GAAG,SAAS,EACpB,QAAQ,OAEiB,EADtB,KAAK,cAJmB,qCAK3B,CADQ;IAER,MAAM,QAAQ,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAClD,OAAO,CACN,KAAC,MAAM,CAAC,OAAO,oBACV,KAAK,IACT,MAAM,EAAE,CAAC,EAAyB,EAAE,EAAE;gBAA7B,EAAE,KAAK,EAAE,CAAC,OAAe,EAAV,QAAQ,cAAvB,SAAyB,CAAF;YAAO,OAAA,CACtC,KAAC,MAAM,kBACN,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,IACd,QAAQ,IACZ,SAAS,EAAE,IAAI,CACd,0FAA0F,EAC1F,SAAS,CACT,EACD,KAAK,EAAE;oBACN,aAAa;oBACb,UAAU,EAAE,KAAK,QAAQ,EAAE;iBAC3B,IACA,CACF,CAAA;SAAA,YAEA,QAAQ,IACO,CACjB,CAAC;AACH,CAAC,CAAC;AAOF,MAAM,kBAAkB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,QAAQ,GACS,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAClD,OAAO,CACN,KAAC,MAAM,CAAC,MAAM,cACb,KAAC,eAAe,cACf,KAAC,MAAM,CAAC,KAAK,IACZ,SAAS,EAAE,IAAI,CACd,mHAAmH,EACnH,gEAAgE,EAChE;oBACC,8BAA8B,EAAE,KAAK,KAAK,QAAQ;oBAClD,qBAAqB,EAAE,KAAK,KAAK,OAAO;oBACxC,uBAAuB,EAAE,KAAK,KAAK,KAAK;iBACxC,EACD,qIAAqI,EACrI,uDAAuD,EACvD,oIAAoI,EACpI,qDAAqD,EACrD,SAAS,CACT,EACD,KAAK,EAAE;oBACN,aAAa;oBACb,iBAAiB,EAAE,KAAK,QAAQ,EAAE;iBAClC,YAEA,QAAQ,GACK,GACE,GACH,CAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}

package/dist/esm/components/quickAction/QuickAction.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    argTypes: {
+        align: {
+            control: "select";
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<{
+    align?: 'center' | 'start' | 'end';
+}>;
+export declare const Default: Story;

package/dist/esm/components/quickAction/QuickAction.stories.js

@@ -0,0 +1,55 @@
+// @unocss-include
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Autocomplete } from '../autocomplete/Autocomplete.js';
+import clsx from 'clsx';
+import { Box } from '../box/Box.js';
+import { Icon } from '../icon/Icon.js';
+import { PageContent } from '../layouts/PageContent.js';
+import { PageNowPlaying } from '../layouts/PageNowPlaying.js';
+import { PageRoot } from '../layouts/PageRoot.js';
+import { QuickAction } from './QuickAction.js';
+const meta = {
+    title: 'Components/QuickAction',
+    argTypes: {
+        align: {
+            control: 'select',
+            options: ['center', 'start', 'end'],
+            description: 'Alignment of the QuickAction content relative to the trigger.',
+            defaultValue: 'center',
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const groupedItems = [
+    {
+        category: 'Fruits',
+        items: [
+            { id: 'apple', label: 'Apple' },
+            { id: 'banana', label: 'Banana' },
+            { id: 'cherry', label: 'Cherry' },
+        ],
+    },
+    {
+        category: 'Berries',
+        items: [
+            { id: 'strawberry', label: 'Strawberry' },
+            { id: 'blueberry', label: 'Blueberry' },
+            { id: 'raspberry', label: 'Raspberry' },
+        ],
+    },
+];
+const GroupedAutocomplete = Autocomplete.createGrouped();
+const ActionContent = () => (_jsx(GroupedAutocomplete, { items: groupedItems, children: _jsxs(Box, { p: true, col: true, children: [_jsx(GroupedAutocomplete.List, { children: (group) => (_jsxs(GroupedAutocomplete.Group, { children: [_jsx(GroupedAutocomplete.GroupLabel, { children: group.category }), _jsx(GroupedAutocomplete.GroupList, { children: group.items.map((item) => (_jsx(GroupedAutocomplete.Item, { value: item.id, children: item.label }, item.id))) })] }, group.category)) }), _jsx(GroupedAutocomplete.Empty, { children: "No results found." }), _jsx(GroupedAutocomplete.Input, { disableCaret: true, className: "w-full" })] }) }));
+export const Default = {
+    render(args) {
+        return (_jsx(PageRoot, { children: _jsx(PageContent, { children: _jsx(PageNowPlaying, { className: clsx('flex flex-col', {
+                        'items-center': args.align === 'center',
+                        'items-start': args.align === 'start',
+                        'items-end': args.align === 'end',
+                    }), children: _jsxs(QuickAction, Object.assign({}, args, { children: [_jsx(QuickAction.Trigger, { children: _jsx(Icon, { name: "plus" }) }), _jsx(QuickAction.Content, { className: "w-95vw", align: args.align, children: _jsx(ActionContent, {}) })] })) }) }) }));
+    },
+};
+//# sourceMappingURL=QuickAction.stories.js.map

package/dist/esm/components/quickAction/QuickAction.stories.js.map

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

package/dist/esm/systems/inputs.d.ts

@@ -0,0 +1,3 @@
+export declare const inputInfo: {
+    lastPointerDown: number | null;
+};

package/dist/esm/systems/inputs.js

@@ -0,0 +1,11 @@
+// @unocss-include
+import { proxy } from 'valtio';
+export const inputInfo = proxy({
+    lastPointerDown: null,
+});
+if (typeof window !== 'undefined') {
+    window.addEventListener('pointerdown', () => {
+        inputInfo.lastPointerDown = Date.now();
+    });
+}
+//# sourceMappingURL=inputs.js.map

package/dist/esm/systems/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","sourceRoot":"","sources":["../../../src/systems/inputs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC;IAC9B,eAAe,EAAE,IAAqB;CACtC,CAAC,CAAC;AAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACnC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3C,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/dist/esm/uno/preflights/layers.js

@@ -1,6 +1,6 @@
 // @unocss-include
 import { preflight } from './_util.js';
 export const layerPreflight = preflight({
-    getCSS: () => `@layer preflightBase, preflightVariant, components, composed, responsive, variants, utilities, user;`,
+    getCSS: () => `@layer preflightBase, preflightVariant, primitives, components, composed, composed-2, responsive, variants, utilities, user;`,
 });
 //# sourceMappingURL=layers.js.map

package/dist/esm/uno/preflights/layers.js.map

@@ -1 +1 @@
-{"version":3,"file":"layers.js","sourceRoot":"","sources":["../../../../src/uno/preflights/layers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAc,SAAS,CAAC;IAClD,MAAM,EAAE,GAAG,EAAE,CACZ,sGAAsG;CACvG,CAAC,CAAC"}
+{"version":3,"file":"layers.js","sourceRoot":"","sources":["../../../../src/uno/preflights/layers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAc,SAAS,CAAC;IAClD,MAAM,EAAE,GAAG,EAAE,CACZ,8HAA8H;CAC/H,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "4.0.9",
+  "version": "4.1.0-beta.2",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"