commerce-toolkit 0.6.0 → 0.8.0

package/dist/reveal-trigger-DFJIq75n.js

@@ -0,0 +1,153 @@
+import { jsx as o, jsxs as k, Fragment as y } from "react/jsx-runtime";
+import { c as i } from "./utils-CRiPKpXj.js";
+import { B as z } from "./button-D0viptzn.js";
+import { createContext as C, useState as h, useRef as N, useEffect as S, useCallback as j, useMemo as A, use as B } from "react";
+function E({ className: e, children: n, ...t }) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: i(
+        "origin-left font-semibold leading-normal text-[var(--animated-underline-text,var(--foreground))] transition-[background-size] duration-300 [background:linear-gradient(0deg,var(--animated-underline-hover,var(--brand)),var(--animated-underline-hover,var(--brand)))_no-repeat_left_bottom_/_0_2px] [font-family:var(--animated-underline-font-family,var(--font-family-body))]",
+        // Hover state
+        "hover:bg-[size:100%_2px]",
+        // Group focus state
+        "group-focus/underline:bg-[size:100%_2px]",
+        e
+      ),
+      "data-slot": "animated-underline",
+      ...t,
+      children: n
+    }
+  );
+}
+const b = C(void 0);
+function P({
+  children: e,
+  className: n,
+  variant: t = "underline",
+  showLabel: r = "Show more",
+  hideLabel: l = "Show less",
+  defaultOpen: u = !1,
+  maxHeight: a = 160,
+  ...c
+}) {
+  const [v, x] = h(u), [f, w] = h(!0), s = N(null);
+  S(() => {
+    function d() {
+      if (s.current) {
+        const O = s.current.scrollHeight;
+        w(O > a);
+      }
+    }
+    d();
+    const g = new ResizeObserver(d);
+    return s.current && g.observe(s.current), () => {
+      g.disconnect();
+    };
+  }, [a]);
+  const p = j(() => {
+    x((d) => !d);
+  }, []), R = A(
+    () => ({
+      isOpen: v,
+      hasOverflow: f,
+      variant: t,
+      showLabel: r,
+      hideLabel: l,
+      maxHeight: a,
+      contentRef: s,
+      toggleOpen: p
+    }),
+    [v, f, t, r, l, a, p]
+  ), _ = {
+    "--reveal-max-height": `${a}px`
+  };
+  return /* @__PURE__ */ o(b.Provider, { value: R, children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: i("group/reveal relative", n),
+      "data-open": v,
+      "data-overflow": f,
+      "data-slot": "reveal-root",
+      style: _,
+      ...c,
+      children: e
+    }
+  ) });
+}
+function m() {
+  const e = B(b);
+  if (e === void 0)
+    throw new Error("useReveal must be used within a RevealRoot");
+  return e;
+}
+function T({ children: e, className: n, ...t }) {
+  const { contentRef: r } = m();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: i(
+        "max-h-[var(--reveal-max-height)] overflow-hidden",
+        // Open state
+        "group-data-[open=true]/reveal:max-h-none",
+        // Overflow + Closed state (show gradient mask)
+        "group-data-[overflow=true]/reveal:group-data-[open=false]/reveal:[mask-image:linear-gradient(to_top,transparent,black_50px,black_calc(100%-50px))]",
+        n
+      ),
+      "data-slot": "reveal-viewport",
+      ref: r,
+      ...t,
+      children: e
+    }
+  );
+}
+function U({ children: e, className: n, ...t }) {
+  const { hasOverflow: r } = m();
+  return r ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: i("flex w-full items-end pt-4", n),
+      "data-slot": "reveal-controls",
+      ...t,
+      children: e
+    }
+  ) : null;
+}
+function $({ children: e, className: n, ...t }) {
+  const { variant: r, showLabel: l, hideLabel: u, isOpen: a, toggleOpen: c } = m();
+  return /* @__PURE__ */ k(y, { children: [
+    r === "underline" && /* @__PURE__ */ o(
+      "button",
+      {
+        className: i("group/underline text-sm focus:outline-none", n),
+        "data-slot": "reveal-trigger",
+        onClick: c,
+        type: "button",
+        ...t,
+        children: /* @__PURE__ */ o(E, { children: a ? u : l })
+      }
+    ),
+    r === "button" && /* @__PURE__ */ o(
+      z,
+      {
+        className: n,
+        "data-slot": "reveal-trigger",
+        onClick: c,
+        size: "x-small",
+        type: "button",
+        variant: "outline",
+        ...t,
+        children: a ? u : l
+      }
+    )
+  ] });
+}
+export {
+  E as A,
+  P as R,
+  T as a,
+  U as b,
+  $ as c,
+  m as u
+};
+//# sourceMappingURL=reveal-trigger-DFJIq75n.js.map

