@mastra/playground-ui 56.0.0-alpha.9 → 56.0.0

package/dist/shimmer-DbSkqomT.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+require('./shimmer.css');const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const Shimmer = ({ active = true, className, ...props }) => {
+  const swept = React.useRef(active);
+  if (active) swept.current = true;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils_cn.cn(
+        "inline-block",
+        swept.current && "shimmer-text",
+        swept.current && !active && "shimmer-settled",
+        className
+      ),
+      ...props
+    }
+  );
+};
+
+exports.Shimmer = Shimmer;
+//# sourceMappingURL=shimmer-DbSkqomT.cjs.map

package/dist/shimmer-DbSkqomT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer-DbSkqomT.cjs","sources":["../src/ds/components/Shimmer/shimmer.tsx"],"sourcesContent":["import { useRef, type ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './shimmer.css';\n\nexport interface ShimmerProps extends ComponentProps<'span'> {\n  /** Sweeping while true; when it turns false the sweep settles where it stands. */\n  active?: boolean;\n}\n\n/**\n * Text that says it is still being produced. One element whatever the state: swapping\n * it for a plain span once the work lands would remount everything it wraps, replaying\n * the entrance of every row and detail inside it.\n */\nexport const Shimmer = ({ active = true, className, ...props }: ShimmerProps) => {\n  const swept = useRef(active);\n  if (active) swept.current = true;\n\n  return (\n    <span\n      className={cn(\n        'inline-block',\n        swept.current && 'shimmer-text',\n        swept.current && !active && 'shimmer-settled',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":["useRef","jsx","cn"],"mappings":";;;;;;AAgBO,MAAM,OAAA,GAAU,CAAC,EAAE,MAAA,GAAS,MAAM,SAAA,EAAW,GAAG,OAAM,KAAoB;AAC/E,EAAA,MAAM,KAAA,GAAQA,aAAO,MAAM,CAAA;AAC3B,EAAA,IAAI,MAAA,QAAc,OAAA,GAAU,IAAA;AAE5B,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,cAAA;AAAA,QACA,MAAM,OAAA,IAAW,cAAA;AAAA,QACjB,KAAA,CAAM,OAAA,IAAW,CAAC,MAAA,IAAU,iBAAA;AAAA,QAC5B;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/skeleton-BsRAXyh5.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-md bg-muted",
+        // Shimmer effect using pseudo-element
+        "before:absolute before:inset-0",
+        "before:-translate-x-full",
+        "before:animate-[shimmer_2s_infinite]",
+        "before:bg-linear-to-r before:from-transparent before:via-fill-subtle before:to-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Skeleton as S };
+//# sourceMappingURL=skeleton-BsRAXyh5.js.map

package/dist/skeleton-BsRAXyh5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-BsRAXyh5.js","sources":["../src/ds/components/Skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-md bg-muted',\n        // Shimmer effect using pseudo-element\n        'before:absolute before:inset-0',\n        'before:-translate-x-full',\n        'before:animate-[shimmer_2s_infinite]',\n        'before:bg-linear-to-r before:from-transparent before:via-fill-subtle before:to-transparent',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"names":[],"mappings":";;;AAEA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAyC;AAC/E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,8CAAA;AAAA;AAAA,QAEA,gCAAA;AAAA,QACA,0BAAA;AAAA,QACA,sCAAA;AAAA,QACA,4FAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/skeleton-cXUjPrq9.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        "relative overflow-hidden rounded-md bg-muted",
+        // Shimmer effect using pseudo-element
+        "before:absolute before:inset-0",
+        "before:-translate-x-full",
+        "before:animate-[shimmer_2s_infinite]",
+        "before:bg-linear-to-r before:from-transparent before:via-fill-subtle before:to-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=skeleton-cXUjPrq9.cjs.map

package/dist/skeleton-cXUjPrq9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-cXUjPrq9.cjs","sources":["../src/ds/components/Skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\n        'relative overflow-hidden rounded-md bg-muted',\n        // Shimmer effect using pseudo-element\n        'before:absolute before:inset-0',\n        'before:-translate-x-full',\n        'before:animate-[shimmer_2s_infinite]',\n        'before:bg-linear-to-r before:from-transparent before:via-fill-subtle before:to-transparent',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"names":["jsx","cn"],"mappings":";;;;;AAEA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAyC;AAC/E,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,8CAAA;AAAA;AAAA,QAEA,gCAAA;AAAA,QACA,0BAAA;AAAA,QACA,sCAAA;AAAA,QACA,4FAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/slider-C-Fda4HC.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const slider = require('@base-ui/react/slider');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+function toArray(value) {
+  if (typeof value === "number") {
+    return [value];
+  }
+  return [...value];
+}
+const Slider = ({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  onValueChange,
+  onValueCommitted,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  getAriaLabel,
+  ...props
+}) => {
+  const currentValue = value ?? defaultValue ?? min;
+  const values = typeof currentValue === "number" ? [currentValue] : currentValue;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    slider.Slider.Root,
+    {
+      className: utils_cn.cn("w-full", className),
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge",
+      onValueChange: onValueChange ? (next, details) => onValueChange(toArray(next), details) : void 0,
+      onValueCommitted: onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : void 0,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        slider.Slider.Control,
+        {
+          className: utils_cn.cn(
+            "group relative flex w-full cursor-pointer touch-none items-center select-none",
+            "data-[orientation=horizontal]:py-3",
+            "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3",
+            "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              slider.Slider.Track,
+              {
+                className: utils_cn.cn(
+                  "relative grow overflow-hidden rounded-full bg-fill-strong select-none",
+                  "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full",
+                  "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  slider.Slider.Indicator,
+                  {
+                    className: utils_cn.cn(
+                      "bg-foreground select-none",
+                      "data-[orientation=horizontal]:h-full",
+                      "data-[orientation=vertical]:w-full"
+                    )
+                  }
+                )
+              }
+            ),
+            values.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              slider.Slider.Thumb,
+              {
+                index,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                getAriaLabel,
+                className: utils_cn.cn(
+                  "relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none",
+                  'after:absolute after:-inset-2 after:content-[""]',
+                  "transition-shadow duration-normal",
+                  "hover:ring-2 hover:ring-border-hover",
+                  "has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-border-focus",
+                  "data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5",
+                  "data-[disabled]:pointer-events-none"
+                )
+              },
+              index
+            ))
+          ]
+        }
+      )
+    }
+  );
+};
+
+exports.Slider = Slider;
+//# sourceMappingURL=slider-C-Fda4HC.cjs.map

