@a-type/ui 0.1.6 → 0.1.7

package/dist/esm/components/dialog/Dialog.js

@@ -12,13 +12,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { forwardRef, useCallback, useRef, } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { createContext, forwardRef, useCallback, useContext, useRef, useState, } from 'react';
 import { withClassName } from '../../hooks/withClassName.js';
 import useMergedRef from '../../hooks/useMergedRef.js';
 import { useParticles } from '../particles.js';
 import classNames from 'classnames';
+import { CheckIcon, ChevronDownIcon } from '@radix-ui/react-icons';
+import { selectTriggerClassName } from '../select.js';
+import { useDrag } from '@use-gesture/react';
 const StyledOverlay = withClassName(DialogPrimitive.Overlay, 'bg-overlay fixed inset-0 z-dialog-backdrop animate-fade-in [&[data-state=closed]]:animate-fade-out animate-duration-200 motion-reduce:animate-none');
-const StyledContent = withClassName(DialogPrimitive.Content, 'z-dialog fixed bottom-[var(--viewport-bottom-offset,0px)] left-0 right-0 h-min-content max-h-[calc(0.85*var(--viewport-height,100vh))]', 'translate-0 transform-gpu', 'animate-ease-out', 'shadow-xl bg-white rounded-tl-lg rounded-tr-lg p-6 border-default border-b-0 overflow-y-auto flex flex-col pb-[calc(3rem+env(safe-area-inset-bottom,0px))]', 'animate-fade-in-up-big [&[data-state=closed]]:animate-fade-out-down-big animate-ease-in motion-reduce:animate-none', 'sm:(animate-duration-200 left-50% top-50% translate-[-50%] w-90vw max-w-450px max-h-85vh pb-6 rounded-lg border-b-1 animate-keyframes-fade-in [&[data-state=closed]]:animate-keyframes-fade-out motion-reduce:animate-none)');
+const StyledContent = withClassName(DialogPrimitive.Content, 'z-dialog fixed bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] left-0 right-0 h-min-content max-h-[calc(0.85*var(--viewport-height,100vh))]', 'translate-0 transform-gpu', 'animate-ease-out', 'shadow-xl bg-white rounded-tl-xl rounded-tr-xl p-6 pt-8 border-default border-b-0 overflow-y-auto flex flex-col pb-[calc(3rem+env(safe-area-inset-bottom,0px))]', 'animate-fade-in-up-big animate-duration-200 [&[data-state=closed]]:animate-fade-out-down-big animate-ease-in motion-reduce:animate-none', 'sm:(animate-duration-200 left-50% top-50% translate-[-50%] w-90vw max-w-450px max-h-85vh pb-6 rounded-lg border-b-1 animate-keyframes-fade-in [&[data-state=closed]]:animate-keyframes-fade-out motion-reduce:animate-none pt-6)');
 export const Content = forwardRef(function Content(_a, ref) {
     var { children, width, outerClassName, className } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className"]);
     const particles = useParticles();
@@ -50,21 +54,78 @@ export const Content = forwardRef(function Content(_a, ref) {
             wasOpenRef.current = false;
         }
     }, [particles]);
-    const finalRef = useMergedRef(ref, openRef);
-    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(StyledOverlay, {}), _jsx(StyledContent, Object.assign({ ref: finalRef }, props, { className: classNames({
+    const gestureRef = useRef(null);
+    const finalRef = useMergedRef(ref, openRef, gestureRef);
+    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(StyledOverlay, {}), _jsxs(StyledContent, Object.assign({ "data-dialog-content": true, ref: finalRef }, props, { className: classNames({
                     'md:max-w-800px': width === 'lg',
                     'max-w-600px': width === 'md',
                     'max-w-300px': width === 'sm',
-                }, outerClassName || className) }, { children: children }))] }));
+                }, outerClassName || className) }, { children: [_jsx(DialogSwipeHandle, {}), children] }))] }));
 });