package/dist/reveal-trigger-DFJIq75n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reveal-trigger-DFJIq75n.js","sources":["../src/components/animated-underline/animated-underline.tsx","../src/components/reveal/primitives/reveal-root.tsx","../src/components/reveal/primitives/reveal-viewport.tsx","../src/components/reveal/primitives/reveal-controls.tsx","../src/components/reveal/primitives/reveal-trigger.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type AnimatedUnderlineProps = ComponentProps<'span'> & {\n  children: string;\n};\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --animated-underline-hover: var(--brand);\n *   --animated-underline-text: var(--foreground);\n *   --animated-underline-font-family: var(--font-family-body);\n * }\n * ```\n */\nexport function AnimatedUnderline({ className, children, ...props }: AnimatedUnderlineProps) {\n  return (\n    <span\n      className={cn(\n        'origin-left font-semibold leading-normal text-[var(--animated-underline-text,var(--foreground))] transition-[background-size] duration-300 [background:linear-gradient(0deg,var(--animated-underline-hover,var(--brand)),var(--animated-underline-hover,var(--brand)))_no-repeat_left_bottom_/_0_2px] [font-family:var(--animated-underline-font-family,var(--font-family-body))]',\n        // Hover state\n        'hover:bg-[size:100%_2px]',\n        // Group focus state\n        'group-focus/underline:bg-[size:100%_2px]',\n        className,\n      )}\n      data-slot=\"animated-underline\"\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n","'use client';\n\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, CSSProperties, ReactNode, RefObject } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface RevealContext {\n  isOpen: boolean;\n  hasOverflow: boolean;\n  variant: 'underline' | 'button';\n  showLabel: string;\n  hideLabel: string;\n  maxHeight: number;\n  contentRef: RefObject<HTMLDivElement | null>;\n  toggleOpen: () => void;\n}\n\nconst RevealContext = createContext<RevealContext | undefined>(undefined);\n\nexport interface RevealRootProps extends ComponentProps<'div'> {\n  variant?: 'underline' | 'button';\n  showLabel?: string;\n  hideLabel?: string;\n  defaultOpen?: boolean;\n  maxHeight?: number;\n  children: ReactNode;\n}\n\nexport function RevealRoot({\n  children,\n  className,\n  variant = 'underline',\n  showLabel = 'Show more',\n  hideLabel = 'Show less',\n  defaultOpen = false,\n  maxHeight = 160,\n  ...props\n}: RevealRootProps) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const [hasOverflow, setHasOverflow] = useState(true);\n\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function checkHeight() {\n      if (contentRef.current) {\n        const contentHeight = contentRef.current.scrollHeight;\n\n        setHasOverflow(contentHeight > maxHeight);\n      }\n    }\n\n    checkHeight();\n\n    const resizeObserver = new ResizeObserver(checkHeight);\n\n    if (contentRef.current) {\n      resizeObserver.observe(contentRef.current);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [maxHeight]);\n\n  const toggleOpen = useCallback(() => {\n    setIsOpen((prev) => !prev);\n  }, []);\n\n  const contextValues = useMemo(\n    () => ({\n      isOpen,\n      hasOverflow,\n      variant,\n      showLabel,\n      hideLabel,\n      maxHeight,\n      contentRef,\n      toggleOpen,\n    }),\n    [isOpen, hasOverflow, variant, showLabel, hideLabel, maxHeight, toggleOpen],\n  );\n\n  const revealStyle: CSSProperties & { '--reveal-max-height': string } = {\n    '--reveal-max-height': `${maxHeight}px`,\n  };\n\n  return (\n    <RevealContext.Provider value={contextValues}>\n      <div\n        className={cn('group/reveal relative', className)}\n        data-open={isOpen}\n        data-overflow={hasOverflow}\n        data-slot=\"reveal-root\"\n        style={revealStyle}\n        {...props}\n      >\n        {children}\n      </div>\n    </RevealContext.Provider>\n  );\n}\n\nexport function useReveal() {\n  const context = use(RevealContext);\n\n  if (context === undefined) {\n    throw new Error('useReveal must be used within a RevealRoot');\n  }\n\n  return context;\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useReveal } from '@/components/reveal';\nimport { cn } from '@/lib';\n\nexport type RevealViewportProps = ComponentProps<'div'>;\n\nexport function RevealViewport({ children, className, ...props }: RevealViewportProps) {\n  const { contentRef } = useReveal();\n\n  return (\n    <div\n      className={cn(\n        'max-h-[var(--reveal-max-height)] overflow-hidden',\n        // Open state\n        'group-data-[open=true]/reveal:max-h-none',\n        // Overflow + Closed state (show gradient mask)\n        'group-data-[overflow=true]/reveal:group-data-[open=false]/reveal:[mask-image:linear-gradient(to_top,transparent,black_50px,black_calc(100%-50px))]',\n        className,\n      )}\n      data-slot=\"reveal-viewport\"\n      ref={contentRef}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useReveal } from '@/components/reveal';\nimport { cn } from '@/lib';\n\nexport type RevealControlsProps = ComponentProps<'div'>;\n\nexport function RevealControls({ children, className, ...props }: RevealControlsProps) {\n  const { hasOverflow } = useReveal();\n\n  if (!hasOverflow) return null;\n\n  return (\n    <div\n      className={cn('flex w-full items-end pt-4', className)}\n      data-slot=\"reveal-controls\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { AnimatedUnderline } from '@/components/animated-underline';\nimport { Button } from '@/components/button';\nimport { useReveal } from '@/components/reveal';\nimport { cn } from '@/lib';\n\nexport type RevealTriggerProps = ComponentProps<'button'>;\n\nexport function RevealTrigger({ children, className, ...props }: RevealTriggerProps) {\n  const { variant, showLabel, hideLabel, isOpen, toggleOpen } = useReveal();\n\n  return (\n    <>\n      {variant === 'underline' && (\n        <button\n          className={cn('group/underline text-sm focus:outline-none', className)}\n          data-slot=\"reveal-trigger\"\n          onClick={toggleOpen}\n          type=\"button\"\n          {...props}\n        >\n          <AnimatedUnderline>{isOpen ? hideLabel : showLabel}</AnimatedUnderline>\n        </button>\n      )}\n      {variant === 'button' && (\n        <Button\n          className={className}\n          data-slot=\"reveal-trigger\"\n          onClick={toggleOpen}\n          size=\"x-small\"\n          type=\"button\"\n          variant=\"outline\"\n          {...props}\n        >\n          {isOpen ? hideLabel : showLabel}\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":["AnimatedUnderline","className","children","props","jsx","cn","RevealContext","createContext","RevealRoot","variant","showLabel","hideLabel","defaultOpen","maxHeight","isOpen","setIsOpen","useState","hasOverflow","setHasOverflow","contentRef","useRef","useEffect","checkHeight","contentHeight","resizeObserver","toggleOpen","useCallback","prev","contextValues","useMemo","revealStyle","useReveal","context","use","RevealViewport","RevealControls","RevealTrigger","jsxs","Fragment","Button"],"mappings":"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"}

package/dist/reveal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./reveal-trigger-CCTnO9e2.cjs");exports.Controls=e.RevealControls;exports.Root=e.RevealRoot;exports.Trigger=e.RevealTrigger;exports.Viewport=e.RevealViewport;exports.useReveal=e.useReveal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./reveal-trigger-DC3QWjji.cjs");exports.Controls=e.RevealControls;exports.Root=e.RevealRoot;exports.Trigger=e.RevealTrigger;exports.Viewport=e.RevealViewport;exports.useReveal=e.useReveal;
 //# sourceMappingURL=reveal.cjs.map

package/dist/reveal.js

@@ -1,4 +1,4 @@
-import { b as s, R as e, c as r, a as t, u as R } from "./reveal-trigger-ScuufoFq.js";
+import { b as s, R as e, c as r, a as t, u as R } from "./reveal-trigger-DFJIq75n.js";
 export {
   s as Controls,
   e as Root,

package/dist/scroll-area-BDOOgbuL.js

@@ -0,0 +1,28 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { a as S, S as t, b as n, c as A, d, e as h } from "./scroll-area-corner-CLcng3tk.js";
+function f({
+  className: o,
+  children: e,
+  orientation: l = "vertical",
+  scrollHideDelay: a = 500,
+  type: c = "hover",
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    S,
+    {
+      orientation: l,
+      scrollHideDelay: a,
+      type: c,
+      children: /* @__PURE__ */ i(t, { className: o, ...s, children: [
+        /* @__PURE__ */ r(n, { children: e }),
+        /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(d, {}) }),
+        /* @__PURE__ */ r(h, {})
+      ] })
+    }
+  );
+}
+export {
+  f as S
+};
+//# sourceMappingURL=scroll-area-BDOOgbuL.js.map

package/dist/scroll-area-BDOOgbuL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-BDOOgbuL.js","sources":["../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as ScrollAreaPrimitives from '@/components/scroll-area';\n\nexport interface ScrollAreaProps extends ComponentProps<typeof ScrollAreaPrimitives.Root> {\n  orientation?: 'vertical' | 'horizontal' | 'both';\n  scrollHideDelay?: number;\n  type?: 'auto' | 'always' | 'scroll' | 'hover';\n}\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --scroll-area-focus: var(--brand);\n *   --scroll-area-thumb: var(--contrast-200);\n * }\n * ```\n */\nexport function ScrollArea({\n  className,\n  children,\n  orientation = 'vertical',\n  scrollHideDelay = 500,\n  type = 'hover',\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitives.Provider\n      orientation={orientation}\n      scrollHideDelay={scrollHideDelay}\n      type={type}\n    >\n      <ScrollAreaPrimitives.Root className={className} {...props}>\n        <ScrollAreaPrimitives.Viewport>{children}</ScrollAreaPrimitives.Viewport>\n        <ScrollAreaPrimitives.Bar>\n          <ScrollAreaPrimitives.Thumb />\n        </ScrollAreaPrimitives.Bar>\n        <ScrollAreaPrimitives.Corner />\n      </ScrollAreaPrimitives.Root>\n    </ScrollAreaPrimitives.Provider>\n  );\n}\n"],"names":["ScrollArea","className","children","orientation","scrollHideDelay","type","props","jsx","ScrollAreaPrimitives.Provider","ScrollAreaPrimitives.Root","ScrollAreaPrimitives.Viewport","ScrollAreaPrimitives.Bar","ScrollAreaPrimitives.Thumb","ScrollAreaPrimitives.Corner"],"mappings":";;AAqBO,SAASA,EAAW;AAAA,EACzB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAoB;AAClB,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAAL;AAAA,MACA,iBAAAC;AAAA,MACA,MAAAC;AAAA,MAEA,4BAACI,GAAA,EAA0B,WAAAR,GAAuB,GAAGK,GACnD,UAAA;AAAA,QAAA,gBAAAC,EAACG,GAAA,EAA+B,UAAAR,GAAS;AAAA,QACzC,gBAAAK,EAACI,GAAA,EACC,4BAACC,GAAA,CAAA,CAA2B,GAC9B;AAAA,QACA,gBAAAL,EAACM,GAAA,CAAA,CAA4B;AAAA,MAAA,EAAA,CAC/B;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/scroll-area-Di_L0y2h.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),e=require("./scroll-area-corner-B50-Euv6.cjs");function n({className:l,children:o,orientation:c="vertical",scrollHideDelay:s=500,type:a="hover",...i}){return r.jsx(e.ScrollAreaProvider,{orientation:c,scrollHideDelay:s,type:a,children:r.jsxs(e.ScrollAreaRoot,{className:l,...i,children:[r.jsx(e.ScrollAreaViewport,{children:o}),r.jsx(e.ScrollAreaBar,{children:r.jsx(e.ScrollAreaThumb,{})}),r.jsx(e.ScrollAreaCorner,{})]})})}exports.ScrollArea=n;
+//# sourceMappingURL=scroll-area-Di_L0y2h.cjs.map

