ml-uikit 1.1.3 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (179) hide show
  1. package/dist/components/ui/phone-countries.d.ts +9 -0
  2. package/dist/components/ui/phone-countries.d.ts.map +1 -0
  3. package/dist/components/ui/phone-input.d.ts +18 -0
  4. package/dist/components/ui/phone-input.d.ts.map +1 -0
  5. package/dist/index.cjs.js +1 -1
  6. package/dist/index.cjs10.js +1 -1
  7. package/dist/index.cjs11.js +1 -1
  8. package/dist/index.cjs12.js +1 -1
  9. package/dist/index.cjs13.js +1 -1
  10. package/dist/index.cjs14.js +1 -1
  11. package/dist/index.cjs15.js +1 -1
  12. package/dist/index.cjs16.js +1 -1
  13. package/dist/index.cjs17.js +1 -1
  14. package/dist/index.cjs19.js +1 -1
  15. package/dist/index.cjs20.js +1 -1
  16. package/dist/index.cjs21.js +1 -1
  17. package/dist/index.cjs22.js +1 -1
  18. package/dist/index.cjs23.js +1 -1
  19. package/dist/index.cjs24.js +1 -1
  20. package/dist/index.cjs25.js +1 -1
  21. package/dist/index.cjs26.js +1 -1
  22. package/dist/index.cjs27.js +1 -1
  23. package/dist/index.cjs28.js +1 -1
  24. package/dist/index.cjs29.js +1 -1
  25. package/dist/index.cjs3.js +1 -1
  26. package/dist/index.cjs30.js +1 -1
  27. package/dist/index.cjs31.js +1 -1
  28. package/dist/index.cjs31.js.map +1 -1
  29. package/dist/index.cjs32.js +1 -1
  30. package/dist/index.cjs32.js.map +1 -1
  31. package/dist/index.cjs33.js +1 -1
  32. package/dist/index.cjs33.js.map +1 -1
  33. package/dist/index.cjs34.js +1 -1
  34. package/dist/index.cjs34.js.map +1 -1
  35. package/dist/index.cjs35.js +1 -1
  36. package/dist/index.cjs35.js.map +1 -1
  37. package/dist/index.cjs36.js +1 -1
  38. package/dist/index.cjs36.js.map +1 -1
  39. package/dist/index.cjs37.js +1 -1
  40. package/dist/index.cjs37.js.map +1 -1
  41. package/dist/index.cjs38.js +1 -1
  42. package/dist/index.cjs38.js.map +1 -1
  43. package/dist/index.cjs39.js +1 -1
  44. package/dist/index.cjs39.js.map +1 -1
  45. package/dist/index.cjs4.js +1 -1
  46. package/dist/index.cjs40.js +1 -1
  47. package/dist/index.cjs40.js.map +1 -1
  48. package/dist/index.cjs41.js +1 -1
  49. package/dist/index.cjs41.js.map +1 -1
  50. package/dist/index.cjs42.js +1 -1
  51. package/dist/index.cjs42.js.map +1 -1
  52. package/dist/index.cjs43.js +1 -1
  53. package/dist/index.cjs43.js.map +1 -1
  54. package/dist/index.cjs44.js +1 -1
  55. package/dist/index.cjs44.js.map +1 -1
  56. package/dist/index.cjs45.js +1 -1
  57. package/dist/index.cjs45.js.map +1 -1
  58. package/dist/index.cjs46.js +1 -1
  59. package/dist/index.cjs46.js.map +1 -1
  60. package/dist/index.cjs47.js +1 -1
  61. package/dist/index.cjs47.js.map +1 -1
  62. package/dist/index.cjs48.js +1 -1
  63. package/dist/index.cjs48.js.map +1 -1
  64. package/dist/index.cjs49.js +1 -1
  65. package/dist/index.cjs49.js.map +1 -1
  66. package/dist/index.cjs5.js +1 -1
  67. package/dist/index.cjs50.js +1 -1
  68. package/dist/index.cjs50.js.map +1 -1
  69. package/dist/index.cjs51.js +1 -1
  70. package/dist/index.cjs51.js.map +1 -1
  71. package/dist/index.cjs52.js +1 -1
  72. package/dist/index.cjs52.js.map +1 -1
  73. package/dist/index.cjs53.js +1 -1
  74. package/dist/index.cjs53.js.map +1 -1
  75. package/dist/index.cjs54.js +1 -1
  76. package/dist/index.cjs54.js.map +1 -1
  77. package/dist/index.cjs55.js +1 -1
  78. package/dist/index.cjs55.js.map +1 -1
  79. package/dist/index.cjs56.js +1 -1
  80. package/dist/index.cjs56.js.map +1 -1
  81. package/dist/index.cjs57.js +1 -1
  82. package/dist/index.cjs57.js.map +1 -1
  83. package/dist/index.cjs58.js +2 -0
  84. package/dist/index.cjs58.js.map +1 -0
  85. package/dist/index.cjs59.js +2 -0
  86. package/dist/index.cjs59.js.map +1 -0
  87. package/dist/index.cjs7.js +1 -1
  88. package/dist/index.cjs8.js +1 -1
  89. package/dist/index.cjs9.js +1 -1
  90. package/dist/index.d.ts +4 -0
  91. package/dist/index.d.ts.map +1 -1
  92. package/dist/index.es.js +243 -239
  93. package/dist/index.es.js.map +1 -1
  94. package/dist/index.es10.js +1 -1
  95. package/dist/index.es11.js +1 -1
  96. package/dist/index.es12.js +2 -2
  97. package/dist/index.es13.js +1 -1
  98. package/dist/index.es14.js +1 -1
  99. package/dist/index.es15.js +1 -1
  100. package/dist/index.es16.js +1 -1
  101. package/dist/index.es17.js +1 -1
  102. package/dist/index.es19.js +1 -1
  103. package/dist/index.es20.js +1 -1
  104. package/dist/index.es21.js +1 -1
  105. package/dist/index.es22.js +1 -1
  106. package/dist/index.es23.js +1 -1
  107. package/dist/index.es24.js +1 -1
  108. package/dist/index.es25.js +3 -3
  109. package/dist/index.es26.js +2 -2
  110. package/dist/index.es27.js +1 -1
  111. package/dist/index.es28.js +1 -1
  112. package/dist/index.es29.js +2 -2
  113. package/dist/index.es3.js +1 -1
  114. package/dist/index.es30.js +1 -1
  115. package/dist/index.es31.js +149 -182
  116. package/dist/index.es31.js.map +1 -1
  117. package/dist/index.es32.js +253 -29
  118. package/dist/index.es32.js.map +1 -1
  119. package/dist/index.es33.js +183 -14
  120. package/dist/index.es33.js.map +1 -1
  121. package/dist/index.es34.js +29 -93
  122. package/dist/index.es34.js.map +1 -1
  123. package/dist/index.es35.js +10 -185
  124. package/dist/index.es35.js.map +1 -1
  125. package/dist/index.es36.js +92 -96
  126. package/dist/index.es36.js.map +1 -1
  127. package/dist/index.es37.js +171 -76
  128. package/dist/index.es37.js.map +1 -1
  129. package/dist/index.es38.js +92 -16
  130. package/dist/index.es38.js.map +1 -1
  131. package/dist/index.es39.js +92 -19
  132. package/dist/index.es39.js.map +1 -1
  133. package/dist/index.es4.js +1 -1
  134. package/dist/index.es40.js +19 -28
  135. package/dist/index.es40.js.map +1 -1
  136. package/dist/index.es41.js +16 -26
  137. package/dist/index.es41.js.map +1 -1
  138. package/dist/index.es42.js +22 -174
  139. package/dist/index.es42.js.map +1 -1
  140. package/dist/index.es43.js +33 -21
  141. package/dist/index.es43.js.map +1 -1
  142. package/dist/index.es44.js +163 -80
  143. package/dist/index.es44.js.map +1 -1
  144. package/dist/index.es45.js +17 -552
  145. package/dist/index.es45.js.map +1 -1
  146. package/dist/index.es46.js +98 -14
  147. package/dist/index.es46.js.map +1 -1
  148. package/dist/index.es47.js +543 -34
  149. package/dist/index.es47.js.map +1 -1
  150. package/dist/index.es48.js +12 -19
  151. package/dist/index.es48.js.map +1 -1
  152. package/dist/index.es49.js +45 -13
  153. package/dist/index.es49.js.map +1 -1
  154. package/dist/index.es5.js +1 -1
  155. package/dist/index.es50.js +20 -25
  156. package/dist/index.es50.js.map +1 -1
  157. package/dist/index.es51.js +14 -205
  158. package/dist/index.es51.js.map +1 -1
  159. package/dist/index.es52.js +24 -46
  160. package/dist/index.es52.js.map +1 -1
  161. package/dist/index.es53.js +202 -14
  162. package/dist/index.es53.js.map +1 -1
  163. package/dist/index.es54.js +44 -29
  164. package/dist/index.es54.js.map +1 -1
  165. package/dist/index.es55.js +15 -35
  166. package/dist/index.es55.js.map +1 -1
  167. package/dist/index.es56.js +32 -18
  168. package/dist/index.es56.js.map +1 -1
  169. package/dist/index.es57.js +38 -6
  170. package/dist/index.es57.js.map +1 -1
  171. package/dist/index.es58.js +23 -0
  172. package/dist/index.es58.js.map +1 -0
  173. package/dist/index.es59.js +9 -0
  174. package/dist/index.es59.js.map +1 -0
  175. package/dist/index.es7.js +1 -1
  176. package/dist/index.es8.js +1 -1
  177. package/dist/index.es9.js +1 -1
  178. package/dist/style.css +118 -0
  179. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.es44.js","sources":["../src/components/ui/sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n ref={ref}\n />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n {\n variants: {\n side: {\n top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n bottom:\n \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n right:\n \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n }\n)\n\ninterface SheetContentProps\n extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n ref={ref}\n className={cn(sheetVariants({ side }), className)}\n {...props}\n >\n <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n {children}\n </SheetPrimitive.Content>\n </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold text-foreground\", className)}\n {...props}\n />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n Sheet,\n SheetPortal,\n SheetOverlay,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","cn","sheetVariants","cva","SheetContent","side","children","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;AASA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,WAAWS;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMU,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAMMC,IAAeP,EAAM,WAGzB,CAAC,EAAE,MAAAQ,IAAO,SAAS,WAAAP,GAAW,UAAAQ,GAAU,GAAGP,KAASC,sCACnDL,GAAA,MACC,gBAAAE,EAAA,cAACD,OAAa,GACd,gBAAAC,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAGC,EAAc,EAAE,MAAAG,EAAA,CAAM,GAAGP,CAAS;AAAA,IAC/C,GAAGC;AAAA,EAAA;AAAA,kCAEHP,EAAe,OAAf,EAAqB,WAAU,8OAC9B,gBAAAK,EAAA,cAACU,GAAA,EAAE,WAAU,UAAA,CAAU,GACvB,gBAAAV,EAAA,cAAC,QAAA,EAAK,WAAU,aAAU,OAAK,CACjC;AAAA,EACCS;AACH,CACF,CACD;AACDF,EAAa,cAAcZ,EAAe,QAAQ;AAElD,MAAMgB,IAAc,CAAC;AAAA,EACnB,WAAAV;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFS,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFU,EAAY,cAAc;AAE1B,MAAMC,IAAab,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,yCAAyCH,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDW,EAAW,cAAclB,EAAe,MAAM;AAE9C,MAAMmB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAiB,cAAcnB,EAAe,YAAY;"}