+export const DialogSwipeHandle = forwardRef(function DialogSwipeHandle(_a, ref) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const close = useContext(DialogCloseContext);
+    const innerRef = useRef(null);
+    useDrag(({ swipe: [, swipeY], movement: [, dy], velocity: [, vy], last }) => {
+        const content = findParentDialogContent(innerRef.current);
+        if (!content)
+            return;
+        const contentHeight = content.clientHeight;
+        if (last)
+            console.log(swipeY, dy, contentHeight);
+        if (last && (swipeY === 1 || dy > contentHeight / 2)) {
+            console.log('close');
+            close();
+        }
+        const gestureY = last ? 0 : -Math.max(0, dy);
+        content.style.setProperty('--gesture-y', `${gestureY}px`);
+        content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
+    }, {
+        target: innerRef,
+        axis: 'y',
+    });
+    const finalRef = useMergedRef(ref, innerRef);
+    return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: classNames('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-full cursor-grab sm:display-none touch-none', className) }, { children: _jsx("div", { className: "w-full h-[4px] bg-gray-4 rounded-full" }) })));
+});
+function findParentDialogContent(element) {
+    if (!element)
+        return null;
+    if (element.getAttribute('data-dialog-content'))
+        return element;
+    return findParentDialogContent(element.parentElement);
+}
+const DialogCloseContext = createContext(() => { });
 const StyledTitle = withClassName(DialogPrimitive.Title, 'font-title color-black text-3xl mb-4 mt-0');
 const StyledDescription = withClassName(DialogPrimitive.Description, 'mt-3 mb-6 color-gray8 text-md leading-6');
 // Exports
-export const Dialog = DialogPrimitive.Root;
+export const Dialog = (props) => {
+    var _a;
+    const [innerOpen, innerOnOpenChange] = useState(props.defaultOpen);
+    const open = (_a = props.open) !== null && _a !== void 0 ? _a : innerOpen;
+    const onOpenChange = useCallback((open) => {
+        var _a;
+        innerOnOpenChange(open);
+        (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, open);
+    }, [props.onOpenChange]);
+    const close = useCallback(() => {
+        onOpenChange(false);
+    }, [onOpenChange]);
+    return (_jsx(DialogCloseContext.Provider, Object.assign({ value: close }, { children: _jsx(DialogPrimitive.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) })));
+};
 export const DialogTrigger = DialogPrimitive.Trigger;
 export const DialogContent = Content;
 export const DialogTitle = StyledTitle;
 export const DialogDescription = StyledDescription;
 export const DialogClose = DialogPrimitive.Close;
 export const DialogActions = withClassName('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-3 translate-y-6 flex-wrap', 'bottom--6', 'sm:(bottom-0)');
