@radui/ui 0.1.9 → 0.2.0

package/dist/components/Menubar.js

@@ -1 +1 @@
-'use client';import{_ as e,b as r,a as t}from"./tslib.es6-B3RR16LH.js";import a,{forwardRef as n}from"react";import{c as o}from"./index-BVxS3Ixi.js";import{c as s}from"./clsx-BaVHROc5.js";import{F as u}from"./index-Di6TooPD.js";import{M as l}from"./MenuPrimitive-CBMvjJyH.js";import i from"./Separator.js";import"./floating-ui.react-CLbXmKZY.js";import"react/jsx-runtime";import"react-dom";import"./index-fkj4Fdgt.js";import"./index-DR_GC01Z.js";import"./index-BxNZdFaZ.js";var c=a.createContext(null),m=n((function(n,l){var i=n.children,m=n.customRootClass,d=n.className,b=n.dir,f=n.loop,p=e(n,["children","customRootClass","className","dir","loop"]),v=o(m,"Menubar"),M=a.useState([]),h=M[0],N=M[1],C=a.useState(0),g=C[0],x=C[1],R=function(e,t){N((function(a){return a.map((function(a){return a.id===e?r(r({},a),{state:t}):a}))}))};return a.createElement(c.Provider,{value:{rootClass:v,registerItem:function(e,a){void 0===a&&(a="closed"),N((function(n){return n.find((function(r){return r.id===e}))?n.map((function(t){return t.id===e?r(r({},t),{state:a}):t})):t(t([],n,!0),[{id:e,state:a}],!1)}))},items:h,updateItemState:R}},a.createElement(u.Composite,r({ref:l,className:s("".concat(v,"-root"),d),dir:b,loop:f},p,{activeIndex:g,onNavigate:function(e){var r=h[g],t=h[e];if(r&&R(r.id,"closed"),t){var a="open"===(null==r?void 0:r.state);R(t.id,a?"open":"closed")}x(e)}}),i))}));m.displayName="MenubarRoot";var d=a.createContext(null),b=n((function(t,n){var o=t.children,i=t.className,m=e(t,["children","className"]),b=a.useContext(c),f=a.useContext(d);if(!b)return console.warn("MenubarTrigger should be used in the MenubarRoot"),null;var p=b.rootClass;if(!f)return console.warn("MenubarTrigger should be used in the MenubarMenu"),null;var v=f.isOpen;return a.createElement(u.CompositeItem,{render:function(){return a.createElement(l.Trigger,r({ref:n,className:s("".concat(p,"-trigger"),i),"data-active":v},m),o)}})}));b.displayName="MenubarTrigger";var f=n((function(t,n){var o=t.children,u=t.className,i=e(t,["children","className"]),m=a.useContext(c);if(!m)return console.warn("MenubarContent should be used in the MenubarRoot"),null;var d=m.rootClass;return a.createElement(l.Content,r({ref:n,className:s("".concat(d,"-content"),u)},i),o)}));f.displayName="MenubarContent";var p=n((function(t,n){var o=t.children,s=e(t,["children"]);return a.useContext(c)?a.createElement(l.Portal,r({ref:n},s),o):(console.warn("MenubarPortal should be used in the MenubarRoot"),null)}));p.displayName="MenubarPortal";var v=n((function(t,n){var o=t.children,u=t.className,i=t.label,m=e(t,["children","className","label"]),d=a.useContext(c);if(!d)return console.warn("MenubarItem should be used in the MenubarRoot"),null;var b=d.rootClass;return a.createElement(l.Item,r({ref:n,className:s("".concat(b,"-item"),u),label:i},m),o)}));v.displayName="MenubarItem";var M=n((function(t,n){var o=t.children,u=t.className,i=e(t,["children","className"]),m=a.useContext(c);if(!m)return console.warn("MenubarSub should be used in the MenubarRoot"),null;var d=m.rootClass;return a.createElement(l.Sub,r({ref:n,className:s("".concat(d,"-sub"),u)},i),o)}));M.displayName="MenubarSub";var h=n((function(t,n){var o=t.children,u=t.className,i=e(t,["children","className"]),m=a.useContext(c);if(!m)return console.warn("MenubarSubTrigger should be used in the MenubarRoot"),null;var d=m.rootClass;return a.createElement(l.Trigger,r({ref:n,className:s("".concat(d,"-sub-trigger"),u)},i),o)}));h.displayName="MenubarSubTrigger";var N=n((function(t,n){var o,i=t.children,m=t.className,b=e(t,["children","className"]),f=a.useContext(c),p=u.useId();if(!f)return console.warn("MenubarMenu should be used in the MenubarRoot"),null;var v=f.rootClass,M=f.registerItem,h=f.items,N=f.updateItemState;a.useEffect((function(){p&&M(p)}),[p]);var C="open"===(null===(o=h.find((function(e){return e.id===p})))||void 0===o?void 0:o.state);return a.createElement(l.Root,r({ref:n,className:s("".concat(v,"-menu"),m),"data-id":p,"data-active":C,open:C,onOpenChange:function(e){return p&&N(p,e?"open":"closed")}},b),a.createElement(d.Provider,{value:{isOpen:C}},i))}));N.displayName="MenubarMenu";var C=n((function(t,n){var o=t.className,s=e(t,["className"]),u=a.useContext(c);if(!u)return console.warn("MenubarSeparator should be used within MenubarRoot"),null;var l=u.rootClass;return a.createElement(i,r({ref:n,customRootClass:l,className:o},s))}));C.displayName="MenubarSeparator";var g=function(){return console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null};g.Root=m,g.Menu=N,g.Trigger=b,g.Content=f,g.Portal=p,g.Item=v,g.Sub=M,g.SubTrigger=h,g.Separator=C;export{g as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as n}from"react";import{c as r}from"./index-6If6D2Zi.js";import{c as o}from"./clsx-BaVHROc5.js";import{F as s}from"./index-yqRHPukT.js";import{M as a}from"./MenuPrimitive-6Qr46BSn.js";import u from"./Separator.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";const l=t.createContext(null),i=n((({children:n,customRootClass:a,className:u,dir:i,loop:c,...d},m)=>{const b=r(a,"Menubar"),[p,h]=t.useState([]),[M,f]=t.useState(0),g=(e,t)=>{h((n=>n.map((n=>n.id===e?{...n,state:t}:n))))};return e(l.Provider,{value:{rootClass:b,registerItem:(e,t="closed")=>{h((n=>n.find((t=>t.id===e))?n.map((n=>n.id===e?{...n,state:t}:n)):[...n,{id:e,state:t}]))},items:p,updateItemState:g},children:e(s.Composite,{ref:m,className:o(`${b}-root`,u),dir:i,loop:c,...d,activeIndex:M,onNavigate:e=>{const t=p[M],n=p[e];if(t&&g(t.id,"closed"),n){const e="open"===t?.state;g(n.id,e?"open":"closed")}f(e)},children:n})})}));i.displayName="MenubarRoot";const c=t.createContext(null),d=n((({children:n,className:r,...u},i)=>{const d=t.useContext(l),m=t.useContext(c);if(!d)return console.warn("MenubarTrigger should be used in the MenubarRoot"),null;const{rootClass:b}=d;if(!m)return console.warn("MenubarTrigger should be used in the MenubarMenu"),null;const{isOpen:p}=m;return e(s.CompositeItem,{render:()=>e(a.Trigger,{ref:i,className:o(`${b}-trigger`,r),"data-active":p,...u,children:n})})}));d.displayName="MenubarTrigger";const m=n((({children:n,className:r,...s},u)=>{const i=t.useContext(l);if(!i)return console.warn("MenubarContent should be used in the MenubarRoot"),null;const{rootClass:c}=i;return e(a.Content,{ref:u,className:o(`${c}-content`,r),...s,children:n})}));m.displayName="MenubarContent";const b=n((({children:n,...r},o)=>t.useContext(l)?e(a.Portal,{ref:o,...r,children:n}):(console.warn("MenubarPortal should be used in the MenubarRoot"),null)));b.displayName="MenubarPortal";const p=n((({children:n,className:r,label:s,...u},i)=>{const c=t.useContext(l);if(!c)return console.warn("MenubarItem should be used in the MenubarRoot"),null;const{rootClass:d}=c;return e(a.Item,{ref:i,className:o(`${d}-item`,r),label:s,...u,children:n})}));p.displayName="MenubarItem";const h=n((({children:n,className:r,...s},u)=>{const i=t.useContext(l);if(!i)return console.warn("MenubarSub should be used in the MenubarRoot"),null;const{rootClass:c}=i;return e(a.Sub,{ref:u,className:o(`${c}-sub`,r),...s,children:n})}));h.displayName="MenubarSub";const M=n((({children:n,className:r,...s},u)=>{const i=t.useContext(l);if(!i)return console.warn("MenubarSubTrigger should be used in the MenubarRoot"),null;const{rootClass:c}=i;return e(a.Trigger,{ref:u,className:o(`${c}-sub-trigger`,r),...s,children:n})}));M.displayName="MenubarSubTrigger";const f=n((({children:n,className:r,...u},i)=>{const d=t.useContext(l),m=s.useId();if(!d)return console.warn("MenubarMenu should be used in the MenubarRoot"),null;const{rootClass:b,registerItem:p,items:h,updateItemState:M}=d;t.useEffect((()=>{m&&p(m)}),[m]);const f="open"===h.find((e=>e.id===m))?.state;return e(a.Root,{ref:i,className:o(`${b}-menu`,r),"data-id":m,"data-active":f,open:f,onOpenChange:e=>m&&M(m,e?"open":"closed"),...u,children:e(c.Provider,{value:{isOpen:f},children:n})})}));f.displayName="MenubarMenu";const g=n((({className:n,...r},o)=>{const s=t.useContext(l);if(!s)return console.warn("MenubarSeparator should be used within MenubarRoot"),null;const{rootClass:a}=s;return e(u,{ref:o,customRootClass:a,className:n,...r})}));g.displayName="MenubarSeparator";const C=()=>(console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null);C.Root=i,C.Menu=f,C.Trigger=d,C.Content=m,C.Portal=b,C.Item=p,C.Sub=h,C.SubTrigger=M,C.Separator=g;export{C as default};

package/dist/components/Minimap.d.ts

@@ -1,36 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
 type MinimapRootProps = React.HTMLAttributes<HTMLDivElement> & {
     customRootClass?: string;
 };