1
+ {"version":3,"file":"index.es44.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown, ChevronUp, Search } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none\",\n \"data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1\",\n \"focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]\",\n \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<\n typeof SelectPrimitive.Content\n> & {\n enableSearch?: boolean\n searchPlaceholder?: string\n searchValue?: string\n onSearchValueChange?: (value: string) => void\n}\n\ntype SelectSearchContextValue = {\n enabled: boolean\n query: string\n}\n\nconst SelectSearchContext = React.createContext<SelectSearchContextValue>({\n enabled: false,\n query: \"\",\n})\n\nconst getNodeText = (node: React.ReactNode): string => {\n if (typeof node === \"string\" || typeof node === \"number\") {\n return String(node)\n }\n\n if (Array.isArray(node)) {\n return node.map(getNodeText).join(\" \")\n }\n\n if (React.isValidElement(node)) {\n const element = node as React.ReactElement<{ children?: React.ReactNode }>\n return getNodeText(element.props.children)\n }\n\n return \"\"\n}\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n SelectContentProps\n>(\n (\n {\n className,\n children,\n position = \"popper\",\n enableSearch = false,\n searchPlaceholder = \"Search...\",\n searchValue,\n onSearchValueChange,\n ...props\n },\n ref\n ) => {\n const [localSearchValue, setLocalSearchValue] = React.useState(\"\")\n const searchInputRef = React.useRef<HTMLInputElement | null>(null)\n const setSearchInputRef = React.useCallback(\n (node: HTMLInputElement | null) => {\n searchInputRef.current = node\n if (!node || !enableSearch) {\n return\n }\n window.requestAnimationFrame(() => {\n node.focus()\n })\n },\n [enableSearch]\n )\n\n const currentSearchValue = searchValue ?? localSearchValue\n const normalizedSearchValue = currentSearchValue.trim().toLowerCase()\n const searchContextValue = React.useMemo(\n () => ({\n enabled: enableSearch,\n query: normalizedSearchValue,\n }),\n [enableSearch, normalizedSearchValue]\n )\n\n const handleSearchChange: React.ChangeEventHandler<HTMLInputElement> = (\n event\n ) => {\n const nextValue = event.target.value\n if (searchValue === undefined) {\n setLocalSearchValue(nextValue)\n }\n onSearchValueChange?.(nextValue)\n }\n\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n {enableSearch ? (\n <div className=\"border-b border-[#e6e6e6] p-1\">\n <div className=\"flex h-9 items-center gap-2 rounded-[6px] border border-[#e6e6e6] px-2\">\n <Search className=\"h-4 w-4 text-[#7f7d83]\" />\n <input\n ref={setSearchInputRef}\n type=\"text\"\n value={currentSearchValue}\n onChange={handleSearchChange}\n onClick={(event) => {\n event.stopPropagation()\n }}\n onPointerDown={(event) => {\n event.stopPropagation()\n }}\n onKeyDownCapture={(event) => {\n if (event.key !== \"Escape\") {\n event.stopPropagation()\n }\n }}\n onKeyUpCapture={(event) => {\n event.stopPropagation()\n }}\n onKeyDown={(event) => {\n if (event.key !== \"Escape\") {\n event.stopPropagation()\n }\n }}\n placeholder={searchPlaceholder}\n aria-label=\"Search options\"\n className=\"h-full w-full border-0 bg-transparent text-[14px] leading-[20px] text-[#111111] outline-none placeholder:text-[#b3b3b3]\"\n />\n </div>\n </div>\n ) : null}\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"w-full min-w-[var(--radix-select-trigger-width)]\"\n )}\n >\n <SelectSearchContext.Provider value={searchContextValue}>\n {children}\n </SelectSearchContext.Provider>\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n }\n)\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1 text-[12px] font-medium text-[#7f7d83]\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n const { enabled, query } = React.useContext(SelectSearchContext)\n const itemText = getNodeText(children).toLowerCase()\n const isHidden = enabled && query.length > 0 && !itemText.includes(query)\n\n return (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none\",\n \"focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n isHidden && \"hidden\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4 text-[#26453f]\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n})\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-[#e6e6e6]\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectSearchContext","getNodeText","node","SelectContent","position","enableSearch","searchPlaceholder","searchValue","onSearchValueChange","localSearchValue","setLocalSearchValue","searchInputRef","setSearchInputRef","currentSearchValue","normalizedSearchValue","searchContextValue","handleSearchChange","event","nextValue","Search","SelectLabel","SelectItem","enabled","query","itemText","isHidden","Check","SelectSeparator"],"mappings":"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"}
@@ -1,559 +1,24 @@
1
- import * as e from "react";
2
- import { Slot as h } from "@radix-ui/react-slot";
3
- import { cva as M } from "class-variance-authority";
4
- import { PanelLeft as R } from "lucide-react";
5
- import { cn as o } from "./index.es57.js";
6
- import { Button as C } from "./index.es10.js";
7
- import { Input as I } from "./index.es28.js";
8
- import { Separator as _ } from "./index.es43.js";
9
- import { Sheet as z, SheetContent as T, SheetHeader as B, SheetTitle as O, SheetDescription as A } from "./index.es44.js";
10
- import { Skeleton as E } from "./index.es46.js";
11
- import { Tooltip as D, TooltipTrigger as L, TooltipContent as G, TooltipProvider as H } from "./index.es56.js";
12
- const K = "sidebar_state", P = 3600 * 24 * 7, $ = "15rem", j = "15rem", V = "4.5rem", W = 1024, q = "b";
13
- function F() {
14
- const [t, r] = e.useState(void 0);
15
- return e.useEffect(() => {
16
- const a = window.matchMedia(`(max-width: ${W - 1}px)`), i = () => {
17
- r(a.matches);
18
- };
19
- return i(), typeof a.addEventListener == "function" ? (a.addEventListener("change", i), () => a.removeEventListener("change", i)) : (a.addListener(i), () => a.removeListener(i));
20
- }, []), !!t;
21
- }
22
- const y = e.createContext(null);
23
- function w() {
24
- const t = e.useContext(y);
25
- if (!t)
26
- throw new Error("useSidebar must be used within a SidebarProvider.");
27
- return t;
28
- }
29
- const U = e.forwardRef(
30
- ({
31
- defaultOpen: t = !0,
32
- open: r,
33
- onOpenChange: a,
34
- className: i,
35
- style: n,
36
- children: d,
37
- ...l
38
- }, p) => {
39
- const s = F(), [b, u] = e.useState(!1), [m, N] = e.useState(t), g = r ?? m, v = e.useCallback(
40
- (c) => {
41
- const f = typeof c == "function" ? c(g) : c;
42
- a ? a(f) : N(f), document.cookie = `${K}=${f}; path=/; max-age=${P}`;
43
- },
44
- [a, g]
45
- ), x = e.useCallback(() => s ? u((c) => !c) : v((c) => !c), [s, v, u]);
46
- e.useEffect(() => {
47
- const c = (f) => {
48
- f.key === q && (f.metaKey || f.ctrlKey) && (f.preventDefault(), x());
49
- };
50
- return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
51
- }, [x]);
52
- const S = g ? "expanded" : "collapsed", k = e.useMemo(
53
- () => ({
54
- state: S,
55
- open: g,
56
- setOpen: v,
57
- isMobile: s,
58
- openMobile: b,
59
- setOpenMobile: u,
60
- toggleSidebar: x
61
- }),
62
- [S, g, v, s, b, u, x]
63
- );
64
- return /* @__PURE__ */ e.createElement(y.Provider, { value: k }, /* @__PURE__ */ e.createElement(H, { delayDuration: 0 }, /* @__PURE__ */ e.createElement(
65
- "div",
66
- {
67
- style: {
68
- "--sidebar-width": $,
69
- "--sidebar-width-icon": V,
70
- ...n
71
- },
72
- className: o(
73
- "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
74
- i
75
- ),
76
- ref: p,
77
- ...l
78
- },
79
- d
80
- )));
81
- }
82
- );
83
- U.displayName = "SidebarProvider";
84
- const X = e.forwardRef(
85
- ({
86
- side: t = "left",
87
- variant: r = "sidebar",
88
- collapsible: a = "offcanvas",
89
- className: i,
90
- children: n,
91
- ...d
92
- }, l) => {
93
- const { isMobile: p, state: s, openMobile: b, setOpenMobile: u } = w(), m = a === "offcanvas" ? "icon" : a;
94
- return a === "none" ? /* @__PURE__ */ e.createElement(
95
- "div",
96
- {
97
- className: o(
98
- "flex h-full w-[--sidebar-width] flex-col border-r border-[#e6e6e6] bg-white text-black",
99
- i
100
- ),
101
- ref: l,
102
- ...d
103
- },
104
- n
105
- ) : p ? /* @__PURE__ */ e.createElement(z, { open: b, onOpenChange: u, ...d }, /* @__PURE__ */ e.createElement(
106
- T,
107
- {
108
- "data-sidebar": "sidebar",
109
- "data-mobile": "true",
110
- className: o(
111
- "w-[--sidebar-width] border-r border-[#e6e6e6] bg-white p-0 text-black shadow-none [&>button]:hidden",
112
- i
113
- ),
114
- style: {
115
- "--sidebar-width": j
116
- },
117
- side: t
118
- },
119
- /* @__PURE__ */ e.createElement(B, { className: "sr-only" }, /* @__PURE__ */ e.createElement(O, null, "Sidebar"), /* @__PURE__ */ e.createElement(A, null, "Displays the mobile sidebar.")),
120
- /* @__PURE__ */ e.createElement("div", { className: "flex h-full w-full flex-col" }, n)
121
- )) : /* @__PURE__ */ e.createElement(
122
- "div",
123
- {
124
- ref: l,
125
- className: "group peer hidden text-black lg:block",
126
- "data-state": s,
127
- "data-collapsible": s === "collapsed" ? m : "",
128
- "data-variant": r,
129
- "data-side": t
130
- },
131
- /* @__PURE__ */ e.createElement(
132
- "div",
133
- {
134
- className: o(
135
- "relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
136
- "group-data-[collapsible=offcanvas]:w-0",
137
- "group-data-[side=right]:rotate-180",
138
- r === "floating" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
139
- )
140
- }
141
- ),
142
- /* @__PURE__ */ e.createElement(
143
- "div",
144
- {
145
- className: o(
146
- "fixed inset-y-0 z-20 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear lg:flex",
147
- t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
148
- // Adjust the padding for floating and inset variants.
149
- r === "floating" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=left]:border-[#e6e6e6] group-data-[side=right]:border-l group-data-[side=right]:border-[#e6e6e6]",
150
- i
151
- ),
152
- ...d
153
- },
154
- /* @__PURE__ */ e.createElement(
155
- "div",
156
- {
157
- "data-sidebar": "sidebar",
158
- className: "flex h-full w-full flex-col bg-white text-black group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-[#e6e6e6] group-data-[variant=floating]:shadow"
159
- },
160
- n
161
- )
162
- )
163
- );
164
- }
165
- );
166
- X.displayName = "Sidebar";
167
- const Y = e.forwardRef(({ className: t, onClick: r, ...a }, i) => {
168
- const { isMobile: n, open: d, openMobile: l, toggleSidebar: p } = w(), s = n ? l : d;
169
- return /* @__PURE__ */ e.createElement(
170
- C,
171
- {
172
- ref: i,
173
- "data-sidebar": "trigger",
174
- variant: "ghost",
175
- size: "icon",
176
- "data-state": s ? "open" : "closed",
177
- className: o(
178
- "h-9 w-9 rounded-lg border border-[#dcdcde] bg-white text-black hover:bg-[#fafafa] hover:text-black",
179
- t
180
- ),
181
- onClick: (b) => {
182
- r?.(b), p();
183
- },
184
- ...a
185
- },
186
- /* @__PURE__ */ e.createElement(R, { className: "size-4" }),
187
- /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
188
- );
189
- });
190
- Y.displayName = "SidebarTrigger";
191
- const J = e.forwardRef(({ className: t, ...r }, a) => {
192
- const { toggleSidebar: i } = w();
193
- return /* @__PURE__ */ e.createElement(
194
- "button",
1
+ import * as o from "react";
2
+ import * as a from "@radix-ui/react-separator";
3
+ import { cn as p } from "./index.es59.js";
4
+ const i = o.forwardRef(
5
+ ({ className: e, orientation: r = "horizontal", decorative: t = !0, ...m }, l) => /* @__PURE__ */ o.createElement(
6
+ a.Root,
195
7
  {
196
- ref: a,
197
- "data-sidebar": "rail",
198
- "aria-label": "Toggle Sidebar",
199
- tabIndex: -1,
200
- onClick: i,
201
- title: "Toggle Sidebar",
202
- className: o(
203
- "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
204
- "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
205
- "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
206
- "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
207
- "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
208
- "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
209
- t
8
+ ref: l,
9
+ decorative: t,
10
+ orientation: r,
11
+ className: p(
12
+ "shrink-0 bg-border",
13
+ r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
14
+ e
210
15
  ),
211
- ...r
16
+ ...m
212
17
  }
213
- );
214
- });
215
- J.displayName = "SidebarRail";
216
- const Q = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
217
- "main",
218
- {
219
- ref: a,
220
- className: o(
221
- "relative flex w-full flex-1 flex-col bg-background",
222
- "lg:peer-data-[variant=inset]:m-2 lg:peer-data-[variant=inset]:ml-0 lg:peer-data-[variant=inset]:rounded-xl lg:peer-data-[variant=inset]:shadow",
223
- t
224
- ),
225
- ...r
226
- }
227
- ));
228
- Q.displayName = "SidebarInset";
229
- const Z = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
230
- I,
231
- {
232
- ref: a,
233
- "data-sidebar": "input",
234
- className: o(
235
- "h-10 w-full rounded-lg border-[#e6e6e6] bg-white text-black placeholder:text-[#adacb0] shadow-none focus-visible:ring-2 focus-visible:ring-[#26453f]",
236
- t
237
- ),
238
- ...r
239
- }
240
- ));
241
- Z.displayName = "SidebarInput";
242
- const ee = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
243
- "div",
244
- {
245
- ref: a,
246
- "data-sidebar": "header",
247
- className: o(
248
- "flex flex-col gap-4 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4 group-data-[collapsible=icon]:py-4",
249
- t
250
- ),
251
- ...r
252
- }
253
- ));
254
- ee.displayName = "SidebarHeader";
255
- const ae = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
256
- "div",
257
- {
258
- ref: a,
259
- "data-sidebar": "footer",
260
- className: o(
261
- "flex flex-col gap-3 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4 group-data-[collapsible=icon]:py-4",
262
- t
263
- ),
264
- ...r
265
- }
266
- ));
267
- ae.displayName = "SidebarFooter";
268
- const te = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
269
- _,
270
- {
271
- ref: a,
272
- "data-sidebar": "separator",
273
- className: o("mx-0 w-full bg-[#e6e6e6]", t),
274
- ...r
275
- }
276
- ));
277
- te.displayName = "SidebarSeparator";
278
- const re = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
279
- "div",
280
- {
281
- ref: a,
282
- "data-sidebar": "content",
283
- className: o(
284
- "flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
285
- t
286
- ),
287
- ...r
288
- }
289
- ));
290
- re.displayName = "SidebarContent";
291
- const ie = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
292
- "div",
293
- {
294
- ref: a,
295
- "data-sidebar": "group",
296
- className: o(
297
- "relative flex w-full min-w-0 flex-col gap-2 px-5 py-5 group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-4",
298
- t
299
- ),
300
- ...r
301
- }
302
- ));
303
- ie.displayName = "SidebarGroup";
304
- const oe = e.forwardRef(({ className: t, asChild: r = !1, ...a }, i) => {
305
- const n = r ? h : "div";
306
- return /* @__PURE__ */ e.createElement(
307
- n,
308
- {
309
- ref: i,
310
- "data-sidebar": "group-label",
311
- className: o(
312
- "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium uppercase tracking-wide text-[#adacb0] outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
313
- "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
314
- t
315
- ),
316
- ...a
317
- }
318
- );
319
- });
320
- oe.displayName = "SidebarGroupLabel";
321
- const ne = e.forwardRef(({ className: t, asChild: r = !1, ...a }, i) => {
322
- const n = r ? h : "button";
323
- return /* @__PURE__ */ e.createElement(
324
- n,
325
- {
326
- ref: i,
327
- "data-sidebar": "group-action",
328
- className: o(
329
- "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
330
- // Increases the hit area of the button on mobile.
331
- "after:absolute after:-inset-2 after:lg:hidden",
332
- "group-data-[collapsible=icon]:hidden",
333
- t
334
- ),
335
- ...a
336
- }
337
- );
338
- });
339
- ne.displayName = "SidebarGroupAction";
340
- const de = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
341
- "div",
342
- {
343
- ref: a,
344
- "data-sidebar": "group-content",
345
- className: o("w-full text-sm", t),
346
- ...r
347
- }
348
- ));
349
- de.displayName = "SidebarGroupContent";
350
- const se = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
351
- "ul",
352
- {
353
- ref: a,
354
- "data-sidebar": "menu",
355
- className: o("flex w-full min-w-0 flex-col gap-2", t),
356
- ...r
357
- }
358
- ));
359
- se.displayName = "SidebarMenu";
360
- const le = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
361
- "li",
362
- {
363
- ref: a,
364
- "data-sidebar": "menu-item",
365
- className: o("group/menu-item relative", t),
366
- ...r
367
- }
368
- ));
369
- le.displayName = "SidebarMenuItem";
370
- const ce = M(
371
- "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-[4px] border border-transparent bg-white p-2 text-left text-sm font-normal text-[#7f7d83] outline-none ring-sidebar-ring transition-[background-color,border-color,color,width,height,padding] hover:border-[#f1f1f1] hover:bg-[#fafafa] hover:text-black focus-visible:ring-2 focus-visible:ring-[#26453f] active:border-[#f1f1f1] active:bg-[#fafafa] active:text-black disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:border-[#f1f1f1] data-[active=true]:bg-[#fafafa] data-[active=true]:font-medium data-[active=true]:text-black data-[state=open]:border-[#f1f1f1] data-[state=open]:bg-[#fafafa] data-[state=open]:text-black group-data-[collapsible=icon]:!size-10 group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!p-0 group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>span:last-child]:truncate [&>svg]:size-5 [&>svg]:shrink-0",
372
- {
373
- variants: {
374
- variant: {
375
- default: "",
376
- outline: "border-[#e6e6e6] text-black hover:border-[#dcdcde] hover:bg-[#fafafa]"
377
- },
378
- size: {
379
- default: "h-10 text-sm",
380
- sm: "h-9 text-xs",
381
- lg: "h-11 text-sm"
382
- }
383
- },
384
- defaultVariants: {
385
- variant: "default",
386
- size: "default"
387
- }
388
- }
389
- ), be = e.forwardRef(
390
- ({
391
- asChild: t = !1,
392
- isActive: r = !1,
393
- variant: a = "default",
394
- size: i = "default",
395
- tooltip: n,
396
- className: d,
397
- ...l
398
- }, p) => {
399
- const s = t ? h : "button", { isMobile: b, state: u } = w(), m = /* @__PURE__ */ e.createElement(
400
- s,
401
- {
402
- ref: p,
403
- "data-sidebar": "menu-button",
404
- "data-size": i,
405
- "data-active": r,
406
- className: o(ce({ variant: a, size: i }), d),
407
- ...l
408
- }
409
- );
410
- return n ? (typeof n == "string" && (n = {
411
- children: n
412
- }), /* @__PURE__ */ e.createElement(D, null, /* @__PURE__ */ e.createElement(L, { asChild: !0 }, m), /* @__PURE__ */ e.createElement(
413
- G,
414
- {
415
- side: "right",
416
- align: "center",
417
- hidden: u !== "collapsed" || b,
418
- ...n
419
- }
420
- ))) : m;
421
- }
18
+ )
422
19
  );