+export const DialogSelectTrigger = forwardRef(function DialogSelectTrigger(_a, ref) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsxs(DialogPrimitive.Trigger, Object.assign({ className: classNames(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(ChevronDownIcon, {})] })));
+});
+export const DialogSelectList = withClassName(RadioGroupPrimitive.Root, 'flex flex-col gap-2 overflow-y-auto p-2');
+export const DialogSelectItemRoot = withClassName(RadioGroupPrimitive.Item, 'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all', '[&[data-state=checked]]:(bg-primary-wash text-primary-dark)');
+export const DialogSelectItem = forwardRef(function DialogSelectItem(_a, ref) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsxs(DialogSelectItemRoot, Object.assign({}, props, { children: [_jsx("span", Object.assign({ className: "flex-1" }, { children: children })), _jsx(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex-0-0-auto" }, { children: _jsx(CheckIcon, {}) }))] })));
+});
 //# sourceMappingURL=Dialog.js.map

package/dist/esm/components/dialog/Dialog.js.map

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

package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
 export declare const DropdownMenuTrigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/forms/Form.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Form: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "slot" | "style" | "title" | "className" | "autoComplete" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "acceptCharset" | "action" | "encType" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "method" | "target" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>;
+/// <reference types="react" resolution-mode="require"/>
+export declare const Form: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "slot" | "style" | "title" | "className" | "autoComplete" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "acceptCharset" | "action" | "encType" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "target" | "method" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>;

package/dist/esm/components/forms/FormikForm.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import { FormikConfig, FormikValues } from 'formik';
 export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
     className?: string;

package/dist/esm/components/forms/SubmitButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import { ButtonProps } from '../button/Button.js';
 export declare function SubmitButton(props: ButtonProps): JSX.Element;

package/dist/esm/components/imageUploader/ImageUploader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export interface ImageUploaderProps {
     value: string | null;
     onChange: (value: File | null) => void;

package/dist/esm/components/imageUploader/UploadIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export interface UploadIconProps {
     className?: string;
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const NowPlayingContext: import("react").Context<{
     container: HTMLDivElement | undefined;
     setContainer: (container: HTMLDivElement) => void;

package/dist/esm/components/particles/ParticleContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import { Particles } from './particlesState.js';
 export declare function useParticles(): Particles | null;
 export declare const ParticlesProvider: import("react").Provider<Particles | null>;

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
 export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const PopoverArrow: import("react").FunctionComponent<PopoverPrimitive.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
 export declare const PopoverClose: import("react").FunctionComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PopoverContent: import("react").ForwardRefExoticComponent<Pick<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "align" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sticky" | "asChild" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions"> & {
+export declare const PopoverContent: import("react").ForwardRefExoticComponent<Pick<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "align" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sticky" | "asChild" | "forceMount" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions" | "onCloseAutoFocus" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus"> & {
     disableBlur?: boolean | undefined;
     containerClassName?: string | undefined;
     padding?: "default" | "none" | undefined;

package/dist/esm/components/relativeTime/RelativeTime.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export interface RelativeTimeProps {
     value: number;
     abbreviate?: boolean;

package/dist/esm/components/richEditor/RichEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export interface RichEditorProps {
     editor: any;
     className?: string;

package/dist/esm/components/select/Select.d.ts

@@ -1,19 +1,37 @@
-/// <reference types="react" />
 import * as SelectPrimitive from '@radix-ui/react-select';
+import { FunctionComponent, ReactNode } from 'react';
 export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectItemRoot: import("react").FunctionComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectItemIndicatorRoot: import("react").FunctionComponent<SelectPrimitive.SelectItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const SelectItemIndicator: (props: SelectPrimitive.SelectItemIndicatorProps) => JSX.Element;
-export declare const SelectItemText: import("react").FunctionComponent<SelectPrimitive.SelectItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
-export type SelectProps = SelectPrimitive.SelectProps;
-export declare const SelectTrigger: import("react").FunctionComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const UnstyledSelectTrigger: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SelectValue: import("react").FunctionComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const SelectLabel: import("react").FunctionComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectSeparator: import("react").FunctionComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectIcon: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & {
+export declare const SelectItemRoot: FunctionComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectItemIndicatorRoot: FunctionComponent<SelectPrimitive.SelectItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectItemIndicator: FunctionComponent<SelectPrimitive.SelectItemIndicatorProps>;
+export declare const SelectItemText: FunctionComponent<SelectPrimitive.SelectItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectGroup: (props: SelectPrimitive.SelectGroupProps) => JSX.Element;
+export declare const SelectRoot: import("react").FC<SelectPrimitive.SelectProps>;
+export declare const selectTriggerClassName = "layer-components:([all:unset] inline-flex items-center justify-center rounded-full px-3 py-1 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:shadow-focus [&[data-placeholder]]:color-gray8) select-none";
+export declare const SelectTrigger: FunctionComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const UnstyledSelectTrigger: FunctionComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SelectValue: FunctionComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const SelectLabel: FunctionComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: FunctionComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectIcon: FunctionComponent<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: FunctionComponent<SelectPrimitive.SelectContentProps & {
     inDialog?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NativeSelect: import("react").ForwardRefExoticComponent<import("react").SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLSelectElement>>;
+export type SelectProps<T extends string = string> = {
+    children?: ReactNode;
+    value: T;
+    onValueChange?: (value: T) => void;
+    className?: string;
+    id?: string;
+    /** Native on mobile; otherwise use custom select impl */
+    mobileNative?: boolean;
+    /** won't work on mobile and mobileNative=true */
+    open?: boolean;
+    /** won't work on mobile and mobileNative=true */
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * A high-level Select which converts to native on mobile. Use with SelectItem.
+ */
+export declare const Select: <T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: SelectProps<T>) => JSX.Element;

package/dist/esm/components/select/Select.js

@@ -10,34 +10,86 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon, } from '@radix-ui/react-icons';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { forwardRef } from 'react';
+import { createContext, forwardRef, useContext, } from 'react';
 import classNames from 'classnames';
 import { withClassName } from '../../hooks/withClassName.js';
 export const SelectItem = forwardRef((_a, forwardedRef) => {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    const isNative = useContext(IsNativeContext);
+    if (isNative) {
+        return _jsx("option", Object.assign({ value: props.value }, { children: children }));
+    }
     return (_jsxs(SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef }, { children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectItemIndicator, {})] })));
 });
 export const SelectItemRoot = withClassName(SelectPrimitive.Item, 'text-md leading-4 color-black rounded-sm flex items-center flex-row h-36px pr-4 pl-35px relative select-none', '[&[data-disabled]]:(color-gray5 pointer-events-none) [&[data-highlighted]]:(outline-none bg-primary-wash color-black)');
 export const SelectItemIndicatorRoot = withClassName(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
-export const SelectItemIndicator = (props) => (_jsx(SelectItemIndicatorRoot, Object.assign({}, props, { children: _jsx(CheckIcon, {}) })));
+export const SelectItemIndicator = withNoNativeRender((props) => (_jsx(SelectItemIndicatorRoot, Object.assign({}, props, { children: _jsx(CheckIcon, {}) }))));
 export const SelectItemText = withClassName(SelectPrimitive.ItemText, '');
-export const SelectGroup = SelectPrimitive.Group;
-export const Select = SelectPrimitive.Root;
-export const SelectTrigger = withClassName(SelectPrimitive.Trigger, '[all:unset] inline-flex items-center justify-center rounded-md px-2 py-1 text-sm gap-1 color-black border-solid border border-gray5 hover:border-gray7 focus:shadow-focus [&[data-placeholder]]:color-gray8');
-export const UnstyledSelectTrigger = SelectPrimitive.Trigger;
-export const SelectValue = withClassName(SelectPrimitive.Value, 'flex flex-row');
-export const SelectLabel = withClassName(SelectPrimitive.Label, 'px-25px text-xs leading-6 color-black');
-export const SelectSeparator = withClassName(SelectPrimitive.Separator, 'h-1px bg-gray50 m-1');
-export const SelectIcon = forwardRef((_a, forwardedRef) => {
+export const SelectGroup = (props) => {
+    const isNative = useContext(IsNativeContext);
+    if (isNative) {
+        return (_jsx("optgroup", Object.assign({ id: props.id, className: props.className }, { children: props.children })));
+    }
+    return _jsx(SelectPrimitive.Group, Object.assign({}, props));
+};
+export const SelectRoot = SelectPrimitive.Root;
+export const selectTriggerClassName = 'layer-components:([all:unset] inline-flex items-center justify-center rounded-full px-3 py-1 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:shadow-focus [&[data-placeholder]]:color-gray8) select-none';
+export const SelectTrigger = withNoNativeRender(withClassName(SelectPrimitive.Trigger, selectTriggerClassName));
+export const UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
+export const SelectValue = withNoNativeRender(withClassName(SelectPrimitive.Value, 'flex flex-row'));
+export const SelectLabel = withNoNativeRender(withClassName(SelectPrimitive.Label, 'px-25px text-xs leading-6 color-black select-none'));
+export const SelectSeparator = withNoNativeRender(withClassName(SelectPrimitive.Separator, 'h-1px bg-gray50 m-1'));
+export const SelectIcon = withNoNativeRender(forwardRef((_a, forwardedRef) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (_jsx(SelectPrimitive.Icon, Object.assign({ className: classNames('color-inherit', className) }, props, { ref: forwardedRef }, { children: _jsx(ChevronDownIcon, {}) })));
-});
+}));
 const zIndex = { zIndex: 1001 };
-export const SelectContent = forwardRef((_a, forwardedRef) => {
+export const SelectContent = withPassthroughNativeRender(forwardRef((_a, forwardedRef) => {
     var { children, inDialog, className } = _a, props = __rest(_a, ["children", "inDialog", "className"]);
-    return (_jsx(SelectPrimitive.Portal, Object.assign({ className: className, style: zIndex }, { children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('overflow-hidden bg-white rounded-md z-menu shadow-lg', inDialog && 'z-[calc(var(--z-dialog)+1)]') }, props, { ref: forwardedRef }, { children: [_jsx(SelectPrimitive.ScrollUpButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronUpIcon, {}) })), _jsx(SelectPrimitive.Viewport, Object.assign({ className: "p-1" }, { children: children })), _jsx(SelectPrimitive.ScrollDownButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronDownIcon, {}) }))] })) })));
+    return (_jsx(SelectPrimitive.Portal, Object.assign({ className: className, style: zIndex }, { children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('overflow-hidden bg-white rounded-lg border border-solid border-1 border-black z-menu shadow-lg', inDialog && 'z-[calc(var(--z-dialog)+1)]') }, props, { ref: forwardedRef }, { children: [_jsx(SelectPrimitive.ScrollUpButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronUpIcon, {}) })), _jsx(SelectPrimitive.Viewport, Object.assign({ className: "p-1" }, { children: children })), _jsx(SelectPrimitive.ScrollDownButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronDownIcon, {}) }))] })) })));
+}));
+export const NativeSelect = forwardRef((_a, forwardedRef) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsxs("div", Object.assign({ className: classNames('relative', className) }, { children: [_jsx("select", Object.assign({ className: classNames('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-full px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray8') }, props, { ref: forwardedRef })), _jsx("div", Object.assign({ className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none" }, { children: _jsx(ChevronDownIcon, { className: "w-4 h-4 m-2" }) }))] })));
 });
+/**
+ * A high-level Select which converts to native on mobile. Use with SelectItem.
+ */
+export const Select = (_a) => {
+    var { children, value, onValueChange, mobileNative } = _a, rest = __rest(_a, ["children", "value", "onValueChange", "mobileNative"]);
+    const mobile = isMobile();
+    if (mobile && mobileNative) {
+        return (_jsx(IsNativeContext.Provider, Object.assign({ value: true }, { children: _jsx(NativeSelect, Object.assign({ onChange: (ev) => {
+                    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(ev.target.value);
+                }, value: value }, rest, { children: children })) })));
+    }
+    return (_jsx(SelectRoot, Object.assign({ value: value, onValueChange: onValueChange }, { children: children })));
+};
+function isMobile() {
+    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+}
+// facilitate the auto native switching
+const IsNativeContext = createContext(false);
+function withNoNativeRender(Component) {
+    const WithNoNativeRender = forwardRef((props, ref) => {
+        const isNative = useContext(IsNativeContext);
+        if (isNative)
+            return null;
+        return _jsx(Component, Object.assign({ ref: ref }, props));
+    });
+    return WithNoNativeRender;
+}
+function withPassthroughNativeRender(Component) {
+    const WithPassthroughNativeRender = forwardRef((props, ref) => {
+        const isNative = useContext(IsNativeContext);
+        if (isNative) {
+            return _jsx(_Fragment, { children: props.children });
+        }
+        return _jsx(Component, Object.assign({ ref: ref }, props));
+    });
+    return WithPassthroughNativeRender;
+}
 //# sourceMappingURL=Select.js.map

package/dist/esm/components/select/Select.js.map

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const TextSkeleton: ({ maxLength, className, }: {
     maxLength: number;
     className?: string | undefined;

package/dist/esm/components/switch/Switch.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import { SwitchProps } from '@radix-ui/react-switch';
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import * as Tabs from '@radix-ui/react-tabs';
 export declare const TabsRoot: import("react").FunctionComponent<Tabs.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const TabsList: import("react").FunctionComponent<Tabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 export declare const ToggleGroupRoot: import("react").FunctionComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ToggleGroupItem: import("react").FunctionComponent<ToggleGroup.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const H1: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "files": [
     "/dist"
@@ -39,6 +39,7 @@
     "@radix-ui/react-icons": "^1.1.1",
     "@radix-ui/react-menu": "^1.0.0",
     "@radix-ui/react-popover": "^1.0.0",
+    "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^1.2.1",
     "@radix-ui/react-slot": "^1.0.0",
     "@radix-ui/react-switch": "^1.0.1",
@@ -52,6 +53,7 @@
     "@tiptap/pm": "^2.0.3",
     "@tiptap/react": "^2.0.3",
     "@tiptap/starter-kit": "^2.0.3",
+    "@use-gesture/react": "^10.2.27",
     "browser-image-resizer": "^2.4.1",
     "classnames": "^2.3.2",
     "color-interpolate": "^1.0.5",
@@ -67,8 +69,8 @@
     "@types/pluralize": "^0.0.29",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
-    "@unocss/transformer-variant-group": "^0.54.0",
     "@unocss/core": "^0.54.0",
+    "@unocss/transformer-variant-group": "^0.54.0",
     "typescript": "^5.0.2",
     "unocss": "^0.54.0"
   },