-declare const MinimapRoot: ({ children, className, customRootClass, ...props }: MinimapRootProps) => React.JSX.Element;
+declare const MinimapRoot: ({ children, className, customRootClass, ...props }: MinimapRootProps) => react_jsx_runtime.JSX.Element;
 
 type MinimapItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     value: string;
 };
-declare const MinimapItem: ({ children, className, value, ...props }: MinimapItemProps) => React.JSX.Element;
+declare const MinimapItem: ({ children, className, value, ...props }: MinimapItemProps) => react_jsx_runtime.JSX.Element;
 
-declare const MinimapTrack: ({ children, className, ...props }: MinimapTrackProps) => React.JSX.Element;
+type MinimapTrackProps = React.HTMLAttributes<HTMLDivElement>;
+declare const MinimapTrack: ({ children, className, ...props }: MinimapTrackProps) => react_jsx_runtime.JSX.Element;
 
 type MinimapLineProps = React.HTMLAttributes<HTMLDivElement>;
-declare const MinimapLine: ({ children, className, ...props }: MinimapLineProps) => React.JSX.Element;
+declare const MinimapLine: ({ children, className, ...props }: MinimapLineProps) => react_jsx_runtime.JSX.Element;
 
 type MinimapContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const MinimapContent: ({ children, className, ...props }: MinimapContentProps) => React.JSX.Element;
+declare const MinimapContent: ({ children, className, ...props }: MinimapContentProps) => react_jsx_runtime.JSX.Element;
 
 type MinimapBubbleProps = React.HTMLAttributes<HTMLDivElement>;
-declare const MinimapBubble: ({ children, className, ...props }: MinimapBubbleProps) => React.JSX.Element;
+declare const MinimapBubble: ({ children, className, ...props }: MinimapBubbleProps) => react_jsx_runtime.JSX.Element;
 
 type MinimapProviderProps = React.HTMLAttributes<HTMLDivElement> & {
     children: React.ReactNode;
     scrollable?: boolean;
 };
-declare const MinimapProvider: ({ children, className, scrollable, ...props }: MinimapProviderProps) => React.JSX.Element;
+declare const MinimapProvider: ({ children, className, scrollable, ...props }: MinimapProviderProps) => react_jsx_runtime.JSX.Element;
 
 type MinimapWaypointProps = React.HTMLAttributes<HTMLDivElement> & {
     value?: string | null;
 };
