@mieweb/ui 0.11.0-dev.1 → 0.11.0-dev.3

package/dist/chunk-GDKOYVX3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":["cva","React","isRtl","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EAC1B;AAAA,IACE,8CAAA;AAAA,IACA,oCAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EAC1B,CAAC,0EAA0E,CAAA;AAAA,EAC3E;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS,eAAA;AAAA,QACT,MAAA,EAAQ,YAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAEA,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EAC1B;AAAA,IACE,wEAAA;AAAA,IACA,gCAAA;AAAA,IACA,0CAAA;AAAA,IACA,oCAAA;AAAA,IACA,iBAAA;AAAA,IACA,mCAAA;AAAA,IACA,6HAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,oBAAA;AAAA,QACT,OAAA,EAAS,kBAAA;AAAA,QACT,OAAA,EAAS,mBAAA;AAAA,QACT,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ;AA2EA,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,CAAA;AAAA,IACf,GAAA,GAAM,CAAA;AAAA,IACN,GAAA,GAAM,GAAA;AAAA,IACN,IAAA,GAAO,CAAA;AAAA,IACP,aAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,KAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,WAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA,EAAc,aAAA;AAAA,IACd,iBAAA,EAAmB;AAAA,KAErB,GAAA,KACG;AACH,IAAA,MAAM,gBAAA,GAAmB,CAAC,CAAC,KAAA;AAC3B,IAAA,MAAM,UAAgBA,gBAAA,CAAA,KAAA,EAAM;AAC5B,IAAA,MAAM,gBAAsBA,gBAAA,CAAA,KAAA,EAAM;AAClC,IAAA,MAAM,cAAA,GACJ,kBAAA,KAAuB,gBAAA,GAAmB,OAAA,GAAU,MAAA,CAAA;AACtD,IAAA,MAAM,eAAA,GAAkB,cAAc,aAAA,GAAgB,MAAA;AACtD,IAAA,MAAM,YACJ,aAAA,KACC,CAAC,gBAAA,IAAoB,CAAC,qBAAqB,QAAA,GAAW,MAAA,CAAA;AACzD,IAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GACtCA,0BAAS,YAAY,CAAA;AAC7B,IAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,IAAA,MAAM,YAAA,GAAe,eAAe,eAAA,GAAkB,iBAAA;AAGtD,IAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,IAAA,CAAK,IAAI,YAAA,EAAc,GAAG,GAAG,GAAG,CAAA;AAG9D,IAAA,MAAM,aACJ,GAAA,KAAQ,GAAA,GAAA,CAAQ,eAAe,GAAA,KAAQ,GAAA,GAAM,OAAQ,GAAA,GAAM,CAAA;AAE7D,IAAA,MAAM,cAAoBA,gBAAA,CAAA,KAAA,EAAM;AAChC,IAAA,MAAM,UAAU,EAAA,IAAM,WAAA;AAEtB,IAAA,MAAM,QAAA,GAAiBA,wBAAuB,IAAI,CAAA;AAClD,IAAA,MAAM,cAAA,GAAuBA,wBAAO,YAAY,CAAA;AAChD,IAAA,cAAA,CAAe,OAAA,GAAU,YAAA;AAEzB,IAAA,MAAM,QAAA,GAAW,IAAA,GAAO,CAAA,GAAI,IAAA,GAAO,CAAA;AAEnC,IAAA,MAAM,uBAAA,GAAgCA,gBAAA,CAAA,WAAA;AAAA,MACpC,CAAC,OAAA,KAAoB;AACnB,QAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,QAAA,IAAI,CAAC,OAAO,OAAO,YAAA;AACnB,QAAA,MAAM,IAAA,GAAO,MAAM,qBAAA,EAAsB;AAGzC,QAAA,MAAM,MAAA,GAASC,wBAAM,KAAK,CAAA,GACtB,KAAK,KAAA,GAAQ,OAAA,GACb,UAAU,IAAA,CAAK,IAAA;AACnB,QAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,SAAS,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA;AAC1D,QAAA,MAAM,GAAA,GAAM,GAAA,GAAM,KAAA,IAAS,GAAA,GAAM,GAAA,CAAA;AAEjC,QAAA,MAAM,UAAU,GAAA,GAAM,IAAA,CAAK,OAAO,GAAA,GAAM,GAAA,IAAO,QAAQ,CAAA,GAAI,QAAA;AAC3D,QAAA,OAAO,KAAK,GAAA,CAAI,IAAA,CAAK,IAAI,OAAA,EAAS,GAAG,GAAG,GAAG,CAAA;AAAA,MAC7C,CAAA;AAAA,MACA,CAAC,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,YAAY;AAAA,KACnC;AAEA,IAAA,MAAM,QAAA,GAAiBD,gBAAA,CAAA,WAAA;AAAA,MACrB,CAAC,QAAA,KAAqB;AACpB,QAAA,cAAA,CAAe,OAAA,GAAU,QAAA;AACzB,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,oBAAA,CAAqB,QAAQ,CAAA;AAAA,QAC/B;AACA,QAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,MAC1B,CAAA;AAAA,MACA,CAAC,cAAc,aAAa;AAAA,KAC9B;AAEA,IAAA,MAAM,iBAAA,GAA0BA,gBAAA,CAAA,WAAA;AAAA,MAC9B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAC,CAAA,CAAE,cAA8B,KAAA,EAAM;AACvC,QAAC,CAAA,CAAE,MAAA,CAAuB,iBAAA,CAAkB,CAAA,CAAE,SAAS,CAAA;AACvD,QAAA,MAAM,QAAA,GAAW,uBAAA,CAAwB,CAAA,CAAE,OAAO,CAAA;AAClD,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,uBAAA,EAAyB,QAAQ;AAAA,KAC9C;AAEA,IAAA,MAAM,iBAAA,GAA0BA,gBAAA,CAAA,WAAA;AAAA,MAC9B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,IAAI,CAAE,CAAA,CAAE,MAAA,CAAuB,iBAAA,CAAkB,CAAA,CAAE,SAAS,CAAA,EAAG;AAC/D,QAAA,MAAM,QAAA,GAAW,uBAAA,CAAwB,CAAA,CAAE,OAAO,CAAA;AAClD,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,uBAAA,EAAyB,QAAQ;AAAA,KAC9C;AAEA,IAAA,MAAM,eAAA,GAAwBA,gBAAA,CAAA,WAAA;AAAA,MAC5B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAC,CAAA,CAAE,MAAA,CAAuB,qBAAA,CAAsB,CAAA,CAAE,SAAS,CAAA;AAC3D,QAAA,aAAA,GAAgB,eAAe,OAAO,CAAA;AAAA,MACxC,CAAA;AAAA,MACA,CAAC,UAAU,aAAa;AAAA,KAC1B;AAEA,IAAA,MAAM,wBAAA,GAAiCA,6BAAY,MAAM;AACvD,MAAA,aAAA,GAAgB,eAAe,OAAO,CAAA;AAAA,IACxC,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2C;AAC/D,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAC1C,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,oBAAA,CAAqB,QAAQ,CAAA;AAAA,MAC/B;AACA,MAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,MAAM,aAAA,GAAsBA,gBAAA,CAAA,WAAA;AAAA,MAC1B,CAAC,CAAA,KAA2B;AAC1B,QAAA,IAAI,QAAA,EAAU;AAGd,QAAA,MAAM,GAAA,GAAMC,uBAAA,CAAM,CAAA,CAAE,aAAa,CAAA;AACjC,QAAA,IAAI,QAAA,GAA0B,IAAA;AAC9B,QAAA,QAAQ,EAAE,GAAA;AAAK,UACb,KAAK,YAAA;AAAA,UACL,KAAK,WAAA,EAAa;AAChB,YAAA,MAAM,QAAA,GAAY,CAAA,CAAE,GAAA,KAAQ,YAAA,KAAkB,GAAA;AAC9C,YAAA,QAAA,GAAW,QAAA,GACP,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA,GACrC,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AACzC,YAAA;AAAA,UACF;AAAA,UACA,KAAK,SAAA;AACH,YAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AAChD,YAAA;AAAA,UACF,KAAK,WAAA;AACH,YAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AAChD,YAAA;AAAA,UACF,KAAK,MAAA;AACH,YAAA,QAAA,GAAW,GAAA;AACX,YAAA;AAAA,UACF,KAAK,KAAA;AACH,YAAA,QAAA,GAAW,GAAA;AACX,YAAA;AAAA,UACF;AACE,YAAA;AAAA;AAEJ,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,QAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,MAC1B,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,YAAA,EAAc,UAAU,GAAA,EAAK,GAAA,EAAK,UAAU,aAAa;AAAA,KACtE;AAEA,IAAA,MAAM,eAAe,WAAA,GACjB,WAAA,CAAY,YAAY,CAAA,GACxB,OAAO,YAAY,CAAA;AAEvB,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAWC,oBAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,QAC1C,iBAAe,QAAA,IAAY,MAAA;AAAA,QAGzB,QAAA,EAAA;AAAA,UAAA,CAAA,KAAA,IAAS,SAAA,qBACTD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,kBAAA;AAAA,cACV,SAAA,EAAU,4CAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,KAAA,oBACCA,eAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,OAAA;AAAA,oBACJ,OAAA,EAAS,OAAA;AAAA,oBACT,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAWC,oBAAA;AAAA,sBACT,qCAAA;AAAA,sBACA,QAAA,IAAY;AAAA,qBACd;AAAA,oBAEC,QAAA,EAAA;AAAA,sBAAA,KAAA;AAAA,sBACA,SAAA,oBACCC,cAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,WAAA,EAAU,cAAA;AAAA,0BACV,SAAA,EAAU,4BAAA;AAAA,0BAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,iBAEJ;AAAA,gBAED,CAAC,SAAS,SAAA,oBACTA,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAU,+BAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,WAEJ;AAAA,UAID,WAAA,oBACCA,cAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,aAAA;AAAA,cACJ,WAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAWD,oBAAA;AAAA,gBACT,oCAAA;AAAA,gBACA,QAAA,IAAY;AAAA,eACd;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,0BAIFD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,sBAAA;AAAA,cACV,SAAA,EAAU,mHAAA;AAAA,cACV,KAAA,EAAO,EAAE,WAAA,EAAa,QAAA,GAAW,SAAS,MAAA,EAAO;AAAA,cACjD,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,EAAU,WAAW,EAAA,GAAK,CAAA;AAAA,cAC1B,eAAA,EAAe,GAAA;AAAA,cACf,eAAA,EAAe,GAAA;AAAA,cACf,eAAA,EAAe,YAAA;AAAA,cACf,YAAA,EAAY,SAAA;AAAA,cACZ,iBAAA,EAAiB,cAAA;AAAA,cACjB,kBAAA,EAAkB,eAAA;AAAA,cAClB,iBAAe,QAAA,IAAY,MAAA;AAAA,cAC3B,iBAAe,QAAA,IAAY,MAAA;AAAA,cAC3B,aAAA,EAAe,iBAAA;AAAA,cACf,aAAA,EAAe,iBAAA;AAAA,cACf,WAAA,EAAa,eAAA;AAAA,cACb,oBAAA,EAAsB,wBAAA;AAAA,cACtB,SAAA,EAAW,aAAA;AAAA,cAGX,QAAA,EAAA;AAAA,gCAAAE,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,WAAWD,oBAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,GAAG,cAAc,CAAA;AAAA,oBAG3D,QAAA,kBAAAC,cAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,WAAA,EAAU,cAAA;AAAA,wBACV,SAAA,EAAW,mBAAA,CAAoB,EAAE,OAAA,EAAS,CAAA;AAAA,wBAC1C,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA;AAAI;AAAA;AACnC;AAAA,iBACF;AAAA,gCAGAA,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAW,mBAAA,CAAoB,EAAE,IAAA,EAAM,SAAS,CAAA;AAAA,oBAChD,KAAA,EAAO,EAAE,gBAAA,EAAkB,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA,EAAI;AAAA,oBAC5C,aAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,WACF;AAAA,0BAGAA,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,IAAA,EAAK,OAAA;AAAA,cACL,SAAA,EAAU,8DAAA;AAAA,cACV,QAAA,EAAU,EAAA;AAAA,cACV,aAAA,EAAY,MAAA;AAAA,cACZ,EAAA,EAAI,OAAA;AAAA,cACJ,IAAA;AAAA,cACA,GAAA;AAAA,cACA,GAAA;AAAA,cACA,IAAA;AAAA,cACA,KAAA,EAAO,YAAA;AAAA,cACP,QAAA,EAAU,YAAA;AAAA,cACV;AAAA;AAAA,WACF;AAAA,UAAA,CAGE,YAAY,QAAA,qBACZF,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,eAAA;AAAA,cACV,SAAA,EAAWC,oBAAA;AAAA,gBACT,yDAAA;AAAA,gBACA,QAAA,IAAY;AAAA,eACd;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAAC,cAAA,CAAC,UAAM,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,gCAChBA,cAAA,CAAC,UAAM,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA;AAAA;AAClB;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-GDKOYVX3.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { isRtl } from '../../hooks/useDirection';\n\n// ============================================================================\n// Slider Variants\n// ============================================================================\n\nconst sliderTrackVariants = cva(\n  [\n    'relative w-full overflow-hidden rounded-full',\n    'bg-neutral-200 dark:bg-neutral-700',\n    'cursor-pointer',\n    'group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst sliderRangeVariants = cva(\n  ['absolute start-0 h-full rounded-full transition-all duration-75 ease-out'],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-800',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n        neutral: 'bg-neutral-500',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst sliderThumbVariants = cva(\n  [\n    'absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rtl:translate-x-1/2',\n    'rounded-full border-2 bg-white',\n    'shadow-md transition-shadow duration-150',\n    'cursor-grab active:cursor-grabbing',\n    'hover:shadow-lg',\n    'active:shadow-xl active:scale-110',\n    'group-focus-visible:outline-none group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2',\n    'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-3.5 w-3.5',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n      variant: {\n        default: 'border-primary-500',\n        success: 'border-green-500',\n        warning: 'border-yellow-500',\n        danger: 'border-red-500',\n        neutral: 'border-neutral-500',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\n// ============================================================================\n// Slider Component\n// ============================================================================\n\nexport interface SliderProps\n  extends\n    VariantProps<typeof sliderTrackVariants>,\n    VariantProps<typeof sliderRangeVariants> {\n  /** Current value (controlled) */\n  value?: number;\n  /** Default value (uncontrolled) */\n  defaultValue?: number;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Step increment */\n  step?: number;\n  /** Callback when value changes */\n  onValueChange?: (value: number) => void;\n  /** Callback when interaction ends (mouseup / touchend) */\n  onValueCommit?: (value: number) => void;\n  /** Whether the slider is disabled */\n  disabled?: boolean;\n  /** Label for the slider */\n  label?: string;\n  /** Show the current value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number) => string;\n  /** Description text below the label */\n  description?: string;\n  /** Min label displayed below the track (left) */\n  minLabel?: string;\n  /** Max label displayed below the track (right) */\n  maxLabel?: string;\n  /** Additional class name for the root container */\n  className?: string;\n  /** Additional class name for the track */\n  trackClassName?: string;\n  /** ID for the underlying input */\n  id?: string;\n  /** Name for form submission */\n  name?: string;\n  /** Accessible label for the slider */\n  'aria-label'?: string;\n  /** ID of the element that labels the slider */\n  'aria-labelledby'?: string;\n}\n\n/**\n * A fully branded, accessible slider/range input component.\n *\n * Uses brand design tokens for colors, border-radius, and sizing.\n * Supports controlled and uncontrolled usage, labels, descriptions,\n * min/max labels, value display, and multiple color variants.\n *\n * @example\n * ```tsx\n * <Slider label=\"Volume\" min={0} max={100} defaultValue={50} />\n * <Slider\n *   label=\"Border Radius\"\n *   min={0}\n *   max={32}\n *   value={radius}\n *   onValueChange={setRadius}\n *   showValue\n *   formatValue={(v) => `${v}px`}\n *   minLabel=\"Square\"\n *   maxLabel=\"Rounded\"\n * />\n * ```\n */\nconst Slider = React.forwardRef<HTMLInputElement, SliderProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue = 0,\n      min = 0,\n      max = 100,\n      step = 1,\n      onValueChange,\n      onValueCommit,\n      disabled = false,\n      label,\n      showValue = false,\n      formatValue,\n      description,\n      minLabel,\n      maxLabel,\n      variant,\n      size,\n      className,\n      trackClassName,\n      id,\n      name,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n    },\n    ref\n  ) => {\n    const hasExplicitLabel = !!label;\n    const labelId = React.useId();\n    const descriptionId = React.useId();\n    const ariaLabelledBy =\n      ariaLabelledByProp ?? (hasExplicitLabel ? labelId : undefined);\n    const ariaDescribedBy = description ? descriptionId : undefined;\n    const ariaLabel =\n      ariaLabelProp ??\n      (!hasExplicitLabel && !ariaLabelledByProp ? 'Slider' : undefined);\n    const [uncontrolledValue, setUncontrolledValue] =\n      React.useState(defaultValue);\n    const isControlled = controlledValue !== undefined;\n    const currentValue = isControlled ? controlledValue : uncontrolledValue;\n\n    // Clamp value to min/max\n    const clampedValue = Math.min(Math.max(currentValue, min), max);\n\n    // Percentage for visual fill\n    const percentage =\n      max !== min ? ((clampedValue - min) / (max - min)) * 100 : 0;\n\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n\n    const trackRef = React.useRef<HTMLDivElement>(null);\n    const latestValueRef = React.useRef(clampedValue);\n    latestValueRef.current = clampedValue;\n\n    const safeStep = step > 0 ? step : 1;\n\n    const computeValueFromPointer = React.useCallback(\n      (clientX: number) => {\n        const track = trackRef.current;\n        if (!track) return clampedValue;\n        const rect = track.getBoundingClientRect();\n        // Value grows toward the inline-end edge: left→right in LTR,\n        // right→left in RTL.\n        const offset = isRtl(track)\n          ? rect.right - clientX\n          : clientX - rect.left;\n        const ratio = Math.min(Math.max(offset / rect.width, 0), 1);\n        const raw = min + ratio * (max - min);\n        // Snap to step relative to min\n        const stepped = min + Math.round((raw - min) / safeStep) * safeStep;\n        return Math.min(Math.max(stepped, min), max);\n      },\n      [min, max, safeStep, clampedValue]\n    );\n\n    const setValue = React.useCallback(\n      (newValue: number) => {\n        latestValueRef.current = newValue;\n        if (!isControlled) {\n          setUncontrolledValue(newValue);\n        }\n        onValueChange?.(newValue);\n      },\n      [isControlled, onValueChange]\n    );\n\n    const handlePointerDown = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).focus();\n        (e.target as HTMLElement).setPointerCapture(e.pointerId);\n        const newValue = computeValueFromPointer(e.clientX);\n        setValue(newValue);\n      },\n      [disabled, computeValueFromPointer, setValue]\n    );\n\n    const handlePointerMove = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        if (!(e.target as HTMLElement).hasPointerCapture(e.pointerId)) return;\n        const newValue = computeValueFromPointer(e.clientX);\n        setValue(newValue);\n      },\n      [disabled, computeValueFromPointer, setValue]\n    );\n\n    const handlePointerUp = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        (e.target as HTMLElement).releasePointerCapture(e.pointerId);\n        onValueCommit?.(latestValueRef.current);\n      },\n      [disabled, onValueCommit]\n    );\n\n    const handleLostPointerCapture = React.useCallback(() => {\n      onValueCommit?.(latestValueRef.current);\n    }, [onValueCommit]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = parseFloat(e.target.value);\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    };\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n        // Horizontal arrows follow the visual direction: in RTL the slider\n        // fills right→left, so ArrowLeft increases and ArrowRight decreases.\n        const rtl = isRtl(e.currentTarget);\n        let newValue: number | null = null;\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowLeft': {\n            const increase = (e.key === 'ArrowRight') !== rtl;\n            newValue = increase\n              ? Math.min(clampedValue + safeStep, max)\n              : Math.max(clampedValue - safeStep, min);\n            break;\n          }\n          case 'ArrowUp':\n            newValue = Math.min(clampedValue + safeStep, max);\n            break;\n          case 'ArrowDown':\n            newValue = Math.max(clampedValue - safeStep, min);\n            break;\n          case 'Home':\n            newValue = min;\n            break;\n          case 'End':\n            newValue = max;\n            break;\n          default:\n            return;\n        }\n        e.preventDefault();\n        setValue(newValue);\n        onValueCommit?.(newValue);\n      },\n      [disabled, clampedValue, safeStep, min, max, setValue, onValueCommit]\n    );\n\n    const displayValue = formatValue\n      ? formatValue(clampedValue)\n      : String(clampedValue);\n\n    return (\n      <div\n        data-slot=\"slider\"\n        className={cn('relative w-full', className)}\n        data-disabled={disabled || undefined}\n      >\n        {/* Label row */}\n        {(label || showValue) && (\n          <div\n            data-slot=\"slider-label-row\"\n            className=\"mb-1.5 flex items-baseline justify-between\"\n          >\n            {label && (\n              <label\n                id={labelId}\n                htmlFor={inputId}\n                data-slot=\"slider-label\"\n                className={cn(\n                  'text-foreground text-sm font-medium',\n                  disabled && 'opacity-50'\n                )}\n              >\n                {label}\n                {showValue && (\n                  <span\n                    data-slot=\"slider-value\"\n                    className=\"text-muted-foreground ms-1\"\n                  >\n                    {displayValue}\n                  </span>\n                )}\n              </label>\n            )}\n            {!label && showValue && (\n              <span\n                data-slot=\"slider-value\"\n                className=\"text-muted-foreground text-sm\"\n              >\n                {displayValue}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Description */}\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"slider-description\"\n            className={cn(\n              'text-muted-foreground mb-2 text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            {description}\n          </p>\n        )}\n\n        {/* Track + Thumb */}\n        <div\n          ref={trackRef}\n          data-slot=\"slider-track-wrapper\"\n          className=\"group focus-visible:ring-ring relative rounded py-2 outline-none focus-visible:ring-2 focus-visible:ring-offset-2\"\n          style={{ touchAction: disabled ? 'auto' : 'none' }}\n          role=\"slider\"\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={clampedValue}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-disabled={disabled || undefined}\n          data-disabled={disabled || undefined}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          onLostPointerCapture={handleLostPointerCapture}\n          onKeyDown={handleKeyDown}\n        >\n          {/* Visual track background */}\n          <div\n            data-slot=\"slider-track\"\n            className={cn(sliderTrackVariants({ size }), trackClassName)}\n          >\n            {/* Filled range */}\n            <div\n              data-slot=\"slider-range\"\n              className={sliderRangeVariants({ variant })}\n              style={{ width: `${percentage}%` }}\n            />\n          </div>\n\n          {/* Thumb indicator */}\n          <div\n            data-slot=\"slider-thumb\"\n            className={sliderThumbVariants({ size, variant })}\n            style={{ insetInlineStart: `${percentage}%` }}\n            aria-hidden=\"true\"\n          />\n        </div>\n\n        {/* Native range input — for form submission only, rendered outside role=\"slider\" to avoid nested-interactive */}\n        <input\n          ref={ref}\n          type=\"range\"\n          className=\"pointer-events-none absolute inset-0 h-full w-full opacity-0\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          id={inputId}\n          name={name}\n          min={min}\n          max={max}\n          step={step}\n          value={clampedValue}\n          onChange={handleChange}\n          disabled={disabled}\n        />\n\n        {/* Min / Max labels */}\n        {(minLabel || maxLabel) && (\n          <div\n            data-slot=\"slider-minmax\"\n            className={cn(\n              'text-muted-foreground mt-1 flex justify-between text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            <span>{minLabel}</span>\n            <span>{maxLabel}</span>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n\nexport {\n  Slider,\n  sliderTrackVariants,\n  sliderRangeVariants,\n  sliderThumbVariants,\n};\n"]}