package/dist/scroll-area-Di_L0y2h.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-Di_L0y2h.cjs","sources":["../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as ScrollAreaPrimitives from '@/components/scroll-area';\n\nexport interface ScrollAreaProps extends ComponentProps<typeof ScrollAreaPrimitives.Root> {\n  orientation?: 'vertical' | 'horizontal' | 'both';\n  scrollHideDelay?: number;\n  type?: 'auto' | 'always' | 'scroll' | 'hover';\n}\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n *   --scroll-area-focus: var(--brand);\n *   --scroll-area-thumb: var(--contrast-200);\n * }\n * ```\n */\nexport function ScrollArea({\n  className,\n  children,\n  orientation = 'vertical',\n  scrollHideDelay = 500,\n  type = 'hover',\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitives.Provider\n      orientation={orientation}\n      scrollHideDelay={scrollHideDelay}\n      type={type}\n    >\n      <ScrollAreaPrimitives.Root className={className} {...props}>\n        <ScrollAreaPrimitives.Viewport>{children}</ScrollAreaPrimitives.Viewport>\n        <ScrollAreaPrimitives.Bar>\n          <ScrollAreaPrimitives.Thumb />\n        </ScrollAreaPrimitives.Bar>\n        <ScrollAreaPrimitives.Corner />\n      </ScrollAreaPrimitives.Root>\n    </ScrollAreaPrimitives.Provider>\n  );\n}\n"],"names":["ScrollArea","className","children","orientation","scrollHideDelay","type","props","jsx","ScrollAreaPrimitives.Provider","ScrollAreaPrimitives.Root","ScrollAreaPrimitives.Viewport","ScrollAreaPrimitives.Bar","ScrollAreaPrimitives.Thumb","ScrollAreaPrimitives.Corner"],"mappings":"iGAqBO,SAASA,EAAW,CACzB,UAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,gBAAAC,EAAkB,IAClB,KAAAC,EAAO,QACP,GAAGC,CACL,EAAoB,CAClB,OACEC,EAAAA,IAACC,EAAAA,mBAAA,CACC,YAAAL,EACA,gBAAAC,EACA,KAAAC,EAEA,gBAACI,EAAAA,eAAA,CAA0B,UAAAR,EAAuB,GAAGK,EACnD,SAAA,CAAAC,MAACG,EAAAA,mBAAA,CAA+B,SAAAR,EAAS,EACzCK,EAAAA,IAACI,EAAAA,cAAA,CACC,eAACC,EAAAA,gBAAA,CAAA,CAA2B,EAC9B,EACAL,EAAAA,IAACM,EAAAA,iBAAA,CAAA,CAA4B,CAAA,CAAA,CAC/B,CAAA,CAAA,CAGN"}

package/dist/{scroll-area-corner-Bc4E-OBW.cjs → scroll-area-corner-B50-Euv6.cjs}

@@ -1,2 +1,2 @@
-"use strict";const d=require("react/jsx-runtime"),A=require("./utils-DoxiiusW.cjs"),I=require("react"),L=require("./index-C9i1xBih.cjs"),M=require("./index-Bd0gQB0k.cjs"),ie=require("./index-DO-atGp-.cjs"),T=require("./index-_XxjJPRD.cjs"),C=require("./index-CzY-WZXL.cjs"),ue=require("./index-Cje7xxa1.cjs"),de=require("./index-MQ0c3ZX_.cjs"),fe=require("./index-C8ni3LLa.cjs"),P=require("./index-BqyOu62e.cjs");function he(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const c=he(I);function be(e,o){return c.useReducer((r,n)=>o[r][n]??r,e)}var $="ScrollArea",[G]=ie.createContextScope($),[ve,m]=G($),J=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,type:n="hover",dir:t,scrollHideDelay:l=600,...s}=e,[a,i]=c.useState(null),[h,u]=c.useState(null),[b,f]=c.useState(null),[v,w]=c.useState(null),[y,V]=c.useState(null),[x,j]=c.useState(0),[U,D]=c.useState(0),[H,_]=c.useState(!1),[z,N]=c.useState(!1),S=T.useComposedRefs(o,R=>i(R)),p=ue.useDirection(t);return d.jsx(ve,{scope:r,type:n,dir:p,scrollHideDelay:l,scrollArea:a,viewport:h,onViewportChange:u,content:b,onContentChange:f,scrollbarX:v,onScrollbarXChange:w,scrollbarXEnabled:H,onScrollbarXEnabledChange:_,scrollbarY:y,onScrollbarYChange:V,scrollbarYEnabled:z,onScrollbarYEnabledChange:N,onCornerWidthChange:j,onCornerHeightChange:D,children:d.jsx(L.Primitive.div,{dir:p,...s,ref:S,style:{position:"relative","--radix-scroll-area-corner-width":x+"px","--radix-scroll-area-corner-height":U+"px",...e.style}})})});J.displayName=$;var K="ScrollAreaViewport",Q=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,children:n,nonce:t,...l}=e,s=m(K,r),a=c.useRef(null),i=T.useComposedRefs(o,a,s.onViewportChange);return d.jsxs(d.Fragment,{children:[d.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:t}),d.jsx(L.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:i,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style},children:d.jsx("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"},children:n})})]})});Q.displayName=K;var g="ScrollAreaScrollbar",O=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=m(g,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:s}=t,a=e.orientation==="horizontal";return c.useEffect(()=>(a?l(!0):s(!0),()=>{a?l(!1):s(!1)}),[a,l,s]),t.type==="hover"?d.jsx(Se,{...n,ref:o,forceMount:r}):t.type==="scroll"?d.jsx(me,{...n,ref:o,forceMount:r}):t.type==="auto"?d.jsx(Z,{...n,ref:o,forceMount:r}):t.type==="always"?d.jsx(q,{...n,ref:o}):null});O.displayName=g;var Se=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=m(g,e.__scopeScrollArea),[l,s]=c.useState(!1);return c.useEffect(()=>{const a=t.scrollArea;let i=0;if(a){const h=()=>{window.clearTimeout(i),s(!0)},u=()=>{i=window.setTimeout(()=>s(!1),t.scrollHideDelay)};return a.addEventListener("pointerenter",h),a.addEventListener("pointerleave",u),()=>{window.clearTimeout(i),a.removeEventListener("pointerenter",h),a.removeEventListener("pointerleave",u)}}},[t.scrollArea,t.scrollHideDelay]),d.jsx(M.Presence,{present:r||l,children:d.jsx(Z,{"data-state":l?"visible":"hidden",...n,ref:o})})}),me=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=m(g,e.__scopeScrollArea),l=e.orientation==="horizontal",s=Y(()=>i("SCROLL_END"),100),[a,i]=be("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return c.useEffect(()=>{if(a==="idle"){const h=window.setTimeout(()=>i("HIDE"),t.scrollHideDelay);return()=>window.clearTimeout(h)}},[a,t.scrollHideDelay,i]),c.useEffect(()=>{const h=t.viewport,u=l?"scrollLeft":"scrollTop";if(h){let b=h[u];const f=()=>{const v=h[u];b!==v&&(i("SCROLL"),s()),b=v};return h.addEventListener("scroll",f),()=>h.removeEventListener("scroll",f)}},[t.viewport,l,i,s]),d.jsx(M.Presence,{present:r||a!=="hidden",children:d.jsx(q,{"data-state":a==="hidden"?"hidden":"visible",...n,ref:o,onPointerEnter:P.composeEventHandlers(e.onPointerEnter,()=>i("POINTER_ENTER")),onPointerLeave:P.composeEventHandlers(e.onPointerLeave,()=>i("POINTER_LEAVE"))})})}),Z=c.forwardRef((e,o)=>{const r=m(g,e.__scopeScrollArea),{forceMount:n,...t}=e,[l,s]=c.useState(!1),a=e.orientation==="horizontal",i=Y(()=>{if(r.viewport){const h=r.viewport.offsetWidth<r.viewport.scrollWidth,u=r.viewport.offsetHeight<r.viewport.scrollHeight;s(a?h:u)}},10);return E(r.viewport,i),E(r.content,i),d.jsx(M.Presence,{present:n||l,children:d.jsx(q,{"data-state":l?"visible":"hidden",...t,ref:o})})}),q=c.forwardRef((e,o)=>{const{orientation:r="vertical",...n}=e,t=m(g,e.__scopeScrollArea),l=c.useRef(null),s=c.useRef(0),[a,i]=c.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),h=ne(a.viewport,a.content),u={...n,sizes:a,onSizesChange:i,hasThumb:h>0&&h<1,onThumbChange:f=>l.current=f,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:f=>s.current=f};function b(f,v){return Pe(f,s.current,a,v)}return r==="horizontal"?d.jsx(pe,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const f=t.viewport.scrollLeft,v=F(f,a,t.dir);l.current.style.transform=`translate3d(${v}px, 0, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollLeft=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollLeft=b(f,t.dir))}}):r==="vertical"?d.jsx(we,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const f=t.viewport.scrollTop,v=F(f,a);l.current.style.transform=`translate3d(0, ${v}px, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollTop=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollTop=b(f))}}):null}),pe=c.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=m(g,e.__scopeScrollArea),[s,a]=c.useState(),i=c.useRef(null),h=T.useComposedRefs(o,i,l.onScrollbarXChange);return c.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),d.jsx(re,{"data-orientation":"horizontal",...t,ref:h,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":X(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,b)=>{if(l.viewport){const f=l.viewport.scrollLeft+u.deltaX;e.onWheelScroll(f),se(f,b)&&u.preventDefault()}},onResize:()=>{i.current&&l.viewport&&s&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:i.current.clientWidth,paddingStart:k(s.paddingLeft),paddingEnd:k(s.paddingRight)}})}})}),we=c.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=m(g,e.__scopeScrollArea),[s,a]=c.useState(),i=c.useRef(null),h=T.useComposedRefs(o,i,l.onScrollbarYChange);return c.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),d.jsx(re,{"data-orientation":"vertical",...t,ref:h,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":X(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,b)=>{if(l.viewport){const f=l.viewport.scrollTop+u.deltaY;e.onWheelScroll(f),se(f,b)&&u.preventDefault()}},onResize:()=>{i.current&&l.viewport&&s&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:i.current.clientHeight,paddingStart:k(s.paddingTop),paddingEnd:k(s.paddingBottom)}})}})}),[ge,ee]=G(g),re=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,sizes:n,hasThumb:t,onThumbChange:l,onThumbPointerUp:s,onThumbPointerDown:a,onThumbPositionChange:i,onDragScroll:h,onWheelScroll:u,onResize:b,...f}=e,v=m(g,r),[w,y]=c.useState(null),V=T.useComposedRefs(o,S=>y(S)),x=c.useRef(null),j=c.useRef(""),U=v.viewport,D=n.content-n.viewport,H=C.useCallbackRef(u),_=C.useCallbackRef(i),z=Y(b,10);function N(S){if(x.current){const p=S.clientX-x.current.left,R=S.clientY-x.current.top;h({x:p,y:R})}}return c.useEffect(()=>{const S=p=>{const R=p.target;w?.contains(R)&&H(p,D)};return document.addEventListener("wheel",S,{passive:!1}),()=>document.removeEventListener("wheel",S,{passive:!1})},[U,w,D,H]),c.useEffect(_,[n,_]),E(w,z),E(v.content,z),d.jsx(ge,{scope:r,scrollbar:w,hasThumb:t,onThumbChange:C.useCallbackRef(l),onThumbPointerUp:C.useCallbackRef(s),onThumbPositionChange:_,onThumbPointerDown:C.useCallbackRef(a),children:d.jsx(L.Primitive.div,{...f,ref:V,style:{position:"absolute",...f.style},onPointerDown:P.composeEventHandlers(e.onPointerDown,S=>{S.button===0&&(S.target.setPointerCapture(S.pointerId),x.current=w.getBoundingClientRect(),j.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",v.viewport&&(v.viewport.style.scrollBehavior="auto"),N(S))}),onPointerMove:P.composeEventHandlers(e.onPointerMove,N),onPointerUp:P.composeEventHandlers(e.onPointerUp,S=>{const p=S.target;p.hasPointerCapture(S.pointerId)&&p.releasePointerCapture(S.pointerId),document.body.style.webkitUserSelect=j.current,v.viewport&&(v.viewport.style.scrollBehavior=""),x.current=null})})})}),W="ScrollAreaThumb",oe=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=ee(W,e.__scopeScrollArea);return d.jsx(M.Presence,{present:r||t.hasThumb,children:d.jsx(xe,{ref:o,...n})})}),xe=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,style:n,...t}=e,l=m(W,r),s=ee(W,r),{onThumbPositionChange:a}=s,i=T.useComposedRefs(o,b=>s.onThumbChange(b)),h=c.useRef(void 0),u=Y(()=>{h.current&&(h.current(),h.current=void 0)},100);return c.useEffect(()=>{const b=l.viewport;if(b){const f=()=>{if(u(),!h.current){const v=Re(b,a);h.current=v,a()}};return a(),b.addEventListener("scroll",f),()=>b.removeEventListener("scroll",f)}},[l.viewport,u,a]),d.jsx(L.Primitive.div,{"data-state":s.hasThumb?"visible":"hidden",...t,ref:i,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:P.composeEventHandlers(e.onPointerDownCapture,b=>{const v=b.target.getBoundingClientRect(),w=b.clientX-v.left,y=b.clientY-v.top;s.onThumbPointerDown({x:w,y})}),onPointerUp:P.composeEventHandlers(e.onPointerUp,s.onThumbPointerUp)})});oe.displayName=W;var B="ScrollAreaCorner",te=c.forwardRef((e,o)=>{const r=m(B,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?d.jsx(Ce,{...e,ref:o}):null});te.displayName=B;var Ce=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,...n}=e,t=m(B,r),[l,s]=c.useState(0),[a,i]=c.useState(0),h=!!(l&&a);return E(t.scrollbarX,()=>{const u=t.scrollbarX?.offsetHeight||0;t.onCornerHeightChange(u),i(u)}),E(t.scrollbarY,()=>{const u=t.scrollbarY?.offsetWidth||0;t.onCornerWidthChange(u),s(u)}),h?d.jsx(L.Primitive.div,{...n,ref:o,style:{width:l,height:a,position:"absolute",right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function k(e){return e?parseInt(e,10):0}function ne(e,o){const r=e/o;return isNaN(r)?0:r}function X(e){const o=ne(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*o;return Math.max(n,18)}function Pe(e,o,r,n="ltr"){const t=X(r),l=t/2,s=o||l,a=t-s,i=r.scrollbar.paddingStart+s,h=r.scrollbar.size-r.scrollbar.paddingEnd-a,u=r.content-r.viewport,b=n==="ltr"?[0,u]:[u*-1,0];return le([i,h],b)(e)}function F(e,o,r="ltr"){const n=X(o),t=o.scrollbar.paddingStart+o.scrollbar.paddingEnd,l=o.scrollbar.size-t,s=o.content-o.viewport,a=l-n,i=r==="ltr"?[0,s]:[s*-1,0],h=fe.clamp(e,i);return le([0,s],[0,a])(h)}function le(e,o){return r=>{if(e[0]===e[1]||o[0]===o[1])return o[0];const n=(o[1]-o[0])/(e[1]-e[0]);return o[0]+n*(r-e[0])}}function se(e,o){return e>0&&e<o}var Re=(e,o=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return(function t(){const l={left:e.scrollLeft,top:e.scrollTop},s=r.left!==l.left,a=r.top!==l.top;(s||a)&&o(),r=l,n=window.requestAnimationFrame(t)})(),()=>window.cancelAnimationFrame(n)};function Y(e,o){const r=C.useCallbackRef(e),n=c.useRef(0);return c.useEffect(()=>()=>window.clearTimeout(n.current),[]),c.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,o)},[r,o])}function E(e,o){const r=C.useCallbackRef(o);de.useLayoutEffect2(()=>{let n=0;if(e){const t=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return t.observe(e),()=>{window.cancelAnimationFrame(n),t.unobserve(e)}}},[e,r])}var Ae=J,Ee=Q,Te=te;function ye({className:e,children:o,...r}){return d.jsx(Ae,{className:A.cn("relative overflow-hidden",e),"data-slot":"scroll-area-root",...r,children:o})}const ce=I.createContext(void 0);function _e({children:e,orientation:o="vertical",scrollHideDelay:r=500,type:n="hover"}){const t=I.useMemo(()=>({orientation:o,scrollHideDelay:r,type:n}),[o,r,n]);return d.jsx(ce.Provider,{value:t,children:e})}function ae(){const e=I.use(ce);if(e===void 0)throw new Error("useScrollArea must be used within a ScrollAreaProvider");return e}function Le({className:e,children:o,...r}){return d.jsx(Ee,{className:A.cn("size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary",e),"data-slot":"scroll-area-viewport",...r,children:o})}function je({className:e,children:o,...r}){const{orientation:n}=ae(),t="flex touch-none select-none bg-transparent p-1 transition-colors data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:fade-in-0",l="h-full w-3.5 border-l border-l-transparent",s="h-3.5 flex-col border-t border-t-transparent";return n==="both"?d.jsxs(d.Fragment,{children:[d.jsx(O,{className:A.cn(t,l,e),"data-slot":"scroll-area-vertical-scrollbar",orientation:"vertical",...r,children:o}),d.jsx(O,{className:A.cn(t,s,e),"data-slot":"scroll-area-horizontal-scrollbar",orientation:"horizontal",...r,children:o})]}):d.jsx(O,{className:A.cn(t,n==="vertical"&&l,n==="horizontal"&&s,e),"data-slot":`scroll-area-${n}-scrollbar`,orientation:n,...r,children:o})}function De({className:e,...o}){return d.jsx(oe,{className:A.cn("relative flex-1 rounded-full bg-contrast-200",e),"data-slot":"scroll-area-thumb",...o})}function He({className:e,...o}){return d.jsx(Te,{className:e,"data-slot":"scroll-area-corner",...o})}exports.ScrollAreaBar=je;exports.ScrollAreaCorner=He;exports.ScrollAreaProvider=_e;exports.ScrollAreaRoot=ye;exports.ScrollAreaThumb=De;exports.ScrollAreaViewport=Le;exports.useScrollArea=ae;
-//# sourceMappingURL=scroll-area-corner-Bc4E-OBW.cjs.map
+"use strict";const d=require("react/jsx-runtime"),P=require("./utils-DoxiiusW.cjs"),I=require("react"),L=require("./index-C9i1xBih.cjs"),M=require("./index-Bd0gQB0k.cjs"),ie=require("./index-DO-atGp-.cjs"),T=require("./index-_XxjJPRD.cjs"),C=require("./index-CzY-WZXL.cjs"),ue=require("./index-Cje7xxa1.cjs"),de=require("./index-MQ0c3ZX_.cjs"),fe=require("./index-C8ni3LLa.cjs"),R=require("./index-BqyOu62e.cjs");function he(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const c=he(I);function be(e,o){return c.useReducer((r,n)=>o[r][n]??r,e)}var $="ScrollArea",[G]=ie.createContextScope($),[ve,m]=G($),J=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,type:n="hover",dir:t,scrollHideDelay:l=600,...s}=e,[a,i]=c.useState(null),[h,u]=c.useState(null),[b,f]=c.useState(null),[v,w]=c.useState(null),[y,V]=c.useState(null),[x,j]=c.useState(0),[U,D]=c.useState(0),[H,_]=c.useState(!1),[z,N]=c.useState(!1),S=T.useComposedRefs(o,A=>i(A)),p=ue.useDirection(t);return d.jsx(ve,{scope:r,type:n,dir:p,scrollHideDelay:l,scrollArea:a,viewport:h,onViewportChange:u,content:b,onContentChange:f,scrollbarX:v,onScrollbarXChange:w,scrollbarXEnabled:H,onScrollbarXEnabledChange:_,scrollbarY:y,onScrollbarYChange:V,scrollbarYEnabled:z,onScrollbarYEnabledChange:N,onCornerWidthChange:j,onCornerHeightChange:D,children:d.jsx(L.Primitive.div,{dir:p,...s,ref:S,style:{position:"relative","--radix-scroll-area-corner-width":x+"px","--radix-scroll-area-corner-height":U+"px",...e.style}})})});J.displayName=$;var K="ScrollAreaViewport",Q=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,children:n,nonce:t,...l}=e,s=m(K,r),a=c.useRef(null),i=T.useComposedRefs(o,a,s.onViewportChange);return d.jsxs(d.Fragment,{children:[d.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:t}),d.jsx(L.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:i,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style},children:d.jsx("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"},children:n})})]})});Q.displayName=K;var g="ScrollAreaScrollbar",O=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=m(g,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:s}=t,a=e.orientation==="horizontal";return c.useEffect(()=>(a?l(!0):s(!0),()=>{a?l(!1):s(!1)}),[a,l,s]),t.type==="hover"?d.jsx(Se,{...n,ref:o,forceMount:r}):t.type==="scroll"?d.jsx(me,{...n,ref:o,forceMount:r}):t.type==="auto"?d.jsx(Z,{...n,ref:o,forceMount:r}):t.type==="always"?d.jsx(q,{...n,ref:o}):null});O.displayName=g;var Se=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=m(g,e.__scopeScrollArea),[l,s]=c.useState(!1);return c.useEffect(()=>{const a=t.scrollArea;let i=0;if(a){const h=()=>{window.clearTimeout(i),s(!0)},u=()=>{i=window.setTimeout(()=>s(!1),t.scrollHideDelay)};return a.addEventListener("pointerenter",h),a.addEventListener("pointerleave",u),()=>{window.clearTimeout(i),a.removeEventListener("pointerenter",h),a.removeEventListener("pointerleave",u)}}},[t.scrollArea,t.scrollHideDelay]),d.jsx(M.Presence,{present:r||l,children:d.jsx(Z,{"data-state":l?"visible":"hidden",...n,ref:o})})}),me=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=m(g,e.__scopeScrollArea),l=e.orientation==="horizontal",s=Y(()=>i("SCROLL_END"),100),[a,i]=be("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return c.useEffect(()=>{if(a==="idle"){const h=window.setTimeout(()=>i("HIDE"),t.scrollHideDelay);return()=>window.clearTimeout(h)}},[a,t.scrollHideDelay,i]),c.useEffect(()=>{const h=t.viewport,u=l?"scrollLeft":"scrollTop";if(h){let b=h[u];const f=()=>{const v=h[u];b!==v&&(i("SCROLL"),s()),b=v};return h.addEventListener("scroll",f),()=>h.removeEventListener("scroll",f)}},[t.viewport,l,i,s]),d.jsx(M.Presence,{present:r||a!=="hidden",children:d.jsx(q,{"data-state":a==="hidden"?"hidden":"visible",...n,ref:o,onPointerEnter:R.composeEventHandlers(e.onPointerEnter,()=>i("POINTER_ENTER")),onPointerLeave:R.composeEventHandlers(e.onPointerLeave,()=>i("POINTER_LEAVE"))})})}),Z=c.forwardRef((e,o)=>{const r=m(g,e.__scopeScrollArea),{forceMount:n,...t}=e,[l,s]=c.useState(!1),a=e.orientation==="horizontal",i=Y(()=>{if(r.viewport){const h=r.viewport.offsetWidth<r.viewport.scrollWidth,u=r.viewport.offsetHeight<r.viewport.scrollHeight;s(a?h:u)}},10);return E(r.viewport,i),E(r.content,i),d.jsx(M.Presence,{present:n||l,children:d.jsx(q,{"data-state":l?"visible":"hidden",...t,ref:o})})}),q=c.forwardRef((e,o)=>{const{orientation:r="vertical",...n}=e,t=m(g,e.__scopeScrollArea),l=c.useRef(null),s=c.useRef(0),[a,i]=c.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),h=ne(a.viewport,a.content),u={...n,sizes:a,onSizesChange:i,hasThumb:h>0&&h<1,onThumbChange:f=>l.current=f,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:f=>s.current=f};function b(f,v){return Pe(f,s.current,a,v)}return r==="horizontal"?d.jsx(pe,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const f=t.viewport.scrollLeft,v=F(f,a,t.dir);l.current.style.transform=`translate3d(${v}px, 0, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollLeft=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollLeft=b(f,t.dir))}}):r==="vertical"?d.jsx(we,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const f=t.viewport.scrollTop,v=F(f,a);l.current.style.transform=`translate3d(0, ${v}px, 0)`}},onWheelScroll:f=>{t.viewport&&(t.viewport.scrollTop=f)},onDragScroll:f=>{t.viewport&&(t.viewport.scrollTop=b(f))}}):null}),pe=c.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=m(g,e.__scopeScrollArea),[s,a]=c.useState(),i=c.useRef(null),h=T.useComposedRefs(o,i,l.onScrollbarXChange);return c.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),d.jsx(re,{"data-orientation":"horizontal",...t,ref:h,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":X(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,b)=>{if(l.viewport){const f=l.viewport.scrollLeft+u.deltaX;e.onWheelScroll(f),se(f,b)&&u.preventDefault()}},onResize:()=>{i.current&&l.viewport&&s&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:i.current.clientWidth,paddingStart:k(s.paddingLeft),paddingEnd:k(s.paddingRight)}})}})}),we=c.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=m(g,e.__scopeScrollArea),[s,a]=c.useState(),i=c.useRef(null),h=T.useComposedRefs(o,i,l.onScrollbarYChange);return c.useEffect(()=>{i.current&&a(getComputedStyle(i.current))},[i]),d.jsx(re,{"data-orientation":"vertical",...t,ref:h,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":X(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,b)=>{if(l.viewport){const f=l.viewport.scrollTop+u.deltaY;e.onWheelScroll(f),se(f,b)&&u.preventDefault()}},onResize:()=>{i.current&&l.viewport&&s&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:i.current.clientHeight,paddingStart:k(s.paddingTop),paddingEnd:k(s.paddingBottom)}})}})}),[ge,ee]=G(g),re=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,sizes:n,hasThumb:t,onThumbChange:l,onThumbPointerUp:s,onThumbPointerDown:a,onThumbPositionChange:i,onDragScroll:h,onWheelScroll:u,onResize:b,...f}=e,v=m(g,r),[w,y]=c.useState(null),V=T.useComposedRefs(o,S=>y(S)),x=c.useRef(null),j=c.useRef(""),U=v.viewport,D=n.content-n.viewport,H=C.useCallbackRef(u),_=C.useCallbackRef(i),z=Y(b,10);function N(S){if(x.current){const p=S.clientX-x.current.left,A=S.clientY-x.current.top;h({x:p,y:A})}}return c.useEffect(()=>{const S=p=>{const A=p.target;w?.contains(A)&&H(p,D)};return document.addEventListener("wheel",S,{passive:!1}),()=>document.removeEventListener("wheel",S,{passive:!1})},[U,w,D,H]),c.useEffect(_,[n,_]),E(w,z),E(v.content,z),d.jsx(ge,{scope:r,scrollbar:w,hasThumb:t,onThumbChange:C.useCallbackRef(l),onThumbPointerUp:C.useCallbackRef(s),onThumbPositionChange:_,onThumbPointerDown:C.useCallbackRef(a),children:d.jsx(L.Primitive.div,{...f,ref:V,style:{position:"absolute",...f.style},onPointerDown:R.composeEventHandlers(e.onPointerDown,S=>{S.button===0&&(S.target.setPointerCapture(S.pointerId),x.current=w.getBoundingClientRect(),j.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",v.viewport&&(v.viewport.style.scrollBehavior="auto"),N(S))}),onPointerMove:R.composeEventHandlers(e.onPointerMove,N),onPointerUp:R.composeEventHandlers(e.onPointerUp,S=>{const p=S.target;p.hasPointerCapture(S.pointerId)&&p.releasePointerCapture(S.pointerId),document.body.style.webkitUserSelect=j.current,v.viewport&&(v.viewport.style.scrollBehavior=""),x.current=null})})})}),W="ScrollAreaThumb",oe=c.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=ee(W,e.__scopeScrollArea);return d.jsx(M.Presence,{present:r||t.hasThumb,children:d.jsx(xe,{ref:o,...n})})}),xe=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,style:n,...t}=e,l=m(W,r),s=ee(W,r),{onThumbPositionChange:a}=s,i=T.useComposedRefs(o,b=>s.onThumbChange(b)),h=c.useRef(void 0),u=Y(()=>{h.current&&(h.current(),h.current=void 0)},100);return c.useEffect(()=>{const b=l.viewport;if(b){const f=()=>{if(u(),!h.current){const v=Re(b,a);h.current=v,a()}};return a(),b.addEventListener("scroll",f),()=>b.removeEventListener("scroll",f)}},[l.viewport,u,a]),d.jsx(L.Primitive.div,{"data-state":s.hasThumb?"visible":"hidden",...t,ref:i,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:R.composeEventHandlers(e.onPointerDownCapture,b=>{const v=b.target.getBoundingClientRect(),w=b.clientX-v.left,y=b.clientY-v.top;s.onThumbPointerDown({x:w,y})}),onPointerUp:R.composeEventHandlers(e.onPointerUp,s.onThumbPointerUp)})});oe.displayName=W;var B="ScrollAreaCorner",te=c.forwardRef((e,o)=>{const r=m(B,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?d.jsx(Ce,{...e,ref:o}):null});te.displayName=B;var Ce=c.forwardRef((e,o)=>{const{__scopeScrollArea:r,...n}=e,t=m(B,r),[l,s]=c.useState(0),[a,i]=c.useState(0),h=!!(l&&a);return E(t.scrollbarX,()=>{const u=t.scrollbarX?.offsetHeight||0;t.onCornerHeightChange(u),i(u)}),E(t.scrollbarY,()=>{const u=t.scrollbarY?.offsetWidth||0;t.onCornerWidthChange(u),s(u)}),h?d.jsx(L.Primitive.div,{...n,ref:o,style:{width:l,height:a,position:"absolute",right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function k(e){return e?parseInt(e,10):0}function ne(e,o){const r=e/o;return isNaN(r)?0:r}function X(e){const o=ne(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*o;return Math.max(n,18)}function Pe(e,o,r,n="ltr"){const t=X(r),l=t/2,s=o||l,a=t-s,i=r.scrollbar.paddingStart+s,h=r.scrollbar.size-r.scrollbar.paddingEnd-a,u=r.content-r.viewport,b=n==="ltr"?[0,u]:[u*-1,0];return le([i,h],b)(e)}function F(e,o,r="ltr"){const n=X(o),t=o.scrollbar.paddingStart+o.scrollbar.paddingEnd,l=o.scrollbar.size-t,s=o.content-o.viewport,a=l-n,i=r==="ltr"?[0,s]:[s*-1,0],h=fe.clamp(e,i);return le([0,s],[0,a])(h)}function le(e,o){return r=>{if(e[0]===e[1]||o[0]===o[1])return o[0];const n=(o[1]-o[0])/(e[1]-e[0]);return o[0]+n*(r-e[0])}}function se(e,o){return e>0&&e<o}var Re=(e,o=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return(function t(){const l={left:e.scrollLeft,top:e.scrollTop},s=r.left!==l.left,a=r.top!==l.top;(s||a)&&o(),r=l,n=window.requestAnimationFrame(t)})(),()=>window.cancelAnimationFrame(n)};function Y(e,o){const r=C.useCallbackRef(e),n=c.useRef(0);return c.useEffect(()=>()=>window.clearTimeout(n.current),[]),c.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,o)},[r,o])}function E(e,o){const r=C.useCallbackRef(o);de.useLayoutEffect2(()=>{let n=0;if(e){const t=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return t.observe(e),()=>{window.cancelAnimationFrame(n),t.unobserve(e)}}},[e,r])}var Ae=J,Ee=Q,Te=te;function ye({className:e,children:o,...r}){return d.jsx(Ae,{className:P.cn("relative overflow-hidden",e),"data-slot":"scroll-area-root",...r,children:o})}const ce=I.createContext(void 0);function _e({children:e,orientation:o="vertical",scrollHideDelay:r=500,type:n="hover"}){const t=I.useMemo(()=>({orientation:o,scrollHideDelay:r,type:n}),[o,r,n]);return d.jsx(ce.Provider,{value:t,children:e})}function ae(){const e=I.use(ce);if(e===void 0)throw new Error("useScrollArea must be used within a ScrollAreaProvider");return e}function Le({className:e,children:o,...r}){return d.jsx(Ee,{className:P.cn("size-full rounded-[inherit] transition-[color,box-shadow]","focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--scroll-area-focus,var(--brand))]",e),"data-slot":"scroll-area-viewport",...r,children:o})}function je({className:e,children:o,...r}){const{orientation:n}=ae(),t=P.cn("flex touch-none select-none bg-transparent p-1 transition-colors","data-[state=visible]:animate-in data-[state=visible]:fade-in-0","data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0"),l="h-full w-3.5 border-l border-l-transparent",s="h-3.5 flex-col border-t border-t-transparent";return n==="both"?d.jsxs(d.Fragment,{children:[d.jsx(O,{className:P.cn(t,l,e),"data-slot":"scroll-area-vertical-scrollbar",orientation:"vertical",...r,children:o}),d.jsx(O,{className:P.cn(t,s,e),"data-slot":"scroll-area-horizontal-scrollbar",orientation:"horizontal",...r,children:o})]}):d.jsx(O,{className:P.cn(t,n==="vertical"&&l,n==="horizontal"&&s,e),"data-slot":`scroll-area-${n}-scrollbar`,orientation:n,...r,children:o})}function De({className:e,...o}){return d.jsx(oe,{className:P.cn("relative flex-1 rounded-full bg-[var(--scroll-area-thumb,var(--contrast-200))]",e),"data-slot":"scroll-area-thumb",...o})}function He({className:e,...o}){return d.jsx(Te,{className:e,"data-slot":"scroll-area-corner",...o})}exports.ScrollAreaBar=je;exports.ScrollAreaCorner=He;exports.ScrollAreaProvider=_e;exports.ScrollAreaRoot=ye;exports.ScrollAreaThumb=De;exports.ScrollAreaViewport=Le;exports.useScrollArea=ae;
+//# sourceMappingURL=scroll-area-corner-B50-Euv6.cjs.map