-declare const MinimapWaypoint: ({ children, className, value, ...props }: MinimapWaypointProps) => React.JSX.Element;
+declare const MinimapWaypoint: ({ children, className, value, ...props }: MinimapWaypointProps) => react_jsx_runtime.JSX.Element;
 
 declare const MinimapComponent: () => null;
 type MinimapComponentType = typeof MinimapComponent & {
@@ -46,3 +48,4 @@ type MinimapComponentType = typeof MinimapComponent & {
 declare const Minimap: MinimapComponentType;
 
 export { Minimap as default };
+export type { MinimapBubbleProps, MinimapContentProps, MinimapItemProps, MinimapLineProps, MinimapProviderProps, MinimapRootProps, MinimapTrackProps, MinimapWaypointProps };

package/dist/components/Minimap.js

@@ -1 +1 @@
-'use client';import{_ as e,b as t,a as n}from"./tslib.es6-B3RR16LH.js";import o,{createContext as r,useRef as l,useEffect as a}from"react";import{c as i}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";import{P as c}from"./index-DR_GC01Z.js";import{R as u}from"./index-Br4Ygpsh.js";import"./index-BxNZdFaZ.js";var m=r({rootClass:"",rootRef:null}),d=r({value:"",isVisible:!1}),f=r({visibleItems:[],handleInView:function(){},handleOutView:function(){},scrollToItem:function(){},registerRef:function(){}});function v(e){if(!e)return null;var t=window.getComputedStyle(e).overflowY;return"auto"===t||"scroll"===t?e:v(e.parentElement)}function h(e){var t=e.onEnter,n=e.onLeave,o=e.threshold,r=void 0===o?0:o,i=e.rootMargin,s=void 0===i?"0px":i,c=e.root,u=l(null);return a((function(){if("undefined"!=typeof window&&"IntersectionObserver"in window&&u.current){var e=null!=c?c:v(u.current),o=new IntersectionObserver((function(e){e.forEach((function(e){e.isIntersecting?null==t||t():null==n||n()}))}),{threshold:r,rootMargin:s,root:e});return o.observe(u.current),function(){u.current&&o.unobserve(u.current),o.disconnect()}}}),[t,n,r,s,c]),u}var C=Object.assign((function(){return console.warn("Direct usage of Minimap is not supported. Please use Minimap.Root, Minimap.Item instead."),null}),{Root:function(n){var r=n.children,l=n.className,a=n.customRootClass,d=void 0===a?"":a,f=e(n,["children","className","customRootClass"]),v=s(d,"Minimap"),h=o.useRef(null);return o.createElement(m.Provider,{value:{rootClass:v,rootRef:h}},o.createElement(u.Root,{loop:!0,orientation:"both"},o.createElement(u.Group,null,o.createElement(c.div,t({ref:h,className:i(v,l)},f),r))))},Item:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=n.value,v=e(n,["children","className","value"]),h=(o.useContext(m)||{rootClass:""}).rootClass,C=o.useContext(f),b=C.visibleItems,p=C.scrollToItem,w=b.includes(s),N=o.useMemo((function(){return{value:s,isVisible:w}}),[s,w]),g=o.useCallback((function(){p(s)}),[s,p]);return o.createElement(d.Provider,{value:N},o.createElement(u.Item,{value:s},o.createElement(c.button,t({onClick:g,className:i("".concat(h,"-item"),a),"data-in-view":w?"true":"false"},v),r)))},Track:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=o.useContext(m).rootClass;return o.createElement("div",t({className:i("".concat(c,"-track"),a)},s),r)},Line:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=(o.useContext(m)||{rootClass:""}).rootClass,u=(o.useContext(d)||{value:""}).value,v=o.useContext(f).visibleItems,h=v.indexOf(u),C=-1!==h,b=-1!==h&&h<v.length-1,p=C&&b;return o.createElement("div",t({className:i("".concat(c,"-line"),a),"data-in-view":p?"true":"false"},s),r)},Content:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=o.useContext(m).rootClass;return o.createElement("div",t({className:i("".concat(c,"-content"),a)},s),r)},Bubble:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=(o.useContext(m)||{rootClass:""}).rootClass,u=(o.useContext(d)||{isVisible:!1}).isVisible;return o.createElement("div",t({className:i("".concat(c,"-bubble"),a),"data-in-view":u?"true":"false"},s),r)},Provider:function(r){var l=r.children,a=r.className,i=void 0===a?"":a,s=r.scrollable,c=e(r,["children","className","scrollable"]),u=o.useState([]),m=u[0],d=u[1],v=o.useRef(new Map),h=o.useRef(null),C=o.useCallback((function(e,t){t?v.current.set(e,t):v.current.delete(e)}),[]),b=o.useCallback((function(e){d((function(t){return null===e||t.includes(e)?t:n(n([],t,!0),[e],!1).sort((function(e,t){var n=v.current.get(e),o=v.current.get(t);return n&&o?n.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1:0}))}))}),[]),p=o.useCallback((function(e){d((function(t){return null!==e&&t.includes(e)?t.filter((function(t){return t!==e})):t}))}),[]),w=o.useCallback((function(e){var t=v.current.get(e);if(t){var n=null;if(s&&h.current)n=h.current;else{var o=function(e){if(!e||e===document.body)return null;var t=window.getComputedStyle(e);return("auto"===t.overflow||"scroll"===t.overflow||"auto"===t.overflowY||"scroll"===t.overflowY)&&e.scrollHeight>e.clientHeight?e:o(e.parentElement)};n=o(t.parentElement)}if(n){var r=t.getBoundingClientRect(),l=n.getBoundingClientRect(),a=r.top-l.top+n.scrollTop,i=n.scrollHeight-n.clientHeight,c=Math.max(0,Math.min(a,i));Math.abs(c-n.scrollTop)>1&&n.scrollTo({top:c,behavior:"smooth"})}}}),[]),N=o.useMemo((function(){return{visibleItems:m,handleInView:b,handleOutView:p,scrollToItem:w,registerRef:C}}),[m,b,p,w,C]);return o.createElement(f.Provider,{value:N},o.createElement("div",t({ref:h,className:"".concat(i)},c),l))},Waypoint:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=n.value,c=void 0===s?"":s,u=e(n,["children","className","value"]),m=o.useContext(f),d=m.handleInView,v=m.handleOutView,C=m.registerRef,b=h({onEnter:o.useCallback((function(){console.log("waypoint",c,"in view"),d(c)}),[c,d]),onLeave:o.useCallback((function(){console.log("waypoint",c,"out of view"),v(c)}),[c,v]),threshold:.1}),p=o.useCallback((function(e){"function"==typeof b?b(e):b&&(b.current=e),c&&C(c,e)}),[b,c,C]);return o.createElement("div",t({ref:p,className:i(a)},u),r)}});export{C as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as r,useRef as n,useEffect as o}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{c as s}from"./index-6If6D2Zi.js";import{P as i}from"./index-98jQ1vTr.js";import{R as a}from"./index-hAp0hL9w.js";import"./index-BOy86lYu.js";const c=r({rootClass:"",rootRef:null}),u=r({value:"",isVisible:!1}),d=r({visibleItems:[],handleInView:()=>{},handleOutView:()=>{},scrollToItem:()=>{},registerRef:()=>{}});function m(e){if(!e)return null;const t=window.getComputedStyle(e).overflowY;return"auto"===t||"scroll"===t?e:m(e.parentElement)}function h({onEnter:e,onLeave:t,threshold:r=0,rootMargin:l="0px",root:s}){const i=n(null);return o((()=>{if("undefined"==typeof window||!("IntersectionObserver"in window))return;if(!i.current)return;const n=s??m(i.current),o=new IntersectionObserver((r=>{r.forEach((r=>{r.isIntersecting?e?.():t?.()}))}),{threshold:r,rootMargin:l,root:n});return o.observe(i.current),()=>{i.current&&o.unobserve(i.current),o.disconnect()}}),[e,t,r,l,s]),i}const f=Object.assign((()=>(console.warn("Direct usage of Minimap is not supported. Please use Minimap.Root, Minimap.Item instead."),null)),{Root:({children:r,className:n,customRootClass:o="",...u})=>{const d=s(o,"Minimap"),m=t.useRef(null);return e(c.Provider,{value:{rootClass:d,rootRef:m},children:e(a.Root,{loop:!0,orientation:"both",children:e(a.Group,{children:e(i.div,{ref:m,className:l(d,n),...u,children:r})})})})},Item:({children:r,className:n="",value:o,...s})=>{const{rootClass:m}=t.useContext(c)||{rootClass:""},{visibleItems:h,scrollToItem:f}=t.useContext(d),v=h.includes(o),C=t.useMemo((()=>({value:o,isVisible:v})),[o,v]),p=t.useCallback((()=>{f(o)}),[o,f]);return e(u.Provider,{value:C,children:e(a.Item,{value:o,children:e(i.button,{onClick:p,className:l(`${m}-item`,n),"data-in-view":v?"true":"false",...s,children:r})})})},Track:({children:r,className:n="",...o})=>{const{rootClass:s}=t.useContext(c);return e("div",{className:l(`${s}-track`,n),...o,children:r})},Line:({children:r,className:n="",...o})=>{const{rootClass:s}=t.useContext(c)||{rootClass:""},{value:i}=t.useContext(u)||{value:""},{visibleItems:a}=t.useContext(d),m=a.indexOf(i),h=-1!==m,f=-1!==m&&m<a.length-1,v=h&&f;return e("div",{className:l(`${s}-line`,n),"data-in-view":v?"true":"false",...o,children:r})},Content:({children:r,className:n="",...o})=>{const{rootClass:s}=t.useContext(c);return e("div",{className:l(`${s}-content`,n),...o,children:r})},Bubble:({children:r,className:n="",...o})=>{const{rootClass:s}=t.useContext(c)||{rootClass:""},{isVisible:i}=t.useContext(u)||{isVisible:!1};return e("div",{className:l(`${s}-bubble`,n),"data-in-view":i?"true":"false",...o,children:r})},Provider:({children:r,className:n="",scrollable:o,...l})=>{const[s,i]=t.useState([]),a=t.useRef(new Map),c=t.useRef(null),u=t.useCallback(((e,t)=>{t?a.current.set(e,t):a.current.delete(e)}),[]),m=t.useCallback((e=>{i((t=>{if(null===e||t.includes(e))return t;return[...t,e].sort(((e,t)=>{const r=a.current.get(e),n=a.current.get(t);if(!r||!n)return 0;return r.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))}))}),[]),h=t.useCallback((e=>{i((t=>null!==e&&t.includes(e)?t.filter((t=>t!==e)):t))}),[]),f=t.useCallback((e=>{const t=a.current.get(e);if(!t)return;let r=null;if(o&&c.current)r=c.current;else{const e=t=>{if(!t||t===document.body)return null;const r=window.getComputedStyle(t);return("auto"===r.overflow||"scroll"===r.overflow||"auto"===r.overflowY||"scroll"===r.overflowY)&&t.scrollHeight>t.clientHeight?t:e(t.parentElement)};r=e(t.parentElement)}if(r){const e=t.getBoundingClientRect(),n=r.getBoundingClientRect(),o=e.top-n.top+r.scrollTop,l=r.scrollHeight-r.clientHeight,s=Math.max(0,Math.min(o,l));Math.abs(s-r.scrollTop)>1&&r.scrollTo({top:s,behavior:"smooth"})}}),[]),v=t.useMemo((()=>({visibleItems:s,handleInView:m,handleOutView:h,scrollToItem:f,registerRef:u})),[s,m,h,f,u]);return e(d.Provider,{value:v,children:e("div",{ref:c,className:`${n}`,...l,children:r})})},Waypoint:({children:r,className:n="",value:o="",...s})=>{const{handleInView:i,handleOutView:a,registerRef:c}=t.useContext(d),u=h({onEnter:t.useCallback((()=>{console.log("waypoint",o,"in view"),i(o)}),[o,i]),onLeave:t.useCallback((()=>{console.log("waypoint",o,"out of view"),a(o)}),[o,a]),threshold:.1}),m=t.useCallback((e=>{u&&"current"in u&&(u.current=e),o&&c(o,e)}),[u,o,c]);return e("div",{ref:m,className:l(n),...s,children:r})}});export{f as default};

package/dist/components/NavigationMenu.d.ts

@@ -1,27 +1,27 @@
 import * as React from 'react';
 import React__default from 'react';
 
-interface NavigationMenuLinkProps extends React__default.ComponentPropsWithoutRef<'a'> {
-    href: string;
+interface NavigationMenuRootProps extends React__default.ComponentPropsWithoutRef<'div'> {
+    children: React__default.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    customRootClass?: string;
 }
 
-interface NavigationMenuContentProps extends React__default.ComponentPropsWithoutRef<'div'> {
-    children: React__default.ReactNode;
+interface NavigationMenuItemProps extends React__default.ComponentPropsWithoutRef<'div'> {
+    value: string;
 }
 
 interface NavigationMenuTriggerProps extends React__default.ComponentPropsWithoutRef<'button'> {
 }
 
-interface NavigationMenuItemProps extends React__default.ComponentPropsWithoutRef<'div'> {
-    value: string;
+interface NavigationMenuContentProps extends React__default.ComponentPropsWithoutRef<'div'> {
+    children: React__default.ReactNode;
 }
 
-interface NavigationMenuRootProps extends React__default.ComponentPropsWithoutRef<'div'> {
-    children: React__default.ReactNode;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    customRootClass?: string;
+interface NavigationMenuLinkProps extends React__default.ComponentPropsWithoutRef<'a'> {
+    href: string;
 }
 
 declare const NavigationMenu: {
@@ -33,3 +33,4 @@ declare const NavigationMenu: {
 };
 
 export { NavigationMenu as default };
+export type { NavigationMenuContentProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuRootProps, NavigationMenuTriggerProps };

package/dist/components/NavigationMenu.js

@@ -1 +1 @@
-'use client';import{_ as e,b as n}from"./tslib.es6-B3RR16LH.js";import a,{useEffect as t}from"react";import{R as r}from"./index-Br4Ygpsh.js";import{u as o}from"./index-fkj4Fdgt.js";import{c as s}from"./index-BVxS3Ixi.js";import{c as l}from"./clsx-BaVHROc5.js";import{c as i}from"./index-DBZNt4Em.js";import"./index-DR_GC01Z.js";import"./index-BxNZdFaZ.js";var c=a.createContext({isOpen:"",setIsOpen:function(){},rootClass:""}),u="NavigationMenuRoot",m=a.forwardRef((function(t,i){var m=t.children,d=t.value,f=t.defaultValue,v=void 0===f?"":f,p=t.onValueChange,N=t.customRootClass,C=t.className,g=e(t,["children","value","defaultValue","onValueChange","customRootClass","className"]),h=s(N,u),E=o(d,v,p),x=E[0],R=E[1];return a.createElement("div",n({ref:i},g),a.createElement(c.Provider,{value:{isOpen:x,setIsOpen:R,rootClass:h}},a.createElement(r.Root,null,a.createElement(r.Group,{className:l("".concat(h,"-root"),C)},m))))}));m.displayName=u;var d=a.createContext({itemOpen:!1,handleTrigger:function(){}}),f=a.forwardRef((function(t,r){var o=t.value,s=t.children,u=t.className,m=t.onMouseEnter,f=t.onMouseLeave,v=t.onKeyDown,p=e(t,["value","children","className","onMouseEnter","onMouseLeave","onKeyDown"]),N=a.useContext(c),C=N.isOpen,g=N.setIsOpen,h=N.rootClass,E=C===o,x=function(){g(E?"":o)};return a.createElement(d.Provider,{value:{itemOpen:E,handleTrigger:x}},a.createElement("div",n({ref:r,onMouseEnter:i(m,x),onMouseLeave:i(f,x),className:l("".concat(h,"-item"),u),onKeyDown:i(v,(function(e){"Escape"===e.key&&g("")}))},p),s))}));f.displayName="NavigationMenuItem";var v=a.forwardRef((function(t,o){var s=t.children,u=t.className,m=t.onClick,f=e(t,["children","className","onClick"]),v=a.useContext(d).handleTrigger,p=a.useContext(c).rootClass;return a.createElement(r.Item,null,a.createElement("button",n({ref:o,onClick:i(m,v),className:l("".concat(p,"-trigger"),u)},f),s))}));v.displayName="NavigationMenuTrigger";var p=a.forwardRef((function(o,s){var i=o.children,u=o.className,m=e(o,["children","className"]),f=a.useContext(d).itemOpen,v=a.useContext(c).rootClass,p=a.useRef(null);return a.useImperativeHandle(s,(function(){return p.current})),t((function(){var e,n=null===(e=p.current)||void 0===e?void 0:e.querySelector("*");null==n||n.focus()}),[f]),f?a.createElement("div",n({ref:p,className:l("".concat(v,"-content"),u),"data-state":f?"open":"closed"},m),a.createElement(r.Root,null,a.createElement(r.Group,null,i))):null}));p.displayName="NavigationMenuContent";var N=a.forwardRef((function(t,o){var s=t.children,i=t.href,u=t.className,m=e(t,["children","href","className"]),d=a.useContext(c).rootClass;return a.createElement(r.Item,null,a.createElement("a",n({ref:o,href:i,className:l("".concat(d,"-link"),u)},m),s))}));N.displayName="NavigationMenuLink";var C={Root:m,Item:f,Trigger:v,Content:p,Link:N};export{C as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import n,{useEffect as r}from"react";import{R as o}from"./index-hAp0hL9w.js";import{u as t}from"./index-wRElCyvx.js";import{c as s}from"./index-6If6D2Zi.js";import{c as a}from"./clsx-BaVHROc5.js";import{c as i}from"./index-CXzybYmm.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";const l=n.createContext({isOpen:"",setIsOpen:()=>{},rootClass:""}),c="NavigationMenuRoot",d=n.forwardRef((({children:n,value:r,defaultValue:i="",onValueChange:d,customRootClass:m,className:u,...p},f)=>{const h=s(m,c),[C,N]=t(r,i,d);return e("div",{ref:f,...p,children:e(l.Provider,{value:{isOpen:C,setIsOpen:N,rootClass:h},children:e(o.Root,{children:e(o.Group,{className:a(`${h}-root`,u),children:n})})})})}));d.displayName=c;const m=n.createContext({itemOpen:!1,handleTrigger:()=>{}}),u=n.forwardRef((({value:r,children:o,className:t,onMouseEnter:s,onMouseLeave:c,onKeyDown:d,...u},p)=>{const{isOpen:f,setIsOpen:h,rootClass:C}=n.useContext(l),N=f===r,g=()=>{h(N?"":r)};return e(m.Provider,{value:{itemOpen:N,handleTrigger:g},children:e("div",{ref:p,onMouseEnter:i(s,g),onMouseLeave:i(c,g),className:a(`${C}-item`,t),onKeyDown:i(d,(e=>{"Escape"===e.key&&h("")})),...u,children:o})})}));u.displayName="NavigationMenuItem";const p=n.forwardRef((({children:r,className:t,onClick:s,...c},d)=>{const{handleTrigger:u}=n.useContext(m),{rootClass:p}=n.useContext(l);return e(o.Item,{children:e("button",{ref:d,onClick:i(s,u),className:a(`${p}-trigger`,t),...c,children:r})})}));p.displayName="NavigationMenuTrigger";const f=n.forwardRef((({children:t,className:s,...i},c)=>{const{itemOpen:d}=n.useContext(m),{rootClass:u}=n.useContext(l),p=n.useRef(null);return n.useImperativeHandle(c,(()=>p.current)),r((()=>{const e=p.current?.querySelector("*");e?.focus()}),[d]),d?e("div",{ref:p,className:a(`${u}-content`,s),"data-state":d?"open":"closed",...i,children:e(o.Root,{children:e(o.Group,{children:t})})}):null}));f.displayName="NavigationMenuContent";const h=n.forwardRef((({children:r,href:t,className:s,...i},c)=>{const{rootClass:d}=n.useContext(l);return e(o.Item,{children:e("a",{ref:c,href:t,className:a(`${d}-link`,s),...i,children:r})})}));h.displayName="NavigationMenuLink";const C={Root:d,Item:u,Trigger:p,Content:f,Link:h};export{C as default};

package/dist/components/NumberField.d.ts

@@ -1,8 +1,29 @@
-import * as react from 'react';
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+
+type NumberFieldRootProps = {
+    name?: string;
+    defaultValue?: number | '';
+    value?: number | '';
+    onValueChange?: (value: number | '') => void;
+    step?: number;
+    largeStep?: number;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+} & ComponentPropsWithoutRef<'div'>;
+
+type NumberFieldInputProps = ComponentPropsWithoutRef<'input'>;
+
+type NumberFieldIncrementProps = ComponentPropsWithoutRef<'button'>;
+
+type NumberFieldDecrementProps = ComponentPropsWithoutRef<'button'>;
 
 declare const NumberField: {
     (): null;
-    Root: react.ForwardRefExoticComponent<{
+    Root: React.ForwardRefExoticComponent<{
         name?: string;
         defaultValue?: number | "";
         value?: number | "";
@@ -14,10 +35,11 @@ declare const NumberField: {
         disabled?: boolean;
         readOnly?: boolean;
         required?: boolean;
-    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Input: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
-    Increment: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    Decrement: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Increment: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Decrement: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 
 export { NumberField as default };
+export type { NumberFieldDecrementProps, NumberFieldIncrementProps, NumberFieldInputProps, NumberFieldRootProps };

package/dist/components/NumberField.js

@@ -1 +1 @@
-'use client';import{_ as e,b as r}from"./tslib.es6-B3RR16LH.js";import n,{forwardRef as a,useContext as t}from"react";import{u as l}from"./index-fkj4Fdgt.js";import{c as i}from"./index-BVxS3Ixi.js";import{c as d}from"./clsx-BaVHROc5.js";var u=n.createContext(null),o="NumberField",s=a((function(a,t){var s=a.children,c=a.name,m=a.defaultValue,p=void 0===m?"":m,f=a.value,b=a.onValueChange,v=a.largeStep,y=a.step,N=a.min,h=a.max,F=a.disabled,g=a.readOnly,w=a.required,C=a.id,D=a.className,O=e(a,["children","name","defaultValue","value","onValueChange","largeStep","step","min","max","disabled","readOnly","required","id","className"]),k=i(D,o),x=l(f,p,b),I=x[0],S=x[1],V={inputValue:I,handleOnChange:function(e){S(""!==e?void 0!==h&&e>h?h:void 0!==N&&e<N?N:e:"")},handleStep:function(e){var r=e.type,n=e.direction,a=0;switch(r){case"small":if(!y)return;a=y;break;case"large":if(!v)return;a=v}"decrement"===n&&(a*=-1),function(e){S((function(r){var n=r;""===n&&(n=void 0!==N?N:-1);var a=n+e;return void 0!==h&&a>h?h:void 0!==N&&a<N?N:a}))}(a)},id:C,name:c,disabled:F,readOnly:g,required:w,rootClass:k};return n.createElement("div",r({ref:t,className:d("".concat(k,"-root"),D)},O),n.createElement(u.Provider,{value:V},s))}));s.displayName=o;var c=a((function(a,l){var i=a.className,o=e(a,["className"]),s=t(u);if(!s)return console.error("NumberFieldInput must be used within a NumberField"),null;var c=s.inputValue,m=s.handleOnChange,p=s.handleStep,f=s.id,b=s.name,v=s.disabled,y=s.readOnly,N=s.required,h=s.rootClass;return n.createElement("input",r({ref:l,type:"number",onKeyDown:function(e){"ArrowUp"!==e.key||e.shiftKey||(e.preventDefault(),p({direction:"increment",type:"small"})),"ArrowDown"!==e.key||e.shiftKey||(e.preventDefault(),p({direction:"decrement",type:"small"})),"ArrowUp"===e.key&&e.shiftKey&&(e.preventDefault(),p({direction:"increment",type:"large"})),"ArrowDown"===e.key&&e.shiftKey&&(e.preventDefault(),p({direction:"decrement",type:"large"}))},value:""===c?"":c,onChange:function(e){var r=e.target.value;m(""===r?"":Number(r))},id:f,name:b,disabled:v,readOnly:y,required:N,className:d("".concat(h,"-input"),i)},o))}));c.displayName="NumberFieldInput";var m=a((function(a,l){var i=a.children,o=a.className,s=e(a,["children","className"]),c=t(u);if(!c)return console.error("NumberFieldIncrement must be used within a NumberField"),null;var m=c.handleStep,p=c.rootClass,f=c.disabled,b=c.readOnly;return n.createElement("button",r({ref:l,onClick:function(){return m({direction:"increment",type:"small"})},className:d("".concat(p,"-increment"),o),disabled:f||b,type:"button"},s),i)}));m.displayName="NumberFieldIncrement";var p=a((function(a,l){var i=a.children,o=a.className,s=e(a,["children","className"]),c=t(u);if(!c)return console.error("NumberFieldDecrement must be used within a NumberField"),null;var m=c.handleStep,p=c.rootClass,f=c.disabled,b=c.readOnly;return n.createElement("button",r({ref:l,onClick:function(){return m({direction:"decrement",type:"small"})},className:d("".concat(p,"-decrement"),o),disabled:f||b,type:"button"},s),i)}));p.displayName="NumberFieldDecrement";var f=function(){return console.warn("Direct usage of NumberField is not supported. Please use NumberField.Root, NumberField.Item instead."),null};f.Root=s,f.Input=c,f.Increment=m,f.Decrement=p;export{f as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import r,{forwardRef as n,useContext as t}from"react";import{u as l}from"./index-wRElCyvx.js";import{c as i}from"./index-6If6D2Zi.js";import{c as a}from"./clsx-BaVHROc5.js";const d=r.createContext(null),s="NumberField",o=n((({children:r,name:n,defaultValue:t="",value:o,onValueChange:u,largeStep:m,step:c,min:p,max:b,disabled:y,readOnly:N,required:f,id:h,className:v,...F},w)=>{const C=i(v,s),[D,g]=l(o,t,u),O={inputValue:D,handleOnChange:e=>{g(""!==e?void 0!==b&&e>b?b:void 0!==p&&e<p?p:e:"")},handleStep:({type:e,direction:r})=>{let n=0;switch(e){case"small":if(!c)return;n=c;break;case"large":if(!m)return;n=m}"decrement"===r&&(n*=-1),(e=>{g((r=>{let n=r;""===n&&(n=void 0!==p?p:-1);const t=n+e;return void 0!==b&&t>b?b:void 0!==p&&t<p?p:t}))})(n)},id:h,name:n,disabled:y,readOnly:N,required:f,rootClass:C};return e("div",{ref:w,className:a(`${C}-root`,v),...F,children:e(d.Provider,{value:O,children:r})})}));o.displayName=s;const u=n((({className:r,...n},l)=>{const i=t(d);if(!i)return console.error("NumberFieldInput must be used within a NumberField"),null;const{inputValue:s,handleOnChange:o,handleStep:u,id:m,name:c,disabled:p,readOnly:b,required:y,rootClass:N}=i;return e("input",{ref:l,type:"number",onKeyDown:e=>{"ArrowUp"!==e.key||e.shiftKey||(e.preventDefault(),u({direction:"increment",type:"small"})),"ArrowDown"!==e.key||e.shiftKey||(e.preventDefault(),u({direction:"decrement",type:"small"})),"ArrowUp"===e.key&&e.shiftKey&&(e.preventDefault(),u({direction:"increment",type:"large"})),"ArrowDown"===e.key&&e.shiftKey&&(e.preventDefault(),u({direction:"decrement",type:"large"}))},value:""===s?"":s,onChange:e=>{const r=e.target.value;o(""===r?"":Number(r))},id:m,name:c,disabled:p,readOnly:b,required:y,className:a(`${N}-input`,r),...n})}));u.displayName="NumberFieldInput";const m=n((({children:r,className:n,...l},i)=>{const s=t(d);if(!s)return console.error("NumberFieldIncrement must be used within a NumberField"),null;const{handleStep:o,rootClass:u,disabled:m,readOnly:c}=s;return e("button",{ref:i,onClick:()=>o({direction:"increment",type:"small"}),className:a(`${u}-increment`,n),disabled:m||c,type:"button",...l,children:r})}));m.displayName="NumberFieldIncrement";const c=n((({children:r,className:n,...l},i)=>{const s=t(d);if(!s)return console.error("NumberFieldDecrement must be used within a NumberField"),null;const{handleStep:o,rootClass:u,disabled:m,readOnly:c}=s;return e("button",{ref:i,onClick:()=>o({direction:"decrement",type:"small"}),className:a(`${u}-decrement`,n),disabled:m||c,type:"button",...l,children:r})}));c.displayName="NumberFieldDecrement";const p=()=>(console.warn("Direct usage of NumberField is not supported. Please use NumberField.Root, NumberField.Item instead."),null);p.Root=o,p.Input=u,p.Increment=m,p.Decrement=c;export{p as default};

package/dist/components/Progress.d.ts

@@ -24,4 +24,4 @@ type ProgressComponent = React.ForwardRefExoticComponent<ProgressProps & React.R
 declare const Progress: ProgressComponent;
 
 export { COMPONENT_NAME, Progress as default };
-export type { ProgressProps };
+export type { ProgressIndicatorProps, ProgressProps, ProgressRootProps };

package/dist/components/Progress.js

@@ -1 +1 @@
-'use client';import{_ as a,b as e}from"./tslib.es6-B3RR16LH.js";import l,{createContext as r,forwardRef as s,useState as t,useEffect as o,useContext as i}from"react";import{c as n}from"./clsx-BaVHROc5.js";import{c as m}from"./index-BVxS3Ixi.js";import{P as u}from"./index-DR_GC01Z.js";var d=r({value:0,minValue:0,maxValue:100,rootClass:"",ariaLabel:"",state:"loading"}),c="Progress",v="loading",f="complete",x="indeterminate",g=s((function(r,s){var i,g=r.value,p=void 0===g?0:g,V=r.minValue,C=void 0===V?0:V,b=r.maxValue,h=void 0===b?100:b,N=r.children,P=r.customRootClass,y=r.getValueLabel,L=r.className,j=a(r,["value","minValue","maxValue","children","customRootClass","getValueLabel","className"]),E=t(v),R=E[0],w=E[1],I=m(P,c),M=null!==(i=null==y?void 0:y(null!=p?p:0,C,h))&&void 0!==i?i:"";o((function(){w(null===p?x:p===h?f:v)}),[p,h]);var D={value:p,minValue:C,maxValue:h,rootClass:I,getValueLabel:y,ariaLabel:M,state:R},X=j.asChild,_=a(j,["asChild"]);return l.createElement(d.Provider,{value:D},l.createElement(u.div,e({role:"progressbar","aria-label":M,"aria-valuetext":M,"aria-valuenow":null!=p?p:0,"aria-valuemin":C,"aria-valuemax":h,"data-state":R,"data-value":null!=p?p:0,"data-max":h,"data-min":C,className:n(I,L),asChild:X,ref:s},_),N))}));g.displayName=c;var p=s((function(r,s){var t=r.className,o=r.style,m=a(r,["className","style"]),c=i(d),v=c.value,f=c.minValue,x=c.maxValue,g=c.rootClass,p=c.state,V=Math.min(Math.max(null!=v?v:0,f),x),C=(V-f)/(x-f)*100,b=m.asChild,h=a(m,["asChild"]);return l.createElement(u.div,e({role:"progressbar",className:n("".concat(g,"-indicator"),t),style:e({transform:"translateX(-".concat(100-C,"%)")},o),"aria-valuenow":V,"aria-valuemax":x,"aria-valuemin":f,"data-state":p,"data-value":V,"data-max":x,"data-min":f,asChild:b,ref:s},h))}));p.displayName="ProgressIndicator";var V="Progress",C=s((function(a,r){return console.warn("Direct usage of Progress is not supported. Please use Progress.Root, Progress.Indicator, etc. instead."),l.createElement(g,e({ref:r},a))}));C.displayName=V,C.Root=g,C.Indicator=p;export{V as COMPONENT_NAME,C as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as s,useState as r,useEffect as t,useContext as l}from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as i}from"./index-6If6D2Zi.js";import{P as m}from"./index-98jQ1vTr.js";const n=e({value:0,minValue:0,maxValue:100,rootClass:"",ariaLabel:"",state:"loading"}),d="Progress",u="loading",c="complete",v="indeterminate",x=s((({value:e=0,minValue:s=0,maxValue:l=100,children:x,customRootClass:p,getValueLabel:g,className:f,...V},h)=>{const[P,C]=r(u),b=i(p,d),N=g?.(e??0,s,l)??"";t((()=>{C(null===e?v:e===l?c:u)}),[e,l]);const y={value:e,minValue:s,maxValue:l,rootClass:b,getValueLabel:g,ariaLabel:N,state:P},{asChild:j,...L}=V;return a(n.Provider,{value:y,children:a(m.div,{role:"progressbar","aria-label":N,"aria-valuetext":N,"aria-valuenow":e??0,"aria-valuemin":s,"aria-valuemax":l,"data-state":P,"data-value":e??0,"data-max":l,"data-min":s,className:o(b,f),asChild:j,ref:h,...L,children:x})})}));x.displayName=d;const p=s((({className:e,style:s,...r},t)=>{const{value:i,minValue:d,maxValue:u,rootClass:c,state:v}=l(n),x=Math.min(Math.max(i??0,d),u),p=(x-d)/(u-d)*100,{asChild:g,...f}=r;return a(m.div,{role:"progressbar",className:o(`${c}-indicator`,e),style:{transform:`translateX(-${100-p}%)`,...s},"aria-valuenow":x,"aria-valuemax":u,"aria-valuemin":d,"data-state":v,"data-value":x,"data-max":u,"data-min":d,asChild:g,ref:t,...f})}));p.displayName="ProgressIndicator";const g="Progress",f=s(((e,s)=>(console.warn("Direct usage of Progress is not supported. Please use Progress.Root, Progress.Indicator, etc. instead."),a(x,{ref:s,...e}))));f.displayName=g,f.Root=x,f.Indicator=p;export{g as COMPONENT_NAME,f as default};

package/dist/components/Quote.js

@@ -1 +1 @@
-'use client';import{_ as s,b as a}from"./tslib.es6-B3RR16LH.js";import r from"react";import{c as e}from"./index-BVxS3Ixi.js";import{c as o}from"./clsx-BaVHROc5.js";var t="Quote",m=r.forwardRef((function(m,c){var l=m.children,i=m.customRootClass,f=m.className,n=s(m,["children","customRootClass","className"]),d=e(i,t);return r.createElement("q",a({ref:c,className:o(d,f)},n),l)}));m.displayName=t;export{m as default};
+'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as o}from"./index-6If6D2Zi.js";import{c as e}from"./clsx-BaVHROc5.js";const t="Quote",a=s.forwardRef((({children:s,customRootClass:a,className:m,...c},i)=>{const f=o(a,t);return r("q",{ref:i,className:e(f,m),...c,children:s})}));a.displayName=t;export{a as default};

package/dist/components/Radio.js

@@ -1 +1 @@
-'use client';import{_ as e,b as a}from"./tslib.es6-B3RR16LH.js";import i from"react";import{P as d}from"./index-DR_GC01Z.js";import{c as s}from"./clsx-BaVHROc5.js";import{c as r}from"./index-BVxS3Ixi.js";import{u as o,a as n,b as l}from"./index-CD1lNchI.js";var t=i.forwardRef((function(s,r){var o=s.name,n=s.value,l=s.id,t=s.checked,c=s.required,m=s.onChange,u=s.disabled,h=s.asChild,v=s.className,f=e(s,["name","value","id","checked","required","onChange","disabled","asChild","className"]);return i.createElement(d.input,a({ref:r,type:"radio",checked:t,name:o,tabIndex:-1,value:n,onChange:m,id:l,"aria-disabled":u,disabled:u,required:c,"aria-required":c,asChild:h,className:v},f))}));t.displayName="RadioPrimitive";var c="Radio",m=i.forwardRef((function(d,m){var u=d.name,h=d.value,v=d.id,f=d.checked,C=void 0!==f&&f,b=d.required,p=d.onChange,N=d.disabled,k=d.asChild,q=d.className,g=d.customRootClass,x=d.variant,R=void 0===x?"":x,j=d.size,y=void 0===j?"":j,z=d.color,w=void 0===z?"":z,E=e(d,["name","value","id","checked","required","onChange","disabled","asChild","className","customRootClass","variant","size","color"]),P=r(g,c),I=i.useState(C),S=I[0],_=I[1],A=o("button",{variant:R,size:y}),B=n(w),D=l(A(),B());return i.createElement(t,a({ref:m,name:u,id:v,value:h,checked:S,required:b,onChange:function(){p&&p(),_(!S)},disabled:N,asChild:k,className:s(P,q),"data-checked":S},D(),E))}));m.displayName=c;export{m as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import a from"react";import{P as i}from"./index-98jQ1vTr.js";import{c as d}from"./clsx-BaVHROc5.js";import{c as r}from"./index-6If6D2Zi.js";import{c as s,a as o,b as t}from"./index-3dZuI04X.js";const n=a.forwardRef((({name:a,value:d,id:r,checked:s,required:o,onChange:t,disabled:n,asChild:c,className:m,...l},u)=>e(i.input,{ref:u,type:"radio",checked:s,name:a,tabIndex:-1,value:d,onChange:t,id:r,"aria-disabled":n,disabled:n,required:o,"aria-required":o,asChild:c,className:m,...l})));n.displayName="RadioPrimitive";const c="Radio",m=a.forwardRef((function({name:i,value:m,id:l,checked:u=!1,required:f,onChange:h,disabled:p,asChild:C,className:b,customRootClass:v,variant:x="",size:N="",color:j="",...k},q){const R=r(v,c),[g,y]=a.useState(u),w=s("button",{variant:x,size:N}),z=t(j),P=o(w,z);return e(n,{ref:q,name:i,id:l,value:m,checked:g,required:f,onChange:()=>{h&&h(),y(!g)},disabled:p,asChild:C,className:d(R,b),"data-checked":g,...P,...k})}));m.displayName=c;export{m as default};

package/dist/components/RadioCards.d.ts

@@ -1,5 +1,6 @@
-import React, { ForwardRefExoticComponent, ComponentPropsWithoutRef, RefAttributes, ElementRef } from 'react';
+import React, { ElementRef, ComponentPropsWithoutRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { RadioGroupPrimitiveRootProps } from '~/core/primitives/RadioGroup/fragments/RadioGroupPrimitiveRoot';
+import { RadioGroupPrimitiveItemProps } from '~/core/primitives/RadioGroup/fragments/RadioGroupPrimitiveItem';
 
 type RadioCardsRootProps = RadioGroupPrimitiveRootProps & {
     children: React.ReactNode;
@@ -13,6 +14,10 @@ type RadioCardsRootProps = RadioGroupPrimitiveRootProps & {
 };
 declare const RadioCardsRoot: React.ForwardRefExoticComponent<RadioCardsRootProps & React.RefAttributes<HTMLElement>>;
 
+type RadioCardsItemProps = RadioGroupPrimitiveItemProps & {
+    children?: React.ReactNode;
+    className?: string;
+};
 declare const RadioCardsItem: React.ForwardRefExoticComponent<Omit<{
     label?: string;
     description?: string;
@@ -35,4 +40,4 @@ interface RadioCardsComponent extends ForwardRefExoticComponent<RadioCardsProps
 declare const RadioCards: RadioCardsComponent;
 
 export { RadioCards as default };
-export type { RadioCardsElement, RadioCardsProps };
+export type { RadioCardsElement, RadioCardsItemProps, RadioCardsProps, RadioCardsRootProps };

package/dist/components/RadioCards.js

@@ -1 +1 @@
-'use client';import a,{createContext as o,forwardRef as s,useContext as e}from"react";import{_ as r,b as i}from"./tslib.es6-B3RR16LH.js";import{R as t}from"./RadioGroupPrimitive-CbRZK8wB.js";import{c as d}from"./clsx-BaVHROc5.js";import{c as m}from"./index-BVxS3Ixi.js";import{u as l,a as n,b as c}from"./index-CD1lNchI.js";import"./index-DR_GC01Z.js";import"./index-Br4Ygpsh.js";import"./index-BxNZdFaZ.js";import"./index-fkj4Fdgt.js";var v=o({rootClass:""}),u=s((function(o,s){var e=o.children,u=o.className,p=void 0===u?"":u,R=o.customRootClass,f=void 0===R?"":R,C=o.variant,j=void 0===C?"":C,N=o.size,x=void 0===N?"":N,h=o.color,I=void 0===h?"":h,b=r(o,["children","className","customRootClass","variant","size","color"]),y=m(f,"RadioCards"),z=l("radio-cards",{variant:j,size:x}),E=n(I),P=c(z(),E());return a.createElement(v.Provider,{value:{rootClass:y}},a.createElement(t.Root,i({ref:s,className:d(y,p)},P(),b),e))}));u.displayName="RadioCardsRoot";var p=s((function(o,s){var m=o.children,l=o.className,n=void 0===l?"":l,c=o.value,u=r(o,["children","className","value"]),p=e(v).rootClass;return a.createElement(t.Item,i({ref:s,className:d("".concat(p,"-item"),n)},u,{value:c}),m)}));p.displayName="RadioCardsItem";var R=s((function(a,o){return console.warn("Direct usage of RadioCards is not supported. Please use RadioCards.Root and RadioCards.Item instead."),null}));R.displayName="RadioCards",R.Root=u,R.Item=p;export{R as default};
+'use client';import{createContext as o,forwardRef as a,useContext as s}from"react";import{jsx as r}from"react/jsx-runtime";import{R as i}from"./RadioGroupPrimitive-QSMno27i.js";import{c as e}from"./clsx-BaVHROc5.js";import{c as t}from"./index-6If6D2Zi.js";import{c as d,a as m,b as n}from"./index-3dZuI04X.js";import"./index-98jQ1vTr.js";import"./index-hAp0hL9w.js";import"./index-BOy86lYu.js";import"./index-wRElCyvx.js";const l=o({rootClass:""}),c=a((({children:o,className:a="",customRootClass:s="",variant:c="",size:p="",color:R="",orientation:u="both",...C},f)=>{const j=t(s,"RadioCards"),x=d("radio-cards",{variant:c,size:p}),v=n(R),N=m(x,v);return r(l.Provider,{value:{rootClass:j},children:r(i.Root,{ref:f,className:e(j,a),...C,...N,orientation:u,children:o})})}));c.displayName="RadioCardsRoot";const p=a((({children:o,className:a="",value:t,...d},m)=>{const{rootClass:n}=s(l);return r(i.Item,{ref:m,className:e(`${n}-item`,a),...d,value:t,children:o})}));p.displayName="RadioCardsItem";const R=a(((o,a)=>(console.warn("Direct usage of RadioCards is not supported. Please use RadioCards.Root and RadioCards.Item instead."),null)));R.displayName="RadioCards",R.Root=c,R.Item=p;export{R as default};

package/dist/components/RadioGroup.d.ts

@@ -48,4 +48,4 @@ type RadioGroupComponent = React.ForwardRefExoticComponent<RadioGroupProps & Rea
 declare const RadioGroup: RadioGroupComponent;
 
 export { RadioGroup as default };
-export type { RadioGroupElement, RadioGroupProps };
+export type { RadioGroupElement, RadioGroupProps, RadioGroupRootProps };

package/dist/components/RadioGroup.js

@@ -1 +1 @@
-'use client';import a,{createContext as o,useContext as e}from"react";import{_ as r,b as s}from"./tslib.es6-B3RR16LH.js";import{R as i}from"./RadioGroupPrimitive-CbRZK8wB.js";import{c as t}from"./clsx-BaVHROc5.js";import{c as l}from"./index-BVxS3Ixi.js";import{u as d,a as n,b as c}from"./index-CD1lNchI.js";import{P as m}from"./index-DR_GC01Z.js";import"./index-Br4Ygpsh.js";import"./index-BxNZdFaZ.js";import"./index-fkj4Fdgt.js";var u=o({rootClass:""}),p=a.forwardRef((function(o,e){var m=o.children,p=o.className,f=void 0===p?"":p,v=o.customRootClass,R=void 0===v?"":v,N=o.variant,h=void 0===N?"":N,C=o.size,x=void 0===C?"":C,G=o.color,j=void 0===G?"":G,b=r(o,["children","className","customRootClass","variant","size","color"]),I=l(R,"RadioGroup"),w=d("radio-group",{variant:h,size:x}),y=n(j),E=c(w(),y());return a.createElement(u.Provider,{value:{rootClass:I}},a.createElement(i.Root,s({ref:e,className:t("".concat(I,"-root"),f)},E(),b)," ",m," "))}));p.displayName="RadioGroupRoot";var f=a.forwardRef((function(o,l){var d=o.children,n=o.className,c=void 0===n?"":n,m=o.value,p=r(o,["children","className","value"]),f=e(u).rootClass;return a.createElement(i.Item,s({ref:l,className:t("".concat(f,"-item"),c),value:m},p),d)}));f.displayName="RadioGroupItem";var v=a.forwardRef((function(o,e){var l=o.className,d=void 0===l?"":l,n=o.children,c=r(o,["className","children"]),m=a.useContext(u).rootClass;return a.createElement(i.Indicator,s({ref:e,className:t("".concat(m,"-indicator"),d)},c),n)}));v.displayName="RadioGroupIndicator";var R=a.forwardRef((function(o,e){var i=o.className,l=void 0===i?"":i,d=o.asChild,n=void 0!==d&&d,c=o.children,p=r(o,["className","asChild","children"]),f=a.useContext(u).rootClass;return a.createElement(m.label,s({ref:e},p,{className:t("".concat(f,"-label"),l),asChild:n})," ",c," ")}));R.displayName="RadioGroupLabel";var N=a.forwardRef((function(a,o){return console.warn("Direct usage of RadioGroup is not supported. Please use RadioGroup.Root and RadioGroup.Item instead."),null}));N.displayName="RadioGroup",N.Root=p,N.Item=f,N.Indicator=v,N.Label=R;export{N as default};
+'use client';import o,{createContext as r,useContext as a}from"react";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{R as i}from"./RadioGroupPrimitive-QSMno27i.js";import{c as t}from"./clsx-BaVHROc5.js";import{c as d}from"./index-6If6D2Zi.js";import{c as l,a as n,b as c}from"./index-3dZuI04X.js";import{P as m}from"./index-98jQ1vTr.js";import"./index-hAp0hL9w.js";import"./index-BOy86lYu.js";import"./index-wRElCyvx.js";const p=r({rootClass:""}),u=o.forwardRef((({children:o,className:r="",customRootClass:a="",variant:m="",size:u="",color:f="",...R},N)=>{const h=d(a,"RadioGroup"),x=l("radio-group",{variant:m,size:u}),j=c(f),C=n(x,j);return e(p.Provider,{value:{rootClass:h},children:s(i.Root,{ref:N,className:t(`${h}-root`,r),...C,...R,children:[" ",o," "]})})}));u.displayName="RadioGroupRoot";const f=o.forwardRef((({children:o,className:r="",value:s,...d},l)=>{const{rootClass:n}=a(p);return e(i.Item,{ref:l,className:t(`${n}-item`,r),value:s,...d,children:o})}));f.displayName="RadioGroupItem";const R=o.forwardRef((({className:r="",children:a,...s},d)=>{const{rootClass:l}=o.useContext(p);return e(i.Indicator,{ref:d,className:t(`${l}-indicator`,r),...s,children:a})}));R.displayName="RadioGroupIndicator";const N=o.forwardRef((({className:r="",asChild:a=!1,children:e,...i},d)=>{const{rootClass:l}=o.useContext(p);return s(m.label,{ref:d,...i,className:t(`${l}-label`,r),asChild:a,children:[" ",e," "]})}));N.displayName="RadioGroupLabel";const h=o.forwardRef(((o,r)=>(console.warn("Direct usage of RadioGroup is not supported. Please use RadioGroup.Root and RadioGroup.Item instead."),null)));h.displayName="RadioGroup",h.Root=u,h.Item=f,h.Indicator=R,h.Label=N;export{h as default};

package/dist/components/RadioGroupPrimitive-QSMno27i.js

@@ -0,0 +1 @@
+'use client';import e,{useContext as i}from"react";import{jsxs as a,jsx as r,Fragment as d}from"react/jsx-runtime";import{P as o}from"./index-98jQ1vTr.js";import{R as t}from"./index-hAp0hL9w.js";import{u as l}from"./index-wRElCyvx.js";import{B as n}from"./index-BOy86lYu.js";const s=e.createContext(null),c=e.forwardRef((({value:e,defaultValue:i="",onValueChange:n,children:c,disabled:u=!1,required:m=!1,name:p="",orientation:h="horizontal",loop:f=!1,dir:R="ltr",...v},b)=>{const[C,x]=l(e,i,n),G={selectedValue:C,setSelectedValue:x,groupDisabled:u};return a(o.div,{ref:b,...v,"aria-required":m,role:"radiogroup","aria-disabled":u,"data-disabled":u?"":void 0,children:[r(t.Root,{dir:R,orientation:h,loop:f,asChild:!0,children:r(s.Provider,{value:G,children:r(t.Group,{children:c})})}),p&&a(d,{children:[r("input",{type:"hidden",name:p,value:C,disabled:u}),m&&""!==C&&r("input",{type:"radio",name:p,value:C,checked:!0,onChange:()=>{},disabled:u,required:!0,"aria-hidden":"true",tabIndex:-1,style:{position:"absolute",width:0,height:0,opacity:0,pointerEvents:"none",margin:0}})]})]})}));c.displayName="RadioGroupPrimitiveRoot";const u=e.createContext({itemSelected:!1}),m=e.forwardRef((({value:e,children:a,disabled:d,required:o=!1,className:l="",asChild:c=!1,...m},p)=>{const h=i(s);if(!h)throw new Error("RadioGroup.Item must be used within a RadioGroup.Root");const{groupDisabled:f,selectedValue:R,setSelectedValue:v}=h,b=e===R;return r(u.Provider,{value:{itemSelected:b},children:r(t.Item,{children:r(n,{ref:p,role:"radio",type:"button",disabled:f||d,onClick:()=>v(e),onFocus:()=>v(e),"aria-disabled":f||d,"aria-checked":b,"aria-selected":void 0,"data-state":b?"checked":"unchecked","data-disabled":f||d?"":void 0,"aria-required":o,asChild:c,className:l,...m,children:a})})})}));m.displayName="RadioGroupPrimitiveItem";const p=e.forwardRef((({children:i,className:a,asChild:d=!1,...t},l)=>{const{itemSelected:n}=e.useContext(u);return n?r(o.span,{ref:l,className:a,asChild:d,...t,children:i}):null}));p.displayName="RadioGroupPrimitiveIndicator";const h=e.forwardRef(((e,i)=>(console.warn("Direct usage of RadioGroup is not supported. Please use RadioGroup.Root, RadioGroup.Item, etc. instead."),null)));h.displayName="RadioGroupPrimitive",h.Root=c,h.Item=m,h.Indicator=p;export{h as R};

package/dist/components/ScrollArea.d.ts

@@ -1,17 +1,32 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 
+type ScrollAreaRootProps = ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+    type?: 'auto' | 'always' | 'scroll' | 'hover';
+};
 declare const ScrollAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
+    type?: "auto" | "always" | "scroll" | "hover";
 } & React.RefAttributes<HTMLDivElement>>;
 
+type ScrollAreaViewportProps = ComponentPropsWithoutRef<'div'>;
 declare const ScrollAreaViewport: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
+type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};
 declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     orientation?: "horizontal" | "vertical";
 } & React.RefAttributes<HTMLDivElement>>;
 
-declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaThumbProps = ComponentPropsWithoutRef<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};
+declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    orientation?: "horizontal" | "vertical";
+} & React.RefAttributes<HTMLDivElement>>;
 
+type ScrollAreaCornerProps = ComponentPropsWithoutRef<'div'>;
 declare const ScrollAreaCorner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type ScrollAreaProps = React.ComponentPropsWithoutRef<'div'>;
@@ -24,3 +39,4 @@ declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps> & {
 };
 
 export { ScrollArea as default };
+export type { ScrollAreaCornerProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps };

package/dist/components/ScrollArea.js

@@ -1 +1 @@
-'use client';import e,{createContext as r,forwardRef as n,useRef as t,useEffect as o,useContext as c,useCallback as l}from"react";import{_ as u,b as i}from"./tslib.es6-B3RR16LH.js";import{c as a}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";var d=r({rootClass:""}),v="ScrollArea",f=n((function(r,n){var c=r.children,l=r.className,f=void 0===l?"":l,m=r.customRootClass,p=void 0===m?"":m,h=u(r,["children","className","customRootClass"]),E=s(p,v),g=t(null),b=t(null);o((function(){y()}),[g,b]),o((function(){var e=b.current;if(e){var r=function(){y()},n=new ResizeObserver((function(n){for(var t=0,o=n;t<o.length;t++){var c=o[t];(c.target===e||e.contains(c.target))&&r()}}));n.observe(e);var t=function(e){n.observe(e),Array.from(e.children).forEach((function(e){t(e)}))};Array.from(e.children).forEach((function(e){t(e)}));var o=new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){e.nodeType===Node.ELEMENT_NODE&&t(e)}))})),r()}));return o.observe(e,{childList:!0,subtree:!0}),window.addEventListener("resize",r),function(){n.disconnect(),o.disconnect(),window.removeEventListener("resize",r)}}}),[]);var y=function(){var e,r,n=(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.clientHeight)||0,t=n/(((null===(r=null==b?void 0:b.current)||void 0===r?void 0:r.scrollHeight)||0)/n);t<24&&(t=24),g.current&&(g.current.style.height="".concat(t,"px"))},N=function(e){if(b.current){var r=b.current.scrollTop,n=e-r,t=performance.now(),o=function(e){var c=e-t,l=Math.min(c/150,1),u=1-Math.pow(1-l,3),i=r+n*u;b.current&&(b.current.scrollTop=i),l<1&&requestAnimationFrame(o)};requestAnimationFrame(o)}};return e.createElement(d.Provider,{value:{rootClass:E,scrollXThumbRef:g,scrollAreaViewportRef:b,handleScroll:function(){var e,r,n,t,o=(null===(e=b.current)||void 0===e?void 0:e.clientHeight)||0,c=(null===(r=b.current)||void 0===r?void 0:r.scrollHeight)||0,l=((null===(n=b.current)||void 0===n?void 0:n.scrollTop)||0)/(c-o)*(o-((null===(t=g.current)||void 0===t?void 0:t.clientHeight)||0));g.current&&(g.current.style.top="".concat(l,"px"))},handleScrollbarClick:function(e){!function(e){var r,n,t,o=(null===(r=null==b?void 0:b.current)||void 0===r?void 0:r.clientHeight)||0,c=((null===(n=null==b?void 0:b.current)||void 0===n?void 0:n.scrollHeight)||0)/o;if(g.current){var l=g.current.getBoundingClientRect().top,u=l+g.current.clientHeight,i=(null===(t=g.current)||void 0===t?void 0:t.clientHeight)||0;if(e>l&&e<u)return;if(e<l){var a=b.current.scrollTop-i*c;N(a)}e>u&&(a=b.current.scrollTop+i*c,N(a))}}(e.clientY)}}},e.createElement("div",i({ref:n,className:a(E,f)},h),c))}));f.displayName=v;var m=n((function(r,n){var t=r.children,o=r.className,l=void 0===o?"":o,s=u(r,["children","className"]),v=c(d),f=v.rootClass,m=v.scrollAreaViewportRef,p=v.handleScroll;return e.createElement("div",i({ref:function(e){m&&(m.current=e),"function"==typeof n?n(e):n&&(n.current=e)},className:a(f+"-viewport",l),onScroll:p},s),t)}));m.displayName="ScrollAreaViewport";var p=n((function(r,n){var o=r.children,s=r.className,v=void 0===s?"":s,f=r.orientation,m=u(r,["children","className","orientation"]),p=c(d),h=p.rootClass,E=p.handleScrollbarClick,g=p.scrollXThumbRef,b=t(null),y=t(!1),N=t(null),w=e.useState(!1),S=w[0],T=w[1],A=t(0),L=l((function(e){if(!(null==g?void 0:g.current))return!1;var r=g.current.getBoundingClientRect(),n=r.top,t=r.bottom;return!(e>=n&&e<=t)}),[g]),R=l((function(e){E&&(e.preventDefault(),A.current=e.clientY,E({clientY:e.clientY}),setTimeout((function(){y.current&&(b.current=setInterval((function(){y.current&&L(A.current)?E({clientY:A.current}):C()}),50))}),300),y.current=!0,T(!0))}),[E,L]),C=l((function(){var e;y.current=!1,null===(e=N.current)||void 0===e||e.call(N),N.current=null,b.current&&(clearInterval(b.current),b.current=null),T(!1)}),[]);return e.useEffect((function(){if(!y.current)return function(){var e;null===(e=N.current)||void 0===e||e.call(N),C()};var e=function(){return C()},r=function(){return C()};return document.addEventListener("mouseup",e),document.addEventListener("mouseleave",r),N.current=function(){document.removeEventListener("mouseup",e),document.removeEventListener("mouseleave",r)},function(){var e;null===(e=N.current)||void 0===e||e.call(N),N.current=null,C()}}),[S,C]),e.createElement("div",i({ref:n,className:a(h+"-scrollbar",v),"data-orientation":f,onMouseDown:R,onMouseUp:C,onMouseLeave:C},m),o)}));p.displayName="ScrollAreaScrollbar";var h=n((function(r,n){var o=r.children,s=r.className,v=void 0===s?"":s,f=u(r,["children","className"]),m=c(d),p=m.rootClass,h=m.scrollXThumbRef,E=m.scrollAreaViewportRef,g=t(!1),b=t({y:0,scrollTop:0}),y=l((function(e){(null==E?void 0:E.current)&&(null==h?void 0:h.current)&&(e.preventDefault(),e.stopPropagation(),g.current=!0,b.current={y:e.clientY,scrollTop:E.current.scrollTop},document.body.style.userSelect="none")}),[E,h]),N=l((function(e){var r;if(g.current&&(null==E?void 0:E.current)&&(null==h?void 0:h.current)){e.preventDefault();var n=e.clientY-b.current.y,t=null===(r=h.current.parentElement)||void 0===r?void 0:r.getBoundingClientRect();if(t){var o=E.current.clientHeight,c=E.current.scrollHeight,l=h.current.clientHeight,u=n/(t.height-l),i=c-o,a=b.current.scrollTop+u*i,s=Math.max(0,Math.min(a,i));E.current.scrollTop=s}}}),[E,h]),w=l((function(){g.current=!1,document.body.style.cursor="",document.body.style.userSelect=""}),[]);e.useEffect((function(){var e=function(e){return N(e)},r=function(){return w()};return g.current&&(document.addEventListener("mousemove",e),document.addEventListener("mouseup",r)),document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),function(){document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),w()}}),[N,w]);return e.createElement("div",i({ref:function(e){h&&(h.current=e),"function"==typeof n?n(e):n&&(n.current=e)},className:a(p+"-thumb",v),onMouseDown:y},f),o)}));h.displayName="ScrollAreaThumb";var E=n((function(r,n){var t=r.children,o=u(r,["children"]);return e.createElement("div",i({ref:n},o),t)}));E.displayName="ScrollAreaCorner";var g=e.forwardRef((function(e,r){return console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null}));g.Root=f,g.Viewport=m,g.Scrollbar=p,g.Thumb=h,g.Corner=E,g.displayName="ScrollArea";export{g as default};
+'use client';import e,{createContext as t,forwardRef as r,useRef as n,useEffect as c,useContext as l,useCallback as o}from"react";import{jsx as i}from"react/jsx-runtime";import{c as s}from"./clsx-BaVHROc5.js";import{c as u}from"./index-6If6D2Zi.js";const a=t({rootClass:"",type:"hover"}),d="ScrollArea",f=r((({children:t,className:r="",customRootClass:l="",type:o="hover",...f},m)=>{const h=u(l,d),v=n(null),p=n(null),y=n(null),b=n(null),[g,w]=e.useState({x:!1,y:!1});c((()=>{L()}),[p,y,b]),c((()=>{const e=b.current;if(!e)return;const t=()=>{L()},r=new ResizeObserver((()=>t()));r.observe(e),Array.from(e.children).forEach((e=>r.observe(e)));const n=new MutationObserver((()=>{t()}));return n.observe(e,{childList:!0,subtree:!0}),window.addEventListener("resize",t),()=>{r.disconnect(),n.disconnect(),window.removeEventListener("resize",t)}}),[]);const L=()=>{if(!b.current)return;const e=b.current,t=e.clientHeight,r=e.scrollHeight,n=r>t;if(p.current)if(t<=0)p.current.style.height="0px";else if(n){let e=t/(r/t);e=Math.max(e,24),p.current.style.height=`${e}px`}else p.current.style.height=`${t}px`;const c=e.clientWidth,l=e.scrollWidth,o=l>c;if(y.current)if(c<=0)y.current.style.width="0px";else if(o){let e=c/(l/c);e=Math.max(e,24),y.current.style.width=`${e}px`}else y.current.style.width=`${c}px`;w({x:o,y:n})},x=e=>{if(!b.current)return;const t=b.current,r=t.scrollTop,n=t.scrollLeft,c=void 0!==e.top?e.top-r:0,l=void 0!==e.left?e.left-n:0,o=performance.now(),i=s=>{const u=s-o,a=Math.min(u/150,1),d=1-Math.pow(1-a,3);void 0!==e.top&&(t.scrollTop=r+c*d),void 0!==e.left&&(t.scrollLeft=n+l*d),a<1&&requestAnimationFrame(i)};requestAnimationFrame(i)};return i(a.Provider,{value:{rootClass:h,scrollYThumbRef:p,scrollXThumbRef:y,scrollAreaViewportRef:b,handleScroll:()=>{if(!b.current)return;const e=b.current;if(p.current){const t=e.clientHeight,r=e.scrollHeight,n=e.scrollTop,c=p.current.clientHeight;if(t<=0||r<=t)p.current.style.top="0px";else{const e=n/(r-t)*(t-c);p.current.style.top=`${e}px`}}if(y.current){const t=e.clientWidth,r=e.scrollWidth,n=e.scrollLeft,c=y.current.clientWidth;if(t<=0||r<=t)y.current.style.left="0px";else{const e=n/(r-t)*(t-c);y.current.style.left=`${e}px`}}},handleScrollbarClick:e=>{if(!b.current)return;const t=b.current;if("vertical"===e.orientation&&void 0!==e.clientY){const r=p.current;if(!r)return;if(t.clientHeight<=0||t.scrollHeight<=t.clientHeight)return;const n=r.getBoundingClientRect(),c=t.scrollHeight/t.clientHeight;e.clientY<n.top?x({top:t.scrollTop-r.clientHeight*c}):e.clientY>n.bottom&&x({top:t.scrollTop+r.clientHeight*c})}else if("horizontal"===e.orientation&&void 0!==e.clientX){const r=y.current;if(!r)return;if(t.clientWidth<=0||t.scrollWidth<=t.clientWidth)return;const n=r.getBoundingClientRect(),c=t.scrollWidth/t.clientWidth;e.clientX<n.left?x({left:t.scrollLeft-r.clientWidth*c}):e.clientX>n.right&&x({left:t.scrollLeft+r.clientWidth*c})}},type:o,rootRef:v},children:i("div",{ref:e=>{v.current=e,"function"==typeof m?m(e):m&&(m.current=e)},className:s(h,r),"data-scrollbar-x":String(g.x||"always"===o),"data-scrollbar-y":String(g.y||"always"===o),...f,children:t})})}));f.displayName=d;const m=r((({children:e,className:t="",...r},n)=>{const{rootClass:c,scrollAreaViewportRef:o,handleScroll:u}=l(a);return i("div",{ref:e=>{o&&(o.current=e),"function"==typeof n?n(e):n&&(n.current=e)},className:s(c+"-viewport",t),onScroll:u,...r,children:e})}));m.displayName="ScrollAreaViewport";const h=r((({children:t,className:r="",orientation:c="vertical",...o},u)=>{const{rootClass:d,handleScrollbarClick:f,scrollXThumbRef:m,scrollYThumbRef:h,type:v,scrollAreaViewportRef:p,rootRef:y}=l(a),b=n(null),g=n(!1),w=n(null),[L,x]=e.useState(!1),T=n(0),[E,S]=e.useState("always"===v),[R,C]=e.useState(!1),A=n(null),H=e.useCallback((()=>{"scroll"!==v&&"hover"!==v||(S(!0),A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{S(!1)}),1e3))}),[v]);e.useEffect((()=>{if("always"===v||"auto"===v)return;const e=p?.current;if(!e)return;const t=()=>H();return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t),A.current&&clearTimeout(A.current)}}),[v,p,H]),e.useEffect((()=>{if("hover"!==v)return;const e=y?.current;if(!e)return;const t=()=>{A.current&&clearTimeout(A.current),S(!0)},r=()=>{A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{S(!1)}),500)};return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",r)}}),[v,y]),e.useEffect((()=>{const e=p?.current;if(!e)return;const t=()=>{const t="vertical"===c?e.scrollHeight>e.clientHeight:e.scrollWidth>e.clientWidth;C(t)};t();const r=new ResizeObserver(t);return r.observe(e),Array.from(e.children).forEach((e=>r.observe(e))),()=>r.disconnect()}),[p,c]);const W=e.useCallback((e=>{const t="vertical"===c?h?.current:m?.current;if(!t)return!1;const r=t.getBoundingClientRect();return"vertical"===c?e<r.top||e>r.bottom:e<r.left||e>r.right}),[c,m,h]),N=e.useCallback((e=>{f&&(e.preventDefault(),T.current="vertical"===c?e.clientY:e.clientX,f({clientY:e.clientY,clientX:e.clientX,orientation:c}),setTimeout((()=>{g.current&&(b.current=setInterval((()=>{g.current&&W(T.current)?f({clientY:"vertical"===c?T.current:void 0,clientX:"horizontal"===c?T.current:void 0,orientation:c}):M()}),50))}),300),g.current=!0,x(!0))}),[f,c,W]),M=e.useCallback((()=>{g.current=!1,w.current?.(),w.current=null,b.current&&(clearInterval(b.current),b.current=null),x(!1)}),[]);e.useEffect((()=>{if(!g.current)return()=>{w.current?.(),M()};const e=()=>M(),t=()=>M();return document.addEventListener("mouseup",e),document.addEventListener("mouseleave",t),w.current=()=>{document.removeEventListener("mouseup",e),document.removeEventListener("mouseleave",t)},()=>{w.current?.(),w.current=null,M()}}),[L,M]);const X="always"===v||"auto"===v&&R||R&&E,Y=R||"always"===v;return i("div",{ref:u,className:s(d+"-scrollbar",r),"data-orientation":c,"data-state":X?"visible":"hidden",style:{display:Y?void 0:"none",...o.style},onMouseDown:N,onMouseUp:M,onMouseLeave:M,...o,children:t})}));h.displayName="ScrollAreaScrollbar";const v=r((({children:t,className:r="",orientation:c="vertical",...u},d)=>{const{rootClass:f,scrollXThumbRef:m,scrollYThumbRef:h,scrollAreaViewportRef:v}=l(a),p=n(!1),y=n({x:0,y:0,scrollTop:0,scrollLeft:0}),b=o((e=>{v?.current&&(e.preventDefault(),e.stopPropagation(),p.current=!0,y.current={x:e.clientX,y:e.clientY,scrollTop:v.current.scrollTop,scrollLeft:v.current.scrollLeft},document.body.style.userSelect="none",document.body.style.cursor="grabbing")}),[v]),g=o((e=>{if(!p.current||!v?.current)return;const t=v.current,r="vertical"===c?h?.current:m?.current,n=r?.parentElement?.getBoundingClientRect();if(r&&n)if("vertical"===c){const c=(e.clientY-y.current.y)/(n.height-r.clientHeight),l=t.scrollHeight-t.clientHeight,o=y.current.scrollTop+c*l;t.scrollTop=Math.max(0,Math.min(o,l))}else{const c=(e.clientX-y.current.x)/(n.width-r.clientWidth),l=t.scrollWidth-t.clientWidth,o=y.current.scrollLeft+c*l;t.scrollLeft=Math.max(0,Math.min(o,l))}}),[c,v,m,h]),w=o((()=>{p.current=!1,document.body.style.cursor="",document.body.style.userSelect=""}),[]);e.useEffect((()=>{const e=e=>g(e),t=()=>w();return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t),w()}}),[g,w]);return i("div",{ref:e=>{const t="vertical"===c?h:m;t&&(t.current=e),"function"==typeof d?d(e):d&&(d.current=e)},className:s(f+"-thumb",r),onMouseDown:b,...u,children:t})}));v.displayName="ScrollAreaThumb";const p=r((({children:e,className:t,...r},n)=>{const{rootClass:c}=l(a);return i("div",{ref:n,className:s(c+"-corner",t),...r,children:e})}));p.displayName="ScrollAreaCorner";const y=e.forwardRef(((e,t)=>(console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null)));y.Root=f,y.Viewport=m,y.Scrollbar=h,y.Thumb=v,y.Corner=p,y.displayName="ScrollArea";export{y as default};