package/dist/{chunk-TJ4GWQPM.js → chunk-GJPCWR4C.js}

@@ -2,7 +2,7 @@ import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-OYUIEJPN.js';
 import { useEscapeKey } from './chunk-T4ME7QCT.js';
 import { useClickOutside } from './chunk-62ZOA6PX.js';
 import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
-import { AlertTriangle, X2, Paperclip, Plus, Mic, Square, Loader2, ArrowUp, Check, Bot, ChevronUp } from './chunk-BKSPDTX4.js';
+import { AlertTriangle, X2, Paperclip, Plus, Mic, Square, Loader2, ArrowUp, Bot, Check, ChevronUp } from './chunk-BKSPDTX4.js';
 import { isRtl } from './chunk-YVKBXNPK.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
@@ -1073,6 +1073,78 @@ function CameraButton({
   ] });
 }
 CameraButton.displayName = "CameraButton";
+var selectorTriggerClasses = cn(
+  "flex min-w-0 items-center gap-1 rounded-md px-2 py-1 text-xs",
+  "text-neutral-600 dark:text-neutral-400",
+  "transition-colors duration-150",
+  "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-700 dark:hover:text-white",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+  "disabled:pointer-events-none disabled:opacity-40"
+);
+function ComposerSelector({
+  options,
+  value,
+  onChange,
+  label,
+  triggerLabel,
+  icon,
+  disabled = false,
+  triggerSlot = "composer-selector-trigger"
+}) {
+  const [open, setOpen] = React.useState(false);
+  if (disabled && open) setOpen(false);
+  const selected = options.find((option) => option.id === value) ?? null;
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      placement: "top-start",
+      open: open && !disabled,
+      onOpenChange: setOpen,
+      disabled,
+      trigger: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-slot": triggerSlot,
+          "aria-label": selected ? `${label}: ${selected.label}` : label,
+          disabled,
+          className: selectorTriggerClasses,
+          children: [
+            selected?.icon ?? icon,
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: triggerLabel ?? selected?.label ?? label }),
+            /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" })
+          ]
+        }
+      ),
+      children: options.map((option) => /* @__PURE__ */ jsx(
+        DropdownItem,
+        {
+          icon: option.icon,
+          role: "menuitemradio",
+          "aria-checked": option.id === value,
+          onClick: () => {
+            setOpen(false);
+            onChange?.(option.id);
+          },
+          children: /* @__PURE__ */ jsxs("span", { className: "flex w-full items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate", children: option.label }),
+              option.description && /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-neutral-500 dark:text-neutral-400", children: option.description })
+            ] }),
+            option.id === value && /* @__PURE__ */ jsx(
+              Check,
+              {
+                className: "text-primary-600 dark:text-primary-400 h-4 w-4 shrink-0",
+                "aria-hidden": "true"
+              }
+            )
+          ] })
+        },
+        option.id
+      ))
+    }
+  );
+}
 function activeMentionQuery(value, caret) {
   const upToCaret = value.slice(0, caret);
   const match = /(^|\s)@([^\s@]*)$/.exec(upToCaret);
@@ -1244,14 +1316,6 @@ var iconButtonClasses = cn(
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
   "disabled:pointer-events-none disabled:opacity-40"
 );
-var selectorTriggerClasses = cn(
-  "flex min-w-0 items-center gap-1 rounded-md px-2 py-1 text-xs",
-  "text-neutral-600 dark:text-neutral-400",
-  "transition-colors duration-150",
-  "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-700 dark:hover:text-white",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-  "disabled:pointer-events-none disabled:opacity-40"
-);
 var MAX_INPUT_HEIGHT = 160;
 var TOUCH_DEVICE_QUERY = "(hover: none) and (pointer: coarse)";
 var subscribeTouchDevice = (onChange) => {
@@ -1309,6 +1373,7 @@ var ChatComposer = React.forwardRef(function ChatComposer2({
   onAgentChange,
   showModelSelector = false,
   modelSelectorProps,
+  selectorsEndSlot,
   readOnly = false,
   readOnlyMessage = "You have read-only access and cannot send messages.",
   onError,
@@ -1337,7 +1402,6 @@ var ChatComposer = React.forwardRef(function ChatComposer2({
   const textareaRef = React.useRef(null);
   const fileInputRef = React.useRef(null);
   const [addMenuOpen, setAddMenuOpen] = React.useState(false);
-  const [agentMenuOpen, setAgentMenuOpen] = React.useState(false);
   const isTouchDevice = React.useSyncExternalStore(
     subscribeTouchDevice,
     getTouchDeviceSnapshot,
@@ -1545,8 +1609,9 @@ var ChatComposer = React.forwardRef(function ChatComposer2({
   }
   const showAddMenu = allowAttachments || addMenuItems && addMenuItems.length > 0;
   const micVisible = (showMic || onMicClick !== void 0 || micSlot !== void 0) && (micBehavior === "always" || !hasContent);
-  const showSelectorRow = showAgentSelector || showModelSelector;
-  const selectedAgentOption = agents.find((agent) => agent.id === selectedAgent) ?? null;
+  const showModel = showModelSelector && modelSelectorProps != null;
+  const showSelectorsEnd = showModel || selectorsEndSlot != null;
+  const showSelectorRow = showAgentSelector || showModelSelector || selectorsEndSlot != null;
   const cells = {
     input: "col-span-3 col-start-1 row-start-1 px-1 pt-1 md:col-span-1 md:col-start-2 md:self-end md:px-0 md:py-1.5",
     textarea: "px-2 pt-2 pb-1 md:py-1.5",
@@ -1851,60 +1916,33 @@ var ChatComposer = React.forwardRef(function ChatComposer2({
       className: "flex items-center justify-between gap-2 px-2 pt-1",
       children: [
         showAgentSelector ? /* @__PURE__ */ jsx(
-          Dropdown,
+          ComposerSelector,
           {
-            placement: "top-start",
-            open: agentMenuOpen,
-            onOpenChange: setAgentMenuOpen,
-            trigger: /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                "data-slot": "chat-composer-agent-trigger",
-                "aria-label": selectedAgentOption ? `${agentSelectorLabel}: ${selectedAgentOption.label}` : agentSelectorLabel,
-                disabled,
-                className: selectorTriggerClasses,
-                children: [
-                  selectedAgentOption?.icon ?? /* @__PURE__ */ jsx(Bot, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: selectedAgentOption?.label ?? agentSelectorLabel }),
-                  /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" })
-                ]
-              }
-            ),
-            children: agents.map((agent) => /* @__PURE__ */ jsx(
-              DropdownItem,
-              {
-                icon: agent.icon,
-                role: "menuitemradio",
-                "aria-checked": agent.id === selectedAgent,
-                onClick: () => {
-                  setAgentMenuOpen(false);
-                  onAgentChange?.(agent.id);
-                },
-                children: /* @__PURE__ */ jsxs("span", { className: "flex w-full items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                    /* @__PURE__ */ jsx("span", { className: "block truncate", children: agent.label }),
-                    agent.description && /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-neutral-500 dark:text-neutral-400", children: agent.description })
-                  ] }),
-                  agent.id === selectedAgent && /* @__PURE__ */ jsx(
-                    Check,
-                    {
-                      className: "text-primary-600 dark:text-primary-400 h-4 w-4 shrink-0",
-                      "aria-hidden": "true"
-                    }
-                  )
-                ] })
-              },
-              agent.id
-            ))
+            options: agents,
+            value: selectedAgent,
+            onChange: onAgentChange,
+            label: agentSelectorLabel,
+            icon: /* @__PURE__ */ jsx(Bot, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+            disabled,
+            triggerSlot: "chat-composer-agent-trigger"
           }
         ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true" }),
-        showModelSelector && modelSelectorProps && /* @__PURE__ */ jsx(
-          ComposerModelSelector,
+        showSelectorsEnd && /* @__PURE__ */ jsxs(
+          "div",
           {
-            variant: "ghost",
-            ...modelSelectorProps,
-            disabled: disabled || modelSelectorProps.disabled
+            "data-slot": "chat-composer-selectors-end",
+            className: "flex min-w-0 items-center gap-1",
+            children: [
+              showModel && /* @__PURE__ */ jsx(
+                ComposerModelSelector,
+                {
+                  variant: "ghost",
+                  ...modelSelectorProps,
+                  disabled: disabled || modelSelectorProps.disabled
+                }
+              ),
+              selectorsEndSlot
+            ]
           }
         )
       ]
@@ -1964,5 +2002,5 @@ function notifyComposerMigrationOnce(surface) {
 }
 
 export { AttachmentPicker, AttachmentPreviewItem, CameraButton, ChatComposer, ComposerModelSelector, DEFAULT_ACCEPTED_FILE_TYPES, DEFAULT_MAX_FILE_SIZE, DragDropZone, generateAttachmentId, getFileType, notifyComposerMigrationOnce, validateFile };
-//# sourceMappingURL=chunk-TJ4GWQPM.js.map
-//# sourceMappingURL=chunk-TJ4GWQPM.js.map
+//# sourceMappingURL=chunk-GJPCWR4C.js.map
+//# sourceMappingURL=chunk-GJPCWR4C.js.map