@a-type/ui 1.3.0 → 1.3.2

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

@@ -13,22 +13,21 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from '@radix-ui/react-slot';
 import classNames, { clsx } from 'clsx';
-import { forwardRef } from 'react';
 import { withClassName } from '../../hooks.js';
 import { Icon } from '../icon/index.js';
 export const navBarItemClass = classNames('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');
-export const NavBarItem = forwardRef(function NavBarItem(_a, ref) {
-    var { asChild, className, active } = _a, rest = __rest(_a, ["asChild", "className", "active"]);
+export const NavBarItem = function NavBarItem(_a) {
+    var { ref, asChild, className, active } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active"]);
     const Comp = asChild ? Slot : 'div';
     return (_jsx(Comp, Object.assign({ ref: ref, className: classNames(navBarItemClass, className), "data-active": active }, rest)));
-});
+};
 export const NavBarItemIconWrapper = 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');
 export const NavBarItemText = 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');
-export const NavBarItemIcon = forwardRef(function NavBarItemIcon(_a, ref) {
-    var { children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["children", "asChild", "className", "name"]);
+export const NavBarItemIcon = function NavBarItemIcon(_a) {
+    var { ref, children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["ref", "children", "asChild", "className", "name"]);
     const Comp = asChild ? Slot : Icon;
     return (_jsx(Comp, Object.assign({ name: name, className: 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 })));
-});
+};
 export const NavBarItemPip = 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');
 export const NavBarRoot = 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');
 export const NavBar = Object.assign(NavBarRoot, {

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

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CACnC,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,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,KAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAQF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,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,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACnC,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;CACtB,CAAC,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASF,MAAM,CAAC,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,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,KAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AASF,MAAM,CAAC,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,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACnC,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;CACtB,CAAC,CAAC"}

package/dist/esm/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").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").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/esm/components/popover/Popover.js

@@ -13,9 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { forwardRef } from 'react';
-import { withClassName } from '../../hooks/withClassName.js';
 import classNames from 'clsx';
+import { withClassName } from '../../hooks/withClassName.js';
 const StyledContent = withClassName(PopoverPrimitive.Content, 'layer-components:rounded-xl layer-components:min-w-120px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components: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 = withClassName(PopoverPrimitive.Arrow, 'layer-components:fill-white layer-components:stroke-black');
 const StyledClose = 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');
@@ -25,8 +24,8 @@ export const PopoverTrigger = PopoverPrimitive.Trigger;
 export const PopoverArrow = StyledArrow;
 export const PopoverClose = StyledClose;
 export const PopoverAnchor = PopoverPrimitive.Anchor;
-export const PopoverContent = forwardRef(function PopoverContent(_a, ref) {
-    var { children, forceMount, disableBlur, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["children", "forceMount", "disableBlur", "className", "radius", "padding"]);
+export const PopoverContent = function PopoverContent(_a) {
+    var { ref, children, forceMount, disableBlur, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["ref", "children", "forceMount", "disableBlur", "className", "radius", "padding"]);
     return (_jsx(PopoverPrimitive.Portal, { forceMount: forceMount, children: _jsx(StyledContent, Object.assign({}, props, { forceMount: forceMount, ref: ref, className: classNames({
                 'layer-variants:important:p-0': padding === 'none',
                 'layer-variants:p-5': padding === 'default',
@@ -34,7 +33,7 @@ export const PopoverContent = forwardRef(function PopoverContent(_a, ref) {
                 'layer-variants:rounded-lg': radius === 'default',
                 'layer-variants:rounded-md': radius === 'md',
             }, className), children: children })) }));
-});
+};
 export const Popover = Object.assign(PopoverRoot, {
     Content: PopoverContent,
     Arrow: PopoverArrow,

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,MAAM,aAAa,GAAG,aAAa,CAClC,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,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,4CAA4C,CAC5C,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,6MAA6M,CAC7M,CAAC;AAEF,UAAU;AACV,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACjD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAOtC,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,KAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,EAAE,UAAU,YAC9C,KAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB;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;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IACjD,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;CACrB,CAAC,CAAC"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,aAAa,GAAG,aAAa,CAClC,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,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,4CAA4C,CAC5C,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,6MAA6M,CAC7M,CAAC;AAEF,UAAU;AACV,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACjD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAerD;QAfqD,EACrD,GAAG,EACH,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAQnB,EAPG,KAAK,cAR6C,kFASrD,CADQ;IAQR,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,EAAE,UAAU,YAC9C,KAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB;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;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IACjD,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;CACrB,CAAC,CAAC"}

package/dist/esm/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").JSX.Element) & {
     Root: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
     Indicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
 };

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

@@ -13,15 +13,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { withClassName } from '../../hooks.js';
-import { forwardRef } from 'react';
 export const ProgressRoot = withClassName(ProgressPrimitive.Root, 'layer-components:w-full layer-components:relative layer-components:overflow-hidden layer-components:border layer-components:border-default layer-components:rounded-full');
 export const ProgressIndicator = 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 = 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 (_jsx(ProgressRoot, Object.assign({}, props, { value: value, max: max, ref: ref, children: _jsx(ProgressIndicator, { "data-color": color, 
             // @ts-ignore
             style: { '--value': (value || 0) / max } }) })));
-});
+};
 export const Progress = Object.assign(ProgressBase, {
     Root: ProgressRoot,
     Indicator: ProgressIndicator,

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACxC,iBAAiB,CAAC,IAAI,EACtB,uFAAuF,CACvF,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,iBAAiB,CAAC,SAAS,EAC3B,yHAAyH,EACzH,uDAAuD,EACvD,mDAAmD,CACnD,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAG7B,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,KAAC,YAAY,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,YACxD,KAAC,iBAAiB,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;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CAAC,CAAC"}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACxC,iBAAiB,CAAC,IAAI,EACtB,uFAAuF,CACvF,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,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,KAAC,YAAY,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,YACxD,KAAC,iBAAiB,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;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACnD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CAAC,CAAC"}

package/dist/esm/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").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/esm/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").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").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").JSX.Element) & {
+    Root: ({ ref, background, ...props }: ScrollAreaRootProps) => import("react/jsx-runtime").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").JSX.Element;
 };

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

