@a-type/ui 1.3.0 → 1.3.2

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

@@ -22,8 +22,8 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
 exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-[5px] layer-components:text-md layer-components:font-sans layer-components:rounded-20px layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-1 layer-components:border-gray-5 layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-gray-1 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray-dark-blend', 'layer-components:md:min-w-120px');
-exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
-    var { className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
+const Input = function Input(_a) {
+    var { ref, className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["ref", "className", "autoSelect", "onFocus", "onChange", "onValueChange", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
     const handleFocus = (0, react_1.useCallback)((ev) => {
         if (autoSelect) {
             ev.target.select();
@@ -37,5 +37,6 @@ exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
     const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
     const Component = asChild ? react_slot_1.Slot : 'input';
     return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { onFocus: handleFocus, onChange: handleChange, className: (0, clsx_1.default)(exports.inputClassName, className), ref: ref, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder })));
-});
+};
+exports.Input = Input;
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAMe;AACf,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,iKAAiK,EACjK,mEAAmE,EACnE,oEAAoE,EACpE,mCAAmC,CACnC,CAAC;AAaW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,SAAS,KAAK,CAC3E,EAYC,EACD,GAAG;QAbH,EACC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EAAE,CAAC,EACV,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,OAE7B,EADG,KAAK,cAXT,kJAYC,CADQ;IAIT,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,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,IAAA,mBAAW,EAC/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,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IAC5C,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAA6E;AAC7E,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,iKAAiK,EACjK,mEAAmE,EACnE,oEAAoE,EACpE,mCAAmC,CACnC,CAAC;AAaK,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAenC;QAfmC,EACnC,GAAG,EACH,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EAAE,CAAC,EACV,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,OAI7B,EAHG,KAAK,cAZ2B,yJAanC,CADQ;IAIR,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,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,IAAA,mBAAW,EAC/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,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IAC5C,CACF,CAAC;AACH,CAAC,CAAC;AAnDW,QAAA,KAAK,SAmDhB"}

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

@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
 import { Input } from './Input.js';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("./Input.js").InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: ({ ref, className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs, ...props }: import("./Input.js").InputProps & {
+        ref?: React.Ref<HTMLInputElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element;
     argTypes: {};
     parameters: {
         controls: {

package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
+import { FocusEvent, KeyboardEventHandler, MouseEventHandler, Ref } from 'react';
 import { InputProps } from '../input/Input.js';
 export type LiveUpdateTextFieldProps = {
     value: string;
@@ -18,6 +18,7 @@ export type LiveUpdateTextFieldProps = {
     onKeyDown?: KeyboardEventHandler;
     onKeyUp?: KeyboardEventHandler;
     onClick?: MouseEventHandler;
+    ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
 };
 /**
  * An extension of TextField which keeps a local realtime value in state and
@@ -26,4 +27,4 @@ export type LiveUpdateTextFieldProps = {
  *
  * This component is optimistic and will not respond to external changes while focused.
  */
-export declare const LiveUpdateTextField: import("react").ForwardRefExoticComponent<LiveUpdateTextFieldProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export declare const LiveUpdateTextField: ({ ref, value, onChange, debounceMs, onFocus, onBlur, textArea, type, ...rest }: LiveUpdateTextFieldProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js

@@ -15,8 +15,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LiveUpdateTextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
 const utils_1 = require("@a-type/utils");
+const react_1 = require("react");
 const Input_js_1 = require("../input/Input.js");
 const TextArea_js_1 = require("../textArea/TextArea.js");
 /**
@@ -26,8 +26,8 @@ const TextArea_js_1 = require("../textArea/TextArea.js");
  *
  * This component is optimistic and will not respond to external changes while focused.
  */
-exports.LiveUpdateTextField = (0, react_1.forwardRef)(function LiveUpdateTextField(_a, ref) {
-    var { value, onChange, debounceMs = 500, onFocus, onBlur, textArea, type } = _a, rest = __rest(_a, ["value", "onChange", "debounceMs", "onFocus", "onBlur", "textArea", "type"]);
+const LiveUpdateTextField = function LiveUpdateTextField(_a) {
+    var { ref, value, onChange, debounceMs = 500, onFocus, onBlur, textArea, type } = _a, rest = __rest(_a, ["ref", "value", "onChange", "debounceMs", "onFocus", "onBlur", "textArea", "type"]);
     const [displayValue, setDisplayValue] = (0, react_1.useState)(value || '');
     const ignoreUpdates = (0, react_1.useRef)(false);
     const didChange = (0, react_1.useRef)(false);
@@ -68,5 +68,6 @@ exports.LiveUpdateTextField = (0, react_1.forwardRef)(function LiveUpdateTextFie
     else {
         return ((0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({ ref: ref, onFocus: handleFocus, onBlur: handleBlur, value: displayValue, onChange: handleChange, type: type }, rest)));
     }
-});
+};
+exports.LiveUpdateTextField = LiveUpdateTextField;
 //# sourceMappingURL=LiveUpdateTextField.js.map

package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js.map

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

package/dist/cjs/components/marquee/marquee.d.ts

@@ -6,5 +6,5 @@ export interface MarqueeProps {
 }
 export declare function Marquee({ className, children, timeout }: MarqueeProps): import("react/jsx-runtime.js").JSX.Element;
 export declare namespace Marquee {
-    var Item: import("react").FunctionComponent<Omit<import("../utility/SlotDiv.js").SlotDivProps, "ref"> & import("react").RefAttributes<any>>;
+    var Item: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
 }

package/dist/cjs/components/navBar/NavBar.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, Ref } from 'react';
 import { IconProps } from '../icon/index.js';
 export declare const navBarItemClass: string;
 export interface NavBarItemProps {
@@ -7,7 +7,9 @@ export interface NavBarItemProps {
     children?: ReactNode;
     active?: boolean;
 }
-export declare const NavBarItem: import("react").ForwardRefExoticComponent<NavBarItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavBarItem: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime.js").JSX.Element;
 export declare const NavBarItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const NavBarItemText: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
 interface NavBarItemIconProps {
@@ -15,13 +17,16 @@ interface NavBarItemIconProps {
     name?: IconProps['name'];
     className?: string;
     children?: ReactNode;
+    ref?: Ref<any>;
 }
-export declare const NavBarItemIcon: import("react").ForwardRefExoticComponent<NavBarItemIconProps & import("react").RefAttributes<any>>;
+export declare const NavBarItemIcon: ({ ref, children, asChild, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime.js").JSX.Element;
 export declare const NavBarItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const NavBarRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const NavBar: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
-    Item: import("react").ForwardRefExoticComponent<NavBarItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    ItemIcon: import("react").ForwardRefExoticComponent<NavBarItemIconProps & import("react").RefAttributes<any>>;
+    Item: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element;
+    ItemIcon: ({ ref, children, asChild, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime.js").JSX.Element;
     ItemText: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
     ItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
     ItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

package/dist/cjs/components/navBar/NavBar.js

@@ -49,22 +49,23 @@ exports.NavBar = exports.NavBarRoot = exports.NavBarItemPip = exports.NavBarItem
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_slot_1 = require("@radix-ui/react-slot");
 const clsx_1 = __importStar(require("clsx"));
-const react_1 = require("react");
 const hooks_js_1 = require("../../hooks.js");
 const index_js_1 = require("../icon/index.js");
 exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-black');
-exports.NavBarItem = (0, react_1.forwardRef)(function NavBarItem(_a, ref) {
-    var { asChild, className, active } = _a, rest = __rest(_a, ["asChild", "className", "active"]);
+const NavBarItem = function NavBarItem(_a) {
+    var { ref, asChild, className, active } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active"]);
     const Comp = asChild ? react_slot_1.Slot : 'div';
     return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, className), "data-active": active }, rest)));
-});
+};
+exports.NavBarItem = NavBarItem;
 exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'layer-components:relative layer-components:flex layer-components:sm:p-6px layer-components:sm:rounded-full layer-components:sm:bg-gray-blend', 'layer-variants:sm:[*[data-active=true]_&]:bg-primary-light');
 exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'layer-components:overflow-hidden layer-components:pl-1 layer-components:inline-block layer-components:text-xxs layer-components:whitespace-nowrap layer-components:text-ellipsis layer-components:sm:text-md layer-components:sm:leading-normal');
-exports.NavBarItemIcon = (0, react_1.forwardRef)(function NavBarItemIcon(_a, ref) {
-    var { children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["children", "asChild", "className", "name"]);
+const NavBarItemIcon = function NavBarItemIcon(_a) {
+    var { ref, children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["ref", "children", "asChild", "className", "name"]);
     const Comp = asChild ? react_slot_1.Slot : index_js_1.Icon;
     return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ name: name, className: (0, clsx_1.clsx)('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:text-inherit', 'layer-variants:[*[data-active=true]_&]:fill-primary-light', className) }, rest, { ref: ref, children: children })));
-});
+};
+exports.NavBarItemIcon = NavBarItemIcon;
 exports.NavBarItemPip = (0, hooks_js_1.withClassName)('div', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-full layer-components:bg-attention layer-components:shadow-sm');
 exports.NavBarRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:grid layer-components:[grid-auto-columns:1fr] layer-components:[grid-auto-flow:column] layer-components:justify-items-center layer-components:w-full layer-components:rounded-0 layer-components:overflow-hidden layer-components:z-50 layer-components:p-1 layer-components:h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:sm:bg-transparent layer-components:sm:flex layer-components:sm:flex-col layer-components:sm:rounded-0 layer-components:sm:border-none layer-components:sm:border-transparent layer-components:sm:shadow-none layer-components:sm:h-min-content layer-components:sm:overflow-y-auto layer-components:sm:overflow-x-hidden layer-components:sm:justify-start layer-components:sm:items-stretch layer-components:sm:gap-2 layer-components:sm:pb-10');
 exports.NavBar = Object.assign(exports.NavBarRoot, {

package/dist/cjs/components/navBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AACxC,iCAA8C;AAC9C,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAAuC,EAAE,GAAG;QAA5C,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAQW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CACtB,EAA+D,EAC/D,GAAG;QADH,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,OAAW,EAAN,IAAI,cAA7D,4CAA+D,CAAF;IAG7D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AAExC,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASK,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAQ7C;QAR6C,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,OAIN,EAHG,IAAI,cALsC,yCAM7C,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAnBW,QAAA,UAAU,cAmBrB;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AASK,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}

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

@@ -1,20 +1,25 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Ref } from 'react';
 export declare const PopoverRoot: 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<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    disableBlur?: boolean;
-    padding?: "none" | "default";
+export declare const PopoverContent: ({ ref, children, forceMount, disableBlur, className, radius, padding, ...props }: PopoverPrimitive.PopoverContentProps & {
     radius?: "none" | "default" | "md";
-} & import("react").RefAttributes<HTMLDivElement>>;
+    padding?: "none" | "default";
+    forceMount?: boolean;
+    disableBlur?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime.js").JSX.Element;
 export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps> & {
-    Content: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-        disableBlur?: boolean;
-        padding?: "none" | "default";
+    Content: ({ ref, children, forceMount, disableBlur, className, radius, padding, ...props }: PopoverPrimitive.PopoverContentProps & {
         radius?: "none" | "default" | "md";
-    } & import("react").RefAttributes<HTMLDivElement>>;
+        padding?: "none" | "default";
+        forceMount?: boolean;
+        disableBlur?: boolean;
+        ref?: Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element;
     Arrow: import("react").FunctionComponent<PopoverPrimitive.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
     Close: import("react").FunctionComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
     Trigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -52,9 +52,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Popover = exports.PopoverContent = exports.PopoverAnchor = exports.PopoverClose = exports.PopoverArrow = exports.PopoverTrigger = exports.PopoverRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
-const react_1 = require("react");
-const withClassName_js_1 = require("../../hooks/withClassName.js");
 const clsx_1 = __importDefault(require("clsx"));
+const withClassName_js_1 = require("../../hooks/withClassName.js");
 const StyledContent = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Content, 'layer-components:rounded-xl layer-components:min-w-120px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:border-default layer-components:op-0 layer-components:hidden layer-components:max-w-90vw', 'will-change-transform', 'layer-components:transform-origin-[var(--radix-popover-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'important:motion-reduce:animate-none', 'layer-components:max-h-[var(--radix-popover-content-available-height)]', 'layer-components:[&[data-state=open]]:opacity-100 layer-components:[&[data-state=open]]:flex layer-components:[&[data-state=open]]:flex-col', 'layer-components:[&[data-state=closed]]:pointer-events-none');
 const StyledArrow = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Arrow, 'layer-components:fill-white layer-components:stroke-black');
 const StyledClose = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Close, 'layer-components:[all:unset] layer-components:[font-family:inherit] layer-components:rounded-full layer-components:h-25px layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center layer-components:color-dark-blend layer-components:absolute layer-components:top-5px layer-components:right-5px layer-components:hover:bg-light-blend layer-components:focus:shadow-focus');
@@ -64,8 +63,8 @@ exports.PopoverTrigger = PopoverPrimitive.Trigger;
 exports.PopoverArrow = StyledArrow;
 exports.PopoverClose = StyledClose;
 exports.PopoverAnchor = PopoverPrimitive.Anchor;
-exports.PopoverContent = (0, react_1.forwardRef)(function PopoverContent(_a, ref) {
-    var { children, forceMount, disableBlur, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["children", "forceMount", "disableBlur", "className", "radius", "padding"]);
+const PopoverContent = function PopoverContent(_a) {
+    var { ref, children, forceMount, disableBlur, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["ref", "children", "forceMount", "disableBlur", "className", "radius", "padding"]);
     return ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { forceMount: forceMount, children: (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({}, props, { forceMount: forceMount, ref: ref, className: (0, clsx_1.default)({
                 'layer-variants:important:p-0': padding === 'none',
                 'layer-variants:p-5': padding === 'default',
@@ -73,7 +72,8 @@ exports.PopoverContent = (0, react_1.forwardRef)(function PopoverContent(_a, ref
                 'layer-variants:rounded-lg': radius === 'default',
                 'layer-variants:rounded-md': radius === 'md',
             }, className), children: children })) }));
-});
+};
+exports.PopoverContent = PopoverContent;
 exports.Popover = Object.assign(exports.PopoverRoot, {
     Content: exports.PopoverContent,
     Arrow: exports.PopoverArrow,

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,iCAA6D;AAE7D,mEAA6D;AAC7D,gDAA8B;AAE9B,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,gBAAgB,CAAC,OAAO,EACxB,2GAA2G,EAC3G,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0EAA0E,EAC1E,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,4CAA4C,CAC5C,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,6MAA6M,CAC7M,CAAC;AAEF,UAAU;AACG,QAAA,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACpC,QAAA,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC1C,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAExC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAOtC,SAAS,cAAc,CACxB,EAQC,EACD,GAAG;QATH,EACC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAEnB,EADG,KAAK,cAPT,2EAQC,CADQ;IAIT,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,EAAE,UAAU,YAC9C,uBAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB;gBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;gBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;gBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;gBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;gBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;aAC5C,EACD,SAAS,CACT,YAEA,QAAQ,IACM,GACS,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,EAAE;IACjD,OAAO,EAAE,sBAAc;IACvB,KAAK,EAAE,oBAAY;IACnB,KAAK,EAAE,oBAAY;IACnB,OAAO,EAAE,sBAAc;IACvB,MAAM,EAAE,qBAAa;CACrB,CAAC,CAAC"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAE5D,gDAA8B;AAE9B,mEAA6D;AAE7D,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,gBAAgB,CAAC,OAAO,EACxB,2GAA2G,EAC3G,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0EAA0E,EAC1E,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,4CAA4C,CAC5C,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,6MAA6M,CAC7M,CAAC;AAEF,UAAU;AACG,QAAA,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACpC,QAAA,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC1C,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAE9C,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAerD;QAfqD,EACrD,GAAG,EACH,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAQnB,EAPG,KAAK,cAR6C,kFASrD,CADQ;IAQR,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,EAAE,UAAU,YAC9C,uBAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB;gBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;gBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;gBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;gBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;gBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;aAC5C,EACD,SAAS,CACT,YAEA,QAAQ,IACM,GACS,CAC1B,CAAC;AACH,CAAC,CAAC;AArCW,QAAA,cAAc,kBAqCzB;AAEW,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,EAAE;IACjD,OAAO,EAAE,sBAAc;IACvB,KAAK,EAAE,oBAAY;IACnB,KAAK,EAAE,oBAAY;IACnB,OAAO,EAAE,sBAAc;IACvB,MAAM,EAAE,qBAAa;CACrB,CAAC,CAAC"}

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

@@ -1,9 +1,10 @@
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 export declare const ProgressRoot: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ProgressIndicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Progress: import("react").ForwardRefExoticComponent<ProgressPrimitive.ProgressProps & {
-    color?: "accent" | "primary";
-} & import("react").RefAttributes<HTMLDivElement>> & {
+export declare const Progress: (({ ref, children, color, max, value, ...props }: ProgressPrimitive.ProgressProps & {
+    ref?: React.Ref<HTMLDivElement>;
+    color?: "accent";
+}) => import("react/jsx-runtime.js").JSX.Element) & {
     Root: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
     Indicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
 };

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

@@ -49,15 +49,14 @@ exports.Progress = exports.ProgressIndicator = exports.ProgressRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
 const hooks_js_1 = require("../../hooks.js");
-const react_1 = require("react");
 exports.ProgressRoot = (0, hooks_js_1.withClassName)(ProgressPrimitive.Root, 'layer-components:w-full layer-components:relative layer-components:overflow-hidden layer-components:border layer-components:border-default layer-components:rounded-full');
 exports.ProgressIndicator = (0, hooks_js_1.withClassName)(ProgressPrimitive.Indicator, 'layer-components:bg-primary layer-components:w-full layer-components:h-6px layer-components:translate-x-[calc(-100%*(1-var(--value)))] layer-components:rounded-full layer-components:transition-transform', 'layer-components:[&[data-state=complete]]:bg-accent', 'layer-variants:[&[data-color=accent]]:bg-accent');
-const ProgressBase = (0, react_1.forwardRef)(function ProgressBase(_a, ref) {
-    var { children, color, max = 100, value } = _a, props = __rest(_a, ["children", "color", "max", "value"]);
+const ProgressBase = function ProgressBase(_a) {
+    var { ref, children, color, max = 100, value } = _a, props = __rest(_a, ["ref", "children", "color", "max", "value"]);
     return ((0, jsx_runtime_1.jsx)(exports.ProgressRoot, Object.assign({}, props, { value: value, max: max, ref: ref, children: (0, jsx_runtime_1.jsx)(exports.ProgressIndicator, { "data-color": color, 
             // @ts-ignore
             style: { '--value': (value || 0) / max } }) })));
-});
+};
 exports.Progress = Object.assign(ProgressBase, {
     Root: exports.ProgressRoot,
     Indicator: exports.ProgressIndicator,

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4EAA8D;AAC9D,6CAA+C;AAC/C,iCAAmC;AAEtB,QAAA,YAAY,GAAG,IAAA,wBAAa,EACxC,iBAAiB,CAAC,IAAI,EACtB,uFAAuF,CACvF,CAAC;AACW,QAAA,iBAAiB,GAAG,IAAA,wBAAa,EAC7C,iBAAiB,CAAC,SAAS,EAC3B,yHAAyH,EACzH,uDAAuD,EACvD,mDAAmD,CACnD,CAAC;AAEF,MAAM,YAAY,GAAG,IAAA,kBAAU,EAG7B,SAAS,YAAY,CAAC,EAA+C,EAAE,GAAG;QAApD,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,OAAY,EAAP,KAAK,cAA7C,qCAA+C,CAAF;IACpE,OAAO,CACN,uBAAC,oBAAY,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,YACxD,uBAAC,yBAAiB,kBACL,KAAK;YACjB,aAAa;YACb,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GACvC,IACY,CACf,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,oBAAY;IAClB,SAAS,EAAE,yBAAiB;CAC5B,CAAC,CAAC"}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4EAA8D;AAC9D,6CAA+C;AAElC,QAAA,YAAY,GAAG,IAAA,wBAAa,EACxC,iBAAiB,CAAC,IAAI,EACtB,uFAAuF,CACvF,CAAC;AACW,QAAA,iBAAiB,GAAG,IAAA,wBAAa,EAC7C,iBAAiB,CAAC,SAAS,EAC3B,yHAAyH,EACzH,uDAAuD,EACvD,mDAAmD,CACnD,CAAC;AAEF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAU1C;QAV0C,EAC1C,GAAG,EACH,QAAQ,EACR,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,OAKL,EAJG,KAAK,cANkC,4CAO1C,CADQ;IAKR,OAAO,CACN,uBAAC,oBAAY,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,YACxD,uBAAC,yBAAiB,kBACL,KAAK;YACjB,aAAa;YACb,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GACvC,IACY,CACf,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,oBAAY;IAClB,SAAS,EAAE,yBAAiB;CAC5B,CAAC,CAAC"}

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

@@ -2,9 +2,10 @@ import type { StoryObj } from '@storybook/react';
 import { Progress } from './Progress.js';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-progress").ProgressProps & {
-        color?: "accent" | "primary";
-    } & import("react").RefAttributes<HTMLDivElement>> & {
+    component: (({ ref, children, color, max, value, ...props }: import("@radix-ui/react-progress").ProgressProps & {
+        ref?: React.Ref<HTMLDivElement>;
+        color?: "accent";
+    }) => import("react/jsx-runtime.js").JSX.Element) & {
         Root: import("react").FunctionComponent<import("@radix-ui/react-progress").ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
         Indicator: import("react").FunctionComponent<import("@radix-ui/react-progress").ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
     };

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

@@ -1,18 +1,25 @@
 import * as Primitive from '@radix-ui/react-scroll-area';
+import { Ref } from 'react';
 export interface ScrollAreaRootProps extends Primitive.ScrollAreaProps {
     background?: 'white' | 'wash' | 'primary-wash' | 'primary' | 'black';
+    ref?: Ref<HTMLDivElement>;
 }
-export declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<ScrollAreaRootProps & import("react").RefAttributes<any>>;
+export declare const ScrollAreaRoot: ({ ref, background, ...props }: ScrollAreaRootProps) => import("react/jsx-runtime.js").JSX.Element;
 export declare const ScrollAreaViewport: import("react").FunctionComponent<Primitive.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ScrollAreaScrollbarRoot: import("react").FunctionComponent<Primitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ScrollAreaThumb: import("react").FunctionComponent<Primitive.ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<Primitive.ScrollAreaScrollbarProps & import("react").RefAttributes<any>>;
+export declare const ScrollAreaScrollbar: ({ ref, ...props }: Primitive.ScrollAreaScrollbarProps & {
+    ref?: Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime.js").JSX.Element;
 export interface ScrollAreaProps extends Primitive.ScrollAreaProps {
     background?: ScrollAreaRootProps['background'];
     orientation?: 'vertical' | 'both';
+    ref?: Ref<HTMLDivElement>;
 }
-export declare const ScrollArea: import("react").ForwardRefExoticComponent<ScrollAreaProps & import("react").RefAttributes<any>> & {
-    Root: import("react").ForwardRefExoticComponent<ScrollAreaRootProps & import("react").RefAttributes<any>>;
+export declare const ScrollArea: (({ ref, children, orientation, ...props }: ScrollAreaProps) => import("react/jsx-runtime.js").JSX.Element) & {
+    Root: ({ ref, background, ...props }: ScrollAreaRootProps) => import("react/jsx-runtime.js").JSX.Element;
     Viewport: import("react").FunctionComponent<Primitive.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
-    Scrollbar: import("react").ForwardRefExoticComponent<Primitive.ScrollAreaScrollbarProps & import("react").RefAttributes<any>>;
+    Scrollbar: ({ ref, ...props }: Primitive.ScrollAreaScrollbarProps & {
+        ref?: Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element;
 };

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

@@ -48,27 +48,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollArea = exports.ScrollAreaScrollbar = exports.ScrollAreaThumb = exports.ScrollAreaScrollbarRoot = exports.ScrollAreaViewport = exports.ScrollAreaRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Primitive = __importStar(require("@radix-ui/react-scroll-area"));
-const hooks_js_1 = require("../../hooks.js");
 const react_1 = require("react");
+const hooks_js_1 = require("../../hooks.js");
 const ScrollAreaRootImpl = (0, hooks_js_1.withClassName)(Primitive.Root, 'overflow-hidden bg-[var(--scroll-bg)] rounded-lg', 'layer-components:[--scroll-bg:var(--color-wash)] layer-components:[--scroll-shadow:var(--color-shadow-1))]');
-exports.ScrollAreaRoot = (0, react_1.forwardRef)(function ScrollAreaRoot(_a, ref) {
-    var { background = 'wash' } = _a, props = __rest(_a, ["background"]);
+const ScrollAreaRoot = function ScrollAreaRoot(_a) {
+    var { ref, background = 'wash' } = _a, props = __rest(_a, ["ref", "background"]);
     const bgStyle = (0, react_1.useMemo)(() => ({
         '--scroll-bg': `var(--color-${background})`,
         '--scroll-shadow': `var(--color-${shadowMap[background]})`,
     }), [background]);
     return (0, jsx_runtime_1.jsx)(ScrollAreaRootImpl, Object.assign({ ref: ref, style: bgStyle }, props));
-});
+};
+exports.ScrollAreaRoot = ScrollAreaRoot;
 exports.ScrollAreaViewport = (0, hooks_js_1.withClassName)(Primitive.Viewport, 'h-full w-full', '[background:linear-gradient(var(--scroll-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--scroll-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,var(--scroll-shadow),rgba(0,0,0,0))_center_top,radial-gradient(farthest-side_at_50%_100%,var(--scroll-shadow),rgba(0,0,0,0))_center_bottom]', '![background-repeat:no-repeat] ![background-size:100%_40px,100%_40px,100%_14px,100%_14px]', '![background-attachment:local,local,scroll,scroll]');
 exports.ScrollAreaScrollbarRoot = (0, hooks_js_1.withClassName)(Primitive.Scrollbar, 'layer-components:flex layer-components:select-none layer-components:touch-none layer-components:p-0.5 layer-components:bg-gray-2 layer-components:transition-colors layer-components:duration-160ms layer-components:ease-out', 'layer-components:hover:bg-gray-3', 'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:flex-col layer-components:[&[data-orientation=horizontal]]:h-2.5');
 exports.ScrollAreaThumb = (0, hooks_js_1.withClassName)(Primitive.Thumb, 'layer-components:flex-1 layer-components:rounded-lg layer-components:relative layer-components:bg-gray-5', 'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:min-w-44px before:min-h-44px');
-exports.ScrollAreaScrollbar = (0, react_1.forwardRef)(function ScrollAreaScrollbar(props, ref) {
+const ScrollAreaScrollbar = function ScrollAreaScrollbar(_a) {
+    var { ref } = _a, props = __rest(_a, ["ref"]);
     return ((0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(exports.ScrollAreaThumb, {}) })));
-});
-exports.ScrollArea = Object.assign((0, react_1.forwardRef)(function ScrollArea(_a, ref) {
-    var { children, orientation } = _a, props = __rest(_a, ["children", "orientation"]);
+};
+exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
+exports.ScrollArea = Object.assign(function ScrollArea(_a) {
+    var { ref, children, orientation } = _a, props = __rest(_a, ["ref", "children", "orientation"]);
     return ((0, jsx_runtime_1.jsxs)(exports.ScrollAreaRoot, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(exports.ScrollAreaViewport, { children: children }), (0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbar, {}), orientation === 'both' && ((0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbar, { orientation: "horizontal" }))] })));
-}), {
+}, {
     Root: exports.ScrollAreaRoot,
     Viewport: exports.ScrollAreaViewport,
     Scrollbar: exports.ScrollAreaScrollbar,

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAyD;AACzD,6CAA+C;AAC/C,iCAA4C;AAE5C,MAAM,kBAAkB,GAAG,IAAA,wBAAa,EACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAMW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,UAAU,GAAG,MAAM,OAAY,EAAP,KAAK,cAA/B,cAAiC,CAAF;IACtD,MAAM,OAAO,GAAQ,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC;QACN,aAAa,EAAE,eAAe,UAAU,GAAG;QAC3C,iBAAiB,EAAE,eAAe,SAAS,CAAC,UAAU,CAAC,GAAG;KAC1D,CAAC,EACF,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,OAAO,uBAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CACD,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,wBAAa,EAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,wBAAa,EACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACxC,OAAO,CACN,uBAAC,+BAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,uBAAC,uBAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAOU,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,IAAA,kBAAU,EAAuB,SAAS,UAAU,CACnD,EAAmC,EACnC,GAAG;QADH,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,cAAjC,2BAAmC,CAAF;IAGjC,OAAO,CACN,wBAAC,sBAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,uBAAC,0BAAkB,cAAE,QAAQ,GAAsB,EACnD,uBAAC,2BAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,uBAAC,2BAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,sBAAc;IACpB,QAAQ,EAAE,0BAAkB;IAC5B,SAAS,EAAE,2BAAmB;CAC9B,CACD,CAAC;AAEF,MAAM,SAAS,GAAG;IACjB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,SAAS;CAChB,CAAC"}
+{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAyD;AACzD,iCAAqC;AACrC,6CAA+C;AAE/C,MAAM,kBAAkB,GAAG,IAAA,wBAAa,EACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAOK,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAIhC;QAJgC,EACrD,GAAG,EACH,UAAU,GAAG,MAAM,OAEE,EADlB,KAAK,cAH6C,qBAIrD,CADQ;IAER,MAAM,OAAO,GAAQ,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC;QACN,aAAa,EAAE,eAAe,UAAU,GAAG;QAC3C,iBAAiB,EAAE,eAAe,SAAS,CAAC,UAAU,CAAC,GAAG;KAC1D,CAAC,EACF,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,OAAO,uBAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB;AAEW,QAAA,kBAAkB,GAAG,IAAA,wBAAa,EAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,wBAAa,EACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEK,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAK/D;QAL+D,EAC/D,GAAG,OAIH,EAHG,KAAK,cAFuD,OAG/D,CADQ;IAIR,OAAO,CACN,uBAAC,+BAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,uBAAC,uBAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B;AAQW,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,SAAS,UAAU,CAAC,EAKF;QALE,EACnB,GAAG,EACH,QAAQ,EACR,WAAW,OAEM,EADd,KAAK,cAJW,kCAKnB,CADQ;IAER,OAAO,CACN,wBAAC,sBAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,uBAAC,0BAAkB,cAAE,QAAQ,GAAsB,EACnD,uBAAC,2BAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,uBAAC,2BAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,sBAAc;IACpB,QAAQ,EAAE,0BAAkB;IAC5B,SAAS,EAAE,2BAAmB;CAC9B,CACD,CAAC;AAEF,MAAM,SAAS,GAAG;IACjB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,SAAS;CAChB,CAAC"}

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

@@ -1,7 +1,9 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { FunctionComponent, ReactNode } from 'react';
 import { ButtonProps } from '../button/index.js';
-export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: ({ ref: forwardedRef, children, className, ...props }: SelectPrimitive.SelectItemProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime.js").JSX.Element;
 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>;
@@ -13,15 +15,19 @@ export declare const SelectTriggerBase: FunctionComponent<SelectPrimitive.Select
 export declare const UnstyledSelectTrigger: FunctionComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export interface SelectTriggerProps extends ButtonProps {
 }
-export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SelectTrigger: ({ ref, children, ...props }: SelectTriggerProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime.js").JSX.Element;
 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;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const NativeSelect: import("react").ForwardRefExoticComponent<import("react").SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLSelectElement>>;
+export declare const SelectIcon: FunctionComponent<SelectPrimitive.SelectIconProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}>;
+export declare const SelectContent: FunctionComponent<any>;
+export declare const NativeSelect: ({ ref: forwardedRef, className, ...props }: React.SelectHTMLAttributes<HTMLSelectElement> & {
+    ref?: React.Ref<HTMLSelectElement>;
+}) => import("react/jsx-runtime.js").JSX.Element;
 export type SelectProps<T extends string = string> = {
     children?: ReactNode;
     value: T;
@@ -37,14 +43,18 @@ export type SelectProps<T extends string = string> = {
 };
 export declare const Select: (<T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: SelectProps<T>) => import("react/jsx-runtime.js").JSX.Element) & {
     Root: import("react").FC<SelectPrimitive.SelectProps>;
-    Item: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: ({ ref: forwardedRef, children, className, ...props }: SelectPrimitive.SelectItemProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element;
     Group: (props: SelectPrimitive.SelectGroupProps) => import("react/jsx-runtime.js").JSX.Element;
-    Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Trigger: ({ ref, children, ...props }: SelectTriggerProps & {
+        ref?: React.Ref<HTMLButtonElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element;
     Value: FunctionComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
     Label: FunctionComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
     Separator: FunctionComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Icon: FunctionComponent<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
-    Content: FunctionComponent<SelectPrimitive.SelectContentProps & {
-        inDialog?: boolean;
-    } & import("react").RefAttributes<HTMLDivElement>>;
+    Icon: FunctionComponent<SelectPrimitive.SelectIconProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }>;
+    Content: FunctionComponent<any>;
 };

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

@@ -58,14 +58,15 @@ const react_1 = require("react");
 const withClassName_js_1 = require("../../hooks/withClassName.js");
 const index_js_1 = require("../button/index.js");
 const index_js_2 = require("../icon/index.js");
-exports.SelectItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+const SelectItem = (_a) => {
+    var { ref: forwardedRef, children, className } = _a, props = __rest(_a, ["ref", "children", "className"]);
     const isNative = (0, react_1.useContext)(IsNativeContext);
     if (isNative) {
         return (0, jsx_runtime_1.jsx)("option", { value: props.value, children: children });
     }
     return ((0, jsx_runtime_1.jsxs)(exports.SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children }), (0, jsx_runtime_1.jsx)(exports.SelectItemIndicator, {})] })));
-});
+};
+exports.SelectItem = SelectItem;
 exports.SelectItemRoot = (0, withClassName_js_1.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 [&[data-disabled]]:pointer-events-none [&[data-highlighted]]:outline-none [&[data-highlighted]]:bg-primary-wash [&[data-highlighted]]:color-black');
 exports.SelectItemIndicatorRoot = (0, withClassName_js_1.withClassName)(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
 exports.SelectItemIndicator = withNoNativeRender((props) => ((0, jsx_runtime_1.jsx)(exports.SelectItemIndicatorRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) }))));
@@ -82,26 +83,28 @@ exports.SelectRoot = SelectPrimitive.Root;
 exports.selectTriggerClassName = (0, clsx_1.default)((0, index_js_1.getButtonClassName)({ color: 'default' }), 'layer-components:[all:unset] layer-components:inline-flex layer-components:[&[data-placeholder]]:color-gray8');
 exports.SelectTriggerBase = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Trigger, exports.selectTriggerClassName));
 exports.UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
-exports.SelectTrigger = (0, react_1.forwardRef)(function SelectTrigger(_a, ref) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+const SelectTrigger = function SelectTrigger(_a) {
+    var { ref, children } = _a, props = __rest(_a, ["ref", "children"]);
     return ((0, jsx_runtime_1.jsx)(exports.UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { className: "gap-2 font-normal", children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.SelectValue, {}), (0, jsx_runtime_1.jsx)(exports.SelectIcon, {})] })) }) })));