423
- be.displayName = "SidebarMenuButton";
424
- const ue = e.forwardRef(({ className: t, asChild: r = !1, showOnHover: a = !1, ...i }, n) => {
425
- const d = r ? h : "button";
426
- return /* @__PURE__ */ e.createElement(
427
- d,
428
- {
429
- ref: n,
430
- "data-sidebar": "menu-action",
431
- className: o(
432
- "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
433
- // Increases the hit area of the button on mobile.
434
- "after:absolute after:-inset-2 after:lg:hidden",
435
- "peer-data-[size=sm]/menu-button:top-1",
436
- "peer-data-[size=default]/menu-button:top-1.5",
437
- "peer-data-[size=lg]/menu-button:top-2.5",
438
- "group-data-[collapsible=icon]:hidden",
439
- a && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground lg:opacity-0",
440
- t
441
- ),
442
- ...i
443
- }
444
- );
445
- });
446
- ue.displayName = "SidebarMenuAction";
447
- const fe = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
448
- "div",
449
- {
450
- ref: a,
451
- "data-sidebar": "menu-badge",
452
- className: o(
453
- "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
454
- "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
455
- "peer-data-[size=sm]/menu-button:top-1",
456
- "peer-data-[size=default]/menu-button:top-1.5",
457
- "peer-data-[size=lg]/menu-button:top-2.5",
458
- "group-data-[collapsible=icon]:hidden",
459
- t
460
- ),
461
- ...r
462
- }
463
- ));
464
- fe.displayName = "SidebarMenuBadge";
465
- const pe = e.forwardRef(({ className: t, showIcon: r = !1, ...a }, i) => {
466
- const n = e.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
467
- return /* @__PURE__ */ e.createElement(
468
- "div",
469
- {
470
- ref: i,
471
- "data-sidebar": "menu-skeleton",
472
- className: o("flex h-8 items-center gap-2 rounded-md px-2", t),
473
- ...a
474
- },
475
- r && /* @__PURE__ */ e.createElement(
476
- E,
477
- {
478
- className: "size-4 rounded-md",
479
- "data-sidebar": "menu-skeleton-icon"
480
- }
481
- ),
482
- /* @__PURE__ */ e.createElement(
483
- E,
484
- {
485
- className: "h-4 max-w-[--skeleton-width] flex-1",
486
- "data-sidebar": "menu-skeleton-text",
487
- style: {
488
- "--skeleton-width": n
489
- }
490
- }
491
- )
492
- );
493
- });
494
- pe.displayName = "SidebarMenuSkeleton";
495
- const me = e.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e.createElement(
496
- "ul",
497
- {
498
- ref: a,
499
- "data-sidebar": "menu-sub",
500
- className: o(
501
- "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
502
- "group-data-[collapsible=icon]:hidden",
503
- t
504
- ),
505
- ...r
506
- }
507
- ));
508
- me.displayName = "SidebarMenuSub";
509
- const ge = e.forwardRef(({ ...t }, r) => /* @__PURE__ */ e.createElement("li", { ref: r, ...t }));
510
- ge.displayName = "SidebarMenuSubItem";
511
- const he = e.forwardRef(({ asChild: t = !1, size: r = "md", isActive: a, className: i, ...n }, d) => {
512
- const l = t ? h : "a";
513
- return /* @__PURE__ */ e.createElement(
514
- l,
515
- {
516
- ref: d,
517
- "data-sidebar": "menu-sub-button",
518
- "data-size": r,
519
- "data-active": a,
520
- className: o(
521
- "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
522
- "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
523
- r === "sm" && "text-xs",
524
- r === "md" && "text-sm",
525
- "group-data-[collapsible=icon]:hidden",
526
- i
527
- ),
528
- ...n
529
- }
530
- );
531
- });
532
- he.displayName = "SidebarMenuSubButton";
20
+ i.displayName = a.Root.displayName;
533
21
  export {
534
- X as Sidebar,
535
- re as SidebarContent,
536
- ae as SidebarFooter,
537
- ie as SidebarGroup,
538
- ne as SidebarGroupAction,
539
- de as SidebarGroupContent,
540
- oe as SidebarGroupLabel,
541
- ee as SidebarHeader,
542
- Z as SidebarInput,
543
- Q as SidebarInset,
544
- se as SidebarMenu,
545
- ue as SidebarMenuAction,
546
- fe as SidebarMenuBadge,
547
- be as SidebarMenuButton,
548
- le as SidebarMenuItem,
549
- pe as SidebarMenuSkeleton,
550
- me as SidebarMenuSub,
551
- he as SidebarMenuSubButton,
552
- ge as SidebarMenuSubItem,
553
- U as SidebarProvider,
554
- J as SidebarRail,
555
- te as SidebarSeparator,
556
- Y as SidebarTrigger,
557
- w as useSidebar
22
+ i as Separator
558
23
  };
559
24
  //# sourceMappingURL=index.es45.js.map