@@ -12,27 +12,28 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as Primitive from '@radix-ui/react-scroll-area';
+import { useMemo } from 'react';
 import { withClassName } from '../../hooks.js';
-import { forwardRef, useMemo } from 'react';
 const ScrollAreaRootImpl = 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))]');
-export const ScrollAreaRoot = forwardRef(function ScrollAreaRoot(_a, ref) {
-    var { background = 'wash' } = _a, props = __rest(_a, ["background"]);
+export const ScrollAreaRoot = function ScrollAreaRoot(_a) {
+    var { ref, background = 'wash' } = _a, props = __rest(_a, ["ref", "background"]);
     const bgStyle = useMemo(() => ({
         '--scroll-bg': `var(--color-${background})`,
         '--scroll-shadow': `var(--color-${shadowMap[background]})`,
     }), [background]);
     return _jsx(ScrollAreaRootImpl, Object.assign({ ref: ref, style: bgStyle }, props));
-});
+};
 export const ScrollAreaViewport = 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]');
 export const ScrollAreaScrollbarRoot = withClassName(Primitive.Scrollbar, 'layer-components:flex layer-components:select-none layer-components:touch-none layer-components:p-0.5 layer-components:bg-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');
 export const ScrollAreaThumb = 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');
-export const ScrollAreaScrollbar = forwardRef(function ScrollAreaScrollbar(props, ref) {
+export const ScrollAreaScrollbar = function ScrollAreaScrollbar(_a) {
+    var { ref } = _a, props = __rest(_a, ["ref"]);
     return (_jsx(ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref, children: _jsx(ScrollAreaThumb, {}) })));
-});
-export const ScrollArea = Object.assign(forwardRef(function ScrollArea(_a, ref) {
-    var { children, orientation } = _a, props = __rest(_a, ["children", "orientation"]);
+};
+export const ScrollArea = Object.assign(function ScrollArea(_a) {
+    var { ref, children, orientation } = _a, props = __rest(_a, ["ref", "children", "orientation"]);
     return (_jsxs(ScrollAreaRoot, Object.assign({ ref: ref }, props, { children: [_jsx(ScrollAreaViewport, { children: children }), _jsx(ScrollAreaScrollbar, {}), orientation === 'both' && (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" }))] })));
-}), {
+}, {
     Root: ScrollAreaRoot,
     Viewport: ScrollAreaViewport,
     Scrollbar: ScrollAreaScrollbar,

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,kBAAkB,GAAG,aAAa,CACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,SAAS,cAAc,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,UAAU,GAAG,MAAM,OAAY,EAAP,KAAK,cAA/B,cAAiC,CAAF;IACtD,MAAM,OAAO,GAAQ,OAAO,CAC3B,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,KAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACxC,OAAO,CACN,KAAC,uBAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,KAAC,eAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,UAAU,CAAuB,SAAS,UAAU,CACnD,EAAmC,EACnC,GAAG;QADH,EAAE,QAAQ,EAAE,WAAW,OAAY,EAAP,KAAK,cAAjC,2BAAmC,CAAF;IAGjC,OAAO,CACN,MAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,EACnD,KAAC,mBAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;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,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAO,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,kBAAkB,GAAG,aAAa,CACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAOF,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAIhC;QAJgC,EACrD,GAAG,EACH,UAAU,GAAG,MAAM,OAEE,EADlB,KAAK,cAH6C,qBAIrD,CADQ;IAER,MAAM,OAAO,GAAQ,OAAO,CAC3B,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,KAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,SAAS,CAAC,SAAS,EACnB,0GAA0G,EAC1G,kCAAkC,EAClC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,SAAS,CAAC,KAAK,EACf,yDAAyD,EACzD,gHAAgH,CAChH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAK/D;QAL+D,EAC/D,GAAG,OAIH,EAHG,KAAK,cAFuD,OAG/D,CADQ;IAIR,OAAO,CACN,KAAC,uBAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,KAAC,eAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,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,MAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,EACnD,KAAC,mBAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;CAC9B,CACD,CAAC;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/esm/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").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").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").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").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").JSX.Element;
     Group: (props: SelectPrimitive.SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Trigger: ({ ref, children, ...props }: SelectTriggerProps & {
+        ref?: React.Ref<HTMLButtonElement>;
+    }) => import("react/jsx-runtime").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/esm/components/select/Select.js

@@ -15,18 +15,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon, } from '@radix-ui/react-icons';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import classNames from 'clsx';
-import { createContext, forwardRef, useContext, } from 'react';
+import { createContext, useContext, } from 'react';
 import { withClassName } from '../../hooks/withClassName.js';
 import { Button, getButtonClassName } from '../button/index.js';
 import { Icon } from '../icon/index.js';
-export const SelectItem = forwardRef((_a, forwardedRef) => {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+export const SelectItem = (_a) => {
+    var { ref: forwardedRef, children, className } = _a, props = __rest(_a, ["ref", "children", "className"]);
     const isNative = useContext(IsNativeContext);
     if (isNative) {
         return _jsx("option", { 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 [&[data-disabled]]:pointer-events-none [&[data-highlighted]]:outline-none [&[data-highlighted]]:bg-primary-wash [&[data-highlighted]]:color-black');
 export const SelectItemIndicatorRoot = withClassName(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
 export const SelectItemIndicator = withNoNativeRender((props) => (_jsx(SelectItemIndicatorRoot, Object.assign({}, props, { children: _jsx(CheckIcon, {}) }))));
@@ -42,26 +42,26 @@ export const SelectRoot = SelectPrimitive.Root;
 export const selectTriggerClassName = classNames(getButtonClassName({ color: 'default' }), 'layer-components:[all:unset] layer-components:inline-flex layer-components:[&[data-placeholder]]:color-gray8');
 export const SelectTriggerBase = withNoNativeRender(withClassName(SelectPrimitive.Trigger, selectTriggerClassName));
 export const UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
-export const SelectTrigger = forwardRef(function SelectTrigger(_a, ref) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+export const SelectTrigger = function SelectTrigger(_a) {
+    var { ref, children } = _a, props = __rest(_a, ["ref", "children"]);
     return (_jsx(UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref, children: _jsx(Button, { className: "gap-2 font-normal", children: children || (_jsxs(_Fragment, { children: [_jsx(SelectValue, {}), _jsx(SelectIcon, {})] })) }) })));
-});
+};
 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"]);
+export const SelectIcon = withNoNativeRender((_a) => {
+    var { ref: forwardedRef, className } = _a, props = __rest(_a, ["ref", "className"]);
     return (_jsx(SelectPrimitive.Icon, Object.assign({ className: classNames('color-inherit', className) }, props, { ref: forwardedRef, children: _jsx(Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
-}));
+});
 const zIndex = { zIndex: 1001 };
-export const SelectContent = withPassthroughNativeRender(forwardRef((_a, forwardedRef) => {
-    var { children, inDialog, className } = _a, props = __rest(_a, ["children", "inDialog", "className"]);
+export const SelectContent = withPassthroughNativeRender((_a) => {
+    var { ref: forwardedRef, children, inDialog, className } = _a, props = __rest(_a, ["ref", "children", "inDialog", "className"]);
     return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('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: [_jsx(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: _jsx(ChevronUpIcon, {}) }), _jsx(SelectPrimitive.Viewport, { className: "p-1", children: children }), _jsx(SelectPrimitive.ScrollDownButton, { 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", { 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", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: _jsx(ChevronDownIcon, { className: "w-4 h-4 m-2" }) })] }));
 });
+export const NativeSelect = (_a) => {
+    var { ref: forwardedRef, className } = _a, props = __rest(_a, ["ref", "className"]);
+    return (_jsxs("div", { 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", { 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.
  */

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/select/Select.stories.d.ts

@@ -4,16 +4,20 @@ declare const meta: {
     title: string;
     component: (<T extends string = string>({ children, value, onValueChange, mobileNative, ...rest }: import("./Select.js").SelectProps<T>) => import("react/jsx-runtime").JSX.Element) & {
         Root: import("react").FC<import("@radix-ui/react-select").SelectProps>;
-        Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+        Item: ({ ref: forwardedRef, children, className, ...props }: import("@radix-ui/react-select").SelectItemProps & {
+            ref?: React.Ref<HTMLDivElement>;
+        }) => import("react/jsx-runtime").JSX.Element;
         Group: (props: import("@radix-ui/react-select").SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
-        Trigger: import("react").ForwardRefExoticComponent<import("./Select.js").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Trigger: ({ ref, children, ...props }: import("./Select.js").SelectTriggerProps & {
+            ref?: React.Ref<HTMLButtonElement>;
+        }) => import("react/jsx-runtime").JSX.Element;
         Value: import("react").FunctionComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
         Label: import("react").FunctionComponent<import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
         Separator: import("react").FunctionComponent<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-        Icon: import("react").FunctionComponent<import("@radix-ui/react-select").SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
-        Content: import("react").FunctionComponent<import("@radix-ui/react-select").SelectContentProps & {
-            inDialog?: boolean;
-        } & import("react").RefAttributes<HTMLDivElement>>;
+        Icon: import("react").FunctionComponent<import("@radix-ui/react-select").SelectIconProps & {
+            ref?: React.Ref<HTMLDivElement>;
+        }>;
+        Content: import("react").FunctionComponent<any>;
     };
     argTypes: {};
     parameters: {

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

@@ -7,7 +7,9 @@ export interface SliderProps extends SliderPrimitive.SliderProps {
     label?: string;
     color?: 'default' | 'primary';
 }
-export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
+export declare const Slider: (({ ref, label, color, ...props }: SliderProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element) & {
     Root: import("react").FunctionComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
     Track: import("react").FunctionComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
     Range: import("react").FunctionComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -12,16 +12,15 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import { forwardRef } from 'react';
 import { withClassName } from '../../hooks.js';
 export const SliderRoot = withClassName(SliderPrimitive.Root, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0');
 export const SliderTrack = withClassName(SliderPrimitive.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-full layer-components:h-9px layer-components:border layer-components:border-1px layer-components:border-solid layer-components:border-black');
 export const SliderRange = withClassName(SliderPrimitive.Range, 'layer-components:absolute layer-components:bg-accent layer-components:rounded-full layer-components:h-full', 'layer-variants:[&[data-color=primary]]:bg-primary');
 export const SliderThumb = withClassName(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-full layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent-dark layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent-dark layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary-light layer-variants:[&[data-color=primary]]:active:ring-primary-dark', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary-light layer-variants:[&[data-color=primary]]:focus-visible:ring-primary-dark');
-export const Slider = Object.assign(forwardRef(function Slider(_a, ref) {
-    var { label, color } = _a, props = __rest(_a, ["label", "color"]);
+export const Slider = Object.assign(function Slider(_a) {
+    var { ref, label, color } = _a, props = __rest(_a, ["ref", "label", "color"]);
     return (_jsxs(SliderRoot, Object.assign({ ref: ref }, props, { children: [_jsx(SliderTrack, { children: _jsx(SliderRange, { "data-color": color }) }), _jsx(SliderThumb, { "aria-label": label, "data-color": color })] })));
-}), {
+}, {
     Root: SliderRoot,
     Track: SliderTrack,
     Range: SliderRange,

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,6FAA6F,EAC7F,iHAAiH,EACjH,uCAAuC,EACvC,wCAAwC,EACxC,oFAAoF,EACpF,2FAA2F,CAC3F,CAAC;AAOF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,UAAU,CAA8B,SAAS,MAAM,CACtD,EAA0B,EAC1B,GAAG;QADH,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxB,kBAA0B,CAAF;IAGxB,OAAO,CACN,MAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,KAAC,WAAW,cACX,KAAC,WAAW,kBAAa,KAAK,GAAI,GACrB,EACd,KAAC,WAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,6FAA6F,EAC7F,iHAAiH,EACjH,uCAAuC,EACvC,wCAAwC,EACxC,oFAAoF,EACpF,2FAA2F,CAC3F,CAAC;AAOF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAOf;QAPe,EACf,GAAG,EACH,KAAK,EACL,KAAK,OAIL,EAHG,KAAK,cAJO,yBAKf,CADQ;IAIR,OAAO,CACN,MAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,KAAC,WAAW,cACX,KAAC,WAAW,kBAAa,KAAK,GAAI,GACrB,EACd,KAAC,WAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}

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

@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react';
 import { Slider } from './Slider.js';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./Slider.js").SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
+    component: (({ ref, label, color, ...props }: import("./Slider.js").SliderProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }) => import("react/jsx-runtime").JSX.Element) & {
         Root: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
         Track: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
         Range: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/spinner/Spinner.d.ts

@@ -3,5 +3,9 @@ export interface SpinnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     size?: number;
     thickness?: number;
 }
-export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const FullScreenSpinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Spinner: ({ ref, size, thickness, className, style, ...props }: SpinnerProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FullScreenSpinner: ({ ref, ...props }: SpinnerProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/spinner/Spinner.js

@@ -11,14 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
 import classNames from 'clsx';
 const CIRCLE_SIZE = 44;
-export const Spinner = forwardRef(function Spinner(_a, ref) {
-    var { size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["size", "thickness", "className", "style"]);
+export const Spinner = function Spinner(_a) {
+    var { ref, size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["ref", "size", "thickness", "className", "style"]);
     return (_jsx("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: classNames('inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style), children: _jsx("svg", { className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, children: _jsx("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) }) })));
-});
-export const FullScreenSpinner = forwardRef(function FullScreenSpinner(props, ref) {
+};
+export const FullScreenSpinner = function FullScreenSpinner(_a) {
+    var { ref } = _a, props = __rest(_a, ["ref"]);
     return (_jsx("div", { ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch", children: _jsx(Spinner, Object.assign({}, props)) }));
-});
+};
 //# sourceMappingURL=Spinner.js.map

package/dist/esm/components/spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQvB,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAChC,SAAS,OAAO,CACf,EAA0D,EAC1D,GAAG;QADH,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxD,2CAA0D,CAAF;IAGxD,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,aAE5C,cACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,YAEhC,iBACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,GACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAC1C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACpC,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,YAEtF,KAAC,OAAO,oBAAK,KAAK,EAAI,GACjB,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAG9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQvB,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EASvC;QATuC,EACvC,GAAG,EACH,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,GAAG,EACf,SAAS,EACT,KAAK,OAIL,EAHG,KAAK,cAN+B,kDAOvC,CADQ;IAIR,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,aAE5C,cACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,YAEhC,iBACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,iBAAiB,CAAC,EAK3D;QAL2D,EAC3D,GAAG,OAIH,EAHG,KAAK,cAFmD,OAG3D,CADQ;IAIR,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,YAEtF,KAAC,OAAO,oBAAK,KAAK,EAAI,GACjB,CACN,CAAC;AACH,CAAC,CAAC"}