-});
+};
+exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Value, 'flex flex-row'));
 exports.SelectLabel = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Label, 'px-25px text-xs leading-6 color-black select-none'));
 exports.SelectSeparator = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Separator, 'h-1px bg-gray50 m-1'));
-exports.SelectIcon = withNoNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
+exports.SelectIcon = withNoNativeRender((_a) => {
+    var { ref: forwardedRef, className } = _a, props = __rest(_a, ["ref", "className"]);
     return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, Object.assign({ className: (0, clsx_1.default)('color-inherit', className) }, props, { ref: forwardedRef, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
-}));
+});
 const zIndex = { zIndex: 1001 };
-exports.SelectContent = withPassthroughNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { children, inDialog, className } = _a, props = __rest(_a, ["children", "inDialog", "className"]);
+exports.SelectContent = withPassthroughNativeRender((_a) => {
+    var { ref: forwardedRef, children, inDialog, className } = _a, props = __rest(_a, ["ref", "children", "inDialog", "className"]);
     return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-lg layer-components:border layer-components:border-solid layer-components:border-1 layer-components:border-black layer-components:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: zIndex }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronUpIcon, {}) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: "p-1", children: children }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {}) })] })) }));
-}));
-exports.NativeSelect = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('relative', className), children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ className: (0, clsx_1.default)('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 })), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { className: "w-4 h-4 m-2" }) })] }));
 });
+const NativeSelect = (_a) => {
+    var { ref: forwardedRef, className } = _a, props = __rest(_a, ["ref", "className"]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('relative', className), children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ className: (0, clsx_1.default)('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 })), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { className: "w-4 h-4 m-2" }) })] }));
+};
+exports.NativeSelect = NativeSelect;
 /**
  * A high-level Select which converts to native on mobile. Use with SelectItem.
  */