package/dist/slider-C-Fda4HC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-C-Fda4HC.cjs","sources":["../src/ds/components/Slider/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '@/lib/utils';\n\nexport type SliderProps = Omit<SliderPrimitive.Root.Props, 'onValueChange' | 'onValueCommitted'> &\n  Pick<SliderPrimitive.Thumb.Props, 'getAriaLabel'> & {\n    onValueChange?: (value: number[], eventDetails: SliderPrimitive.Root.ChangeEventDetails) => void;\n    onValueCommitted?: (value: number[], eventDetails: SliderPrimitive.Root.CommitEventDetails) => void;\n  };\n\nfunction toArray(value: number | readonly number[]): number[] {\n  if (typeof value === 'number') {\n    return [value];\n  }\n  return [...value];\n}\n\nconst Slider = ({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  onValueChange,\n  onValueCommitted,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  getAriaLabel,\n  ...props\n}: SliderProps) => {\n  const currentValue = value ?? defaultValue ?? min;\n  const values = typeof currentValue === 'number' ? [currentValue] : currentValue;\n\n  return (\n    <SliderPrimitive.Root\n      className={cn('w-full', className)}\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      onValueChange={onValueChange ? (next, details) => onValueChange(toArray(next), details) : undefined}\n      onValueCommitted={onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : undefined}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        className={cn(\n          'group relative flex w-full cursor-pointer touch-none items-center select-none',\n          'data-[orientation=horizontal]:py-3',\n          'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3',\n          'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        )}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'relative grow overflow-hidden rounded-full bg-fill-strong select-none',\n            'data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full',\n            'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5',\n          )}\n        >\n          <SliderPrimitive.Indicator\n            className={cn(\n              'bg-foreground select-none',\n              'data-[orientation=horizontal]:h-full',\n              'data-[orientation=vertical]:w-full',\n            )}\n          />\n        </SliderPrimitive.Track>\n        {values.map((_, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            index={index}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            getAriaLabel={getAriaLabel}\n            className={cn(\n              'relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none',\n              'after:absolute after:-inset-2 after:content-[\"\"]',\n              'transition-shadow duration-normal',\n              'hover:ring-2 hover:ring-border-hover',\n              'has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-border-focus',\n              'data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5',\n              'data-[disabled]:pointer-events-none',\n            )}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  );\n};\n\nexport { Slider };\n"],"names":["jsx","SliderPrimitive","cn","jsxs"],"mappings":";;;;;;AAUA,SAAS,QAAQ,KAAA,EAA6C;AAC5D,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,EACf;AACA,EAAA,OAAO,CAAC,GAAG,KAAK,CAAA;AAClB;AAEA,MAAM,SAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,iBAAA,EAAmB,cAAA;AAAA,EACnB,YAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmB;AACjB,EAAA,MAAM,YAAA,GAAe,SAAS,YAAA,IAAgB,GAAA;AAC9C,EAAA,MAAM,SAAS,OAAO,YAAA,KAAiB,QAAA,GAAW,CAAC,YAAY,CAAA,GAAI,YAAA;AAEnE,EAAA,uBACEA,cAAA;AAAA,IAACC,aAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,cAAA,EAAe,MAAA;AAAA,MACf,aAAA,EAAe,aAAA,GAAgB,CAAC,IAAA,EAAM,OAAA,KAAY,cAAc,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAC1F,gBAAA,EAAkB,gBAAA,GAAmB,CAAC,IAAA,EAAM,OAAA,KAAY,iBAAiB,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAClG,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAC,eAAA;AAAA,QAACF,aAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,SAAA,EAAWC,WAAA;AAAA,YACT,+EAAA;AAAA,YACA,oCAAA;AAAA,YACA,6IAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAF,cAAA;AAAA,cAACC,aAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBACC,SAAA,EAAWC,WAAA;AAAA,kBACT,uEAAA;AAAA,kBACA,0EAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,kBAAAF,cAAA;AAAA,kBAACC,aAAA,CAAgB,SAAA;AAAA,kBAAhB;AAAA,oBACC,SAAA,EAAWC,WAAA;AAAA,sBACT,2BAAA;AAAA,sBACA,sCAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA,aACF;AAAA,YACC,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,qBACdF,cAAA;AAAA,cAACC,aAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBAEC,KAAA;AAAA,gBACA,YAAA,EAAY,SAAA;AAAA,gBACZ,iBAAA,EAAiB,cAAA;AAAA,gBACjB,YAAA;AAAA,gBACA,SAAA,EAAWC,WAAA;AAAA,kBACT,qHAAA;AAAA,kBACA,kDAAA;AAAA,kBACA,mCAAA;AAAA,kBACA,sCAAA;AAAA,kBACA,oEAAA;AAAA,kBACA,mEAAA;AAAA,kBACA;AAAA;AACF,eAAA;AAAA,cAbK;AAAA,aAeR;AAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

package/dist/slider-MM3K0Pyv.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function toArray(value) {
+  if (typeof value === "number") {
+    return [value];
+  }
+  return [...value];
+}
+const Slider = ({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  onValueChange,
+  onValueCommitted,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  getAriaLabel,
+  ...props
+}) => {
+  const currentValue = value ?? defaultValue ?? min;
+  const values = typeof currentValue === "number" ? [currentValue] : currentValue;
+  return /* @__PURE__ */ jsx(
+    Slider$1.Root,
+    {
+      className: cn("w-full", className),
+      defaultValue,
+      value,
+      min,
+      max,
+      thumbAlignment: "edge",
+      onValueChange: onValueChange ? (next, details) => onValueChange(toArray(next), details) : void 0,
+      onValueCommitted: onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : void 0,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        Slider$1.Control,
+        {
+          className: cn(
+            "group relative flex w-full cursor-pointer touch-none items-center select-none",
+            "data-[orientation=horizontal]:py-3",
+            "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3",
+            "data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Slider$1.Track,
+              {
+                className: cn(
+                  "relative grow overflow-hidden rounded-full bg-fill-strong select-none",
+                  "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full",
+                  "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Slider$1.Indicator,
+                  {
+                    className: cn(
+                      "bg-foreground select-none",
+                      "data-[orientation=horizontal]:h-full",
+                      "data-[orientation=vertical]:w-full"
+                    )
+                  }
+                )
+              }
+            ),
+            values.map((_, index) => /* @__PURE__ */ jsx(
+              Slider$1.Thumb,
+              {
+                index,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                getAriaLabel,
+                className: cn(
+                  "relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none",
+                  'after:absolute after:-inset-2 after:content-[""]',
+                  "transition-shadow duration-normal",
+                  "hover:ring-2 hover:ring-border-hover",
+                  "has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-border-focus",
+                  "data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5",
+                  "data-[disabled]:pointer-events-none"
+                )
+              },
+              index
+            ))
+          ]
+        }
+      )
+    }
+  );
+};
+
+export { Slider as S };
+//# sourceMappingURL=slider-MM3K0Pyv.js.map

package/dist/slider-MM3K0Pyv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-MM3K0Pyv.js","sources":["../src/ds/components/Slider/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from '@base-ui/react/slider';\n\nimport { cn } from '@/lib/utils';\n\nexport type SliderProps = Omit<SliderPrimitive.Root.Props, 'onValueChange' | 'onValueCommitted'> &\n  Pick<SliderPrimitive.Thumb.Props, 'getAriaLabel'> & {\n    onValueChange?: (value: number[], eventDetails: SliderPrimitive.Root.ChangeEventDetails) => void;\n    onValueCommitted?: (value: number[], eventDetails: SliderPrimitive.Root.CommitEventDetails) => void;\n  };\n\nfunction toArray(value: number | readonly number[]): number[] {\n  if (typeof value === 'number') {\n    return [value];\n  }\n  return [...value];\n}\n\nconst Slider = ({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  onValueChange,\n  onValueCommitted,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  getAriaLabel,\n  ...props\n}: SliderProps) => {\n  const currentValue = value ?? defaultValue ?? min;\n  const values = typeof currentValue === 'number' ? [currentValue] : currentValue;\n\n  return (\n    <SliderPrimitive.Root\n      className={cn('w-full', className)}\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      thumbAlignment=\"edge\"\n      onValueChange={onValueChange ? (next, details) => onValueChange(toArray(next), details) : undefined}\n      onValueCommitted={onValueCommitted ? (next, details) => onValueCommitted(toArray(next), details) : undefined}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        className={cn(\n          'group relative flex w-full cursor-pointer touch-none items-center select-none',\n          'data-[orientation=horizontal]:py-3',\n          'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3',\n          'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        )}\n      >\n        <SliderPrimitive.Track\n          className={cn(\n            'relative grow overflow-hidden rounded-full bg-fill-strong select-none',\n            'data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full',\n            'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5',\n          )}\n        >\n          <SliderPrimitive.Indicator\n            className={cn(\n              'bg-foreground select-none',\n              'data-[orientation=horizontal]:h-full',\n              'data-[orientation=vertical]:w-full',\n            )}\n          />\n        </SliderPrimitive.Track>\n        {values.map((_, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            index={index}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            getAriaLabel={getAriaLabel}\n            className={cn(\n              'relative block h-5 w-2.5 shrink-0 rounded-full border-2 border-foreground bg-placeholder outline-hidden select-none',\n              'after:absolute after:-inset-2 after:content-[\"\"]',\n              'transition-shadow duration-normal',\n              'hover:ring-2 hover:ring-border-hover',\n              'has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-border-focus',\n              'data-[orientation=vertical]:h-2.5 data-[orientation=vertical]:w-5',\n              'data-[disabled]:pointer-events-none',\n            )}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  );\n};\n\nexport { Slider };\n"],"names":["SliderPrimitive"],"mappings":";;;;AAUA,SAAS,QAAQ,KAAA,EAA6C;AAC5D,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC7B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,EACf;AACA,EAAA,OAAO,CAAC,GAAG,KAAK,CAAA;AAClB;AAEA,MAAM,SAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,iBAAA,EAAmB,cAAA;AAAA,EACnB,YAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAmB;AACjB,EAAA,MAAM,YAAA,GAAe,SAAS,YAAA,IAAgB,GAAA;AAC9C,EAAA,MAAM,SAAS,OAAO,YAAA,KAAiB,QAAA,GAAW,CAAC,YAAY,CAAA,GAAI,YAAA;AAEnE,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,cAAA,EAAe,MAAA;AAAA,MACf,aAAA,EAAe,aAAA,GAAgB,CAAC,IAAA,EAAM,OAAA,KAAY,cAAc,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAC1F,gBAAA,EAAkB,gBAAA,GAAmB,CAAC,IAAA,EAAM,OAAA,KAAY,iBAAiB,OAAA,CAAQ,IAAI,CAAA,EAAG,OAAO,CAAA,GAAI,MAAA;AAAA,MAClG,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA;AAAA,QAACA,QAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,+EAAA;AAAA,YACA,oCAAA;AAAA,YACA,6IAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAACA,QAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,uEAAA;AAAA,kBACA,0EAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,kBAAA,GAAA;AAAA,kBAACA,QAAA,CAAgB,SAAA;AAAA,kBAAhB;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,2BAAA;AAAA,sBACA,sCAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA,aACF;AAAA,YACC,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,qBACd,GAAA;AAAA,cAACA,QAAA,CAAgB,KAAA;AAAA,cAAhB;AAAA,gBAEC,KAAA;AAAA,gBACA,YAAA,EAAY,SAAA;AAAA,gBACZ,iBAAA,EAAiB,cAAA;AAAA,gBACjB,YAAA;AAAA,gBACA,SAAA,EAAW,EAAA;AAAA,kBACT,qHAAA;AAAA,kBACA,kDAAA;AAAA,kBACA,mCAAA;AAAA,kBACA,sCAAA;AAAA,kBACA,oEAAA;AAAA,kBACA,mEAAA;AAAA,kBACA;AAAA;AACF,eAAA;AAAA,cAbK;AAAA,aAeR;AAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

package/dist/sort/sort-by.cjs.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const collator = new Intl.Collator(void 0, { numeric: true, sensitivity: "base" });
+function compareValues(left, right) {
+  const leftEmpty = left === void 0 || left === null;
+  const rightEmpty = right === void 0 || right === null;
+  if (leftEmpty && rightEmpty) return 0;
+  if (leftEmpty) return 1;
+  if (rightEmpty) return -1;
+  if (left instanceof Date || right instanceof Date) {
+    return new Date(left).getTime() - new Date(right).getTime();
+  }
+  if (typeof left === "number" && typeof right === "number") {
+    return left - right;
+  }
+  return collator.compare(String(left), String(right));
+}
+function sortBy(items, sort, accessors) {
+  if (!sort) return items;
+  const getValue = accessors[sort.key];
+  if (!getValue) return items;
+  const multiplier = sort.direction === "asc" ? 1 : -1;
+  return [...items].sort((left, right) => {
+    const leftValue = getValue(left);
+    const rightValue = getValue(right);
+    const leftEmpty = leftValue === void 0 || leftValue === null;
+    const rightEmpty = rightValue === void 0 || rightValue === null;
+    if (leftEmpty !== rightEmpty) return leftEmpty ? 1 : -1;
+    const comparison = compareValues(leftValue, rightValue) || left.id.localeCompare(right.id);
+    return comparison * multiplier;
+  });
+}
+function toggleSort(current, key) {
+  if (current?.key === key) {
+    return { key, direction: current.direction === "asc" ? "desc" : "asc" };
+  }
+  return { key, direction: "asc" };
+}
+
+exports.sortBy = sortBy;
+exports.toggleSort = toggleSort;
+//# sourceMappingURL=sort-by.cjs.js.map

package/dist/sort/sort-by.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-by.cjs.js","sources":["../../src/lib/sort/sort-by.ts"],"sourcesContent":["export type SortDirection = 'asc' | 'desc';\n\nexport type ListSort<K extends string = string> = { key: K; direction: SortDirection } | undefined;\n\nexport type SortValue = string | number | Date | null | undefined;\n\nexport type SortAccessors<T, K extends string = string> = Partial<Record<K, (item: T) => SortValue>>;\n\nconst collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' });\n\nfunction compareValues(left: SortValue, right: SortValue): number {\n  const leftEmpty = left === undefined || left === null;\n  const rightEmpty = right === undefined || right === null;\n  if (leftEmpty && rightEmpty) return 0;\n  // Empty values always go last regardless of direction; handled by caller.\n  if (leftEmpty) return 1;\n  if (rightEmpty) return -1;\n\n  if (left instanceof Date || right instanceof Date) {\n    return new Date(left).getTime() - new Date(right).getTime();\n  }\n  if (typeof left === 'number' && typeof right === 'number') {\n    return left - right;\n  }\n  return collator.compare(String(left), String(right));\n}\n\n/**\n * Sorts `items` by the accessor registered under `sort.key`. Returns the input\n * instance when there is nothing to sort by. Empty values (`undefined`/`null`)\n * are always placed last; ties are broken by `id` so the order is stable.\n */\nexport function sortBy<T extends { id: string }, K extends string>(\n  items: T[],\n  sort: ListSort<K>,\n  accessors: SortAccessors<T, K>,\n): T[] {\n  if (!sort) return items;\n  const getValue = accessors[sort.key];\n  if (!getValue) return items;\n\n  const multiplier = sort.direction === 'asc' ? 1 : -1;\n\n  return [...items].sort((left, right) => {\n    const leftValue = getValue(left);\n    const rightValue = getValue(right);\n    const leftEmpty = leftValue === undefined || leftValue === null;\n    const rightEmpty = rightValue === undefined || rightValue === null;\n\n    if (leftEmpty !== rightEmpty) return leftEmpty ? 1 : -1;\n\n    const comparison = compareValues(leftValue, rightValue) || left.id.localeCompare(right.id);\n    return comparison * multiplier;\n  });\n}\n\nexport function toggleSort<K extends string>(current: ListSort<K>, key: K): ListSort<K> {\n  if (current?.key === key) {\n    return { key, direction: current.direction === 'asc' ? 'desc' : 'asc' };\n  }\n  return { key, direction: 'asc' };\n}\n"],"names":[],"mappings":";;;;AAQA,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,QAAA,CAAS,MAAA,EAAW,EAAE,OAAA,EAAS,IAAA,EAAM,WAAA,EAAa,MAAA,EAAQ,CAAA;AAEpF,SAAS,aAAA,CAAc,MAAiB,KAAA,EAA0B;AAChE,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,MAAA,IAAa,IAAA,KAAS,IAAA;AACjD,EAAA,MAAM,UAAA,GAAa,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA;AACpD,EAAA,IAAI,SAAA,IAAa,YAAY,OAAO,CAAA;AAEpC,EAAA,IAAI,WAAW,OAAO,CAAA;AACtB,EAAA,IAAI,YAAY,OAAO,EAAA;AAEvB,EAAA,IAAI,IAAA,YAAgB,IAAA,IAAQ,KAAA,YAAiB,IAAA,EAAM;AACjD,IAAA,OAAO,IAAI,IAAA,CAAK,IAAI,CAAA,CAAE,OAAA,KAAY,IAAI,IAAA,CAAK,KAAK,CAAA,CAAE,OAAA,EAAQ;AAAA,EAC5D;AACA,EAAA,IAAI,OAAO,IAAA,KAAS,QAAA,IAAY,OAAO,UAAU,QAAA,EAAU;AACzD,IAAA,OAAO,IAAA,GAAO,KAAA;AAAA,EAChB;AACA,EAAA,OAAO,SAAS,OAAA,CAAQ,MAAA,CAAO,IAAI,CAAA,EAAG,MAAA,CAAO,KAAK,CAAC,CAAA;AACrD;AAOO,SAAS,MAAA,CACd,KAAA,EACA,IAAA,EACA,SAAA,EACK;AACL,EAAA,IAAI,CAAC,MAAM,OAAO,KAAA;AAClB,EAAA,MAAM,QAAA,GAAW,SAAA,CAAU,IAAA,CAAK,GAAG,CAAA;AACnC,EAAA,IAAI,CAAC,UAAU,OAAO,KAAA;AAEtB,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,SAAA,KAAc,KAAA,GAAQ,CAAA,GAAI,EAAA;AAElD,EAAA,OAAO,CAAC,GAAG,KAAK,EAAE,IAAA,CAAK,CAAC,MAAM,KAAA,KAAU;AACtC,IAAA,MAAM,SAAA,GAAY,SAAS,IAAI,CAAA;AAC/B,IAAA,MAAM,UAAA,GAAa,SAAS,KAAK,CAAA;AACjC,IAAA,MAAM,SAAA,GAAY,SAAA,KAAc,MAAA,IAAa,SAAA,KAAc,IAAA;AAC3D,IAAA,MAAM,UAAA,GAAa,UAAA,KAAe,MAAA,IAAa,UAAA,KAAe,IAAA;AAE9D,IAAA,IAAI,SAAA,KAAc,UAAA,EAAY,OAAO,SAAA,GAAY,CAAA,GAAI,EAAA;AAErD,IAAA,MAAM,UAAA,GAAa,cAAc,SAAA,EAAW,UAAU,KAAK,IAAA,CAAK,EAAA,CAAG,aAAA,CAAc,KAAA,CAAM,EAAE,CAAA;AACzF,IAAA,OAAO,UAAA,GAAa,UAAA;AAAA,EACtB,CAAC,CAAA;AACH;AAEO,SAAS,UAAA,CAA6B,SAAsB,GAAA,EAAqB;AACtF,EAAA,IAAI,OAAA,EAAS,QAAQ,GAAA,EAAK;AACxB,IAAA,OAAO,EAAE,GAAA,EAAK,SAAA,EAAW,QAAQ,SAAA,KAAc,KAAA,GAAQ,SAAS,KAAA,EAAM;AAAA,EACxE;AACA,EAAA,OAAO,EAAE,GAAA,EAAK,SAAA,EAAW,KAAA,EAAM;AACjC;;;;;"}

package/dist/sort/sort-by.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/lib/sort/sort-by'
+export {}

package/dist/sort/sort-by.es.js

@@ -0,0 +1,39 @@
+const collator = new Intl.Collator(void 0, { numeric: true, sensitivity: "base" });
+function compareValues(left, right) {
+  const leftEmpty = left === void 0 || left === null;
+  const rightEmpty = right === void 0 || right === null;
+  if (leftEmpty && rightEmpty) return 0;
+  if (leftEmpty) return 1;
+  if (rightEmpty) return -1;
+  if (left instanceof Date || right instanceof Date) {
+    return new Date(left).getTime() - new Date(right).getTime();
+  }
+  if (typeof left === "number" && typeof right === "number") {
+    return left - right;
+  }
+  return collator.compare(String(left), String(right));
+}
+function sortBy(items, sort, accessors) {
+  if (!sort) return items;
+  const getValue = accessors[sort.key];
+  if (!getValue) return items;
+  const multiplier = sort.direction === "asc" ? 1 : -1;
+  return [...items].sort((left, right) => {
+    const leftValue = getValue(left);
+    const rightValue = getValue(right);
+    const leftEmpty = leftValue === void 0 || leftValue === null;
+    const rightEmpty = rightValue === void 0 || rightValue === null;
+    if (leftEmpty !== rightEmpty) return leftEmpty ? 1 : -1;
+    const comparison = compareValues(leftValue, rightValue) || left.id.localeCompare(right.id);
+    return comparison * multiplier;
+  });
+}
+function toggleSort(current, key) {
+  if (current?.key === key) {
+    return { key, direction: current.direction === "asc" ? "desc" : "asc" };
+  }
+  return { key, direction: "asc" };
+}
+
+export { sortBy, toggleSort };
+//# sourceMappingURL=sort-by.es.js.map

package/dist/sort/sort-by.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-by.es.js","sources":["../../src/lib/sort/sort-by.ts"],"sourcesContent":["export type SortDirection = 'asc' | 'desc';\n\nexport type ListSort<K extends string = string> = { key: K; direction: SortDirection } | undefined;\n\nexport type SortValue = string | number | Date | null | undefined;\n\nexport type SortAccessors<T, K extends string = string> = Partial<Record<K, (item: T) => SortValue>>;\n\nconst collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' });\n\nfunction compareValues(left: SortValue, right: SortValue): number {\n  const leftEmpty = left === undefined || left === null;\n  const rightEmpty = right === undefined || right === null;\n  if (leftEmpty && rightEmpty) return 0;\n  // Empty values always go last regardless of direction; handled by caller.\n  if (leftEmpty) return 1;\n  if (rightEmpty) return -1;\n\n  if (left instanceof Date || right instanceof Date) {\n    return new Date(left).getTime() - new Date(right).getTime();\n  }\n  if (typeof left === 'number' && typeof right === 'number') {\n    return left - right;\n  }\n  return collator.compare(String(left), String(right));\n}\n\n/**\n * Sorts `items` by the accessor registered under `sort.key`. Returns the input\n * instance when there is nothing to sort by. Empty values (`undefined`/`null`)\n * are always placed last; ties are broken by `id` so the order is stable.\n */\nexport function sortBy<T extends { id: string }, K extends string>(\n  items: T[],\n  sort: ListSort<K>,\n  accessors: SortAccessors<T, K>,\n): T[] {\n  if (!sort) return items;\n  const getValue = accessors[sort.key];\n  if (!getValue) return items;\n\n  const multiplier = sort.direction === 'asc' ? 1 : -1;\n\n  return [...items].sort((left, right) => {\n    const leftValue = getValue(left);\n    const rightValue = getValue(right);\n    const leftEmpty = leftValue === undefined || leftValue === null;\n    const rightEmpty = rightValue === undefined || rightValue === null;\n\n    if (leftEmpty !== rightEmpty) return leftEmpty ? 1 : -1;\n\n    const comparison = compareValues(leftValue, rightValue) || left.id.localeCompare(right.id);\n    return comparison * multiplier;\n  });\n}\n\nexport function toggleSort<K extends string>(current: ListSort<K>, key: K): ListSort<K> {\n  if (current?.key === key) {\n    return { key, direction: current.direction === 'asc' ? 'desc' : 'asc' };\n  }\n  return { key, direction: 'asc' };\n}\n"],"names":[],"mappings":"AAQA,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,QAAA,CAAS,MAAA,EAAW,EAAE,OAAA,EAAS,IAAA,EAAM,WAAA,EAAa,MAAA,EAAQ,CAAA;AAEpF,SAAS,aAAA,CAAc,MAAiB,KAAA,EAA0B;AAChE,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,MAAA,IAAa,IAAA,KAAS,IAAA;AACjD,EAAA,MAAM,UAAA,GAAa,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA;AACpD,EAAA,IAAI,SAAA,IAAa,YAAY,OAAO,CAAA;AAEpC,EAAA,IAAI,WAAW,OAAO,CAAA;AACtB,EAAA,IAAI,YAAY,OAAO,EAAA;AAEvB,EAAA,IAAI,IAAA,YAAgB,IAAA,IAAQ,KAAA,YAAiB,IAAA,EAAM;AACjD,IAAA,OAAO,IAAI,IAAA,CAAK,IAAI,CAAA,CAAE,OAAA,KAAY,IAAI,IAAA,CAAK,KAAK,CAAA,CAAE,OAAA,EAAQ;AAAA,EAC5D;AACA,EAAA,IAAI,OAAO,IAAA,KAAS,QAAA,IAAY,OAAO,UAAU,QAAA,EAAU;AACzD,IAAA,OAAO,IAAA,GAAO,KAAA;AAAA,EAChB;AACA,EAAA,OAAO,SAAS,OAAA,CAAQ,MAAA,CAAO,IAAI,CAAA,EAAG,MAAA,CAAO,KAAK,CAAC,CAAA;AACrD;AAOO,SAAS,MAAA,CACd,KAAA,EACA,IAAA,EACA,SAAA,EACK;AACL,EAAA,IAAI,CAAC,MAAM,OAAO,KAAA;AAClB,EAAA,MAAM,QAAA,GAAW,SAAA,CAAU,IAAA,CAAK,GAAG,CAAA;AACnC,EAAA,IAAI,CAAC,UAAU,OAAO,KAAA;AAEtB,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,SAAA,KAAc,KAAA,GAAQ,CAAA,GAAI,EAAA;AAElD,EAAA,OAAO,CAAC,GAAG,KAAK,EAAE,IAAA,CAAK,CAAC,MAAM,KAAA,KAAU;AACtC,IAAA,MAAM,SAAA,GAAY,SAAS,IAAI,CAAA;AAC/B,IAAA,MAAM,UAAA,GAAa,SAAS,KAAK,CAAA;AACjC,IAAA,MAAM,SAAA,GAAY,SAAA,KAAc,MAAA,IAAa,SAAA,KAAc,IAAA;AAC3D,IAAA,MAAM,UAAA,GAAa,UAAA,KAAe,MAAA,IAAa,UAAA,KAAe,IAAA;AAE9D,IAAA,IAAI,SAAA,KAAc,UAAA,EAAY,OAAO,SAAA,GAAY,CAAA,GAAI,EAAA;AAErD,IAAA,MAAM,UAAA,GAAa,cAAc,SAAA,EAAW,UAAU,KAAK,IAAA,CAAK,EAAA,CAAG,aAAA,CAAc,KAAA,CAAM,EAAE,CAAA;AACzF,IAAA,OAAO,UAAA,GAAa,UAAA;AAAA,EACtB,CAAC,CAAA;AACH;AAEO,SAAS,UAAA,CAA6B,SAAsB,GAAA,EAAqB;AACtF,EAAA,IAAI,OAAA,EAAS,QAAQ,GAAA,EAAK;AACxB,IAAA,OAAO,EAAE,GAAA,EAAK,SAAA,EAAW,QAAQ,SAAA,KAAc,KAAA,GAAQ,SAAS,KAAA,EAAM;AAAA,EACxE;AACA,EAAA,OAAO,EAAE,GAAA,EAAK,SAAA,EAAW,KAAA,EAAM;AACjC;;;;"}

package/dist/sort/use-url-sort.cjs.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const SORT_KEY_PARAM = "sort";
+const SORT_DIR_PARAM = "dir";
+const PAGE_PARAM = "page";
+function readUrlSort(searchParams, allowedKeys, defaultSort) {
+  const key = searchParams.get(SORT_KEY_PARAM);
+  if (!key || !allowedKeys.includes(key)) return defaultSort;
+  const dir = searchParams.get(SORT_DIR_PARAM);
+  const direction = dir === "desc" ? "desc" : "asc";
+  return { key, direction };
+}
+function useUrlSort({
+  searchParams,
+  setSearchParams,
+  allowedKeys,
+  defaultSort
+}) {
+  const sortKey = searchParams.get(SORT_KEY_PARAM);
+  const sortDir = searchParams.get(SORT_DIR_PARAM);
+  const sort = React.useMemo(
+    () => readUrlSort(searchParams, allowedKeys, defaultSort),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- only re-read when the sort params change
+    [sortKey, sortDir, allowedKeys, defaultSort]
+  );
+  const onSortChange = React.useCallback(
+    (direction, key) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set(SORT_KEY_PARAM, key);
+          next.set(SORT_DIR_PARAM, direction);
+          next.delete(PAGE_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  return { sort, onSortChange };
+}
+
+exports.SORT_DIR_PARAM = SORT_DIR_PARAM;
+exports.SORT_KEY_PARAM = SORT_KEY_PARAM;
+exports.readUrlSort = readUrlSort;
+exports.useUrlSort = useUrlSort;
+//# sourceMappingURL=use-url-sort.cjs.js.map

package/dist/sort/use-url-sort.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-url-sort.cjs.js","sources":["../../src/lib/sort/use-url-sort.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport type { ListSort, SortDirection } from './sort-by';\n\nexport const SORT_KEY_PARAM = 'sort';\nexport const SORT_DIR_PARAM = 'dir';\nconst PAGE_PARAM = 'page';\n\n/** Minimal interface compatible with react-router's `setSearchParams`. */\nexport type SetURLSearchParamsLike = (\n  next: URLSearchParams | ((prev: URLSearchParams) => URLSearchParams),\n  options?: { replace?: boolean; preventScrollReset?: boolean; state?: unknown },\n) => void;\n\nexport interface UseUrlSortOptions<K extends string> {\n  searchParams: URLSearchParams;\n  setSearchParams: SetURLSearchParamsLike;\n  allowedKeys: readonly K[];\n  defaultSort?: ListSort<K>;\n}\n\nexport function readUrlSort<K extends string>(\n  searchParams: URLSearchParams,\n  allowedKeys: readonly K[],\n  defaultSort?: ListSort<K>,\n): ListSort<K> {\n  const key = searchParams.get(SORT_KEY_PARAM);\n  if (!key || !allowedKeys.includes(key as K)) return defaultSort;\n\n  const dir = searchParams.get(SORT_DIR_PARAM);\n  const direction: SortDirection = dir === 'desc' ? 'desc' : 'asc';\n  return { key: key as K, direction };\n}\n\n/**\n * Reads/writes `?sort=<key>&dir=asc|desc`. Unknown keys are ignored. Changing\n * the sort also drops `page` so paginated lists restart from the first page.\n */\nexport function useUrlSort<K extends string>({\n  searchParams,\n  setSearchParams,\n  allowedKeys,\n  defaultSort,\n}: UseUrlSortOptions<K>) {\n  const sortKey = searchParams.get(SORT_KEY_PARAM);\n  const sortDir = searchParams.get(SORT_DIR_PARAM);\n\n  const sort = useMemo(\n    () => readUrlSort(searchParams, allowedKeys, defaultSort),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- only re-read when the sort params change\n    [sortKey, sortDir, allowedKeys, defaultSort],\n  );\n\n  const onSortChange = useCallback(\n    (direction: SortDirection, key: string) => {\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          next.set(SORT_KEY_PARAM, key);\n          next.set(SORT_DIR_PARAM, direction);\n          next.delete(PAGE_PARAM);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  return { sort, onSortChange };\n}\n"],"names":["useMemo","useCallback"],"mappings":";;;;;;AAIO,MAAM,cAAA,GAAiB;AACvB,MAAM,cAAA,GAAiB;AAC9B,MAAM,UAAA,GAAa,MAAA;AAeZ,SAAS,WAAA,CACd,YAAA,EACA,WAAA,EACA,WAAA,EACa;AACb,EAAA,MAAM,GAAA,GAAM,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAC3C,EAAA,IAAI,CAAC,GAAA,IAAO,CAAC,YAAY,QAAA,CAAS,GAAQ,GAAG,OAAO,WAAA;AAEpD,EAAA,MAAM,GAAA,GAAM,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAC3C,EAAA,MAAM,SAAA,GAA2B,GAAA,KAAQ,MAAA,GAAS,MAAA,GAAS,KAAA;AAC3D,EAAA,OAAO,EAAE,KAAe,SAAA,EAAU;AACpC;AAMO,SAAS,UAAA,CAA6B;AAAA,EAC3C,YAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAC/C,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAE/C,EAAA,MAAM,IAAA,GAAOA,aAAA;AAAA,IACX,MAAM,WAAA,CAAY,YAAA,EAAc,WAAA,EAAa,WAAW,CAAA;AAAA;AAAA,IAExD,CAAC,OAAA,EAAS,OAAA,EAAS,WAAA,EAAa,WAAW;AAAA,GAC7C;AAEA,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,WAA0B,GAAA,KAAgB;AACzC,MAAA,eAAA;AAAA,QACE,CAAA,IAAA,KAAQ;AACN,UAAA,MAAM,IAAA,GAAO,IAAI,eAAA,CAAgB,IAAI,CAAA;AACrC,UAAA,IAAA,CAAK,GAAA,CAAI,gBAAgB,GAAG,CAAA;AAC5B,UAAA,IAAA,CAAK,GAAA,CAAI,gBAAgB,SAAS,CAAA;AAClC,UAAA,IAAA,CAAK,OAAO,UAAU,CAAA;AACtB,UAAA,OAAO,IAAA;AAAA,QACT,CAAA;AAAA,QACA,EAAE,SAAS,IAAA;AAAK,OAClB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,OAAO,EAAE,MAAM,YAAA,EAAa;AAC9B;;;;;;;"}

package/dist/sort/use-url-sort.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/lib/sort/use-url-sort'
+export {}

package/dist/sort/use-url-sort.es.js

@@ -0,0 +1,45 @@
+import { useMemo, useCallback } from 'react';
+
+const SORT_KEY_PARAM = "sort";
+const SORT_DIR_PARAM = "dir";
+const PAGE_PARAM = "page";
+function readUrlSort(searchParams, allowedKeys, defaultSort) {
+  const key = searchParams.get(SORT_KEY_PARAM);
+  if (!key || !allowedKeys.includes(key)) return defaultSort;
+  const dir = searchParams.get(SORT_DIR_PARAM);
+  const direction = dir === "desc" ? "desc" : "asc";
+  return { key, direction };
+}
+function useUrlSort({
+  searchParams,
+  setSearchParams,
+  allowedKeys,
+  defaultSort
+}) {
+  const sortKey = searchParams.get(SORT_KEY_PARAM);
+  const sortDir = searchParams.get(SORT_DIR_PARAM);
+  const sort = useMemo(
+    () => readUrlSort(searchParams, allowedKeys, defaultSort),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- only re-read when the sort params change
+    [sortKey, sortDir, allowedKeys, defaultSort]
+  );
+  const onSortChange = useCallback(
+    (direction, key) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set(SORT_KEY_PARAM, key);
+          next.set(SORT_DIR_PARAM, direction);
+          next.delete(PAGE_PARAM);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  return { sort, onSortChange };
+}
+
+export { SORT_DIR_PARAM, SORT_KEY_PARAM, readUrlSort, useUrlSort };
+//# sourceMappingURL=use-url-sort.es.js.map

package/dist/sort/use-url-sort.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-url-sort.es.js","sources":["../../src/lib/sort/use-url-sort.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport type { ListSort, SortDirection } from './sort-by';\n\nexport const SORT_KEY_PARAM = 'sort';\nexport const SORT_DIR_PARAM = 'dir';\nconst PAGE_PARAM = 'page';\n\n/** Minimal interface compatible with react-router's `setSearchParams`. */\nexport type SetURLSearchParamsLike = (\n  next: URLSearchParams | ((prev: URLSearchParams) => URLSearchParams),\n  options?: { replace?: boolean; preventScrollReset?: boolean; state?: unknown },\n) => void;\n\nexport interface UseUrlSortOptions<K extends string> {\n  searchParams: URLSearchParams;\n  setSearchParams: SetURLSearchParamsLike;\n  allowedKeys: readonly K[];\n  defaultSort?: ListSort<K>;\n}\n\nexport function readUrlSort<K extends string>(\n  searchParams: URLSearchParams,\n  allowedKeys: readonly K[],\n  defaultSort?: ListSort<K>,\n): ListSort<K> {\n  const key = searchParams.get(SORT_KEY_PARAM);\n  if (!key || !allowedKeys.includes(key as K)) return defaultSort;\n\n  const dir = searchParams.get(SORT_DIR_PARAM);\n  const direction: SortDirection = dir === 'desc' ? 'desc' : 'asc';\n  return { key: key as K, direction };\n}\n\n/**\n * Reads/writes `?sort=<key>&dir=asc|desc`. Unknown keys are ignored. Changing\n * the sort also drops `page` so paginated lists restart from the first page.\n */\nexport function useUrlSort<K extends string>({\n  searchParams,\n  setSearchParams,\n  allowedKeys,\n  defaultSort,\n}: UseUrlSortOptions<K>) {\n  const sortKey = searchParams.get(SORT_KEY_PARAM);\n  const sortDir = searchParams.get(SORT_DIR_PARAM);\n\n  const sort = useMemo(\n    () => readUrlSort(searchParams, allowedKeys, defaultSort),\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- only re-read when the sort params change\n    [sortKey, sortDir, allowedKeys, defaultSort],\n  );\n\n  const onSortChange = useCallback(\n    (direction: SortDirection, key: string) => {\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          next.set(SORT_KEY_PARAM, key);\n          next.set(SORT_DIR_PARAM, direction);\n          next.delete(PAGE_PARAM);\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  return { sort, onSortChange };\n}\n"],"names":[],"mappings":";;AAIO,MAAM,cAAA,GAAiB;AACvB,MAAM,cAAA,GAAiB;AAC9B,MAAM,UAAA,GAAa,MAAA;AAeZ,SAAS,WAAA,CACd,YAAA,EACA,WAAA,EACA,WAAA,EACa;AACb,EAAA,MAAM,GAAA,GAAM,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAC3C,EAAA,IAAI,CAAC,GAAA,IAAO,CAAC,YAAY,QAAA,CAAS,GAAQ,GAAG,OAAO,WAAA;AAEpD,EAAA,MAAM,GAAA,GAAM,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAC3C,EAAA,MAAM,SAAA,GAA2B,GAAA,KAAQ,MAAA,GAAS,MAAA,GAAS,KAAA;AAC3D,EAAA,OAAO,EAAE,KAAe,SAAA,EAAU;AACpC;AAMO,SAAS,UAAA,CAA6B;AAAA,EAC3C,YAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAC/C,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAE/C,EAAA,MAAM,IAAA,GAAO,OAAA;AAAA,IACX,MAAM,WAAA,CAAY,YAAA,EAAc,WAAA,EAAa,WAAW,CAAA;AAAA;AAAA,IAExD,CAAC,OAAA,EAAS,OAAA,EAAS,WAAA,EAAa,WAAW;AAAA,GAC7C;AAEA,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,WAA0B,GAAA,KAAgB;AACzC,MAAA,eAAA;AAAA,QACE,CAAA,IAAA,KAAQ;AACN,UAAA,MAAM,IAAA,GAAO,IAAI,eAAA,CAAgB,IAAI,CAAA;AACrC,UAAA,IAAA,CAAK,GAAA,CAAI,gBAAgB,GAAG,CAAA;AAC5B,UAAA,IAAA,CAAK,GAAA,CAAI,gBAAgB,SAAS,CAAA;AAClC,UAAA,IAAA,CAAK,OAAO,UAAU,CAAA;AACtB,UAAA,OAAO,IAAA;AAAA,QACT,CAAA;AAAA,QACA,EAAE,SAAS,IAAA;AAAK,OAClB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,OAAO,EAAE,MAAM,YAAA,EAAa;AAC9B;;;;"}

package/dist/span-payload-primitives-DnRsP93D.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const domains_traces_components_spanPayload_spanPayloadJson = require('./domains/traces/components/span-payload/span-payload-json.cjs.js');
+const collapsible = require('./collapsible-BvrI6XnN.cjs');
+const markdownRenderer = require('./markdown-renderer-D8qYAU7K.cjs');
+const domains_chat_components_badgeWrapper = require('./domains/chat/components/badge-wrapper.cjs.js');
+const toolCall = require('./tool-call-CMRvRE-v.cjs');
+const toolPresentation = require('./tool-presentation-BGWx2mEc.cjs');
+
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+function SpanPayloadTool({ value, showLabel = true }) {
+  if (!isRecord(value)) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  const call = value.type === "tool-invocation" ? value.toolInvocation : value;
+  if (!isRecord(call) || typeof call.toolName !== "string" || !call.toolName) {
+    return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value });
+  }
+  const input = "args" in call ? call.args : call.input;
+  const output = "result" in call ? call.result : call.output;
+  const error = call.isError === true || call.state === "output-error";
+  const errorText = typeof call.errorText === "string" ? call.errorText : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-payload-tool", className: "flex flex-col gap-2", children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadLabel, { children: value.type === "tool-result" ? "Tool result" : "Tool call" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      domains_chat_components_badgeWrapper.BadgeWrapper,
+      {
+        status: error ? "error" : "idle",
+        header: /* @__PURE__ */ jsxRuntime.jsx(toolCall.ToolCallPresentedHeader, { ...toolPresentation.presentTool(call.toolName, input) }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          input !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Arguments", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: input }) }),
+          output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Result", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: output }) }),
+          errorText !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadField, { label: "Error", children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanPayload_spanPayloadJson.SpanPayloadJson, { value: errorText }) })
+        ] })
+      }
+    )
+  ] });
+}
+
+function SpanPayloadLabel({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-meta text-placeholder tracking-widest uppercase", children });
+}
+function SpanPayloadField({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "span-payload-field", className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadLabel, { children: label }),
+    children
+  ] });
+}
+function SpanPayloadMarkdown({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "span-payload-markdown", className: "text-body text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(markdownRenderer.MarkdownRenderer, { children }) });
+}
+function SpanPayloadCollapsible({
+  label,
+  children,
+  defaultOpen = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { defaultOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "text-meta text-placeholder flex items-center gap-1 tracking-widest uppercase [&>svg]:size-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}),
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "pt-1.5", children })
+  ] });
+}
+function SpanPayloadToolCalls({ toolCalls }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-slot": "span-payload-tool-calls", className: "flex flex-col gap-2", children: toolCalls.map((call, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(SpanPayloadTool, { value: call, showLabel: false }) }, index)) });
+}
+
+exports.SpanPayloadCollapsible = SpanPayloadCollapsible;
+exports.SpanPayloadField = SpanPayloadField;
+exports.SpanPayloadLabel = SpanPayloadLabel;
+exports.SpanPayloadMarkdown = SpanPayloadMarkdown;
+exports.SpanPayloadTool = SpanPayloadTool;
+exports.SpanPayloadToolCalls = SpanPayloadToolCalls;
+//# sourceMappingURL=span-payload-primitives-DnRsP93D.cjs.map