@adamosuiteservices/ui 2.13.1 → 2.13.3

package/dist/components/ui/file-upload/file-upload.d.ts

@@ -3,12 +3,20 @@ export type FileUploadLabels = {
     dragDrop?: string;
     selectFile?: string;
     fileRequirements?: string;
+    filesSelected?: (count: number) => string;
 };
 export type FileUploadProps = ComponentProps<"div"> & Readonly<{
-    selectedFile: File | null;
-    onFileSelect: (file: File | null) => void;
+    selectedFile?: File | null;
+    selectedFiles?: File[];
+    onFileSelect?: (file: File | null) => void;
+    onFilesSelect?: (files: File[]) => void;
+    onInvalidFile?: (file: File, reason: "extension" | "size") => void;
     acceptedExtensions?: string[];
     maxSizeInMB?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+    filesPosition?: "above" | "below";
+    invalid?: boolean;
     labels?: FileUploadLabels;
 }>;
-export declare function FileUpload({ className, selectedFile, onFileSelect, acceptedExtensions, maxSizeInMB, labels, ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileUpload({ className, selectedFile, selectedFiles, onFileSelect, onFilesSelect, onInvalidFile, acceptedExtensions, maxSizeInMB, maxFiles, multiple, filesPosition, invalid, labels, ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/slider/slider.d.ts

@@ -1,7 +1,10 @@
 import { Theme } from '../../../types/theme.type';
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React from "react";
-declare function Slider({ className, defaultValue, value, min, max, theme, ...props }: React.ComponentProps<typeof SliderPrimitive.Root> & {
+type SliderColorProp = "full" | [string, string];
+type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root> & {
     theme?: Theme;
-}): import("react/jsx-runtime").JSX.Element;
+    color?: SliderColorProp;
+};
+declare function Slider({ className, defaultValue, value, min, max, theme, color, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
 export { Slider };

package/dist/components/ui/typography/typography.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 declare const typographyVariants: (props?: ({
     variant?: "caption" | "sm" | "lg" | "md" | "xs" | null | undefined;
-    color?: "default" | "muted" | null | undefined;
+    color?: "default" | "success" | "warning" | "destructive" | "secondary" | "waiting" | "muted" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Typography({ className, variant, color, asChild, ...props }: React.ComponentProps<"p"> & VariantProps<typeof typographyVariants> & {
     asChild?: boolean;

package/dist/file-upload.cjs

@@ -1,18 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),p=require("./button-Day6_fbu.cjs"),l=require("./icon-DPMQJBkA.cjs"),r=require("./typography-DqQZZpkD.cjs"),a=require("./index-DoxiiusW.cjs"),N=require("react");function D({className:j,selectedFile:n,onFileSelect:m,acceptedExtensions:d=[".xls",".xlsx",".numbers"],maxSizeInMB:x=50,labels:i,...f}){const[c,o]=N.useState(!1),h=d.join(","),g=x*1024*1024,y=s=>{s.preventDefault(),o(!0)},R=s=>{s.preventDefault(),o(!1)},b=s=>{s.preventDefault(),o(!1);const t=s.dataTransfer.files[0];t&&u(t)&&m(t)},v=s=>{const t=s.target.files?.[0];t&&u(t)&&m(t)},E=()=>{m(null)},u=s=>{const t=s.name.substring(s.name.lastIndexOf("."));return d.includes(t.toLowerCase())&&s.size<=g};return e.jsxRuntimeExports.jsx("div",{className:a.cn("adm:flex adm:flex-col",j),...f,children:n?e.jsxRuntimeExports.jsxs("div",{className:a.cn(`
-            adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border
-            adm:border-input adm:bg-muted adm:p-6
-          `),children:[e.jsxRuntimeExports.jsx("div",{className:a.cn(`
-              adm:flex adm:items-center adm:justify-center adm:rounded-xl
-              adm:bg-primary-50 adm:p-2.5
-            `),children:e.jsxRuntimeExports.jsx(l.Icon,{symbol:"text_snippet",className:"adm:text-primary"})}),e.jsxRuntimeExports.jsxs("div",{className:`
-              adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
-            `,children:[e.jsxRuntimeExports.jsx("div",{className:"adm:min-w-0 adm:flex-1",children:e.jsxRuntimeExports.jsx(r.Typography,{className:"adm:truncate adm:font-semibold",children:n.name})}),e.jsxRuntimeExports.jsxs(r.Typography,{className:"adm:shrink-0",color:"muted",children:[(n.size/1024/1024).toFixed(1)," MB"]})]}),e.jsxRuntimeExports.jsx(p.Button,{variant:"destructive-medium",onClick:E,type:"button",children:e.jsxRuntimeExports.jsx(l.Icon,{symbol:"delete",className:"adm:text-destructive"})})]}):e.jsxRuntimeExports.jsxs("div",{onDragOver:y,onDragLeave:R,onDrop:b,className:a.cn(`
-                adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
-                adm:border-2
-              `,`
-                adm:border-dashed adm:bg-background adm:p-6
-                adm:transition-colors
-              `,{"adm:border-primary":c,"adm:border-input":!c}),children:[e.jsxRuntimeExports.jsx("div",{className:a.cn(`
-              adm:flex adm:items-center adm:justify-center adm:rounded-xl
-              adm:bg-primary-50 adm:p-2.5
-            `),children:e.jsxRuntimeExports.jsx(l.Icon,{symbol:"text_snippet",className:"adm:text-primary"})}),e.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:items-center adm:gap-2",children:[e.jsxRuntimeExports.jsx(r.Typography,{children:i?.dragDrop||"Drag and drop your file here or"}),e.jsxRuntimeExports.jsxs("label",{htmlFor:"file-upload",children:[e.jsxRuntimeExports.jsx("input",{id:"file-upload",type:"file",accept:h,onChange:v,className:"adm:hidden"}),e.jsxRuntimeExports.jsx(p.Button,{asChild:!0,type:"button",variant:"link",className:"adm:cursor-pointer",children:e.jsxRuntimeExports.jsx("span",{children:i?.selectFile||"Select the file"})})]})]}),e.jsxRuntimeExports.jsx(r.Typography,{className:"adm:text-center",color:"muted",children:i?.fileRequirements||`Allowed files: ${d.join(", ")}. Maximum size ${x} MB.`})]})})}exports.FileUpload=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),T=require("./button-Day6_fbu.cjs"),w=require("./icon-DPMQJBkA.cjs"),h=require("./typography-Bj8oEDuE.cjs"),g=require("./index-DoxiiusW.cjs"),O=require("react");function U({isDragging:r,isMultiple:a,invalid:s,accept:o,acceptedExtensions:n,maxSizeInMB:x,maxFiles:c,labels:i,onDragOver:j,onDragLeave:b,onDrop:R,onFileChange:u}){return e.jsxRuntimeExports.jsxs("div",{onDragOver:j,onDragLeave:b,onDrop:R,className:g.cn(`
+          adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
+          adm:border-2
+        `,"adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",{"adm:border-primary":r&&!s,"adm:border-destructive":s,"adm:border-input":!r&&!s}),children:[e.jsxRuntimeExports.jsx("div",{className:g.cn("adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",s?"adm:bg-destructive/10":"adm:bg-primary-50"),children:e.jsxRuntimeExports.jsx(w.Icon,{symbol:"text_snippet",className:s?"adm:text-destructive":"adm:text-primary"})}),e.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:items-center adm:gap-2",children:[e.jsxRuntimeExports.jsx(h.Typography,{color:s?"destructive":void 0,children:i?.dragDrop||(a?"Drag and drop your files here or":"Drag and drop your file here or")}),e.jsxRuntimeExports.jsxs("label",{htmlFor:"file-upload",children:[e.jsxRuntimeExports.jsx("input",{id:"file-upload",type:"file",accept:o,multiple:a,onChange:u,className:"adm:hidden"}),e.jsxRuntimeExports.jsx(T.Button,{asChild:!0,type:"button",variant:"link",className:"adm:cursor-pointer",children:e.jsxRuntimeExports.jsx("span",{children:i?.selectFile||(a?"Select files":"Select the file")})})]})]}),e.jsxRuntimeExports.jsx(h.Typography,{className:"adm:text-center",color:s?"destructive":"muted",children:i?.fileRequirements||`Allowed files: ${n.join(", ")}. Maximum size ${x} MB${a?`. Up to ${c} files`:""}.`})]})}function V({file:r,invalid:a,onRemove:s}){return e.jsxRuntimeExports.jsxs("div",{className:g.cn("adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",a?"adm:border-destructive adm:bg-destructive/5":"adm:border-input adm:bg-muted"),children:[e.jsxRuntimeExports.jsx("div",{className:g.cn("adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",a?"adm:bg-destructive/10":"adm:bg-primary-50"),children:e.jsxRuntimeExports.jsx(w.Icon,{symbol:"text_snippet",className:a?"adm:text-destructive":"adm:text-primary"})}),e.jsxRuntimeExports.jsxs("div",{className:`
+        adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
+      `,children:[e.jsxRuntimeExports.jsx("div",{className:"adm:min-w-0 adm:flex-1",children:e.jsxRuntimeExports.jsx(h.Typography,{className:"adm:truncate adm:font-semibold",children:r.name})}),e.jsxRuntimeExports.jsxs(h.Typography,{className:"adm:shrink-0",color:"muted",children:[(r.size/1024/1024).toFixed(1)," MB"]})]}),e.jsxRuntimeExports.jsx(T.Button,{variant:"destructive-medium",onClick:s,type:"button",children:e.jsxRuntimeExports.jsx(w.Icon,{symbol:"delete",className:"adm:text-destructive"})})]})}function A({files:r,isMultiple:a,invalid:s,labels:o,onRemoveFile:n,onClearAll:x}){return r.length===0?null:e.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:gap-3",children:[a&&r.length>1&&e.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:items-center adm:justify-between",children:[e.jsxRuntimeExports.jsx(h.Typography,{className:"adm:text-sm adm:font-medium",color:s?"destructive":void 0,children:o?.filesSelected?.(r.length)||`${r.length} file${r.length!==1?"s":""} selected`}),e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",size:"sm",onClick:x,type:"button",children:"Clear all"})]}),r.map((c,i)=>e.jsxRuntimeExports.jsx(V,{file:c,invalid:s,onRemove:()=>n(i)},`${c.name}-${i}`))]})}function _({className:r,selectedFile:a,selectedFiles:s,onFileSelect:o,onFilesSelect:n,onInvalidFile:x,acceptedExtensions:c=[".xls",".xlsx",".numbers"],maxSizeInMB:i=50,maxFiles:j=10,multiple:b=!1,filesPosition:R="below",invalid:u=!1,labels:y,...$}){const[q,E]=O.useState(!1),z=c.join(","),k=i*1024*1024,m=b||s!==void 0||n!==void 0,p=m?s||[]:a?[a]:[],B=t=>{t.preventDefault(),E(!0)},F=t=>{t.preventDefault(),E(!1)},I=t=>{if(t.preventDefault(),E(!1),m){const l=Array.from(t.dataTransfer.files).filter(v);if(l.length>0){const C=[...s||[],...l].slice(0,j);n&&n(C)}}else{const d=t.dataTransfer.files[0];d&&v(d)&&o&&o(d)}},L=t=>{if(m){const l=(t.target.files?Array.from(t.target.files):[]).filter(v);if(l.length>0){const C=[...s||[],...l].slice(0,j);n&&n(C)}}else{const d=t.target.files?.[0];d&&v(d)&&o&&o(d)}t.target.value=""},N=t=>{if(m){const d=p.filter((l,f)=>f!==t);n&&n(d)}else o&&o(null)},v=t=>{const d=t.name.substring(t.name.lastIndexOf(".")),l=c.includes(d.toLowerCase()),f=t.size<=k;return!l&&x?x(t,"extension"):!f&&x&&x(t,"size"),l&&f},D=()=>{m?n&&n([]):o&&o(null)};return e.jsxRuntimeExports.jsxs("div",{className:g.cn("adm:flex adm:flex-col adm:gap-4",r),...$,children:[m&&R==="above"&&e.jsxRuntimeExports.jsx(A,{files:p,isMultiple:m,invalid:u,labels:y,onRemoveFile:N,onClearAll:D}),(m||p.length===0)&&e.jsxRuntimeExports.jsx(U,{isDragging:q,isMultiple:m,invalid:u,accept:z,acceptedExtensions:c,maxSizeInMB:i,maxFiles:j,labels:y,onDragOver:B,onDragLeave:F,onDrop:I,onFileChange:L}),!m&&p.length>0&&e.jsxRuntimeExports.jsx(A,{files:p,isMultiple:m,invalid:u,labels:y,onRemoveFile:N,onClearAll:D}),m&&R==="below"&&e.jsxRuntimeExports.jsx(A,{files:p,isMultiple:m,invalid:u,labels:y,onRemoveFile:N,onClearAll:D})]})}exports.FileUpload=_;

package/dist/file-upload.js

@@ -1,146 +1,276 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { B as f } from "./button-Bn4LFAa9.js";
-import { I as o } from "./icon-DKAhvlX_.js";
-import { T as m } from "./typography-9EoV0kcN.js";
-import { c as s } from "./index-CRiPKpXj.js";
-import { useState as I } from "react";
-function L({
-  className: u,
-  selectedFile: r,
-  onFileSelect: t,
-  acceptedExtensions: n = [".xls", ".xlsx", ".numbers"],
-  maxSizeInMB: c = 50,
-  labels: i,
-  ...h
+import { B as z } from "./button-Bn4LFAa9.js";
+import { I as R } from "./icon-DKAhvlX_.js";
+import { T as g } from "./typography-MnY0LQoZ.js";
+import { c as j } from "./index-CRiPKpXj.js";
+import { useState as _ } from "react";
+function U({
+  isDragging: s,
+  isMultiple: t,
+  invalid: r,
+  accept: l,
+  acceptedExtensions: d,
+  maxSizeInMB: c,
+  maxFiles: f,
+  labels: o,
+  onDragOver: h,
+  onDragLeave: N,
+  onDrop: v,
+  onFileChange: u
 }) {
-  const [x, l] = I(!1), j = n.join(","), g = c * 1024 * 1024, v = (a) => {
-    a.preventDefault(), l(!0);
-  }, b = (a) => {
-    a.preventDefault(), l(!1);
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      onDragOver: h,
+      onDragLeave: N,
+      onDrop: v,
+      className: j(
+        `
+          adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
+          adm:border-2
+        `,
+        "adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",
+        {
+          "adm:border-primary": s && !r,
+          "adm:border-destructive": r,
+          "adm:border-input": !s && !r
+        }
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: j(
+              "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
+              r ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+            ),
+            children: /* @__PURE__ */ e.jsx(
+              R,
+              {
+                symbol: "text_snippet",
+                className: r ? "adm:text-destructive" : "adm:text-primary"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
+          /* @__PURE__ */ e.jsx(g, { color: r ? "destructive" : void 0, children: o?.dragDrop || (t ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
+          /* @__PURE__ */ e.jsxs("label", { htmlFor: "file-upload", children: [
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                id: "file-upload",
+                type: "file",
+                accept: l,
+                multiple: t,
+                onChange: u,
+                className: "adm:hidden"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              z,
+              {
+                asChild: !0,
+                type: "button",
+                variant: "link",
+                className: "adm:cursor-pointer",
+                children: /* @__PURE__ */ e.jsx("span", { children: o?.selectFile || (t ? "Select files" : "Select the file") })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx(g, { className: "adm:text-center", color: r ? "destructive" : "muted", children: o?.fileRequirements || `Allowed files: ${d.join(", ")}. Maximum size ${c} MB${t ? `. Up to ${f} files` : ""}.` })
+      ]
+    }
+  );
+}
+function q({ file: s, invalid: t, onRemove: r }) {
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: j(
+        "adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",
+        t ? "adm:border-destructive adm:bg-destructive/5" : "adm:border-input adm:bg-muted"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: j(
+              "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
+              t ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+            ),
+            children: /* @__PURE__ */ e.jsx(
+              R,
+              {
+                symbol: "text_snippet",
+                className: t ? "adm:text-destructive" : "adm:text-primary"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: `
+        adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
+      `,
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "adm:min-w-0 adm:flex-1", children: /* @__PURE__ */ e.jsx(g, { className: "adm:truncate adm:font-semibold", children: s.name }) }),
+              /* @__PURE__ */ e.jsxs(g, { className: "adm:shrink-0", color: "muted", children: [
+                (s.size / 1024 / 1024).toFixed(1),
+                " MB"
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          z,
+          {
+            variant: "destructive-medium",
+            onClick: r,
+            type: "button",
+            children: /* @__PURE__ */ e.jsx(R, { symbol: "delete", className: "adm:text-destructive" })
+          }
+        )
+      ]
+    }
+  );
+}
+function $({ files: s, isMultiple: t, invalid: r, labels: l, onRemoveFile: d, onClearAll: c }) {
+  return s.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
+    t && s.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:items-center adm:justify-between", children: [
+      /* @__PURE__ */ e.jsx(g, { className: "adm:text-sm adm:font-medium", color: r ? "destructive" : void 0, children: l?.filesSelected?.(s.length) || `${s.length} file${s.length !== 1 ? "s" : ""} selected` }),
+      /* @__PURE__ */ e.jsx(
+        z,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: c,
+          type: "button",
+          children: "Clear all"
+        }
+      )
+    ] }),
+    s.map((f, o) => /* @__PURE__ */ e.jsx(
+      q,
+      {
+        file: f,
+        invalid: r,
+        onRemove: () => d(o)
+      },
+      `${f.name}-${o}`
+    ))
+  ] });
+}
+function Q({
+  className: s,
+  selectedFile: t,
+  selectedFiles: r,
+  onFileSelect: l,
+  onFilesSelect: d,
+  onInvalidFile: c,
+  acceptedExtensions: f = [".xls", ".xlsx", ".numbers"],
+  maxSizeInMB: o = 50,
+  maxFiles: h = 10,
+  multiple: N = !1,
+  filesPosition: v = "below",
+  invalid: u = !1,
+  labels: b,
+  ...k
+}) {
+  const [B, D] = _(!1), L = f.join(","), T = o * 1024 * 1024, m = N || r !== void 0 || d !== void 0, x = m ? r || [] : t ? [t] : [], F = (a) => {
+    a.preventDefault(), D(!0);
+  }, I = (a) => {
+    a.preventDefault(), D(!1);
+  }, O = (a) => {
+    if (a.preventDefault(), D(!1), m) {
+      const i = Array.from(a.dataTransfer.files).filter(y);
+      if (i.length > 0) {
+        const w = [...r || [], ...i].slice(0, h);
+        d && d(w);
+      }
+    } else {
+      const n = a.dataTransfer.files[0];
+      n && y(n) && l && l(n);
+    }
+  }, V = (a) => {
+    if (m) {
+      const i = (a.target.files ? Array.from(a.target.files) : []).filter(y);
+      if (i.length > 0) {
+        const w = [...r || [], ...i].slice(0, h);
+        d && d(w);
+      }
+    } else {
+      const n = a.target.files?.[0];
+      n && y(n) && l && l(n);
+    }
+    a.target.value = "";
+  }, C = (a) => {
+    if (m) {
+      const n = x.filter((i, p) => p !== a);
+      d && d(n);
+    } else
+      l && l(null);
   }, y = (a) => {
-    a.preventDefault(), l(!1);
-    const d = a.dataTransfer.files[0];
-    d && p(d) && t(d);
-  }, N = (a) => {
-    const d = a.target.files?.[0];
-    d && p(d) && t(d);
-  }, D = () => {
-    t(null);
-  }, p = (a) => {
-    const d = a.name.substring(a.name.lastIndexOf("."));
-    return n.includes(d.toLowerCase()) && a.size <= g;
+    const n = a.name.substring(a.name.lastIndexOf(".")), i = f.includes(n.toLowerCase()), p = a.size <= T;
+    return !i && c ? c(a, "extension") : !p && c && c(a, "size"), i && p;
+  }, A = () => {
+    m ? d && d([]) : l && l(null);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: s("adm:flex adm:flex-col", u), ...h, children: r ? (
-    // Selected File Display (when file is selected)
-    /* @__PURE__ */ e.jsxs(
-      "div",
+  return /* @__PURE__ */ e.jsxs("div", { className: j("adm:flex adm:flex-col adm:gap-4", s), ...k, children: [
+    m && v === "above" && /* @__PURE__ */ e.jsx(
+      $,
       {
-        className: s(`
-            adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border
-            adm:border-input adm:bg-muted adm:p-6
-          `),
-        children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: s(`
-              adm:flex adm:items-center adm:justify-center adm:rounded-xl
-              adm:bg-primary-50 adm:p-2.5
-            `),
-              children: /* @__PURE__ */ e.jsx(o, { symbol: "text_snippet", className: "adm:text-primary" })
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              className: `
-              adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
-            `,
-              children: [
-                /* @__PURE__ */ e.jsx("div", { className: "adm:min-w-0 adm:flex-1", children: /* @__PURE__ */ e.jsx(m, { className: "adm:truncate adm:font-semibold", children: r.name }) }),
-                /* @__PURE__ */ e.jsxs(m, { className: "adm:shrink-0", color: "muted", children: [
-                  (r.size / 1024 / 1024).toFixed(1),
-                  " MB"
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            f,
-            {
-              variant: "destructive-medium",
-              onClick: D,
-              type: "button",
-              children: /* @__PURE__ */ e.jsx(o, { symbol: "delete", className: "adm:text-destructive" })
-            }
-          )
-        ]
+        files: x,
+        isMultiple: m,
+        invalid: u,
+        labels: b,
+        onRemoveFile: C,
+        onClearAll: A
       }
-    )
-  ) : (
-    // Drag & Drop Area (when no file is selected)
-    /* @__PURE__ */ e.jsxs(
-      "div",
+    ),
+    (m || x.length === 0) && /* @__PURE__ */ e.jsx(
+      U,
       {
-        onDragOver: v,
-        onDragLeave: b,
-        onDrop: y,
-        className: s(
-          `
-                adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
-                adm:border-2
-              `,
-          `
-                adm:border-dashed adm:bg-background adm:p-6
-                adm:transition-colors
-              `,
-          {
-            "adm:border-primary": x,
-            "adm:border-input": !x
-          }
-        ),
-        children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: s(`
-              adm:flex adm:items-center adm:justify-center adm:rounded-xl
-              adm:bg-primary-50 adm:p-2.5
-            `),
-              children: /* @__PURE__ */ e.jsx(o, { symbol: "text_snippet", className: "adm:text-primary" })
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
-            /* @__PURE__ */ e.jsx(m, { children: i?.dragDrop || "Drag and drop your file here or" }),
-            /* @__PURE__ */ e.jsxs("label", { htmlFor: "file-upload", children: [
-              /* @__PURE__ */ e.jsx(
-                "input",
-                {
-                  id: "file-upload",
-                  type: "file",
-                  accept: j,
-                  onChange: N,
-                  className: "adm:hidden"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                f,
-                {
-                  asChild: !0,
-                  type: "button",
-                  variant: "link",
-                  className: "adm:cursor-pointer",
-                  children: /* @__PURE__ */ e.jsx("span", { children: i?.selectFile || "Select the file" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsx(m, { className: "adm:text-center", color: "muted", children: i?.fileRequirements || `Allowed files: ${n.join(", ")}. Maximum size ${c} MB.` })
-        ]
+        isDragging: B,
+        isMultiple: m,
+        invalid: u,
+        accept: L,
+        acceptedExtensions: f,
+        maxSizeInMB: o,
+        maxFiles: h,
+        labels: b,
+        onDragOver: F,
+        onDragLeave: I,
+        onDrop: O,
+        onFileChange: V
+      }
+    ),
+    !m && x.length > 0 && /* @__PURE__ */ e.jsx(
+      $,
+      {
+        files: x,
+        isMultiple: m,
+        invalid: u,
+        labels: b,
+        onRemoveFile: C,
+        onClearAll: A
+      }
+    ),
+    m && v === "below" && /* @__PURE__ */ e.jsx(
+      $,
+      {
+        files: x,
+        isMultiple: m,
+        invalid: u,
+        labels: b,
+        onRemoveFile: C,
+        onClearAll: A
       }
     )
-  ) });
+  ] });
 }
 export {
-  L as FileUpload
+  Q as FileUpload
 };

package/dist/slider.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-BB_1_6y_.cjs"),ce=require("react"),F=require("./index-C8ni3LLa.cjs"),P=require("./index-BWaO7kQK.cjs"),_=require("./index-_XxjJPRD.cjs"),ue=require("./index-cwZN7ZY3.cjs"),Y=require("./index-Da298sEl.cjs"),me=require("./index-DYxWvftI.cjs"),fe=require("./index-bSPhqlcX.cjs"),I=require("./index-CocSS1YK.cjs"),N=require("./index-DoxiiusW.cjs");function pe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=pe(ce);var X=["PageUp","PageDown"],G=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],W={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},C="Slider",[V,xe,Se]=Y.createCollection(C),[J]=ue.createContextScope(C,[Se]),[he,T]=J(C),Q=l.forwardRef((e,t)=>{const{name:n,min:o=0,max:r=100,step:d=1,orientation:i="horizontal",disabled:a=!1,minStepsBetweenThumbs:u=0,defaultValue:S=[o],value:h,onValueChange:s=()=>{},onValueCommit:m=()=>{},inverted:v=!1,form:w,...g}=e,p=l.useRef(new Set),f=l.useRef(0),b=i==="horizontal"?ge:ve,[x=[],M]=P.useControllableState({prop:h,defaultProp:S,onChange:R=>{[...p.current][f.current]?.focus(),s(R)}}),B=l.useRef(x);function k(R){const E=ye(x,R);A(R,E)}function de(R){A(R,f.current)}function le(){const R=B.current[f.current];x[f.current]!==R&&m(x)}function A(R,E,{commit:z}={commit:!1}){const L=_e(d),H=Ce(Math.round((R-o)/d)*d+o,L),K=F.clamp(H,[o,r]);M((D=[])=>{const y=we(D,K,E);if(De(y,u*d)){f.current=y.indexOf(K);const U=String(y)!==String(D);return U&&z&&m(y),U?y:D}else return D})}return c.jsxRuntimeExports.jsx(he,{scope:e.__scopeSlider,name:n,disabled:a,min:o,max:r,valueIndexToChangeRef:f,thumbs:p.current,values:x,orientation:i,form:w,children:c.jsxRuntimeExports.jsx(V.Provider,{scope:e.__scopeSlider,children:c.jsxRuntimeExports.jsx(V.Slot,{scope:e.__scopeSlider,children:c.jsxRuntimeExports.jsx(b,{"aria-disabled":a,"data-disabled":a?"":void 0,...g,ref:t,onPointerDown:P.composeEventHandlers(g.onPointerDown,()=>{a||(B.current=x)}),min:o,max:r,inverted:v,onSlideStart:a?void 0:k,onSlideMove:a?void 0:de,onSlideEnd:a?void 0:le,onHomeKeyDown:()=>!a&&A(o,0,{commit:!0}),onEndKeyDown:()=>!a&&A(r,x.length-1,{commit:!0}),onStepKeyDown:({event:R,direction:E})=>{if(!a){const H=X.includes(R.key)||R.shiftKey&&G.includes(R.key)?10:1,K=f.current,D=x[K],y=d*H*E;A(D+y,K,{commit:!0})}}})})})})});Q.displayName=C;var[Z,ee]=J(C,{startEdge:"left",endEdge:"right",size:"width",direction:1}),ge=l.forwardRef((e,t)=>{const{min:n,max:o,dir:r,inverted:d,onSlideStart:i,onSlideMove:a,onSlideEnd:u,onStepKeyDown:S,...h}=e,[s,m]=l.useState(null),v=_.useComposedRefs(t,b=>m(b)),w=l.useRef(void 0),g=Y.useDirection(r),p=g==="ltr",f=p&&!d||!p&&d;function j(b){const x=w.current||s.getBoundingClientRect(),M=[0,x.width],k=q(M,f?[n,o]:[o,n]);return w.current=x,k(b-x.left)}return c.jsxRuntimeExports.jsx(Z,{scope:e.__scopeSlider,startEdge:f?"left":"right",endEdge:f?"right":"left",direction:f?1:-1,size:"width",children:c.jsxRuntimeExports.jsx(te,{dir:g,"data-orientation":"horizontal",...h,ref:v,style:{...h.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:b=>{const x=j(b.clientX);i?.(x)},onSlideMove:b=>{const x=j(b.clientX);a?.(x)},onSlideEnd:()=>{w.current=void 0,u?.()},onStepKeyDown:b=>{const M=W[f?"from-left":"from-right"].includes(b.key);S?.({event:b,direction:M?-1:1})}})})}),ve=l.forwardRef((e,t)=>{const{min:n,max:o,inverted:r,onSlideStart:d,onSlideMove:i,onSlideEnd:a,onStepKeyDown:u,...S}=e,h=l.useRef(null),s=_.useComposedRefs(t,h),m=l.useRef(void 0),v=!r;function w(g){const p=m.current||h.current.getBoundingClientRect(),f=[0,p.height],b=q(f,v?[o,n]:[n,o]);return m.current=p,b(g-p.top)}return c.jsxRuntimeExports.jsx(Z,{scope:e.__scopeSlider,startEdge:v?"bottom":"top",endEdge:v?"top":"bottom",size:"height",direction:v?1:-1,children:c.jsxRuntimeExports.jsx(te,{"data-orientation":"vertical",...S,ref:s,style:{...S.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:g=>{const p=w(g.clientY);d?.(p)},onSlideMove:g=>{const p=w(g.clientY);i?.(p)},onSlideEnd:()=>{m.current=void 0,a?.()},onStepKeyDown:g=>{const f=W[v?"from-bottom":"from-top"].includes(g.key);u?.({event:g,direction:f?-1:1})}})})}),te=l.forwardRef((e,t)=>{const{__scopeSlider:n,onSlideStart:o,onSlideMove:r,onSlideEnd:d,onHomeKeyDown:i,onEndKeyDown:a,onStepKeyDown:u,...S}=e,h=T(C,n);return c.jsxRuntimeExports.jsx(I.Primitive.span,{...S,ref:t,onKeyDown:P.composeEventHandlers(e.onKeyDown,s=>{s.key==="Home"?(i(s),s.preventDefault()):s.key==="End"?(a(s),s.preventDefault()):X.concat(G).includes(s.key)&&(u(s),s.preventDefault())}),onPointerDown:P.composeEventHandlers(e.onPointerDown,s=>{const m=s.target;m.setPointerCapture(s.pointerId),s.preventDefault(),h.thumbs.has(m)?m.focus():o(s)}),onPointerMove:P.composeEventHandlers(e.onPointerMove,s=>{s.target.hasPointerCapture(s.pointerId)&&r(s)}),onPointerUp:P.composeEventHandlers(e.onPointerUp,s=>{const m=s.target;m.hasPointerCapture(s.pointerId)&&(m.releasePointerCapture(s.pointerId),d(s))})})}),ne="SliderTrack",oe=l.forwardRef((e,t)=>{const{__scopeSlider:n,...o}=e,r=T(ne,n);return c.jsxRuntimeExports.jsx(I.Primitive.span,{"data-disabled":r.disabled?"":void 0,"data-orientation":r.orientation,...o,ref:t})});oe.displayName=ne;var O="SliderRange",re=l.forwardRef((e,t)=>{const{__scopeSlider:n,...o}=e,r=T(O,n),d=ee(O,n),i=l.useRef(null),a=_.useComposedRefs(t,i),u=r.values.length,S=r.values.map(m=>ae(m,r.min,r.max)),h=u>1?Math.min(...S):0,s=100-Math.max(...S);return c.jsxRuntimeExports.jsx(I.Primitive.span,{"data-orientation":r.orientation,"data-disabled":r.disabled?"":void 0,...o,ref:a,style:{...e.style,[d.startEdge]:h+"%",[d.endEdge]:s+"%"}})});re.displayName=O;var $="SliderThumb",ie=l.forwardRef((e,t)=>{const n=xe(e.__scopeSlider),[o,r]=l.useState(null),d=_.useComposedRefs(t,a=>r(a)),i=l.useMemo(()=>o?n().findIndex(a=>a.ref.current===o):-1,[n,o]);return c.jsxRuntimeExports.jsx(be,{...e,ref:d,index:i})}),be=l.forwardRef((e,t)=>{const{__scopeSlider:n,index:o,name:r,...d}=e,i=T($,n),a=ee($,n),[u,S]=l.useState(null),h=_.useComposedRefs(t,j=>S(j)),s=u?i.form||!!u.closest("form"):!0,m=fe.useSize(u),v=i.values[o],w=v===void 0?0:ae(v,i.min,i.max),g=Ee(o,i.values.length),p=m?.[a.size],f=p?Pe(p,w,a.direction):0;return l.useEffect(()=>{if(u)return i.thumbs.add(u),()=>{i.thumbs.delete(u)}},[u,i.thumbs]),c.jsxRuntimeExports.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[a.startEdge]:`calc(${w}% + ${f}px)`},children:[c.jsxRuntimeExports.jsx(V.ItemSlot,{scope:e.__scopeSlider,children:c.jsxRuntimeExports.jsx(I.Primitive.span,{role:"slider","aria-label":e["aria-label"]||g,"aria-valuemin":i.min,"aria-valuenow":v,"aria-valuemax":i.max,"aria-orientation":i.orientation,"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,tabIndex:i.disabled?void 0:0,...d,ref:h,style:v===void 0?{display:"none"}:e.style,onFocus:P.composeEventHandlers(e.onFocus,()=>{i.valueIndexToChangeRef.current=o})})}),s&&c.jsxRuntimeExports.jsx(se,{name:r??(i.name?i.name+(i.values.length>1?"[]":""):void 0),form:i.form,value:v},o)]})});ie.displayName=$;var Re="RadioBubbleInput",se=l.forwardRef(({__scopeSlider:e,value:t,...n},o)=>{const r=l.useRef(null),d=_.useComposedRefs(r,o),i=me.usePrevious(t);return l.useEffect(()=>{const a=r.current;if(!a)return;const u=window.HTMLInputElement.prototype,h=Object.getOwnPropertyDescriptor(u,"value").set;if(i!==t&&h){const s=new Event("input",{bubbles:!0});h.call(a,t),a.dispatchEvent(s)}},[i,t]),c.jsxRuntimeExports.jsx(I.Primitive.input,{style:{display:"none"},...n,ref:d,defaultValue:t})});se.displayName=Re;function we(e=[],t,n){const o=[...e];return o[n]=t,o.sort((r,d)=>r-d)}function ae(e,t,n){const d=100/(n-t)*(e-t);return F.clamp(d,[0,100])}function Ee(e,t){return t>2?`Value ${e+1} of ${t}`:t===2?["Minimum","Maximum"][e]:void 0}function ye(e,t){if(e.length===1)return 0;const n=e.map(r=>Math.abs(r-t)),o=Math.min(...n);return n.indexOf(o)}function Pe(e,t,n){const o=e/2,d=q([0,50],[0,o]);return(o-d(t)*n)*n}function je(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}function De(e,t){if(t>0){const n=je(e);return Math.min(...n)>=t}return!0}function q(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const o=(t[1]-t[0])/(e[1]-e[0]);return t[0]+o*(n-e[0])}}function _e(e){return(String(e).split(".")[1]||"").length}function Ce(e,t){const n=Math.pow(10,t);return Math.round(e*n)/n}var Me=Q,Ae=oe,Ke=re,Ie=ie;function Te({className:e,defaultValue:t,value:n,min:o=0,max:r=100,theme:d,...i}){const a=l.useMemo(()=>Array.isArray(n)?n:Array.isArray(t)?t:[o,r],[n,t,o,r]);return c.jsxRuntimeExports.jsxs(Me,{"data-slot":"slider","data-theme":d,defaultValue:t,value:n,min:o,max:r,className:N.cn(`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./jsx-runtime-BB_1_6y_.cjs"),ce=require("react"),F=require("./index-C8ni3LLa.cjs"),P=require("./index-BWaO7kQK.cjs"),_=require("./index-_XxjJPRD.cjs"),ue=require("./index-cwZN7ZY3.cjs"),Y=require("./index-Da298sEl.cjs"),me=require("./index-DYxWvftI.cjs"),fe=require("./index-bSPhqlcX.cjs"),I=require("./index-CocSS1YK.cjs"),N=require("./index-DoxiiusW.cjs");function pe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=pe(ce);var X=["PageUp","PageDown"],G=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],W={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},C="Slider",[V,xe,he]=Y.createCollection(C),[J]=ue.createContextScope(C,[he]),[Se,T]=J(C),Q=l.forwardRef((e,t)=>{const{name:n,min:o=0,max:i=100,step:d=1,orientation:r="horizontal",disabled:a=!1,minStepsBetweenThumbs:c=0,defaultValue:S=[o],value:p,onValueChange:s=()=>{},onValueCommit:m=()=>{},inverted:v=!1,form:w,...g}=e,x=l.useRef(new Set),f=l.useRef(0),b=r==="horizontal"?ge:ve,[h=[],M]=P.useControllableState({prop:p,defaultProp:S,onChange:R=>{[...x.current][f.current]?.focus(),s(R)}}),k=l.useRef(h);function B(R){const E=ye(h,R);A(R,E)}function de(R){A(R,f.current)}function le(){const R=k.current[f.current];h[f.current]!==R&&m(h)}function A(R,E,{commit:z}={commit:!1}){const L=_e(d),H=Ce(Math.round((R-o)/d)*d+o,L),K=F.clamp(H,[o,i]);M((D=[])=>{const y=we(D,K,E);if(De(y,c*d)){f.current=y.indexOf(K);const U=String(y)!==String(D);return U&&z&&m(y),U?y:D}else return D})}return u.jsxRuntimeExports.jsx(Se,{scope:e.__scopeSlider,name:n,disabled:a,min:o,max:i,valueIndexToChangeRef:f,thumbs:x.current,values:h,orientation:r,form:w,children:u.jsxRuntimeExports.jsx(V.Provider,{scope:e.__scopeSlider,children:u.jsxRuntimeExports.jsx(V.Slot,{scope:e.__scopeSlider,children:u.jsxRuntimeExports.jsx(b,{"aria-disabled":a,"data-disabled":a?"":void 0,...g,ref:t,onPointerDown:P.composeEventHandlers(g.onPointerDown,()=>{a||(k.current=h)}),min:o,max:i,inverted:v,onSlideStart:a?void 0:B,onSlideMove:a?void 0:de,onSlideEnd:a?void 0:le,onHomeKeyDown:()=>!a&&A(o,0,{commit:!0}),onEndKeyDown:()=>!a&&A(i,h.length-1,{commit:!0}),onStepKeyDown:({event:R,direction:E})=>{if(!a){const H=X.includes(R.key)||R.shiftKey&&G.includes(R.key)?10:1,K=f.current,D=h[K],y=d*H*E;A(D+y,K,{commit:!0})}}})})})})});Q.displayName=C;var[Z,ee]=J(C,{startEdge:"left",endEdge:"right",size:"width",direction:1}),ge=l.forwardRef((e,t)=>{const{min:n,max:o,dir:i,inverted:d,onSlideStart:r,onSlideMove:a,onSlideEnd:c,onStepKeyDown:S,...p}=e,[s,m]=l.useState(null),v=_.useComposedRefs(t,b=>m(b)),w=l.useRef(void 0),g=Y.useDirection(i),x=g==="ltr",f=x&&!d||!x&&d;function j(b){const h=w.current||s.getBoundingClientRect(),M=[0,h.width],B=q(M,f?[n,o]:[o,n]);return w.current=h,B(b-h.left)}return u.jsxRuntimeExports.jsx(Z,{scope:e.__scopeSlider,startEdge:f?"left":"right",endEdge:f?"right":"left",direction:f?1:-1,size:"width",children:u.jsxRuntimeExports.jsx(te,{dir:g,"data-orientation":"horizontal",...p,ref:v,style:{...p.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:b=>{const h=j(b.clientX);r?.(h)},onSlideMove:b=>{const h=j(b.clientX);a?.(h)},onSlideEnd:()=>{w.current=void 0,c?.()},onStepKeyDown:b=>{const M=W[f?"from-left":"from-right"].includes(b.key);S?.({event:b,direction:M?-1:1})}})})}),ve=l.forwardRef((e,t)=>{const{min:n,max:o,inverted:i,onSlideStart:d,onSlideMove:r,onSlideEnd:a,onStepKeyDown:c,...S}=e,p=l.useRef(null),s=_.useComposedRefs(t,p),m=l.useRef(void 0),v=!i;function w(g){const x=m.current||p.current.getBoundingClientRect(),f=[0,x.height],b=q(f,v?[o,n]:[n,o]);return m.current=x,b(g-x.top)}return u.jsxRuntimeExports.jsx(Z,{scope:e.__scopeSlider,startEdge:v?"bottom":"top",endEdge:v?"top":"bottom",size:"height",direction:v?1:-1,children:u.jsxRuntimeExports.jsx(te,{"data-orientation":"vertical",...S,ref:s,style:{...S.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:g=>{const x=w(g.clientY);d?.(x)},onSlideMove:g=>{const x=w(g.clientY);r?.(x)},onSlideEnd:()=>{m.current=void 0,a?.()},onStepKeyDown:g=>{const f=W[v?"from-bottom":"from-top"].includes(g.key);c?.({event:g,direction:f?-1:1})}})})}),te=l.forwardRef((e,t)=>{const{__scopeSlider:n,onSlideStart:o,onSlideMove:i,onSlideEnd:d,onHomeKeyDown:r,onEndKeyDown:a,onStepKeyDown:c,...S}=e,p=T(C,n);return u.jsxRuntimeExports.jsx(I.Primitive.span,{...S,ref:t,onKeyDown:P.composeEventHandlers(e.onKeyDown,s=>{s.key==="Home"?(r(s),s.preventDefault()):s.key==="End"?(a(s),s.preventDefault()):X.concat(G).includes(s.key)&&(c(s),s.preventDefault())}),onPointerDown:P.composeEventHandlers(e.onPointerDown,s=>{const m=s.target;m.setPointerCapture(s.pointerId),s.preventDefault(),p.thumbs.has(m)?m.focus():o(s)}),onPointerMove:P.composeEventHandlers(e.onPointerMove,s=>{s.target.hasPointerCapture(s.pointerId)&&i(s)}),onPointerUp:P.composeEventHandlers(e.onPointerUp,s=>{const m=s.target;m.hasPointerCapture(s.pointerId)&&(m.releasePointerCapture(s.pointerId),d(s))})})}),ne="SliderTrack",oe=l.forwardRef((e,t)=>{const{__scopeSlider:n,...o}=e,i=T(ne,n);return u.jsxRuntimeExports.jsx(I.Primitive.span,{"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation,...o,ref:t})});oe.displayName=ne;var O="SliderRange",re=l.forwardRef((e,t)=>{const{__scopeSlider:n,...o}=e,i=T(O,n),d=ee(O,n),r=l.useRef(null),a=_.useComposedRefs(t,r),c=i.values.length,S=i.values.map(m=>ae(m,i.min,i.max)),p=c>1?Math.min(...S):0,s=100-Math.max(...S);return u.jsxRuntimeExports.jsx(I.Primitive.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...o,ref:a,style:{...e.style,[d.startEdge]:p+"%",[d.endEdge]:s+"%"}})});re.displayName=O;var $="SliderThumb",ie=l.forwardRef((e,t)=>{const n=xe(e.__scopeSlider),[o,i]=l.useState(null),d=_.useComposedRefs(t,a=>i(a)),r=l.useMemo(()=>o?n().findIndex(a=>a.ref.current===o):-1,[n,o]);return u.jsxRuntimeExports.jsx(be,{...e,ref:d,index:r})}),be=l.forwardRef((e,t)=>{const{__scopeSlider:n,index:o,name:i,...d}=e,r=T($,n),a=ee($,n),[c,S]=l.useState(null),p=_.useComposedRefs(t,j=>S(j)),s=c?r.form||!!c.closest("form"):!0,m=fe.useSize(c),v=r.values[o],w=v===void 0?0:ae(v,r.min,r.max),g=Ee(o,r.values.length),x=m?.[a.size],f=x?Pe(x,w,a.direction):0;return l.useEffect(()=>{if(c)return r.thumbs.add(c),()=>{r.thumbs.delete(c)}},[c,r.thumbs]),u.jsxRuntimeExports.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[a.startEdge]:`calc(${w}% + ${f}px)`},children:[u.jsxRuntimeExports.jsx(V.ItemSlot,{scope:e.__scopeSlider,children:u.jsxRuntimeExports.jsx(I.Primitive.span,{role:"slider","aria-label":e["aria-label"]||g,"aria-valuemin":r.min,"aria-valuenow":v,"aria-valuemax":r.max,"aria-orientation":r.orientation,"data-orientation":r.orientation,"data-disabled":r.disabled?"":void 0,tabIndex:r.disabled?void 0:0,...d,ref:p,style:v===void 0?{display:"none"}:e.style,onFocus:P.composeEventHandlers(e.onFocus,()=>{r.valueIndexToChangeRef.current=o})})}),s&&u.jsxRuntimeExports.jsx(se,{name:i??(r.name?r.name+(r.values.length>1?"[]":""):void 0),form:r.form,value:v},o)]})});ie.displayName=$;var Re="RadioBubbleInput",se=l.forwardRef(({__scopeSlider:e,value:t,...n},o)=>{const i=l.useRef(null),d=_.useComposedRefs(i,o),r=me.usePrevious(t);return l.useEffect(()=>{const a=i.current;if(!a)return;const c=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(c,"value").set;if(r!==t&&p){const s=new Event("input",{bubbles:!0});p.call(a,t),a.dispatchEvent(s)}},[r,t]),u.jsxRuntimeExports.jsx(I.Primitive.input,{style:{display:"none"},...n,ref:d,defaultValue:t})});se.displayName=Re;function we(e=[],t,n){const o=[...e];return o[n]=t,o.sort((i,d)=>i-d)}function ae(e,t,n){const d=100/(n-t)*(e-t);return F.clamp(d,[0,100])}function Ee(e,t){return t>2?`Value ${e+1} of ${t}`:t===2?["Minimum","Maximum"][e]:void 0}function ye(e,t){if(e.length===1)return 0;const n=e.map(i=>Math.abs(i-t)),o=Math.min(...n);return n.indexOf(o)}function Pe(e,t,n){const o=e/2,d=q([0,50],[0,o]);return(o-d(t)*n)*n}function je(e){return e.slice(0,-1).map((t,n)=>e[n+1]-t)}function De(e,t){if(t>0){const n=je(e);return Math.min(...n)>=t}return!0}function q(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const o=(t[1]-t[0])/(e[1]-e[0]);return t[0]+o*(n-e[0])}}function _e(e){return(String(e).split(".")[1]||"").length}function Ce(e,t){const n=Math.pow(10,t);return Math.round(e*n)/n}var Me=Q,Ae=oe,Ke=re,Ie=ie;function Te({className:e,defaultValue:t,value:n,min:o=0,max:i=100,theme:d,color:r,...a}){const c=l.useMemo(()=>Array.isArray(n)?n:Array.isArray(t)?t:[o,i],[n,t,o,i]),S=l.useMemo(()=>{if(r){if(r==="full")return{background:"linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff0000)"};if(Array.isArray(r)&&r.length===2)return{background:`linear-gradient(to right, ${r[0]}, ${r[1]})`}}},[r]);return u.jsxRuntimeExports.jsxs(Me,{"data-slot":"slider","data-theme":d,defaultValue:t,value:n,min:o,max:i,className:N.cn(`
           adm:relative adm:flex adm:w-full adm:touch-none adm:items-center
           adm:select-none
           adm:data-[disabled]:opacity-50
@@ -6,22 +6,21 @@
           adm:data-[orientation=vertical]:min-h-44
           adm:data-[orientation=vertical]:w-auto
           adm:data-[orientation=vertical]:flex-col
-        `,e),...i,children:[c.jsxRuntimeExports.jsx(Ae,{"data-slot":"slider-track",className:N.cn(`
+        `,e),...a,children:[u.jsxRuntimeExports.jsx(Ae,{"data-slot":"slider-track",className:N.cn(`
             adm:relative adm:grow adm:overflow-hidden adm:rounded-full
-            adm:bg-muted
             adm:data-[orientation=horizontal]:h-1.5
             adm:data-[orientation=horizontal]:w-full
             adm:data-[orientation=vertical]:h-full
             adm:data-[orientation=vertical]:w-1.5
-          `),children:c.jsxRuntimeExports.jsx(Ke,{"data-slot":"slider-range",className:N.cn(`
-              adm:absolute adm:bg-primary
+          `,r?"":"adm:bg-muted"),style:r?S:void 0,children:u.jsxRuntimeExports.jsx(Ke,{"data-slot":"slider-range",className:N.cn(`
+              adm:absolute
               adm:data-[orientation=horizontal]:h-full
               adm:data-[orientation=vertical]:w-full
-            `)})}),Array.from({length:a.length},(u,S)=>c.jsxRuntimeExports.jsx(Ie,{"data-slot":"slider-thumb",className:`
+            `,r?"adm:bg-transparent":"adm:bg-primary")})}),Array.from({length:c.length},(p,s)=>u.jsxRuntimeExports.jsx(Ie,{"data-slot":"slider-thumb",className:`
             adm:block adm:size-4 adm:shrink-0 adm:rounded-full adm:border
             adm:border-primary adm:bg-white adm:shadow-sm adm:ring-ring/50
             adm:transition-[color,box-shadow]
             adm:hover:ring-4
             adm:focus-visible:ring-4 adm:focus-visible:outline-hidden
             adm:disabled:pointer-events-none adm:disabled:opacity-50
-          `},S))]})}exports.Slider=Te;
+          `},s))]})}exports.Slider=Te;