@arolariu/components 0.3.0 → 0.4.0

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 (141) hide show
  1. package/EXAMPLES.md +1035 -1035
  2. package/changelog.md +9 -0
  3. package/dist/components/ui/accordion.js.map +1 -1
  4. package/dist/components/ui/alert-dialog.js.map +1 -1
  5. package/dist/components/ui/alert.d.ts.map +1 -1
  6. package/dist/components/ui/alert.js.map +1 -1
  7. package/dist/components/ui/aspect-ratio.js.map +1 -1
  8. package/dist/components/ui/avatar.d.ts.map +1 -1
  9. package/dist/components/ui/avatar.js.map +1 -1
  10. package/dist/components/ui/background-beams.js.map +1 -1
  11. package/dist/components/ui/badge.js.map +1 -1
  12. package/dist/components/ui/breadcrumb.js.map +1 -1
  13. package/dist/components/ui/bubble-background.js.map +1 -1
  14. package/dist/components/ui/button-group.js.map +1 -1
  15. package/dist/components/ui/button.js.map +1 -1
  16. package/dist/components/ui/calendar.d.ts.map +1 -1
  17. package/dist/components/ui/calendar.js.map +1 -1
  18. package/dist/components/ui/card.js.map +1 -1
  19. package/dist/components/ui/carousel.js +1 -1
  20. package/dist/components/ui/carousel.js.map +1 -1
  21. package/dist/components/ui/chart.d.ts.map +1 -1
  22. package/dist/components/ui/chart.js.map +1 -1
  23. package/dist/components/ui/checkbox.js +2 -2
  24. package/dist/components/ui/checkbox.js.map +1 -1
  25. package/dist/components/ui/collapsible.js.map +1 -1
  26. package/dist/components/ui/command.d.ts.map +1 -1
  27. package/dist/components/ui/command.js.map +1 -1
  28. package/dist/components/ui/context-menu.js.map +1 -1
  29. package/dist/components/ui/counting-number.js.map +1 -1
  30. package/dist/components/ui/dialog.js.map +1 -1
  31. package/dist/components/ui/dot-background.js.map +1 -1
  32. package/dist/components/ui/drawer.js.map +1 -1
  33. package/dist/components/ui/dropdown-menu.js.map +1 -1
  34. package/dist/components/ui/dropdrawer.js.map +1 -1
  35. package/dist/components/ui/empty.js.map +1 -1
  36. package/dist/components/ui/field.js +2 -2
  37. package/dist/components/ui/field.js.map +1 -1
  38. package/dist/components/ui/fireworks-background.js.map +1 -1
  39. package/dist/components/ui/flip-button.js.map +1 -1
  40. package/dist/components/ui/form.d.ts.map +1 -1
  41. package/dist/components/ui/form.js +5 -4
  42. package/dist/components/ui/form.js.map +1 -1
  43. package/dist/components/ui/gradient-background.js.map +1 -1
  44. package/dist/components/ui/gradient-text.js.map +1 -1
  45. package/dist/components/ui/highlight-text.js.map +1 -1
  46. package/dist/components/ui/hole-background.js.map +1 -1
  47. package/dist/components/ui/hover-card.js.map +1 -1
  48. package/dist/components/ui/input-group.d.ts.map +1 -1
  49. package/dist/components/ui/input-group.js.map +1 -1
  50. package/dist/components/ui/input-otp.d.ts.map +1 -1
  51. package/dist/components/ui/input-otp.js +1 -1
  52. package/dist/components/ui/input-otp.js.map +1 -1
  53. package/dist/components/ui/input.js.map +1 -1
  54. package/dist/components/ui/item.js.map +1 -1
  55. package/dist/components/ui/kbd.js.map +1 -1
  56. package/dist/components/ui/label.js.map +1 -1
  57. package/dist/components/ui/menubar.js.map +1 -1
  58. package/dist/components/ui/navigation-menu.d.ts.map +1 -1
  59. package/dist/components/ui/navigation-menu.js +0 -1
  60. package/dist/components/ui/navigation-menu.js.map +1 -1
  61. package/dist/components/ui/pagination.d.ts.map +1 -1
  62. package/dist/components/ui/pagination.js.map +1 -1
  63. package/dist/components/ui/popover.js.map +1 -1
  64. package/dist/components/ui/progress.js.map +1 -1
  65. package/dist/components/ui/radio-group.js.map +1 -1
  66. package/dist/components/ui/resizable.d.ts +3 -2
  67. package/dist/components/ui/resizable.d.ts.map +1 -1
  68. package/dist/components/ui/resizable.js +2 -1
  69. package/dist/components/ui/resizable.js.map +1 -1
  70. package/dist/components/ui/ripple-button.js.map +1 -1
  71. package/dist/components/ui/scratcher.js.map +1 -1
  72. package/dist/components/ui/scroll-area.js.map +1 -1
  73. package/dist/components/ui/select.js.map +1 -1
  74. package/dist/components/ui/separator.js.map +1 -1
  75. package/dist/components/ui/sheet.js.map +1 -1
  76. package/dist/components/ui/sidebar.d.ts.map +1 -1
  77. package/dist/components/ui/sidebar.js +3 -2
  78. package/dist/components/ui/sidebar.js.map +1 -1
  79. package/dist/components/ui/skeleton.js.map +1 -1
  80. package/dist/components/ui/slider.d.ts.map +1 -1
  81. package/dist/components/ui/slider.js.map +1 -1
  82. package/dist/components/ui/sonner.js.map +1 -1
  83. package/dist/components/ui/spinner.js.map +1 -1
  84. package/dist/components/ui/switch.js.map +1 -1
  85. package/dist/components/ui/table.d.ts.map +1 -1
  86. package/dist/components/ui/table.js.map +1 -1
  87. package/dist/components/ui/tabs.js.map +1 -1
  88. package/dist/components/ui/textarea.js.map +1 -1
  89. package/dist/components/ui/toggle-group.js.map +1 -1
  90. package/dist/components/ui/toggle.js.map +1 -1
  91. package/dist/components/ui/tooltip.js.map +1 -1
  92. package/dist/components/ui/typewriter.js +6 -2
  93. package/dist/components/ui/typewriter.js.map +1 -1
  94. package/dist/hooks/useIsMobile.js.map +1 -1
  95. package/dist/hooks/useWindowSize.js.map +1 -1
  96. package/dist/index.css +25 -1779
  97. package/dist/index.css.map +1 -1
  98. package/dist/lib/utilities.js.map +1 -1
  99. package/package.json +2 -15
  100. package/src/components/ui/accordion.tsx +3 -3
  101. package/src/components/ui/alert-dialog.tsx +6 -6
  102. package/src/components/ui/alert.tsx +1 -0
  103. package/src/components/ui/avatar.tsx +12 -11
  104. package/src/components/ui/calendar.tsx +2 -0
  105. package/src/components/ui/carousel.tsx +1 -1
  106. package/src/components/ui/chart.tsx +2 -0
  107. package/src/components/ui/checkbox.tsx +3 -3
  108. package/src/components/ui/command.tsx +8 -7
  109. package/src/components/ui/context-menu.tsx +8 -8
  110. package/src/components/ui/dialog.tsx +4 -4
  111. package/src/components/ui/drawer.tsx +4 -4
  112. package/src/components/ui/dropdown-menu.tsx +8 -8
  113. package/src/components/ui/field.tsx +5 -4
  114. package/src/components/ui/form.tsx +12 -8
  115. package/src/components/ui/hover-card.tsx +1 -1
  116. package/src/components/ui/input-group.tsx +2 -0
  117. package/src/components/ui/input-otp.tsx +5 -5
  118. package/src/components/ui/label.tsx +1 -1
  119. package/src/components/ui/menubar.tsx +10 -10
  120. package/src/components/ui/navigation-menu.tsx +6 -7
  121. package/src/components/ui/pagination.tsx +1 -0
  122. package/src/components/ui/popover.tsx +1 -1
  123. package/src/components/ui/progress.tsx +1 -1
  124. package/src/components/ui/radio-group.tsx +2 -2
  125. package/src/components/ui/resizable.tsx +2 -1
  126. package/src/components/ui/scroll-area.tsx +2 -2
  127. package/src/components/ui/select.tsx +7 -7
  128. package/src/components/ui/separator.tsx +1 -1
  129. package/src/components/ui/sheet.tsx +4 -4
  130. package/src/components/ui/sidebar.tsx +22 -14
  131. package/src/components/ui/slider.tsx +14 -13
  132. package/src/components/ui/switch.tsx +1 -1
  133. package/src/components/ui/table.tsx +2 -0
  134. package/src/components/ui/tabs.tsx +3 -3
  135. package/src/components/ui/toggle-group.tsx +2 -2
  136. package/src/components/ui/toggle.tsx +1 -1
  137. package/src/components/ui/tooltip.tsx +1 -1
  138. package/src/components/ui/typewriter.tsx +2 -2
  139. package/src/index.css +6 -6
  140. package/dist/components/ui/field.d.ts +0 -25
  141. package/dist/components/ui/field.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\ripple-button.js","sources":["webpack://@arolariu/components/./src/components/ui/ripple-button.tsx"],"sourcesContent":["\r\n\r\nimport {type HTMLMotionProps, motion, type Transition} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\ninterface Ripple {\r\n id: number;\r\n x: number;\r\n y: number;\r\n}\r\n\r\ninterface RippleButtonProps extends HTMLMotionProps<\"button\"> {\r\n children: React.ReactNode;\r\n rippleClassName?: string;\r\n scale?: number;\r\n transition?: Transition;\r\n}\r\n\r\nconst RippleButton = React.forwardRef<HTMLButtonElement, RippleButtonProps>(\r\n ({children, onClick, className, rippleClassName, scale = 10, transition = {duration: 0.6, ease: \"easeOut\"}, ...props}, ref) => {\r\n const [ripples, setRipples] = React.useState<Ripple[]>([]);\r\n const buttonRef = React.useRef<HTMLButtonElement>(null);\r\n React.useImperativeHandle(ref, () => buttonRef.current as HTMLButtonElement);\r\n\r\n const createRipple = React.useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\r\n const button = buttonRef.current;\r\n if (!button) return;\r\n\r\n const rect = button.getBoundingClientRect();\r\n const x = event.clientX - rect.left;\r\n const y = event.clientY - rect.top;\r\n\r\n const newRipple: Ripple = {\r\n id: Date.now(),\r\n x,\r\n y,\r\n };\r\n\r\n setRipples((prev) => [...prev, newRipple]);\r\n\r\n setTimeout(() => {\r\n setRipples((prev) => prev.filter((r) => r.id !== newRipple.id));\r\n }, 600);\r\n }, []);\r\n\r\n const handleClick = React.useCallback(\r\n (event: React.MouseEvent<HTMLButtonElement>) => {\r\n createRipple(event);\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n },\r\n [createRipple, onClick],\r\n );\r\n\r\n return (\r\n <motion.button\r\n ref={buttonRef}\r\n onClick={handleClick}\r\n whileTap={{scale: 0.95}}\r\n whileHover={{scale: 1.05}}\r\n className={cn(\r\n \"text-primary-foreground bg-primary relative h-10 cursor-pointer overflow-hidden rounded-lg px-4 py-2 text-sm font-medium focus:outline-none\",\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n {ripples.map((ripple) => (\r\n <motion.span\r\n key={ripple.id}\r\n initial={{scale: 0, opacity: 0.5}}\r\n animate={{scale, opacity: 0}}\r\n transition={transition}\r\n className={cn(\"bg-primary-foreground pointer-events-none absolute size-5 rounded-full\", rippleClassName)}\r\n style={{\r\n top: ripple.y - 10,\r\n left: ripple.x - 10,\r\n }}\r\n />\r\n ))}\r\n </motion.button>\r\n );\r\n },\r\n);\r\n\r\nRippleButton.displayName = \"RippleButton\";\r\n\r\nexport {RippleButton, type RippleButtonProps};\r\n"],"names":["RippleButton","React","children","onClick","className","rippleClassName","scale","transition","props","ref","ripples","setRipples","buttonRef","createRipple","event","button","rect","x","y","newRipple","Date","prev","setTimeout","r","handleClick","motion","cn","ripple"],"mappings":";;;;;AAoBA,MAAMA,eAAe,WAAfA,GAAeC,WACnB,CAAC,EAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,eAAe,EAAEC,QAAQ,EAAE,EAAEC,aAAa;IAAC,UAAU;IAAK,MAAM;AAAS,CAAC,EAAE,GAAGC,OAAM,EAAEC;IACrH,MAAM,CAACC,SAASC,WAAW,GAAGV,SAAyB,EAAE;IACzD,MAAMW,YAAYX,OAAgC;IAClDA,oBAA0BQ,KAAK,IAAMG,UAAU,OAAO;IAEtD,MAAMC,eAAeZ,YAAkB,CAACa;QACtC,MAAMC,SAASH,UAAU,OAAO;QAChC,IAAI,CAACG,QAAQ;QAEb,MAAMC,OAAOD,OAAO,qBAAqB;QACzC,MAAME,IAAIH,MAAM,OAAO,GAAGE,KAAK,IAAI;QACnC,MAAME,IAAIJ,MAAM,OAAO,GAAGE,KAAK,GAAG;QAElC,MAAMG,YAAoB;YACxB,IAAIC,KAAK,GAAG;YACZH;YACAC;QACF;QAEAP,WAAW,CAACU,OAAS;mBAAIA;gBAAMF;aAAU;QAEzCG,WAAW;YACTX,WAAW,CAACU,OAASA,KAAK,MAAM,CAAC,CAACE,IAAMA,EAAE,EAAE,KAAKJ,UAAU,EAAE;QAC/D,GAAG;IACL,GAAG,EAAE;IAEL,MAAMK,cAAcvB,YAClB,CAACa;QACCD,aAAaC;QACb,IAAIX,SACFA,QAAQW;IAEZ,GACA;QAACD;QAAcV;KAAQ;IAGzB,OAAO,WAAP,GACE,KAACsB,OAAO,MAAM;QACZ,KAAKb;QACL,SAASY;QACT,UAAU;YAAC,OAAO;QAAI;QACtB,YAAY;YAAC,OAAO;QAAI;QACxB,WAAWE,GACT,+IACAtB;QAED,GAAGI,KAAK;;YACRN;YACAQ,QAAQ,GAAG,CAAC,CAACiB,SAAAA,WAAAA,GACZ,IAACF,OAAO,IAAI;oBAEV,SAAS;wBAAC,OAAO;wBAAG,SAAS;oBAAG;oBAChC,SAAS;wBAACnB;wBAAO,SAAS;oBAAC;oBAC3B,YAAYC;oBACZ,WAAWmB,GAAG,0EAA0ErB;oBACxF,OAAO;wBACL,KAAKsB,OAAO,CAAC,GAAG;wBAChB,MAAMA,OAAO,CAAC,GAAG;oBACnB;mBARKA,OAAO,EAAE;;;AAaxB;AAGF3B,aAAa,WAAW,GAAG"}
1
+ {"version":3,"file":"components/ui/ripple-button.js","sources":["../../../src/components/ui/ripple-button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {type HTMLMotionProps, motion, type Transition} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\ninterface Ripple {\r\n id: number;\r\n x: number;\r\n y: number;\r\n}\r\n\r\ninterface RippleButtonProps extends HTMLMotionProps<\"button\"> {\r\n children: React.ReactNode;\r\n rippleClassName?: string;\r\n scale?: number;\r\n transition?: Transition;\r\n}\r\n\r\nconst RippleButton = React.forwardRef<HTMLButtonElement, RippleButtonProps>(\r\n ({children, onClick, className, rippleClassName, scale = 10, transition = {duration: 0.6, ease: \"easeOut\"}, ...props}, ref) => {\r\n const [ripples, setRipples] = React.useState<Ripple[]>([]);\r\n const buttonRef = React.useRef<HTMLButtonElement>(null);\r\n React.useImperativeHandle(ref, () => buttonRef.current as HTMLButtonElement);\r\n\r\n const createRipple = React.useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\r\n const button = buttonRef.current;\r\n if (!button) return;\r\n\r\n const rect = button.getBoundingClientRect();\r\n const x = event.clientX - rect.left;\r\n const y = event.clientY - rect.top;\r\n\r\n const newRipple: Ripple = {\r\n id: Date.now(),\r\n x,\r\n y,\r\n };\r\n\r\n setRipples((prev) => [...prev, newRipple]);\r\n\r\n setTimeout(() => {\r\n setRipples((prev) => prev.filter((r) => r.id !== newRipple.id));\r\n }, 600);\r\n }, []);\r\n\r\n const handleClick = React.useCallback(\r\n (event: React.MouseEvent<HTMLButtonElement>) => {\r\n createRipple(event);\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n },\r\n [createRipple, onClick],\r\n );\r\n\r\n return (\r\n <motion.button\r\n ref={buttonRef}\r\n onClick={handleClick}\r\n whileTap={{scale: 0.95}}\r\n whileHover={{scale: 1.05}}\r\n className={cn(\r\n \"text-primary-foreground bg-primary relative h-10 cursor-pointer overflow-hidden rounded-lg px-4 py-2 text-sm font-medium focus:outline-none\",\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n {ripples.map((ripple) => (\r\n <motion.span\r\n key={ripple.id}\r\n initial={{scale: 0, opacity: 0.5}}\r\n animate={{scale, opacity: 0}}\r\n transition={transition}\r\n className={cn(\"bg-primary-foreground pointer-events-none absolute size-5 rounded-full\", rippleClassName)}\r\n style={{\r\n top: ripple.y - 10,\r\n left: ripple.x - 10,\r\n }}\r\n />\r\n ))}\r\n </motion.button>\r\n );\r\n },\r\n);\r\n\r\nRippleButton.displayName = \"RippleButton\";\r\n\r\nexport {RippleButton, type RippleButtonProps};\r\n"],"names":["RippleButton","React","children","onClick","className","rippleClassName","scale","transition","props","ref","ripples","setRipples","buttonRef","createRipple","event","button","rect","x","y","newRipple","Date","prev","setTimeout","r","handleClick","motion","cn","ripple"],"mappings":";;;;;AAoBA,MAAMA,eAAe,WAAfA,GAAeC,WACnB,CAAC,EAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,eAAe,EAAEC,QAAQ,EAAE,EAAEC,aAAa;IAAC,UAAU;IAAK,MAAM;AAAS,CAAC,EAAE,GAAGC,OAAM,EAAEC;IACrH,MAAM,CAACC,SAASC,WAAW,GAAGV,SAAyB,EAAE;IACzD,MAAMW,YAAYX,OAAgC;IAClDA,oBAA0BQ,KAAK,IAAMG,UAAU,OAAO;IAEtD,MAAMC,eAAeZ,YAAkB,CAACa;QACtC,MAAMC,SAASH,UAAU,OAAO;QAChC,IAAI,CAACG,QAAQ;QAEb,MAAMC,OAAOD,OAAO,qBAAqB;QACzC,MAAME,IAAIH,MAAM,OAAO,GAAGE,KAAK,IAAI;QACnC,MAAME,IAAIJ,MAAM,OAAO,GAAGE,KAAK,GAAG;QAElC,MAAMG,YAAoB;YACxB,IAAIC,KAAK,GAAG;YACZH;YACAC;QACF;QAEAP,WAAW,CAACU,OAAS;mBAAIA;gBAAMF;aAAU;QAEzCG,WAAW;YACTX,WAAW,CAACU,OAASA,KAAK,MAAM,CAAC,CAACE,IAAMA,EAAE,EAAE,KAAKJ,UAAU,EAAE;QAC/D,GAAG;IACL,GAAG,EAAE;IAEL,MAAMK,cAAcvB,YAClB,CAACa;QACCD,aAAaC;QACb,IAAIX,SACFA,QAAQW;IAEZ,GACA;QAACD;QAAcV;KAAQ;IAGzB,OAAO,WAAP,GACE,KAACsB,OAAO,MAAM;QACZ,KAAKb;QACL,SAASY;QACT,UAAU;YAAC,OAAO;QAAI;QACtB,YAAY;YAAC,OAAO;QAAI;QACxB,WAAWE,GACT,+IACAtB;QAED,GAAGI,KAAK;;YACRN;YACAQ,QAAQ,GAAG,CAAC,CAACiB,SAAAA,WAAAA,GACZ,IAACF,OAAO,IAAI;oBAEV,SAAS;wBAAC,OAAO;wBAAG,SAAS;oBAAG;oBAChC,SAAS;wBAACnB;wBAAO,SAAS;oBAAC;oBAC3B,YAAYC;oBACZ,WAAWmB,GAAG,0EAA0ErB;oBACxF,OAAO;wBACL,KAAKsB,OAAO,CAAC,GAAG;wBAChB,MAAMA,OAAO,CAAC,GAAG;oBACnB;mBARKA,OAAO,EAAE;;;AAaxB;AAGF3B,aAAa,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\scratcher.js","sources":["webpack://@arolariu/components/./src/components/ui/scratcher.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {motion, useAnimation} from \"motion/react\";\r\nimport React, {useEffect, useRef, useState} from \"react\";\r\n\r\ninterface ScratcherProps {\r\n children: React.ReactNode;\r\n width: number;\r\n height: number;\r\n minScratchPercentage?: number;\r\n className?: string;\r\n onComplete?: () => void;\r\n gradientColors?: [string, string, string];\r\n}\r\n\r\nconst defaultGradientColors: [string, string, string] = [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"];\r\n\r\nexport const Scratcher: React.FC<ScratcherProps> = ({\r\n width,\r\n height,\r\n minScratchPercentage = 50,\r\n onComplete,\r\n children,\r\n className,\r\n gradientColors = defaultGradientColors,\r\n}) => {\r\n const canvasRef = useRef<HTMLCanvasElement>(null);\r\n const [isScratching, setIsScratching] = useState(false);\r\n const [isComplete, setIsComplete] = useState(false);\r\n\r\n const controls = useAnimation();\r\n\r\n useEffect(() => {\r\n const canvas = canvasRef.current;\r\n const ctx = canvas?.getContext(\"2d\");\r\n if (canvas && ctx) {\r\n ctx.fillStyle = \"#ccc\";\r\n ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);\r\n gradient.addColorStop(0, gradientColors[0]);\r\n gradient.addColorStop(0.5, gradientColors[1]);\r\n gradient.addColorStop(1, gradientColors[2]);\r\n ctx.fillStyle = gradient;\r\n ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n }\r\n }, [gradientColors]);\r\n\r\n useEffect(() => {\r\n const handleDocumentMouseMove = (event: MouseEvent) => {\r\n if (!isScratching) return;\r\n scratch(event.clientX, event.clientY);\r\n };\r\n\r\n const handleDocumentTouchMove = (event: TouchEvent) => {\r\n if (!isScratching) return;\r\n const [touch] = event.touches;\r\n if (!touch) return;\r\n scratch(touch.clientX, touch.clientY);\r\n };\r\n\r\n const handleDocumentMouseUp = () => {\r\n setIsScratching(false);\r\n checkCompletion();\r\n };\r\n\r\n const handleDocumentTouchEnd = () => {\r\n setIsScratching(false);\r\n checkCompletion();\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleDocumentMouseMove);\r\n document.addEventListener(\"mousemove\", handleDocumentMouseMove);\r\n document.addEventListener(\"touchstart\", handleDocumentTouchMove);\r\n document.addEventListener(\"touchmove\", handleDocumentTouchMove);\r\n document.addEventListener(\"mouseup\", handleDocumentMouseUp);\r\n document.addEventListener(\"touchend\", handleDocumentTouchEnd);\r\n document.addEventListener(\"touchcancel\", handleDocumentTouchEnd);\r\n\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleDocumentMouseMove);\r\n document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\r\n document.removeEventListener(\"touchstart\", handleDocumentTouchMove);\r\n document.removeEventListener(\"touchmove\", handleDocumentTouchMove);\r\n document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\r\n document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\r\n document.removeEventListener(\"touchcancel\", handleDocumentTouchEnd);\r\n };\r\n }, [isScratching]);\r\n\r\n const handleMouseDown = () => setIsScratching(true);\r\n\r\n const handleTouchStart = () => setIsScratching(true);\r\n\r\n const scratch = (clientX: number, clientY: number) => {\r\n const canvas = canvasRef.current;\r\n const ctx = canvas?.getContext(\"2d\");\r\n if (canvas && ctx) {\r\n const rect = canvas.getBoundingClientRect();\r\n const x = clientX - rect.left + 16;\r\n const y = clientY - rect.top + 16;\r\n ctx.globalCompositeOperation = \"destination-out\";\r\n ctx.beginPath();\r\n ctx.arc(x, y, 30, 0, Math.PI * 2);\r\n ctx.fill();\r\n }\r\n };\r\n\r\n const startAnimation = async () => {\r\n await controls.start({\r\n scale: [1, 1.5, 1],\r\n rotate: [0, 10, -10, 10, -10, 0],\r\n transition: {duration: 0.5},\r\n });\r\n\r\n // Call onComplete after animation finishes\r\n if (onComplete) {\r\n onComplete();\r\n }\r\n };\r\n\r\n const checkCompletion = () => {\r\n if (isComplete) return;\r\n\r\n const canvas = canvasRef.current;\r\n const ctx = canvas?.getContext(\"2d\");\r\n if (canvas && ctx) {\r\n const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\r\n const pixels = imageData.data;\r\n const totalPixels = pixels.length / 4;\r\n let clearPixels = 0;\r\n\r\n for (let i = 3; i < pixels.length; i += 4) {\r\n if (pixels[i] === 0) clearPixels++;\r\n }\r\n\r\n const percentage = (clearPixels / totalPixels) * 100;\r\n\r\n if (percentage >= minScratchPercentage) {\r\n setIsComplete(true);\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n startAnimation();\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <motion.div\r\n className={cn(\"relative select-none\", className)}\r\n style={{\r\n width,\r\n height,\r\n cursor:\r\n \"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto\",\r\n }}\r\n animate={controls}>\r\n <canvas\r\n ref={canvasRef}\r\n width={width}\r\n height={height}\r\n className='absolute top-0 left-0'\r\n onMouseDown={handleMouseDown}\r\n onTouchStart={handleTouchStart}></canvas>\r\n {children}\r\n </motion.div>\r\n );\r\n};\r\n"],"names":["defaultGradientColors","Scratcher","width","height","minScratchPercentage","onComplete","children","className","gradientColors","canvasRef","useRef","isScratching","setIsScratching","useState","isComplete","setIsComplete","controls","useAnimation","useEffect","canvas","ctx","gradient","handleDocumentMouseMove","event","scratch","handleDocumentTouchMove","touch","handleDocumentMouseUp","checkCompletion","handleDocumentTouchEnd","document","handleMouseDown","handleTouchStart","clientX","clientY","rect","x","y","Math","startAnimation","imageData","pixels","totalPixels","clearPixels","i","percentage","motion","cn"],"mappings":"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"}
1
+ {"version":3,"file":"components/ui/scratcher.js","sources":["../../../src/components/ui/scratcher.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {motion, useAnimation} from \"motion/react\";\r\nimport React, {useEffect, useRef, useState} from \"react\";\r\n\r\ninterface ScratcherProps {\r\n children: React.ReactNode;\r\n width: number;\r\n height: number;\r\n minScratchPercentage?: number;\r\n className?: string;\r\n onComplete?: () => void;\r\n gradientColors?: [string, string, string];\r\n}\r\n\r\nconst defaultGradientColors: [string, string, string] = [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"];\r\n\r\nexport const Scratcher: React.FC<ScratcherProps> = ({\r\n width,\r\n height,\r\n minScratchPercentage = 50,\r\n onComplete,\r\n children,\r\n className,\r\n gradientColors = defaultGradientColors,\r\n}) => {\r\n const canvasRef = useRef<HTMLCanvasElement>(null);\r\n const [isScratching, setIsScratching] = useState(false);\r\n const [isComplete, setIsComplete] = useState(false);\r\n\r\n const controls = useAnimation();\r\n\r\n useEffect(() => {\r\n const canvas = canvasRef.current;\r\n const ctx = canvas?.getContext(\"2d\");\r\n if (canvas && ctx) {\r\n ctx.fillStyle = \"#ccc\";\r\n ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);\r\n gradient.addColorStop(0, gradientColors[0]);\r\n gradient.addColorStop(0.5, gradientColors[1]);\r\n gradient.addColorStop(1, gradientColors[2]);\r\n ctx.fillStyle = gradient;\r\n ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n }\r\n }, [gradientColors]);\r\n\r\n useEffect(() => {\r\n const handleDocumentMouseMove = (event: MouseEvent) => {\r\n if (!isScratching) return;\r\n scratch(event.clientX, event.clientY);\r\n };\r\n\r\n const handleDocumentTouchMove = (event: TouchEvent) => {\r\n if (!isScratching) return;\r\n const [touch] = event.touches;\r\n if (!touch) return;\r\n scratch(touch.clientX, touch.clientY);\r\n };\r\n\r\n const handleDocumentMouseUp = () => {\r\n setIsScratching(false);\r\n checkCompletion();\r\n };\r\n\r\n const handleDocumentTouchEnd = () => {\r\n setIsScratching(false);\r\n checkCompletion();\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleDocumentMouseMove);\r\n document.addEventListener(\"mousemove\", handleDocumentMouseMove);\r\n document.addEventListener(\"touchstart\", handleDocumentTouchMove);\r\n document.addEventListener(\"touchmove\", handleDocumentTouchMove);\r\n document.addEventListener(\"mouseup\", handleDocumentMouseUp);\r\n document.addEventListener(\"touchend\", handleDocumentTouchEnd);\r\n document.addEventListener(\"touchcancel\", handleDocumentTouchEnd);\r\n\r\n return () => {\r\n document.removeEventListener(\"mousedown\", handleDocumentMouseMove);\r\n document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\r\n document.removeEventListener(\"touchstart\", handleDocumentTouchMove);\r\n document.removeEventListener(\"touchmove\", handleDocumentTouchMove);\r\n document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\r\n document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\r\n document.removeEventListener(\"touchcancel\", handleDocumentTouchEnd);\r\n };\r\n }, [isScratching]);\r\n\r\n const handleMouseDown = () => setIsScratching(true);\r\n\r\n const handleTouchStart = () => setIsScratching(true);\r\n\r\n const scratch = (clientX: number, clientY: number) => {\r\n const canvas = canvasRef.current;\r\n const ctx = canvas?.getContext(\"2d\");\r\n if (canvas && ctx) {\r\n const rect = canvas.getBoundingClientRect();\r\n const x = clientX - rect.left + 16;\r\n const y = clientY - rect.top + 16;\r\n ctx.globalCompositeOperation = \"destination-out\";\r\n ctx.beginPath();\r\n ctx.arc(x, y, 30, 0, Math.PI * 2);\r\n ctx.fill();\r\n }\r\n };\r\n\r\n const startAnimation = async () => {\r\n await controls.start({\r\n scale: [1, 1.5, 1],\r\n rotate: [0, 10, -10, 10, -10, 0],\r\n transition: {duration: 0.5},\r\n });\r\n\r\n // Call onComplete after animation finishes\r\n if (onComplete) {\r\n onComplete();\r\n }\r\n };\r\n\r\n const checkCompletion = () => {\r\n if (isComplete) return;\r\n\r\n const canvas = canvasRef.current;\r\n const ctx = canvas?.getContext(\"2d\");\r\n if (canvas && ctx) {\r\n const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\r\n const pixels = imageData.data;\r\n const totalPixels = pixels.length / 4;\r\n let clearPixels = 0;\r\n\r\n for (let i = 3; i < pixels.length; i += 4) {\r\n if (pixels[i] === 0) clearPixels++;\r\n }\r\n\r\n const percentage = (clearPixels / totalPixels) * 100;\r\n\r\n if (percentage >= minScratchPercentage) {\r\n setIsComplete(true);\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n startAnimation();\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <motion.div\r\n className={cn(\"relative select-none\", className)}\r\n style={{\r\n width,\r\n height,\r\n cursor:\r\n \"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto\",\r\n }}\r\n animate={controls}>\r\n <canvas\r\n ref={canvasRef}\r\n width={width}\r\n height={height}\r\n className='absolute top-0 left-0'\r\n onMouseDown={handleMouseDown}\r\n onTouchStart={handleTouchStart}></canvas>\r\n {children}\r\n </motion.div>\r\n );\r\n};\r\n"],"names":["defaultGradientColors","Scratcher","width","height","minScratchPercentage","onComplete","children","className","gradientColors","canvasRef","useRef","isScratching","setIsScratching","useState","isComplete","setIsComplete","controls","useAnimation","useEffect","canvas","ctx","gradient","handleDocumentMouseMove","event","scratch","handleDocumentTouchMove","touch","handleDocumentMouseUp","checkCompletion","handleDocumentTouchEnd","document","handleMouseDown","handleTouchStart","clientX","clientY","rect","x","y","Math","startAnimation","imageData","pixels","totalPixels","clearPixels","i","percentage","motion","cn"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\scroll-area.js","sources":["webpack://@arolariu/components/./src/components/ui/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ScrollArea = React.forwardRef<\r\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\r\n>(({className, children, ...props}, ref) => (\r\n <ScrollAreaPrimitive.Root\r\n ref={ref}\r\n className={cn(\"relative overflow-hidden\", className)}\r\n {...props}>\r\n <ScrollAreaPrimitive.Viewport className='h-full w-full rounded-[inherit]'>{children}</ScrollAreaPrimitive.Viewport>\r\n <ScrollBar />\r\n <ScrollAreaPrimitive.Corner />\r\n </ScrollAreaPrimitive.Root>\r\n));\r\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\r\n\r\nconst ScrollBar = React.forwardRef<\r\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\r\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n>(({className, orientation = \"vertical\", ...props}, ref) => (\r\n <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n ref={ref}\r\n orientation={orientation}\r\n className={cn(\r\n \"flex touch-none transition-colors select-none\",\r\n orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\r\n orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\r\n className,\r\n )}\r\n {...props}>\r\n <ScrollAreaPrimitive.ScrollAreaThumb className='relative flex-1 rounded-full bg-neutral-200 dark:bg-neutral-800' />\r\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n));\r\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\r\n\r\nexport {ScrollArea, ScrollBar};\r\n"],"names":["ScrollArea","React","className","children","props","ref","ScrollAreaPrimitive","cn","ScrollBar","orientation"],"mappings":";;;;;AAOA,MAAMA,aAAa,WAAbA,GAAaC,WAGjB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,MAAwB;QACvB,KAAKD;QACL,WAAWE,GAAG,4BAA4BL;QACzC,GAAGE,KAAK;;0BACT,IAACE,UAA4B;gBAAC,WAAU;0BAAmCH;;0BAC3E,IAACK,WAAAA,CAAAA;0BACD,IAACF,QAA0B;;;AAG/BN,WAAW,WAAW,GAAGM,KAAAA,WAAoC;AAE7D,MAAME,YAAY,WAAZA,GAAYP,WAGhB,CAAC,EAACC,SAAS,EAAEO,cAAc,UAAU,EAAE,GAAGL,OAAM,EAAEC,MAAAA,WAAAA,GAClD,IAACC,qBAAuC;QACtC,KAAKD;QACL,aAAaI;QACb,WAAWF,GACT,iDACAE,eAAAA,eAA8B,sDAC9BA,iBAAAA,eAAgC,wDAChCP;QAED,GAAGE,KAAK;kBACT,kBAACE,iBAAmC;YAAC,WAAU;;;AAGnDE,UAAU,WAAW,GAAGF,oBAAAA,WAAmD"}
1
+ {"version":3,"file":"components/ui/scroll-area.js","sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ScrollArea = React.forwardRef<\r\n React.ComponentRef<typeof ScrollAreaPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\r\n>(({className, children, ...props}, ref) => (\r\n <ScrollAreaPrimitive.Root\r\n ref={ref}\r\n className={cn(\"relative overflow-hidden\", className)}\r\n {...props}>\r\n <ScrollAreaPrimitive.Viewport className='h-full w-full rounded-[inherit]'>{children}</ScrollAreaPrimitive.Viewport>\r\n <ScrollBar />\r\n <ScrollAreaPrimitive.Corner />\r\n </ScrollAreaPrimitive.Root>\r\n));\r\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\r\n\r\nconst ScrollBar = React.forwardRef<\r\n React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\r\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n>(({className, orientation = \"vertical\", ...props}, ref) => (\r\n <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n ref={ref}\r\n orientation={orientation}\r\n className={cn(\r\n \"flex touch-none transition-colors select-none\",\r\n orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\r\n orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\r\n className,\r\n )}\r\n {...props}>\r\n <ScrollAreaPrimitive.ScrollAreaThumb className='relative flex-1 rounded-full bg-neutral-200 dark:bg-neutral-800' />\r\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n));\r\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\r\n\r\nexport {ScrollArea, ScrollBar};\r\n"],"names":["ScrollArea","React","className","children","props","ref","ScrollAreaPrimitive","cn","ScrollBar","orientation"],"mappings":";;;;;AAOA,MAAMA,aAAa,WAAbA,GAAaC,WAGjB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,MAAwB;QACvB,KAAKD;QACL,WAAWE,GAAG,4BAA4BL;QACzC,GAAGE,KAAK;;0BACT,IAACE,UAA4B;gBAAC,WAAU;0BAAmCH;;0BAC3E,IAACK,WAAAA,CAAAA;0BACD,IAACF,QAA0B;;;AAG/BN,WAAW,WAAW,GAAGM,KAAAA,WAAoC;AAE7D,MAAME,YAAY,WAAZA,GAAYP,WAGhB,CAAC,EAACC,SAAS,EAAEO,cAAc,UAAU,EAAE,GAAGL,OAAM,EAAEC,MAAAA,WAAAA,GAClD,IAACC,qBAAuC;QACtC,KAAKD;QACL,aAAaI;QACb,WAAWF,GACT,iDACAE,AAAgB,eAAhBA,eAA8B,sDAC9BA,AAAgB,iBAAhBA,eAAgC,wDAChCP;QAED,GAAGE,KAAK;kBACT,kBAACE,iBAAmC;YAAC,WAAU;;;AAGnDE,UAAU,WAAW,GAAGF,oBAAAA,WAAmD"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\select.js","sources":["webpack://@arolariu/components/./src/components/ui/select.tsx"],"sourcesContent":["\r\n\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\r\nimport {Check, ChevronDown, ChevronUp} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Select = SelectPrimitive.Root;\r\n\r\nconst SelectGroup = SelectPrimitive.Group;\r\n\r\nconst SelectValue = SelectPrimitive.Value;\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n <SelectPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"flex h-9 w-full items-center justify-between rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm ring-offset-white focus:ring-1 focus:ring-neutral-950 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-neutral-500 dark:border-neutral-800 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[placeholder]:text-neutral-400 [&>span]:line-clamp-1\",\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n <SelectPrimitive.Icon asChild>\r\n <ChevronDown className='h-4 w-4 opacity-50' />\r\n </SelectPrimitive.Icon>\r\n </SelectPrimitive.Trigger>\r\n));\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\r\n\r\nconst SelectScrollUpButton = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.ScrollUpButton\r\n ref={ref}\r\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n {...props}>\r\n <ChevronUp className='h-4 w-4' />\r\n </SelectPrimitive.ScrollUpButton>\r\n));\r\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\r\n\r\nconst SelectScrollDownButton = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.ScrollDownButton\r\n ref={ref}\r\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n {...props}>\r\n <ChevronDown className='h-4 w-4' />\r\n </SelectPrimitive.ScrollDownButton>\r\n));\r\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\r\n\r\nconst SelectContent = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({className, children, position = \"popper\", ...props}, ref) => (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\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 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n position === \"popper\"\r\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\",\r\n className,\r\n )}\r\n position={position}\r\n {...props}>\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.Viewport\r\n className={cn(\r\n \"p-1\",\r\n position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\r\n )}>\r\n {children}\r\n </SelectPrimitive.Viewport>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Content>\r\n </SelectPrimitive.Portal>\r\n));\r\nSelectContent.displayName = SelectPrimitive.Content.displayName;\r\n\r\nconst SelectLabel = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Label>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.Label\r\n ref={ref}\r\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\r\n {...props}\r\n />\r\n));\r\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\r\n\r\nconst SelectItem = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({className, children, ...props}, ref) => (\r\n <SelectPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}>\r\n <span className='absolute right-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n <SelectPrimitive.ItemIndicator>\r\n <Check className='h-4 w-4' />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n </SelectPrimitive.Item>\r\n));\r\nSelectItem.displayName = SelectPrimitive.Item.displayName;\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.Separator\r\n ref={ref}\r\n className={cn(\"-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800\", className)}\r\n {...props}\r\n />\r\n));\r\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\r\n\r\nexport {\r\n Select,\r\n SelectContent,\r\n SelectGroup,\r\n SelectItem,\r\n SelectLabel,\r\n SelectScrollDownButton,\r\n SelectScrollUpButton,\r\n SelectSeparator,\r\n SelectTrigger,\r\n SelectValue,\r\n};\r\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":";;;;;;AAQA,MAAMA,SAASC;AAEf,MAAMC,cAAcD;AAEpB,MAAME,cAAcF;AAEpB,MAAMG,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,SAAuB;QACtB,KAAKQ;QACL,WAAWC,GACT,+bACAJ;QAED,GAAGE,KAAK;;YACRD;0BACD,IAACN,MAAoB;gBAAC,SAAO;0BAC3B,kBAACU,aAAWA;oBAAC,WAAU;;;;;AAI7BP,cAAc,WAAW,GAAGH,QAAAA,WAAmC;AAE/D,MAAMW,uBAAuB,WAAvBA,GAAuBP,WAG3B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,gBAA8B;QAC7B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACK,WAASA;YAAC,WAAU;;;AAGzBD,qBAAqB,WAAW,GAAGX,eAAAA,WAA0C;AAE7E,MAAMa,yBAAyB,WAAzBA,GAAyBT,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,kBAAgC;QAC/B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACG,aAAWA;YAAC,WAAU;;;AAG3BG,uBAAuB,WAAW,GAAGb,iBAAAA,WAA4C;AAEjF,MAAMc,gBAAgB,WAAhBA,GAAgBV,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAES,WAAW,QAAQ,EAAE,GAAGR,OAAM,EAAEC,MAAAA,WAAAA,GACvD,IAACR,QAAsB;kBACrB,mBAACA,SAAuB;YACtB,KAAKQ;YACL,WAAWC,GACT,4nBACAM,aAAAA,YACK,mIACLV;YAEF,UAAUU;YACT,GAAGR,KAAK;;8BACT,IAACI,sBAAAA,CAAAA;8BACD,IAACX,UAAwB;oBACvB,WAAWS,GACT,OACAM,aAAAA,YAAyB;8BAE1BT;;8BAEH,IAACO,wBAAAA,CAAAA;;;;AAIPC,cAAc,WAAW,GAAGd,QAAAA,WAAmC;AAE/D,MAAMgB,cAAc,WAAdA,GAAcZ,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,OAAqB;QACpB,KAAKQ;QACL,WAAWC,GAAG,qCAAqCJ;QAClD,GAAGE,KAAK;;AAGbS,YAAY,WAAW,GAAGhB,MAAAA,WAAiC;AAE3D,MAAMiB,aAAa,WAAbA,GAAab,WAGjB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,MAAoB;QACnB,KAAKQ;QACL,WAAWC,GACT,iRACAJ;QAED,GAAGE,KAAK;;0BACT,IAAC;gBAAK,WAAU;0BACd,kBAACP,eAA6B;8BAC5B,kBAACkB,OAAKA;wBAAC,WAAU;;;;0BAGrB,IAAClB,UAAwB;0BAAEM;;;;AAG/BW,WAAW,WAAW,GAAGjB,KAAAA,WAAgC;AAEzD,MAAMmB,kBAAkB,WAAlBA,GAAkBf,WAGtB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,WAAyB;QACxB,KAAKQ;QACL,WAAWC,GAAG,sDAAsDJ;QACnE,GAAGE,KAAK;;AAGbY,gBAAgB,WAAW,GAAGnB,UAAAA,WAAqC"}
1
+ {"version":3,"file":"components/ui/select.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\r\nimport {Check, ChevronDown, ChevronUp} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Select = SelectPrimitive.Root;\r\n\r\nconst SelectGroup = SelectPrimitive.Group;\r\n\r\nconst SelectValue = SelectPrimitive.Value;\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n React.ComponentRef<typeof SelectPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n <SelectPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"flex h-9 w-full items-center justify-between rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm ring-offset-white focus:ring-1 focus:ring-neutral-950 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-neutral-500 dark:border-neutral-800 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[placeholder]:text-neutral-400 [&>span]:line-clamp-1\",\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n <SelectPrimitive.Icon asChild>\r\n <ChevronDown className='h-4 w-4 opacity-50' />\r\n </SelectPrimitive.Icon>\r\n </SelectPrimitive.Trigger>\r\n));\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\r\n\r\nconst SelectScrollUpButton = React.forwardRef<\r\n React.ComponentRef<typeof SelectPrimitive.ScrollUpButton>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.ScrollUpButton\r\n ref={ref}\r\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n {...props}>\r\n <ChevronUp className='h-4 w-4' />\r\n </SelectPrimitive.ScrollUpButton>\r\n));\r\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\r\n\r\nconst SelectScrollDownButton = React.forwardRef<\r\n React.ComponentRef<typeof SelectPrimitive.ScrollDownButton>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.ScrollDownButton\r\n ref={ref}\r\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n {...props}>\r\n <ChevronDown className='h-4 w-4' />\r\n </SelectPrimitive.ScrollDownButton>\r\n));\r\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\r\n\r\nconst SelectContent = React.forwardRef<\r\n React.ComponentRef<typeof SelectPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({className, children, position = \"popper\", ...props}, ref) => (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\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 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n position === \"popper\"\r\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\",\r\n className,\r\n )}\r\n position={position}\r\n {...props}>\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.Viewport\r\n className={cn(\r\n \"p-1\",\r\n position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\r\n )}>\r\n {children}\r\n </SelectPrimitive.Viewport>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Content>\r\n </SelectPrimitive.Portal>\r\n));\r\nSelectContent.displayName = SelectPrimitive.Content.displayName;\r\n\r\nconst SelectLabel = React.forwardRef<\r\n React.ComponentRef<typeof SelectPrimitive.Label>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.Label\r\n ref={ref}\r\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\r\n {...props}\r\n />\r\n));\r\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\r\n\r\nconst SelectItem = React.forwardRef<\r\n React.ComponentRef<typeof SelectPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({className, children, ...props}, ref) => (\r\n <SelectPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}>\r\n <span className='absolute right-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n <SelectPrimitive.ItemIndicator>\r\n <Check className='h-4 w-4' />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n </SelectPrimitive.Item>\r\n));\r\nSelectItem.displayName = SelectPrimitive.Item.displayName;\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n React.ComponentRef<typeof SelectPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n <SelectPrimitive.Separator\r\n ref={ref}\r\n className={cn(\"-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800\", className)}\r\n {...props}\r\n />\r\n));\r\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\r\n\r\nexport {\r\n Select,\r\n SelectContent,\r\n SelectGroup,\r\n SelectItem,\r\n SelectLabel,\r\n SelectScrollDownButton,\r\n SelectScrollUpButton,\r\n SelectSeparator,\r\n SelectTrigger,\r\n SelectValue,\r\n};\r\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":";;;;;;AAQA,MAAMA,SAASC;AAEf,MAAMC,cAAcD;AAEpB,MAAME,cAAcF;AAEpB,MAAMG,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,SAAuB;QACtB,KAAKQ;QACL,WAAWC,GACT,+bACAJ;QAED,GAAGE,KAAK;;YACRD;0BACD,IAACN,MAAoB;gBAAC,SAAO;0BAC3B,kBAACU,aAAWA;oBAAC,WAAU;;;;;AAI7BP,cAAc,WAAW,GAAGH,QAAAA,WAAmC;AAE/D,MAAMW,uBAAuB,WAAvBA,GAAuBP,WAG3B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,gBAA8B;QAC7B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACK,WAASA;YAAC,WAAU;;;AAGzBD,qBAAqB,WAAW,GAAGX,eAAAA,WAA0C;AAE7E,MAAMa,yBAAyB,WAAzBA,GAAyBT,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,kBAAgC;QAC/B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACG,aAAWA;YAAC,WAAU;;;AAG3BG,uBAAuB,WAAW,GAAGb,iBAAAA,WAA4C;AAEjF,MAAMc,gBAAgB,WAAhBA,GAAgBV,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAES,WAAW,QAAQ,EAAE,GAAGR,OAAM,EAAEC,MAAAA,WAAAA,GACvD,IAACR,QAAsB;kBACrB,mBAACA,SAAuB;YACtB,KAAKQ;YACL,WAAWC,GACT,4nBACAM,AAAa,aAAbA,YACK,mIACLV;YAEF,UAAUU;YACT,GAAGR,KAAK;;8BACT,IAACI,sBAAAA,CAAAA;8BACD,IAACX,UAAwB;oBACvB,WAAWS,GACT,OACAM,AAAa,aAAbA,YAAyB;8BAE1BT;;8BAEH,IAACO,wBAAAA,CAAAA;;;;AAIPC,cAAc,WAAW,GAAGd,QAAAA,WAAmC;AAE/D,MAAMgB,cAAc,WAAdA,GAAcZ,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,OAAqB;QACpB,KAAKQ;QACL,WAAWC,GAAG,qCAAqCJ;QAClD,GAAGE,KAAK;;AAGbS,YAAY,WAAW,GAAGhB,MAAAA,WAAiC;AAE3D,MAAMiB,aAAa,WAAbA,GAAab,WAGjB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,MAAoB;QACnB,KAAKQ;QACL,WAAWC,GACT,iRACAJ;QAED,GAAGE,KAAK;;0BACT,IAAC;gBAAK,WAAU;0BACd,kBAACP,eAA6B;8BAC5B,kBAACkB,OAAKA;wBAAC,WAAU;;;;0BAGrB,IAAClB,UAAwB;0BAAEM;;;;AAG/BW,WAAW,WAAW,GAAGjB,KAAAA,WAAgC;AAEzD,MAAMmB,kBAAkB,WAAlBA,GAAkBf,WAGtB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,WAAyB;QACxB,KAAKQ;QACL,WAAWC,GAAG,sDAAsDJ;QACnE,GAAGE,KAAK;;AAGbY,gBAAgB,WAAW,GAAGnB,UAAAA,WAAqC"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\separator.js","sources":["webpack://@arolariu/components/./src/components/ui/separator.tsx"],"sourcesContent":["\r\n\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Separator = React.forwardRef<\r\n React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(({className, orientation = \"horizontal\", decorative = true, ...props}, ref) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n \"shrink-0 bg-neutral-200 dark:bg-neutral-800\",\r\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\r\n\r\nexport {Separator};\r\n"],"names":["Separator","React","className","orientation","decorative","props","ref","SeparatorPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,YAAY,WAAZA,GAAYC,WAGhB,CAAC,EAACC,SAAS,EAAEC,cAAc,YAAY,EAAEC,aAAa,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvE,IAACC,MAAuB;QACtB,KAAKD;QACL,YAAYF;QACZ,aAAaD;QACb,WAAWK,GACT,+CACAL,iBAAAA,cAA+B,mBAAmB,kBAClDD;QAED,GAAGG,KAAK;;AAGbL,UAAU,WAAW,GAAGO,KAAAA,WAAmC"}
1
+ {"version":3,"file":"components/ui/separator.js","sources":["../../../src/components/ui/separator.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Separator = React.forwardRef<\r\n React.ComponentRef<typeof SeparatorPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(({className, orientation = \"horizontal\", decorative = true, ...props}, ref) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n \"shrink-0 bg-neutral-200 dark:bg-neutral-800\",\r\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\r\n\r\nexport {Separator};\r\n"],"names":["Separator","React","className","orientation","decorative","props","ref","SeparatorPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,YAAY,WAAZA,GAAYC,WAGhB,CAAC,EAACC,SAAS,EAAEC,cAAc,YAAY,EAAEC,aAAa,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvE,IAACC,MAAuB;QACtB,KAAKD;QACL,YAAYF;QACZ,aAAaD;QACb,WAAWK,GACT,+CACAL,AAAgB,iBAAhBA,cAA+B,mBAAmB,kBAClDD;QAED,GAAGG,KAAK;;AAGbL,UAAU,WAAW,GAAGO,KAAAA,WAAmC"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\sheet.js","sources":["webpack://@arolariu/components/./src/components/ui/sheet.tsx"],"sourcesContent":["\r\n\r\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport {X} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Sheet = SheetPrimitive.Root;\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger;\r\n\r\nconst SheetClose = SheetPrimitive.Close;\r\n\r\nconst SheetPortal = SheetPrimitive.Portal;\r\n\r\nconst SheetOverlay = React.forwardRef<\r\n React.ElementRef<typeof SheetPrimitive.Overlay>,\r\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\r\n>(({className, ...props}, ref) => (\r\n <SheetPrimitive.Overlay\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n className,\r\n )}\r\n {...props}\r\n ref={ref}\r\n />\r\n));\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\r\n\r\nconst sheetVariants = cva(\r\n \"fixed z-50 gap-4 bg-white 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 dark:bg-neutral-950\",\r\n {\r\n variants: {\r\n side: {\r\n top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\r\n bottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\r\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\",\r\n right:\r\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\",\r\n },\r\n },\r\n defaultVariants: {\r\n side: \"right\",\r\n },\r\n },\r\n);\r\n\r\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}\r\n\r\nconst SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(\r\n ({side = \"right\", className, children, ...props}, ref) => (\r\n <SheetPortal>\r\n <SheetOverlay />\r\n <SheetPrimitive.Content\r\n ref={ref}\r\n className={cn(sheetVariants({side}), className)}\r\n {...props}>\r\n <SheetPrimitive.Close className='absolute top-4 right-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800'>\r\n <X className='h-4 w-4' />\r\n <span className='sr-only'>Close</span>\r\n </SheetPrimitive.Close>\r\n {children}\r\n </SheetPrimitive.Content>\r\n </SheetPortal>\r\n ),\r\n);\r\nSheetContent.displayName = SheetPrimitive.Content.displayName;\r\n\r\nconst SheetHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\r\n {...props}\r\n />\r\n);\r\nSheetHeader.displayName = \"SheetHeader\";\r\n\r\nconst SheetFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\r\n {...props}\r\n />\r\n);\r\nSheetFooter.displayName = \"SheetFooter\";\r\n\r\nconst SheetTitle = React.forwardRef<\r\n React.ElementRef<typeof SheetPrimitive.Title>,\r\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\r\n>(({className, ...props}, ref) => (\r\n <SheetPrimitive.Title\r\n ref={ref}\r\n className={cn(\"text-lg font-semibold text-neutral-950 dark:text-neutral-50\", className)}\r\n {...props}\r\n />\r\n));\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\r\n\r\nconst SheetDescription = React.forwardRef<\r\n React.ElementRef<typeof SheetPrimitive.Description>,\r\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({className, ...props}, ref) => (\r\n <SheetPrimitive.Description\r\n ref={ref}\r\n className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n {...props}\r\n />\r\n));\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\r\n\r\nexport {Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger};\r\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,QAAQC;AAEd,MAAMC,eAAeD;AAErB,MAAME,aAAaF;AAEnB,MAAMG,cAAcH;AAEpB,MAAMI,eAAe,WAAfA,GAAeC,WAGnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,SAAsB;QACrB,WAAWS,GACT,0JACAH;QAED,GAAGC,KAAK;QACT,KAAKC;;AAGTJ,aAAa,WAAW,GAAGJ,QAAAA,WAAkC;AAE7D,MAAMU,gBAAgBC,IACpB,mNACA;IACE,UAAU;QACR,MAAM;YACJ,KAAK;YACL,QAAQ;YACR,MAAM;YACN,OACE;QACJ;IACF;IACA,iBAAiB;QACf,MAAM;IACR;AACF;AAKF,MAAMC,eAAe,WAAfA,GAAeP,WACnB,CAAC,EAACQ,OAAO,OAAO,EAAEP,SAAS,EAAEQ,QAAQ,EAAE,GAAGP,OAAM,EAAEC,MAAAA,WAAAA,GAChD,KAACL,aAAAA;;0BACC,IAACC,cAAAA,CAAAA;0BACD,KAACJ,SAAsB;gBACrB,KAAKQ;gBACL,WAAWC,GAAGC,cAAc;oBAACG;gBAAI,IAAIP;gBACpC,GAAGC,KAAK;;kCACT,KAACP,OAAoB;wBAAC,WAAU;;0CAC9B,IAACe,GAACA;gCAAC,WAAU;;0CACb,IAAC;gCAAK,WAAU;0CAAU;;;;oBAE3BD;;;;;AAKTF,aAAa,WAAW,GAAGZ,QAAAA,WAAkC;AAE7D,MAAMgB,cAAc,CAAC,EAACV,SAAS,EAAE,GAAGC,OAA4C,iBAC9E,IAAC;QACC,WAAWE,GAAG,oDAAoDH;QACjE,GAAGC,KAAK;;AAGbS,YAAY,WAAW,GAAG;AAE1B,MAAMC,cAAc,CAAC,EAACX,SAAS,EAAE,GAAGC,OAA4C,iBAC9E,IAAC;QACC,WAAWE,GAAG,iEAAiEH;QAC9E,GAAGC,KAAK;;AAGbU,YAAY,WAAW,GAAG;AAE1B,MAAMC,aAAa,WAAbA,GAAab,WAGjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,OAAoB;QACnB,KAAKQ;QACL,WAAWC,GAAG,+DAA+DH;QAC5E,GAAGC,KAAK;;AAGbW,WAAW,WAAW,GAAGlB,MAAAA,WAAgC;AAEzD,MAAMmB,mBAAmB,WAAnBA,GAAmBd,WAGvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,aAA0B;QACzB,KAAKQ;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbY,iBAAiB,WAAW,GAAGnB,YAAAA,WAAsC"}
1
+ {"version":3,"file":"components/ui/sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport {X} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Sheet = SheetPrimitive.Root;\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger;\r\n\r\nconst SheetClose = SheetPrimitive.Close;\r\n\r\nconst SheetPortal = SheetPrimitive.Portal;\r\n\r\nconst SheetOverlay = React.forwardRef<\r\n React.ComponentRef<typeof SheetPrimitive.Overlay>,\r\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\r\n>(({className, ...props}, ref) => (\r\n <SheetPrimitive.Overlay\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80\",\r\n className,\r\n )}\r\n {...props}\r\n ref={ref}\r\n />\r\n));\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\r\n\r\nconst sheetVariants = cva(\r\n \"fixed z-50 gap-4 bg-white 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 dark:bg-neutral-950\",\r\n {\r\n variants: {\r\n side: {\r\n top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\r\n bottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\r\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\",\r\n right:\r\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\",\r\n },\r\n },\r\n defaultVariants: {\r\n side: \"right\",\r\n },\r\n },\r\n);\r\n\r\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}\r\n\r\nconst SheetContent = React.forwardRef<React.ComponentRef<typeof SheetPrimitive.Content>, SheetContentProps>(\r\n ({side = \"right\", className, children, ...props}, ref) => (\r\n <SheetPortal>\r\n <SheetOverlay />\r\n <SheetPrimitive.Content\r\n ref={ref}\r\n className={cn(sheetVariants({side}), className)}\r\n {...props}>\r\n <SheetPrimitive.Close className='absolute top-4 right-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-neutral-100 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800'>\r\n <X className='h-4 w-4' />\r\n <span className='sr-only'>Close</span>\r\n </SheetPrimitive.Close>\r\n {children}\r\n </SheetPrimitive.Content>\r\n </SheetPortal>\r\n ),\r\n);\r\nSheetContent.displayName = SheetPrimitive.Content.displayName;\r\n\r\nconst SheetHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\r\n {...props}\r\n />\r\n);\r\nSheetHeader.displayName = \"SheetHeader\";\r\n\r\nconst SheetFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\r\n {...props}\r\n />\r\n);\r\nSheetFooter.displayName = \"SheetFooter\";\r\n\r\nconst SheetTitle = React.forwardRef<\r\n React.ComponentRef<typeof SheetPrimitive.Title>,\r\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\r\n>(({className, ...props}, ref) => (\r\n <SheetPrimitive.Title\r\n ref={ref}\r\n className={cn(\"text-lg font-semibold text-neutral-950 dark:text-neutral-50\", className)}\r\n {...props}\r\n />\r\n));\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\r\n\r\nconst SheetDescription = React.forwardRef<\r\n React.ComponentRef<typeof SheetPrimitive.Description>,\r\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({className, ...props}, ref) => (\r\n <SheetPrimitive.Description\r\n ref={ref}\r\n className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n {...props}\r\n />\r\n));\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\r\n\r\nexport {Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger};\r\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,QAAQC;AAEd,MAAMC,eAAeD;AAErB,MAAME,aAAaF;AAEnB,MAAMG,cAAcH;AAEpB,MAAMI,eAAe,WAAfA,GAAeC,WAGnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,SAAsB;QACrB,WAAWS,GACT,0JACAH;QAED,GAAGC,KAAK;QACT,KAAKC;;AAGTJ,aAAa,WAAW,GAAGJ,QAAAA,WAAkC;AAE7D,MAAMU,gBAAgBC,IACpB,mNACA;IACE,UAAU;QACR,MAAM;YACJ,KAAK;YACL,QAAQ;YACR,MAAM;YACN,OACE;QACJ;IACF;IACA,iBAAiB;QACf,MAAM;IACR;AACF;AAKF,MAAMC,eAAe,WAAfA,GAAeP,WACnB,CAAC,EAACQ,OAAO,OAAO,EAAEP,SAAS,EAAEQ,QAAQ,EAAE,GAAGP,OAAM,EAAEC,MAAAA,WAAAA,GAChD,KAACL,aAAAA;;0BACC,IAACC,cAAAA,CAAAA;0BACD,KAACJ,SAAsB;gBACrB,KAAKQ;gBACL,WAAWC,GAAGC,cAAc;oBAACG;gBAAI,IAAIP;gBACpC,GAAGC,KAAK;;kCACT,KAACP,OAAoB;wBAAC,WAAU;;0CAC9B,IAACe,GAACA;gCAAC,WAAU;;0CACb,IAAC;gCAAK,WAAU;0CAAU;;;;oBAE3BD;;;;;AAKTF,aAAa,WAAW,GAAGZ,QAAAA,WAAkC;AAE7D,MAAMgB,cAAc,CAAC,EAACV,SAAS,EAAE,GAAGC,OAA4C,iBAC9E,IAAC;QACC,WAAWE,GAAG,oDAAoDH;QACjE,GAAGC,KAAK;;AAGbS,YAAY,WAAW,GAAG;AAE1B,MAAMC,cAAc,CAAC,EAACX,SAAS,EAAE,GAAGC,OAA4C,iBAC9E,IAAC;QACC,WAAWE,GAAG,iEAAiEH;QAC9E,GAAGC,KAAK;;AAGbU,YAAY,WAAW,GAAG;AAE1B,MAAMC,aAAa,WAAbA,GAAab,WAGjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,OAAoB;QACnB,KAAKQ;QACL,WAAWC,GAAG,+DAA+DH;QAC5E,GAAGC,KAAK;;AAGbW,WAAW,WAAW,GAAGlB,MAAAA,WAAgC;AAEzD,MAAMmB,mBAAmB,WAAnBA,GAAmBd,WAGvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,aAA0B;QACzB,KAAKQ;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbY,iBAAiB,WAAW,GAAGnB,YAAAA,WAAsC"}
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAU,cAAc,EAAkC,MAAM,yBAAyB,CAAC;AAWjG,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAIF,iBAAS,UAAU,wBAOlB;AAED,QAAA,MAAM,eAAe;kBAGH,OAAO;WACd,OAAO;mBACC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;gDA+ExC,CAAC;AAGH,QAAA,MAAM,OAAO;WAGF,MAAM,GAAG,OAAO;cACb,SAAS,GAAG,UAAU,GAAG,OAAO;kBAC5B,WAAW,GAAG,MAAM,GAAG,MAAM;gDAkF7C,CAAC;AAGH,QAAA,MAAM,cAAc,8KAqBnB,CAAC;AAGF,QAAA,MAAM,WAAW,kLAuBf,CAAC;AAGH,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,YAAY,mOAShB,CAAC;AAGH,QAAA,MAAM,aAAa,mKASjB,CAAC;AAGH,QAAA,MAAM,aAAa,mKASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,iOAWrB,CAAC;AAGF,QAAA,MAAM,cAAc,mKASlB,CAAC;AAGH,QAAA,MAAM,YAAY,mKAShB,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAA6E,OAAO;gDAiB1G,CAAC;AAGF,QAAA,MAAM,kBAAkB;cAAmF,OAAO;mDAmBjH,CAAC;AAGF,QAAA,MAAM,mBAAmB,mKAOvB,CAAC;AAGH,QAAA,MAAM,WAAW,yKAOf,CAAC;AAGH,QAAA,MAAM,eAAe,kKAOnB,CAAC;AAyBH,QAAA,MAAM,iBAAiB;cAGT,OAAO;eACN,OAAO;cACR,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;;;oHAsChE,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAGT,OAAO;kBACH,OAAO;mDAwBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB,mKAepB,CAAC;AAGH,QAAA,MAAM,mBAAmB;eAGV,OAAO;gDA+BpB,CAAC;AAGH,QAAA,MAAM,cAAc,yKAWlB,CAAC;AAGH,QAAA,MAAM,kBAAkB,kKAKtB,CAAC;AAGH,QAAA,MAAM,oBAAoB;cAGZ,OAAO;WACV,IAAI,GAAG,IAAI;eACP,OAAO;mDAsBpB,CAAC;AAGH,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,CAAC"}
1
+ {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAU,cAAc,EAAkC,MAAM,yBAAyB,CAAC;AAWjG,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAIF,iBAAS,UAAU,wBAOlB;AAED,QAAA,MAAM,eAAe;kBAGH,OAAO;WACd,OAAO;mBACC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;gDA+ExC,CAAC;AAGH,QAAA,MAAM,OAAO;WAGF,MAAM,GAAG,OAAO;cACb,SAAS,GAAG,UAAU,GAAG,OAAO;kBAC5B,WAAW,GAAG,MAAM,GAAG,MAAM;gDAkF7C,CAAC;AAGH,QAAA,MAAM,cAAc,8KAqBnB,CAAC;AAGF,QAAA,MAAM,WAAW,kLAwBf,CAAC;AAGH,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,YAAY,mOAcjB,CAAC;AAGF,QAAA,MAAM,aAAa,mKASjB,CAAC;AAGH,QAAA,MAAM,aAAa,mKASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,iOAWrB,CAAC;AAGF,QAAA,MAAM,cAAc,mKASlB,CAAC;AAGH,QAAA,MAAM,YAAY,mKAShB,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAA6E,OAAO;gDAiB1G,CAAC;AAGF,QAAA,MAAM,kBAAkB;cAAmF,OAAO;mDAmBjH,CAAC;AAGF,QAAA,MAAM,mBAAmB,mKAOvB,CAAC;AAGH,QAAA,MAAM,WAAW,yKAOf,CAAC;AAGH,QAAA,MAAM,eAAe,kKAOnB,CAAC;AAyBH,QAAA,MAAM,iBAAiB;cAGT,OAAO;eACN,OAAO;cACR,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;;;oHAsChE,CAAC;AAGH,QAAA,MAAM,iBAAiB;cAGT,OAAO;kBACH,OAAO;mDAwBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB,mKAepB,CAAC;AAGH,QAAA,MAAM,mBAAmB;eAGV,OAAO;gDA+BpB,CAAC;AAGH,QAAA,MAAM,cAAc,yKAWlB,CAAC;AAGH,QAAA,MAAM,kBAAkB,kKAKtB,CAAC;AAGH,QAAA,MAAM,oBAAoB;cAGZ,OAAO;WACV,IAAI,GAAG,IAAI;eACP,OAAO;mDAsBpB,CAAC;AAGH,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,CAAC"}
@@ -50,8 +50,8 @@ const SidebarProvider = /*#__PURE__*/ forwardRef(({ defaultOpen = true, open: op
50
50
  toggleSidebar();
51
51
  }
52
52
  };
53
- window.addEventListener("keydown", handleKeyDown);
54
- return ()=>window.removeEventListener("keydown", handleKeyDown);
53
+ globalThis.window.addEventListener("keydown", handleKeyDown);
54
+ return ()=>globalThis.window.removeEventListener("keydown", handleKeyDown);
55
55
  }, [
56
56
  toggleSidebar
57
57
  ]);
@@ -185,6 +185,7 @@ const SidebarRail = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
185
185
  "data-sidebar": "rail",
186
186
  "aria-label": "Toggle Sidebar",
187
187
  tabIndex: -1,
188
+ type: "button",
188
189
  onClick: toggleSidebar,
189
190
  title: "Toggle Sidebar",
190
191
  className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\sidebar.js","sources":["webpack://@arolariu/components/./src/components/ui/sidebar.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {VariantProps, cva} from \"class-variance-authority\";\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle} from \"@/components/ui/sheet\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarContextProps = {\r\n state: \"expanded\" | \"collapsed\";\r\n open: boolean;\r\n setOpen: (open: boolean) => void;\r\n openMobile: boolean;\r\n setOpenMobile: (open: boolean) => void;\r\n isMobile: boolean;\r\n toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\nfunction useSidebar() {\r\n const context = React.useContext(SidebarContext);\r\n if (!context) {\r\n throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n }\r\n\r\n return context;\r\n}\r\n\r\nconst SidebarProvider = React.forwardRef<\r\n HTMLDivElement,\r\n React.ComponentProps<\"div\"> & {\r\n defaultOpen?: boolean;\r\n open?: boolean;\r\n onOpenChange?: (open: boolean) => void;\r\n }\r\n>(({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n const isMobile = useIsMobile();\r\n const [openMobile, setOpenMobile] = React.useState(false);\r\n\r\n // This is the internal state of the sidebar.\r\n // We use openProp and setOpenProp for control from outside the component.\r\n const [_open, _setOpen] = React.useState(defaultOpen);\r\n const open = openProp ?? _open;\r\n const setOpen = React.useCallback(\r\n (value: boolean | ((value: boolean) => boolean)) => {\r\n const openState = typeof value === \"function\" ? value(open) : value;\r\n if (setOpenProp) {\r\n setOpenProp(openState);\r\n } else {\r\n _setOpen(openState);\r\n }\r\n\r\n // This sets the cookie to keep the sidebar state.\r\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n },\r\n [setOpenProp, open],\r\n );\r\n\r\n // Helper to toggle the sidebar.\r\n const toggleSidebar = React.useCallback(() => {\r\n return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\r\n }, [isMobile, setOpen, setOpenMobile]);\r\n\r\n // Adds a keyboard shortcut to toggle the sidebar.\r\n React.useEffect(() => {\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n event.preventDefault();\r\n toggleSidebar();\r\n }\r\n };\r\n\r\n window.addEventListener(\"keydown\", handleKeyDown);\r\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\r\n }, [toggleSidebar]);\r\n\r\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\r\n // This makes it easier to style the sidebar with Tailwind classes.\r\n const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n const contextValue = React.useMemo<SidebarContextProps>(\r\n () => ({\r\n state,\r\n open,\r\n setOpen,\r\n isMobile,\r\n openMobile,\r\n setOpenMobile,\r\n toggleSidebar,\r\n }),\r\n [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],\r\n );\r\n\r\n return (\r\n <SidebarContext.Provider value={contextValue}>\r\n <TooltipProvider delayDuration={0}>\r\n <div\r\n style={\r\n {\r\n \"--sidebar-width\": SIDEBAR_WIDTH,\r\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n ...style,\r\n } as React.CSSProperties\r\n }\r\n className={cn(\"group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full\", className)}\r\n ref={ref}\r\n {...props}>\r\n {children}\r\n </div>\r\n </TooltipProvider>\r\n </SidebarContext.Provider>\r\n );\r\n});\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\nconst Sidebar = React.forwardRef<\r\n HTMLDivElement,\r\n React.ComponentProps<\"div\"> & {\r\n side?: \"left\" | \"right\";\r\n variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n }\r\n>(({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n const {isMobile, state, openMobile, setOpenMobile} = useSidebar();\r\n\r\n if (collapsible === \"none\") {\r\n return (\r\n <div\r\n className={cn(\"bg-sidebar text-sidebar-foreground flex h-full w-[--sidebar-width] flex-col\", className)}\r\n ref={ref}\r\n {...props}>\r\n {children}\r\n </div>\r\n );\r\n }\r\n\r\n if (isMobile) {\r\n return (\r\n <Sheet\r\n open={openMobile}\r\n onOpenChange={setOpenMobile}\r\n {...props}>\r\n <SheetContent\r\n data-sidebar='sidebar'\r\n data-mobile='true'\r\n className='bg-sidebar text-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden'\r\n style={\r\n {\r\n \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\r\n } as React.CSSProperties\r\n }\r\n side={side}>\r\n <SheetHeader className='sr-only'>\r\n <SheetTitle>Sidebar</SheetTitle>\r\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\r\n </SheetHeader>\r\n <div className='flex h-full w-full flex-col'>{children}</div>\r\n </SheetContent>\r\n </Sheet>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className='group peer text-sidebar-foreground hidden md:block'\r\n data-state={state}\r\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n data-variant={variant}\r\n data-side={side}>\r\n {/* This is what handles the sidebar gap on desktop */}\r\n <div\r\n className={cn(\r\n \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\r\n \"group-data-[collapsible=offcanvas]:w-0\",\r\n \"group-data-[side=right]:rotate-180\",\r\n variant === \"floating\" || variant === \"inset\"\r\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\r\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\",\r\n )}\r\n />\r\n <div\r\n className={cn(\r\n \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\r\n side === \"left\"\r\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\r\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\r\n // Adjust the padding for floating and inset variants.\r\n variant === \"floating\" || variant === \"inset\"\r\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\r\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\r\n className,\r\n )}\r\n {...props}>\r\n <div\r\n data-sidebar='sidebar'\r\n className='bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow'>\r\n {children}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n});\r\nSidebar.displayName = \"Sidebar\";\r\n\r\nconst SidebarTrigger = React.forwardRef<React.ElementRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n ({className, onClick, ...props}, ref) => {\r\n const {toggleSidebar} = useSidebar();\r\n\r\n return (\r\n <Button\r\n ref={ref}\r\n data-sidebar='trigger'\r\n variant='ghost'\r\n size='icon'\r\n className={cn(\"h-7 w-7\", className)}\r\n onClick={(event) => {\r\n onClick?.(event);\r\n toggleSidebar();\r\n }}\r\n {...props}>\r\n <PanelLeft />\r\n <span className='sr-only'>Toggle Sidebar</span>\r\n </Button>\r\n );\r\n },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n const {toggleSidebar} = useSidebar();\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n data-sidebar='rail'\r\n aria-label='Toggle Sidebar'\r\n tabIndex={-1}\r\n onClick={toggleSidebar}\r\n title='Toggle Sidebar'\r\n className={cn(\r\n \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\r\n \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\r\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\r\n \"group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\r\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\r\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => {\r\n return (\r\n <main\r\n ref={ref}\r\n className={cn(\r\n \"relative flex w-full flex-1 flex-col bg-white dark:bg-neutral-950\",\r\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\nconst SidebarInput = React.forwardRef<React.ElementRef<typeof Input>, React.ComponentProps<typeof Input>>(({className, ...props}, ref) => {\r\n return (\r\n <Input\r\n ref={ref}\r\n data-sidebar='input'\r\n className={cn(\"focus-visible:ring-sidebar-ring h-8 w-full bg-white shadow-none focus-visible:ring-2 dark:bg-neutral-950\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='header'\r\n className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='footer'\r\n className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\nconst SidebarSeparator = React.forwardRef<React.ElementRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n ({className, ...props}, ref) => {\r\n return (\r\n <Separator\r\n ref={ref}\r\n data-sidebar='separator'\r\n className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='content'\r\n className={cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='group'\r\n className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\"> & {asChild?: boolean}>(\r\n ({className, asChild = false, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='group-label'\r\n className={cn(\r\n \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\"> & {asChild?: boolean}>(\r\n ({className, asChild = false, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='group-action'\r\n className={cn(\r\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n // Increases the hit area of the button on mobile.\r\n \"after:absolute after:-inset-2 after:md:hidden\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n <div\r\n ref={ref}\r\n data-sidebar='group-content'\r\n className={cn(\"w-full text-sm\", className)}\r\n {...props}\r\n />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n <ul\r\n ref={ref}\r\n data-sidebar='menu'\r\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\r\n {...props}\r\n />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n <li\r\n ref={ref}\r\n data-sidebar='menu-item'\r\n className={cn(\"group/menu-item relative\", className)}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariants = cva(\r\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] 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 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\r\n outline:\r\n \"bg-white shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))] dark:bg-neutral-950\",\r\n },\r\n size: {\r\n default: \"h-8 text-sm\",\r\n sm: \"h-7 text-xs\",\r\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n },\r\n);\r\n\r\nconst SidebarMenuButton = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ComponentProps<\"button\"> & {\r\n asChild?: boolean;\r\n isActive?: boolean;\r\n tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n } & VariantProps<typeof sidebarMenuButtonVariants>\r\n>(({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n const {isMobile, state} = useSidebar();\r\n\r\n const button = (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='menu-button'\r\n data-size={size}\r\n data-active={isActive}\r\n className={cn(sidebarMenuButtonVariants({variant, size}), className)}\r\n {...props}\r\n />\r\n );\r\n\r\n if (!tooltip) {\r\n return button;\r\n }\r\n\r\n if (typeof tooltip === \"string\") {\r\n tooltip = {\r\n children: tooltip,\r\n };\r\n }\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{button}</TooltipTrigger>\r\n <TooltipContent\r\n side='right'\r\n align='center'\r\n hidden={state !== \"collapsed\" || isMobile}\r\n {...tooltip}\r\n />\r\n </Tooltip>\r\n );\r\n});\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\nconst SidebarMenuAction = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ComponentProps<\"button\"> & {\r\n asChild?: boolean;\r\n showOnHover?: boolean;\r\n }\r\n>(({className, asChild = false, showOnHover = false, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='menu-action'\r\n className={cn(\r\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n // Increases the hit area of the button on mobile.\r\n \"after:absolute after:-inset-2 after:md:hidden\",\r\n \"peer-data-[size=sm]/menu-button:top-1\",\r\n \"peer-data-[size=default]/menu-button:top-1.5\",\r\n \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n showOnHover\r\n && \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n <div\r\n ref={ref}\r\n data-sidebar='menu-badge'\r\n className={cn(\r\n \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\r\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\r\n \"peer-data-[size=sm]/menu-button:top-1\",\r\n \"peer-data-[size=default]/menu-button:top-1.5\",\r\n \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\nconst SidebarMenuSkeleton = React.forwardRef<\r\n HTMLDivElement,\r\n React.ComponentProps<\"div\"> & {\r\n showIcon?: boolean;\r\n }\r\n>(({className, showIcon = false, ...props}, ref) => {\r\n // Random width between 50 to 90%.\r\n const width = React.useMemo(() => {\r\n return `${Math.floor(Math.random() * 40) + 50}%`;\r\n }, []);\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='menu-skeleton'\r\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\r\n {...props}>\r\n {showIcon && (\r\n <Skeleton\r\n className='size-4 rounded-md'\r\n data-sidebar='menu-skeleton-icon'\r\n />\r\n )}\r\n <Skeleton\r\n className='h-4 max-w-[--skeleton-width] flex-1'\r\n data-sidebar='menu-skeleton-text'\r\n style={\r\n {\r\n \"--skeleton-width\": width,\r\n } as React.CSSProperties\r\n }\r\n />\r\n </div>\r\n );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n <ul\r\n ref={ref}\r\n data-sidebar='menu-sub'\r\n className={cn(\r\n \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({...props}, ref) => (\r\n <li\r\n ref={ref}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\nconst SidebarMenuSubButton = React.forwardRef<\r\n HTMLAnchorElement,\r\n React.ComponentProps<\"a\"> & {\r\n asChild?: boolean;\r\n size?: \"sm\" | \"md\";\r\n isActive?: boolean;\r\n }\r\n>(({asChild = false, size = \"md\", isActive, className, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"a\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='menu-sub-button'\r\n data-size={size}\r\n data-active={isActive}\r\n className={cn(\r\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-none focus-visible:ring-2 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\",\r\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\r\n size === \"sm\" && \"text-xs\",\r\n size === \"md\" && \"text-sm\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n Sidebar,\r\n SidebarContent,\r\n SidebarFooter,\r\n SidebarGroup,\r\n SidebarGroupAction,\r\n SidebarGroupContent,\r\n SidebarGroupLabel,\r\n SidebarHeader,\r\n SidebarInput,\r\n SidebarInset,\r\n SidebarMenu,\r\n SidebarMenuAction,\r\n SidebarMenuBadge,\r\n SidebarMenuButton,\r\n SidebarMenuItem,\r\n SidebarMenuSkeleton,\r\n SidebarMenuSub,\r\n SidebarMenuSubButton,\r\n SidebarMenuSubItem,\r\n SidebarProvider,\r\n SidebarRail,\r\n SidebarSeparator,\r\n SidebarTrigger,\r\n useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","document","toggleSidebar","handleKeyDown","event","window","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Comp","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,sBAAsB;AAC5B,MAAMC,yBAAyB;AAC/B,MAAMC,gBAAgB;AACtB,MAAMC,uBAAuB;AAC7B,MAAMC,qBAAqB;AAC3B,MAAMC,4BAA4B;AAYlC,MAAMC,iBAAiB,WAAjBA,GAAiBC,cAAgD;AAEvE,SAASC;IACP,MAAMC,UAAUF,WAAiBD;IACjC,IAAI,CAACG,SACH,MAAM,IAAIC,MAAM;IAGlB,OAAOD;AACT;AAEA,MAAME,kBAAkB,WAAlBA,GAAkBJ,WAOtB,CAAC,EAACK,cAAc,IAAI,EAAE,MAAMC,QAAQ,EAAE,cAAcC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC;IACxG,MAAMC,WAAWC;IACjB,MAAM,CAACC,YAAYC,cAAc,GAAGhB,SAAe;IAInD,MAAM,CAACiB,OAAOC,SAAS,GAAGlB,SAAeK;IACzC,MAAMc,OAAOb,YAAYW;IACzB,MAAMG,UAAUpB,YACd,CAACqB;QACC,MAAMC,YAAY,qBAAOD,QAAuBA,MAAMF,QAAQE;QAC9D,IAAId,aACFA,YAAYe;aAEZJ,SAASI;QAIXC,SAAS,MAAM,GAAG,GAAG9B,oBAAoB,CAAC,EAAE6B,UAAU,kBAAkB,EAAE5B,wBAAwB;IACpG,GACA;QAACa;QAAaY;KAAK;IAIrB,MAAMK,gBAAgBxB,YAAkB,IAC/Ba,WAAWG,cAAc,CAACG,OAAS,CAACA,QAAQC,QAAQ,CAACD,OAAS,CAACA,OACrE;QAACN;QAAUO;QAASJ;KAAc;IAGrChB,UAAgB;QACd,MAAMyB,gBAAgB,CAACC;YACrB,IAAIA,MAAM,GAAG,KAAK5B,6BAA8B4B,CAAAA,MAAM,OAAO,IAAIA,MAAM,OAAM,GAAI;gBAC/EA,MAAM,cAAc;gBACpBF;YACF;QACF;QAEAG,OAAO,gBAAgB,CAAC,WAAWF;QACnC,OAAO,IAAME,OAAO,mBAAmB,CAAC,WAAWF;IACrD,GAAG;QAACD;KAAc;IAIlB,MAAMI,QAAQT,OAAO,aAAa;IAElC,MAAMU,eAAe7B,QACnB,IAAO;YACL4B;YACAT;YACAC;YACAP;YACAE;YACAC;YACAQ;QACF,IACA;QAACI;QAAOT;QAAMC;QAASP;QAAUE;QAAYC;QAAeQ;KAAc;IAG5E,OAAO,WAAP,GACE,IAACzB,eAAe,QAAQ;QAAC,OAAO8B;kBAC9B,kBAACC,iBAAeA;YAAC,eAAe;sBAC9B,kBAAC;gBACC,OACE;oBACE,mBAAmBnC;oBACnB,wBAAwBE;oBACxB,GAAGY,KAAK;gBACV;gBAEF,WAAWsB,GAAG,qFAAqFvB;gBACnG,KAAKI;gBACJ,GAAGD,KAAK;0BACRD;;;;AAKX;AACAN,gBAAgB,WAAW,GAAG;AAE9B,MAAM4B,UAAU,WAAVA,GAAUhC,WAOd,CAAC,EAACiC,OAAO,MAAM,EAAEC,UAAU,SAAS,EAAEC,cAAc,WAAW,EAAE3B,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAM,EAAEC;IACjG,MAAM,EAACC,QAAQ,EAAEe,KAAK,EAAEb,UAAU,EAAEC,aAAa,EAAC,GAAGf;IAErD,IAAIkC,WAAAA,aACF,OAAO,WAAP,GACE,IAAC;QACC,WAAWJ,GAAG,+EAA+EvB;QAC7F,KAAKI;QACJ,GAAGD,KAAK;kBACRD;;IAKP,IAAIG,UACF,OAAO,WAAP,GACE,IAACuB,OAAKA;QACJ,MAAMrB;QACN,cAAcC;QACb,GAAGL,KAAK;kBACT,mBAAC0B,cAAYA;YACX,gBAAa;YACb,eAAY;YACZ,WAAU;YACV,OACE;gBACE,mBAAmBzC;YACrB;YAEF,MAAMqC;;8BACN,KAACK,aAAWA;oBAAC,WAAU;;sCACrB,IAACC,YAAUA;sCAAC;;sCACZ,IAACC,kBAAgBA;sCAAC;;;;8BAEpB,IAAC;oBAAI,WAAU;8BAA+B9B;;;;;IAMtD,OAAO,WAAP,GACE,KAAC;QACC,KAAKE;QACL,WAAU;QACV,cAAYgB;QACZ,oBAAkBA,gBAAAA,QAAwBO,cAAc;QACxD,gBAAcD;QACd,aAAWD;;0BAEX,IAAC;gBACC,WAAWF,GACT,2FACA,0CACA,sCACAG,eAAAA,WAA0BA,YAAAA,UACtB,yFACA;;0BAGR,IAAC;gBACC,WAAWH,GACT,wHACAE,WAAAA,OACI,mFACA,oFAEJC,eAAAA,WAA0BA,YAAAA,UACtB,kGACA,2HACJ1B;gBAED,GAAGG,KAAK;0BACT,kBAAC;oBACC,gBAAa;oBACb,WAAU;8BACTD;;;;;AAKX;AACAsB,QAAQ,WAAW,GAAG;AAEtB,MAAMS,iBAAiB,WAAjBA,GAAiBzC,WACrB,CAAC,EAACQ,SAAS,EAAEkC,OAAO,EAAE,GAAG/B,OAAM,EAAEC;IAC/B,MAAM,EAACY,aAAa,EAAC,GAAGvB;IAExB,OAAO,WAAP,GACE,KAAC0C,QAAMA;QACL,KAAK/B;QACL,gBAAa;QACb,SAAQ;QACR,MAAK;QACL,WAAWmB,GAAG,WAAWvB;QACzB,SAAS,CAACkB;YACRgB,UAAUhB;YACVF;QACF;QACC,GAAGb,KAAK;;0BACT,IAACiC,WAASA,CAAAA;0BACV,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC;AAEFH,eAAe,WAAW,GAAG;AAE7B,MAAMI,cAAc,WAAdA,GAAc7C,WAAoE,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC;IAC9G,MAAM,EAACY,aAAa,EAAC,GAAGvB;IAExB,OAAO,WAAP,GACE,IAAC;QACC,KAAKW;QACL,gBAAa;QACb,cAAW;QACX,UAAU;QACV,SAASY;QACT,OAAM;QACN,WAAWO,GACT,mPACA,8EACA,0HACA,2JACA,6DACA,6DACAvB;QAED,GAAGG,KAAK;;AAGf;AACAkC,YAAY,WAAW,GAAG;AAE1B,MAAMC,eAAe,WAAfA,GAAe9C,WAA+D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACnG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,WAAWmB,GACT,qEACA,gNACAvB;QAED,GAAGG,KAAK;;AAIfmC,aAAa,WAAW,GAAG;AAE3B,MAAMC,eAAe,WAAfA,GAAe/C,WAAqF,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACzH,WAAP,GACE,IAACoC,OAAKA;QACJ,KAAKpC;QACL,gBAAa;QACb,WAAWmB,GAAG,4GAA4GvB;QACzH,GAAGG,KAAK;;AAIfoC,aAAa,WAAW,GAAG;AAE3B,MAAME,gBAAgB,WAAhBA,GAAgBjD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACnG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,2BAA2BvB;QACxC,GAAGG,KAAK;;AAIfsC,cAAc,WAAW,GAAG;AAE5B,MAAMC,gBAAgB,WAAhBA,GAAgBlD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACnG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,2BAA2BvB;QACxC,GAAGG,KAAK;;AAIfuC,cAAc,WAAW,GAAG;AAE5B,MAAMC,mBAAmB,WAAnBA,GAAmBnD,WACvB,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACf,WAAP,GACE,IAACwC,WAASA;QACR,KAAKxC;QACL,gBAAa;QACb,WAAWmB,GAAG,iCAAiCvB;QAC9C,GAAGG,KAAK;;AAKjBwC,iBAAiB,WAAW,GAAG;AAE/B,MAAME,iBAAiB,WAAjBA,GAAiBrD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACpG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,kGAAkGvB;QAC/G,GAAGG,KAAK;;AAIf0C,eAAe,WAAW,GAAG;AAE7B,MAAMC,eAAe,WAAfA,GAAetD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAClG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,6CAA6CvB;QAC1D,GAAGG,KAAK;;AAIf2C,aAAa,WAAW,GAAG;AAE3B,MAAMC,oBAAoB,WAApBA,GAAoBvD,WACxB,CAAC,EAACQ,SAAS,EAAEgD,UAAU,KAAK,EAAE,GAAG7C,OAAM,EAAEC;IACvC,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,WAAWmB,GACT,0OACA,+EACAvB;QAED,GAAGG,KAAK;;AAGf;AAEF4C,kBAAkB,WAAW,GAAG;AAEhC,MAAMI,qBAAqB,WAArBA,GAAqB3D,WACzB,CAAC,EAACQ,SAAS,EAAEgD,UAAU,KAAK,EAAE,GAAG7C,OAAM,EAAEC;IACvC,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,WAAWmB,GACT,4RAEA,iDACA,wCACAvB;QAED,GAAGG,KAAK;;AAGf;AAEFgD,mBAAmB,WAAW,GAAG;AAEjC,MAAMC,sBAAsB,WAAtBA,GAAsB5D,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAChH,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,kBAAkBvB;QAC/B,GAAGG,KAAK;;AAGbiD,oBAAoB,WAAW,GAAG;AAElC,MAAMC,cAAc,WAAdA,GAAc7D,WAA+D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GACzG,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,sCAAsCvB;QACnD,GAAGG,KAAK;;AAGbkD,YAAY,WAAW,GAAG;AAE1B,MAAMC,kBAAkB,WAAlBA,GAAkB9D,WAA4D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAC1G,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,4BAA4BvB;QACzC,GAAGG,KAAK;;AAGbmD,gBAAgB,WAAW,GAAG;AAE9B,MAAMC,4BAA4BC,IAChC,qzBACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SACE;QACJ;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,MAAMC,oBAAoB,WAApBA,GAAoBjE,WAOxB,CAAC,EAACwD,UAAU,KAAK,EAAEU,WAAW,KAAK,EAAEhC,UAAU,SAAS,EAAEiC,OAAO,SAAS,EAAEC,OAAO,EAAE5D,SAAS,EAAE,GAAGG,OAAM,EAAEC;IAC3G,MAAM6C,OAAOD,UAAUE,OAAO;IAC9B,MAAM,EAAC7C,QAAQ,EAAEe,KAAK,EAAC,GAAG3B;IAE1B,MAAMoE,SAAS,WAATA,GACJ,IAACZ,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,aAAWuD;QACX,eAAaD;QACb,WAAWnC,GAAGgC,0BAA0B;YAAC7B;YAASiC;QAAI,IAAI3D;QACzD,GAAGG,KAAK;;IAIb,IAAI,CAACyD,SACH,OAAOC;IAGT,IAAI,mBAAOD,SACTA,UAAU;QACR,UAAUA;IACZ;IAGF,OAAO,WAAP,GACE,KAACE,SAAOA;;0BACN,IAACC,gBAAcA;gBAAC,SAAO;0BAAEF;;0BACzB,IAACG,gBAAcA;gBACb,MAAK;gBACL,OAAM;gBACN,QAAQ5C,gBAAAA,SAAyBf;gBAChC,GAAGuD,OAAO;;;;AAInB;AACAH,kBAAkB,WAAW,GAAG;AAEhC,MAAMQ,oBAAoB,WAApBA,GAAoBzE,WAMxB,CAAC,EAACQ,SAAS,EAAEgD,UAAU,KAAK,EAAEkB,cAAc,KAAK,EAAE,GAAG/D,OAAM,EAAEC;IAC9D,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,WAAWmB,GACT,kVAEA,iDACA,yCACA,gDACA,2CACA,wCACA2C,eACK,4LACLlE;QAED,GAAGG,KAAK;;AAGf;AACA8D,kBAAkB,WAAW,GAAG;AAEhC,MAAME,mBAAmB,WAAnBA,GAAmB3E,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAC7G,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GACT,0KACA,4HACA,yCACA,gDACA,2CACA,wCACAvB;QAED,GAAGG,KAAK;;AAGbgE,iBAAiB,WAAW,GAAG;AAE/B,MAAMC,sBAAsB,WAAtBA,GAAsB5E,WAK1B,CAAC,EAACQ,SAAS,EAAEqE,WAAW,KAAK,EAAE,GAAGlE,OAAM,EAAEC;IAE1C,MAAMkE,QAAQ9E,QAAc,IACnB,GAAG+E,KAAK,KAAK,CAACA,KAAAA,KAAK,MAAM,MAAW,GAAG,CAAC,CAAC,EAC/C,EAAE;IAEL,OAAO,WAAP,GACE,KAAC;QACC,KAAKnE;QACL,gBAAa;QACb,WAAWmB,GAAG,+CAA+CvB;QAC5D,GAAGG,KAAK;;YACRkE,YAAY,WAAZA,GACC,IAACG,UAAQA;gBACP,WAAU;gBACV,gBAAa;;0BAGjB,IAACA,UAAQA;gBACP,WAAU;gBACV,gBAAa;gBACb,OACE;oBACE,oBAAoBF;gBACtB;;;;AAKV;AACAF,oBAAoB,WAAW,GAAG;AAElC,MAAMK,iBAAiB,WAAjBA,GAAiBjF,WAA+D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAC5G,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GACT,kGACA,wCACAvB;QAED,GAAGG,KAAK;;AAGbsE,eAAe,WAAW,GAAG;AAE7B,MAAMC,qBAAqB,WAArBA,GAAqBlF,WAA4D,CAAC,EAAC,GAAGW,OAAM,EAAEC,MAAAA,WAAAA,GAClG,IAAC;QACC,KAAKA;QACJ,GAAGD,KAAK;;AAGbuE,mBAAmB,WAAW,GAAG;AAEjC,MAAMC,uBAAuB,WAAvBA,GAAuBnF,WAO3B,CAAC,EAACwD,UAAU,KAAK,EAAEW,OAAO,IAAI,EAAED,QAAQ,EAAE1D,SAAS,EAAE,GAAGG,OAAM,EAAEC;IAChE,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,aAAWuD;QACX,eAAaD;QACb,WAAWnC,GACT,+eACA,0FACAoC,SAAAA,QAAiB,WACjBA,SAAAA,QAAiB,WACjB,wCACA3D;QAED,GAAGG,KAAK;;AAGf;AACAwE,qBAAqB,WAAW,GAAG"}
1
+ {"version":3,"file":"components/ui/sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {VariantProps, cva} from \"class-variance-authority\";\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle} from \"@/components/ui/sheet\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarContextProps = {\r\n state: \"expanded\" | \"collapsed\";\r\n open: boolean;\r\n setOpen: (open: boolean) => void;\r\n openMobile: boolean;\r\n setOpenMobile: (open: boolean) => void;\r\n isMobile: boolean;\r\n toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\nfunction useSidebar() {\r\n const context = React.useContext(SidebarContext);\r\n if (!context) {\r\n throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n }\r\n\r\n return context;\r\n}\r\n\r\nconst SidebarProvider = React.forwardRef<\r\n HTMLDivElement,\r\n React.ComponentProps<\"div\"> & {\r\n defaultOpen?: boolean;\r\n open?: boolean;\r\n onOpenChange?: (open: boolean) => void;\r\n }\r\n>(({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n const isMobile = useIsMobile();\r\n const [openMobile, setOpenMobile] = React.useState(false);\r\n\r\n // This is the internal state of the sidebar.\r\n // We use openProp and setOpenProp for control from outside the component.\r\n const [_open, _setOpen] = React.useState(defaultOpen);\r\n const open = openProp ?? _open;\r\n const setOpen = React.useCallback(\r\n (value: boolean | ((value: boolean) => boolean)) => {\r\n const openState = typeof value === \"function\" ? value(open) : value;\r\n if (setOpenProp) {\r\n setOpenProp(openState);\r\n } else {\r\n _setOpen(openState);\r\n }\r\n\r\n // This sets the cookie to keep the sidebar state.\r\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n },\r\n [setOpenProp, open],\r\n );\r\n\r\n // Helper to toggle the sidebar.\r\n const toggleSidebar = React.useCallback(() => {\r\n return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\r\n }, [isMobile, setOpen, setOpenMobile]);\r\n\r\n // Adds a keyboard shortcut to toggle the sidebar.\r\n React.useEffect(() => {\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n event.preventDefault();\r\n toggleSidebar();\r\n }\r\n };\r\n\r\n globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n return () => globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n }, [toggleSidebar]);\r\n\r\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\r\n // This makes it easier to style the sidebar with Tailwind classes.\r\n const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n const contextValue = React.useMemo<SidebarContextProps>(\r\n () => ({\r\n state,\r\n open,\r\n setOpen,\r\n isMobile,\r\n openMobile,\r\n setOpenMobile,\r\n toggleSidebar,\r\n }),\r\n [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],\r\n );\r\n\r\n return (\r\n <SidebarContext.Provider value={contextValue}>\r\n <TooltipProvider delayDuration={0}>\r\n <div\r\n style={\r\n {\r\n \"--sidebar-width\": SIDEBAR_WIDTH,\r\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n ...style,\r\n } as React.CSSProperties\r\n }\r\n className={cn(\"group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full\", className)}\r\n ref={ref}\r\n {...props}>\r\n {children}\r\n </div>\r\n </TooltipProvider>\r\n </SidebarContext.Provider>\r\n );\r\n});\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\nconst Sidebar = React.forwardRef<\r\n HTMLDivElement,\r\n React.ComponentProps<\"div\"> & {\r\n side?: \"left\" | \"right\";\r\n variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n }\r\n>(({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n const {isMobile, state, openMobile, setOpenMobile} = useSidebar();\r\n\r\n if (collapsible === \"none\") {\r\n return (\r\n <div\r\n className={cn(\"bg-sidebar text-sidebar-foreground flex h-full w-[--sidebar-width] flex-col\", className)}\r\n ref={ref}\r\n {...props}>\r\n {children}\r\n </div>\r\n );\r\n }\r\n\r\n if (isMobile) {\r\n return (\r\n <Sheet\r\n open={openMobile}\r\n onOpenChange={setOpenMobile}\r\n {...props}>\r\n <SheetContent\r\n data-sidebar='sidebar'\r\n data-mobile='true'\r\n className='bg-sidebar text-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden'\r\n style={\r\n {\r\n \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\r\n } as React.CSSProperties\r\n }\r\n side={side}>\r\n <SheetHeader className='sr-only'>\r\n <SheetTitle>Sidebar</SheetTitle>\r\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\r\n </SheetHeader>\r\n <div className='flex h-full w-full flex-col'>{children}</div>\r\n </SheetContent>\r\n </Sheet>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className='group peer text-sidebar-foreground hidden md:block'\r\n data-state={state}\r\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n data-variant={variant}\r\n data-side={side}>\r\n {/* This is what handles the sidebar gap on desktop */}\r\n <div\r\n className={cn(\r\n \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\r\n \"group-data-[collapsible=offcanvas]:w-0\",\r\n \"group-data-[side=right]:rotate-180\",\r\n variant === \"floating\" || variant === \"inset\"\r\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\r\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\",\r\n )}\r\n />\r\n <div\r\n className={cn(\r\n \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\r\n side === \"left\"\r\n ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\r\n : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\r\n // Adjust the padding for floating and inset variants.\r\n variant === \"floating\" || variant === \"inset\"\r\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\r\n : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\r\n className,\r\n )}\r\n {...props}>\r\n <div\r\n data-sidebar='sidebar'\r\n className='bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow'>\r\n {children}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n});\r\nSidebar.displayName = \"Sidebar\";\r\n\r\nconst SidebarTrigger = React.forwardRef<React.ComponentRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n ({className, onClick, ...props}, ref) => {\r\n const {toggleSidebar} = useSidebar();\r\n\r\n return (\r\n <Button\r\n ref={ref}\r\n data-sidebar='trigger'\r\n variant='ghost'\r\n size='icon'\r\n className={cn(\"h-7 w-7\", className)}\r\n onClick={(event) => {\r\n onClick?.(event);\r\n toggleSidebar();\r\n }}\r\n {...props}>\r\n <PanelLeft />\r\n <span className='sr-only'>Toggle Sidebar</span>\r\n </Button>\r\n );\r\n },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n const {toggleSidebar} = useSidebar();\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n data-sidebar='rail'\r\n aria-label='Toggle Sidebar'\r\n tabIndex={-1}\r\n type='button'\r\n onClick={toggleSidebar}\r\n title='Toggle Sidebar'\r\n className={cn(\r\n \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\r\n \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\r\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\r\n \"group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\r\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\r\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => {\r\n return (\r\n <main\r\n ref={ref}\r\n className={cn(\r\n \"relative flex w-full flex-1 flex-col bg-white dark:bg-neutral-950\",\r\n \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\nconst SidebarInput = React.forwardRef<React.ComponentRef<typeof Input>, React.ComponentProps<typeof Input>>(\r\n ({className, ...props}, ref) => {\r\n return (\r\n <Input\r\n ref={ref}\r\n data-sidebar='input'\r\n className={cn(\r\n \"focus-visible:ring-sidebar-ring h-8 w-full bg-white shadow-none focus-visible:ring-2 dark:bg-neutral-950\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='header'\r\n className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='footer'\r\n className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n ({className, ...props}, ref) => {\r\n return (\r\n <Separator\r\n ref={ref}\r\n data-sidebar='separator'\r\n className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='content'\r\n className={cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='group'\r\n className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\"> & {asChild?: boolean}>(\r\n ({className, asChild = false, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"div\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='group-label'\r\n className={cn(\r\n \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\"> & {asChild?: boolean}>(\r\n ({className, asChild = false, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='group-action'\r\n className={cn(\r\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n // Increases the hit area of the button on mobile.\r\n \"after:absolute after:-inset-2 after:md:hidden\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n <div\r\n ref={ref}\r\n data-sidebar='group-content'\r\n className={cn(\"w-full text-sm\", className)}\r\n {...props}\r\n />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n <ul\r\n ref={ref}\r\n data-sidebar='menu'\r\n className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\r\n {...props}\r\n />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n <li\r\n ref={ref}\r\n data-sidebar='menu-item'\r\n className={cn(\"group/menu-item relative\", className)}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariants = cva(\r\n \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] 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 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\r\n outline:\r\n \"bg-white shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))] dark:bg-neutral-950\",\r\n },\r\n size: {\r\n default: \"h-8 text-sm\",\r\n sm: \"h-7 text-xs\",\r\n lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n },\r\n);\r\n\r\nconst SidebarMenuButton = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ComponentProps<\"button\"> & {\r\n asChild?: boolean;\r\n isActive?: boolean;\r\n tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n } & VariantProps<typeof sidebarMenuButtonVariants>\r\n>(({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n const {isMobile, state} = useSidebar();\r\n\r\n const button = (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='menu-button'\r\n data-size={size}\r\n data-active={isActive}\r\n className={cn(sidebarMenuButtonVariants({variant, size}), className)}\r\n {...props}\r\n />\r\n );\r\n\r\n if (!tooltip) {\r\n return button;\r\n }\r\n\r\n if (typeof tooltip === \"string\") {\r\n tooltip = {\r\n children: tooltip,\r\n };\r\n }\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{button}</TooltipTrigger>\r\n <TooltipContent\r\n side='right'\r\n align='center'\r\n hidden={state !== \"collapsed\" || isMobile}\r\n {...tooltip}\r\n />\r\n </Tooltip>\r\n );\r\n});\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\nconst SidebarMenuAction = React.forwardRef<\r\n HTMLButtonElement,\r\n React.ComponentProps<\"button\"> & {\r\n asChild?: boolean;\r\n showOnHover?: boolean;\r\n }\r\n>(({className, asChild = false, showOnHover = false, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='menu-action'\r\n className={cn(\r\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n // Increases the hit area of the button on mobile.\r\n \"after:absolute after:-inset-2 after:md:hidden\",\r\n \"peer-data-[size=sm]/menu-button:top-1\",\r\n \"peer-data-[size=default]/menu-button:top-1.5\",\r\n \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n showOnHover\r\n && \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n <div\r\n ref={ref}\r\n data-sidebar='menu-badge'\r\n className={cn(\r\n \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\r\n \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\r\n \"peer-data-[size=sm]/menu-button:top-1\",\r\n \"peer-data-[size=default]/menu-button:top-1.5\",\r\n \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\nconst SidebarMenuSkeleton = React.forwardRef<\r\n HTMLDivElement,\r\n React.ComponentProps<\"div\"> & {\r\n showIcon?: boolean;\r\n }\r\n>(({className, showIcon = false, ...props}, ref) => {\r\n // Random width between 50 to 90%.\r\n const width = React.useMemo(() => {\r\n return `${Math.floor(Math.random() * 40) + 50}%`;\r\n }, []);\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n data-sidebar='menu-skeleton'\r\n className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\r\n {...props}>\r\n {showIcon && (\r\n <Skeleton\r\n className='size-4 rounded-md'\r\n data-sidebar='menu-skeleton-icon'\r\n />\r\n )}\r\n <Skeleton\r\n className='h-4 max-w-[--skeleton-width] flex-1'\r\n data-sidebar='menu-skeleton-text'\r\n style={\r\n {\r\n \"--skeleton-width\": width,\r\n } as React.CSSProperties\r\n }\r\n />\r\n </div>\r\n );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n <ul\r\n ref={ref}\r\n data-sidebar='menu-sub'\r\n className={cn(\r\n \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({...props}, ref) => (\r\n <li\r\n ref={ref}\r\n {...props}\r\n />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\nconst SidebarMenuSubButton = React.forwardRef<\r\n HTMLAnchorElement,\r\n React.ComponentProps<\"a\"> & {\r\n asChild?: boolean;\r\n size?: \"sm\" | \"md\";\r\n isActive?: boolean;\r\n }\r\n>(({asChild = false, size = \"md\", isActive, className, ...props}, ref) => {\r\n const Comp = asChild ? Slot : \"a\";\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n data-sidebar='menu-sub-button'\r\n data-size={size}\r\n data-active={isActive}\r\n className={cn(\r\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-none focus-visible:ring-2 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\",\r\n \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\r\n size === \"sm\" && \"text-xs\",\r\n size === \"md\" && \"text-sm\",\r\n \"group-data-[collapsible=icon]:hidden\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n});\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n Sidebar,\r\n SidebarContent,\r\n SidebarFooter,\r\n SidebarGroup,\r\n SidebarGroupAction,\r\n SidebarGroupContent,\r\n SidebarGroupLabel,\r\n SidebarHeader,\r\n SidebarInput,\r\n SidebarInset,\r\n SidebarMenu,\r\n SidebarMenuAction,\r\n SidebarMenuBadge,\r\n SidebarMenuButton,\r\n SidebarMenuItem,\r\n SidebarMenuSkeleton,\r\n SidebarMenuSub,\r\n SidebarMenuSubButton,\r\n SidebarMenuSubItem,\r\n SidebarProvider,\r\n SidebarRail,\r\n SidebarSeparator,\r\n SidebarTrigger,\r\n useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","document","toggleSidebar","handleKeyDown","event","globalThis","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Comp","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,sBAAsB;AAC5B,MAAMC,yBAAyB;AAC/B,MAAMC,gBAAgB;AACtB,MAAMC,uBAAuB;AAC7B,MAAMC,qBAAqB;AAC3B,MAAMC,4BAA4B;AAYlC,MAAMC,iBAAiB,WAAjBA,GAAiBC,cAAgD;AAEvE,SAASC;IACP,MAAMC,UAAUF,WAAiBD;IACjC,IAAI,CAACG,SACH,MAAM,IAAIC,MAAM;IAGlB,OAAOD;AACT;AAEA,MAAME,kBAAkB,WAAlBA,GAAkBJ,WAOtB,CAAC,EAACK,cAAc,IAAI,EAAE,MAAMC,QAAQ,EAAE,cAAcC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC;IACxG,MAAMC,WAAWC;IACjB,MAAM,CAACC,YAAYC,cAAc,GAAGhB,SAAe;IAInD,MAAM,CAACiB,OAAOC,SAAS,GAAGlB,SAAeK;IACzC,MAAMc,OAAOb,YAAYW;IACzB,MAAMG,UAAUpB,YACd,CAACqB;QACC,MAAMC,YAAY,AAAiB,cAAjB,OAAOD,QAAuBA,MAAMF,QAAQE;QAC9D,IAAId,aACFA,YAAYe;aAEZJ,SAASI;QAIXC,SAAS,MAAM,GAAG,GAAG9B,oBAAoB,CAAC,EAAE6B,UAAU,kBAAkB,EAAE5B,wBAAwB;IACpG,GACA;QAACa;QAAaY;KAAK;IAIrB,MAAMK,gBAAgBxB,YAAkB,IAC/Ba,WAAWG,cAAc,CAACG,OAAS,CAACA,QAAQC,QAAQ,CAACD,OAAS,CAACA,OACrE;QAACN;QAAUO;QAASJ;KAAc;IAGrChB,UAAgB;QACd,MAAMyB,gBAAgB,CAACC;YACrB,IAAIA,MAAM,GAAG,KAAK5B,6BAA8B4B,CAAAA,MAAM,OAAO,IAAIA,MAAM,OAAM,GAAI;gBAC/EA,MAAM,cAAc;gBACpBF;YACF;QACF;QAEAG,WAAW,MAAM,CAAC,gBAAgB,CAAC,WAAWF;QAC9C,OAAO,IAAME,WAAW,MAAM,CAAC,mBAAmB,CAAC,WAAWF;IAChE,GAAG;QAACD;KAAc;IAIlB,MAAMI,QAAQT,OAAO,aAAa;IAElC,MAAMU,eAAe7B,QACnB,IAAO;YACL4B;YACAT;YACAC;YACAP;YACAE;YACAC;YACAQ;QACF,IACA;QAACI;QAAOT;QAAMC;QAASP;QAAUE;QAAYC;QAAeQ;KAAc;IAG5E,OAAO,WAAP,GACE,IAACzB,eAAe,QAAQ;QAAC,OAAO8B;kBAC9B,kBAACC,iBAAeA;YAAC,eAAe;sBAC9B,kBAAC;gBACC,OACE;oBACE,mBAAmBnC;oBACnB,wBAAwBE;oBACxB,GAAGY,KAAK;gBACV;gBAEF,WAAWsB,GAAG,qFAAqFvB;gBACnG,KAAKI;gBACJ,GAAGD,KAAK;0BACRD;;;;AAKX;AACAN,gBAAgB,WAAW,GAAG;AAE9B,MAAM4B,UAAU,WAAVA,GAAUhC,WAOd,CAAC,EAACiC,OAAO,MAAM,EAAEC,UAAU,SAAS,EAAEC,cAAc,WAAW,EAAE3B,SAAS,EAAEE,QAAQ,EAAE,GAAGC,OAAM,EAAEC;IACjG,MAAM,EAACC,QAAQ,EAAEe,KAAK,EAAEb,UAAU,EAAEC,aAAa,EAAC,GAAGf;IAErD,IAAIkC,AAAgB,WAAhBA,aACF,OAAO,WAAP,GACE,IAAC;QACC,WAAWJ,GAAG,+EAA+EvB;QAC7F,KAAKI;QACJ,GAAGD,KAAK;kBACRD;;IAKP,IAAIG,UACF,OAAO,WAAP,GACE,IAACuB,OAAKA;QACJ,MAAMrB;QACN,cAAcC;QACb,GAAGL,KAAK;kBACT,mBAAC0B,cAAYA;YACX,gBAAa;YACb,eAAY;YACZ,WAAU;YACV,OACE;gBACE,mBAAmBzC;YACrB;YAEF,MAAMqC;;8BACN,KAACK,aAAWA;oBAAC,WAAU;;sCACrB,IAACC,YAAUA;sCAAC;;sCACZ,IAACC,kBAAgBA;sCAAC;;;;8BAEpB,IAAC;oBAAI,WAAU;8BAA+B9B;;;;;IAMtD,OAAO,WAAP,GACE,KAAC;QACC,KAAKE;QACL,WAAU;QACV,cAAYgB;QACZ,oBAAkBA,AAAU,gBAAVA,QAAwBO,cAAc;QACxD,gBAAcD;QACd,aAAWD;;0BAEX,IAAC;gBACC,WAAWF,GACT,2FACA,0CACA,sCACAG,AAAY,eAAZA,WAA0BA,AAAY,YAAZA,UACtB,yFACA;;0BAGR,IAAC;gBACC,WAAWH,GACT,wHACAE,AAAS,WAATA,OACI,mFACA,oFAEJC,AAAY,eAAZA,WAA0BA,AAAY,YAAZA,UACtB,kGACA,2HACJ1B;gBAED,GAAGG,KAAK;0BACT,kBAAC;oBACC,gBAAa;oBACb,WAAU;8BACTD;;;;;AAKX;AACAsB,QAAQ,WAAW,GAAG;AAEtB,MAAMS,iBAAiB,WAAjBA,GAAiBzC,WACrB,CAAC,EAACQ,SAAS,EAAEkC,OAAO,EAAE,GAAG/B,OAAM,EAAEC;IAC/B,MAAM,EAACY,aAAa,EAAC,GAAGvB;IAExB,OAAO,WAAP,GACE,KAAC0C,QAAMA;QACL,KAAK/B;QACL,gBAAa;QACb,SAAQ;QACR,MAAK;QACL,WAAWmB,GAAG,WAAWvB;QACzB,SAAS,CAACkB;YACRgB,UAAUhB;YACVF;QACF;QACC,GAAGb,KAAK;;0BACT,IAACiC,WAASA,CAAAA;0BACV,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC;AAEFH,eAAe,WAAW,GAAG;AAE7B,MAAMI,cAAc,WAAdA,GAAc7C,WAAoE,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC;IAC9G,MAAM,EAACY,aAAa,EAAC,GAAGvB;IAExB,OAAO,WAAP,GACE,IAAC;QACC,KAAKW;QACL,gBAAa;QACb,cAAW;QACX,UAAU;QACV,MAAK;QACL,SAASY;QACT,OAAM;QACN,WAAWO,GACT,mPACA,8EACA,0HACA,2JACA,6DACA,6DACAvB;QAED,GAAGG,KAAK;;AAGf;AACAkC,YAAY,WAAW,GAAG;AAE1B,MAAMC,eAAe,WAAfA,GAAe9C,WAA+D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACnG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,WAAWmB,GACT,qEACA,gNACAvB;QAED,GAAGG,KAAK;;AAIfmC,aAAa,WAAW,GAAG;AAE3B,MAAMC,eAAe,WAAfA,GAAe/C,WACnB,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACf,WAAP,GACE,IAACoC,OAAKA;QACJ,KAAKpC;QACL,gBAAa;QACb,WAAWmB,GACT,4GACAvB;QAED,GAAGG,KAAK;;AAKjBoC,aAAa,WAAW,GAAG;AAE3B,MAAME,gBAAgB,WAAhBA,GAAgBjD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACnG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,2BAA2BvB;QACxC,GAAGG,KAAK;;AAIfsC,cAAc,WAAW,GAAG;AAE5B,MAAMC,gBAAgB,WAAhBA,GAAgBlD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACnG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,2BAA2BvB;QACxC,GAAGG,KAAK;;AAIfuC,cAAc,WAAW,GAAG;AAE5B,MAAMC,mBAAmB,WAAnBA,GAAmBnD,WACvB,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACf,WAAP,GACE,IAACwC,WAASA;QACR,KAAKxC;QACL,gBAAa;QACb,WAAWmB,GAAG,iCAAiCvB;QAC9C,GAAGG,KAAK;;AAKjBwC,iBAAiB,WAAW,GAAG;AAE/B,MAAME,iBAAiB,WAAjBA,GAAiBrD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MACpG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,kGAAkGvB;QAC/G,GAAGG,KAAK;;AAIf0C,eAAe,WAAW,GAAG;AAE7B,MAAMC,eAAe,WAAfA,GAAetD,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAClG,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,6CAA6CvB;QAC1D,GAAGG,KAAK;;AAIf2C,aAAa,WAAW,GAAG;AAE3B,MAAMC,oBAAoB,WAApBA,GAAoBvD,WACxB,CAAC,EAACQ,SAAS,EAAEgD,UAAU,KAAK,EAAE,GAAG7C,OAAM,EAAEC;IACvC,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,WAAWmB,GACT,0OACA,+EACAvB;QAED,GAAGG,KAAK;;AAGf;AAEF4C,kBAAkB,WAAW,GAAG;AAEhC,MAAMI,qBAAqB,WAArBA,GAAqB3D,WACzB,CAAC,EAACQ,SAAS,EAAEgD,UAAU,KAAK,EAAE,GAAG7C,OAAM,EAAEC;IACvC,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,WAAWmB,GACT,4RAEA,iDACA,wCACAvB;QAED,GAAGG,KAAK;;AAGf;AAEFgD,mBAAmB,WAAW,GAAG;AAEjC,MAAMC,sBAAsB,WAAtBA,GAAsB5D,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAChH,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,kBAAkBvB;QAC/B,GAAGG,KAAK;;AAGbiD,oBAAoB,WAAW,GAAG;AAElC,MAAMC,cAAc,WAAdA,GAAc7D,WAA+D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GACzG,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,sCAAsCvB;QACnD,GAAGG,KAAK;;AAGbkD,YAAY,WAAW,GAAG;AAE1B,MAAMC,kBAAkB,WAAlBA,GAAkB9D,WAA4D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAC1G,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GAAG,4BAA4BvB;QACzC,GAAGG,KAAK;;AAGbmD,gBAAgB,WAAW,GAAG;AAE9B,MAAMC,4BAA4BC,IAChC,qzBACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SACE;QACJ;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,MAAMC,oBAAoB,WAApBA,GAAoBjE,WAOxB,CAAC,EAACwD,UAAU,KAAK,EAAEU,WAAW,KAAK,EAAEhC,UAAU,SAAS,EAAEiC,OAAO,SAAS,EAAEC,OAAO,EAAE5D,SAAS,EAAE,GAAGG,OAAM,EAAEC;IAC3G,MAAM6C,OAAOD,UAAUE,OAAO;IAC9B,MAAM,EAAC7C,QAAQ,EAAEe,KAAK,EAAC,GAAG3B;IAE1B,MAAMoE,SAAS,WAATA,GACJ,IAACZ,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,aAAWuD;QACX,eAAaD;QACb,WAAWnC,GAAGgC,0BAA0B;YAAC7B;YAASiC;QAAI,IAAI3D;QACzD,GAAGG,KAAK;;IAIb,IAAI,CAACyD,SACH,OAAOC;IAGT,IAAI,AAAmB,YAAnB,OAAOD,SACTA,UAAU;QACR,UAAUA;IACZ;IAGF,OAAO,WAAP,GACE,KAACE,SAAOA;;0BACN,IAACC,gBAAcA;gBAAC,SAAO;0BAAEF;;0BACzB,IAACG,gBAAcA;gBACb,MAAK;gBACL,OAAM;gBACN,QAAQ5C,AAAU,gBAAVA,SAAyBf;gBAChC,GAAGuD,OAAO;;;;AAInB;AACAH,kBAAkB,WAAW,GAAG;AAEhC,MAAMQ,oBAAoB,WAApBA,GAAoBzE,WAMxB,CAAC,EAACQ,SAAS,EAAEgD,UAAU,KAAK,EAAEkB,cAAc,KAAK,EAAE,GAAG/D,OAAM,EAAEC;IAC9D,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,WAAWmB,GACT,kVAEA,iDACA,yCACA,gDACA,2CACA,wCACA2C,eACK,4LACLlE;QAED,GAAGG,KAAK;;AAGf;AACA8D,kBAAkB,WAAW,GAAG;AAEhC,MAAME,mBAAmB,WAAnBA,GAAmB3E,WAA8D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAC7G,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GACT,0KACA,4HACA,yCACA,gDACA,2CACA,wCACAvB;QAED,GAAGG,KAAK;;AAGbgE,iBAAiB,WAAW,GAAG;AAE/B,MAAMC,sBAAsB,WAAtBA,GAAsB5E,WAK1B,CAAC,EAACQ,SAAS,EAAEqE,WAAW,KAAK,EAAE,GAAGlE,OAAM,EAAEC;IAE1C,MAAMkE,QAAQ9E,QAAc,IACnB,GAAG+E,KAAK,KAAK,CAACA,AAAgB,KAAhBA,KAAK,MAAM,MAAW,GAAG,CAAC,CAAC,EAC/C,EAAE;IAEL,OAAO,WAAP,GACE,KAAC;QACC,KAAKnE;QACL,gBAAa;QACb,WAAWmB,GAAG,+CAA+CvB;QAC5D,GAAGG,KAAK;;YACRkE,YAAY,WAAZA,GACC,IAACG,UAAQA;gBACP,WAAU;gBACV,gBAAa;;0BAGjB,IAACA,UAAQA;gBACP,WAAU;gBACV,gBAAa;gBACb,OACE;oBACE,oBAAoBF;gBACtB;;;;AAKV;AACAF,oBAAoB,WAAW,GAAG;AAElC,MAAMK,iBAAiB,WAAjBA,GAAiBjF,WAA+D,CAAC,EAACQ,SAAS,EAAE,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GAC5G,IAAC;QACC,KAAKA;QACL,gBAAa;QACb,WAAWmB,GACT,kGACA,wCACAvB;QAED,GAAGG,KAAK;;AAGbsE,eAAe,WAAW,GAAG;AAE7B,MAAMC,qBAAqB,WAArBA,GAAqBlF,WAA4D,CAAC,EAAC,GAAGW,OAAM,EAAEC,MAAAA,WAAAA,GAClG,IAAC;QACC,KAAKA;QACJ,GAAGD,KAAK;;AAGbuE,mBAAmB,WAAW,GAAG;AAEjC,MAAMC,uBAAuB,WAAvBA,GAAuBnF,WAO3B,CAAC,EAACwD,UAAU,KAAK,EAAEW,OAAO,IAAI,EAAED,QAAQ,EAAE1D,SAAS,EAAE,GAAGG,OAAM,EAAEC;IAChE,MAAM6C,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAK7C;QACL,gBAAa;QACb,aAAWuD;QACX,eAAaD;QACb,WAAWnC,GACT,+eACA,0FACAoC,AAAS,SAATA,QAAiB,WACjBA,AAAS,SAATA,QAAiB,WACjB,wCACA3D;QAED,GAAGG,KAAK;;AAGf;AACAwE,qBAAqB,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\skeleton.js","sources":["webpack://@arolariu/components/./src/components/ui/skeleton.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Skeleton({className, ...props}: Readonly<React.HTMLAttributes<HTMLDivElement>>) {\r\n return (\r\n <div\r\n className={cn(\"animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","className","props","cn"],"mappings":";;;;AAKA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAsD;IACrF,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAG,oEAAoEF;QACjF,GAAGC,KAAK;;AAGf"}
1
+ {"version":3,"file":"components/ui/skeleton.js","sources":["../../../src/components/ui/skeleton.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Skeleton({className, ...props}: Readonly<React.HTMLAttributes<HTMLDivElement>>) {\r\n return (\r\n <div\r\n className={cn(\"animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","className","props","cn"],"mappings":";;;;AAKA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAsD;IACrF,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAG,oEAAoEF;QACjF,GAAGC,KAAK;;AAGf"}
@@ -1 +1 @@
1
- {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,yJAYX,CAAC;AAGF,OAAO,EAAC,MAAM,EAAC,CAAC"}
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,yJAaV,CAAC;AAGH,OAAO,EAAC,MAAM,EAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\slider.js","sources":["webpack://@arolariu/components/./src/components/ui/slider.tsx"],"sourcesContent":["\r\n\r\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Slider = React.forwardRef<React.ElementRef<typeof SliderPrimitive.Root>, React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>>(\r\n ({className, ...props}, ref) => (\r\n <SliderPrimitive.Root\r\n ref={ref}\r\n className={cn(\"relative flex w-full touch-none items-center select-none\", className)}\r\n {...props}>\r\n <SliderPrimitive.Track className='relative h-1.5 w-full grow overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20'>\r\n <SliderPrimitive.Range className='absolute h-full bg-neutral-900 dark:bg-neutral-50' />\r\n </SliderPrimitive.Track>\r\n <SliderPrimitive.Thumb className='block h-4 w-4 rounded-full border border-neutral-200 border-neutral-900/50 bg-white shadow transition-colors focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50/50 dark:border-neutral-800 dark:bg-neutral-950 dark:focus-visible:ring-neutral-300' />\r\n </SliderPrimitive.Root>\r\n ),\r\n);\r\nSlider.displayName = SliderPrimitive.Root.displayName;\r\n\r\nexport {Slider};\r\n"],"names":["Slider","React","className","props","ref","SliderPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WACb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,KAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAG,4DAA4DJ;QACzE,GAAGC,KAAK;;0BACT,IAACE,OAAqB;gBAAC,WAAU;0BAC/B,kBAACA,OAAqB;oBAAC,WAAU;;;0BAEnC,IAACA,OAAqB;gBAAC,WAAU;;;;AAIvCL,OAAO,WAAW,GAAGK,KAAAA,WAAgC"}
1
+ {"version":3,"file":"components/ui/slider.js","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Slider = React.forwardRef<\r\n React.ComponentRef<typeof SliderPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n <SliderPrimitive.Root\r\n ref={ref}\r\n className={cn(\"relative flex w-full touch-none items-center select-none\", className)}\r\n {...props}>\r\n <SliderPrimitive.Track className='relative h-1.5 w-full grow overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20'>\r\n <SliderPrimitive.Range className='absolute h-full bg-neutral-900 dark:bg-neutral-50' />\r\n </SliderPrimitive.Track>\r\n <SliderPrimitive.Thumb className='block h-4 w-4 rounded-full border border-neutral-200 border-neutral-900/50 bg-white shadow transition-colors focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50/50 dark:border-neutral-800 dark:bg-neutral-950 dark:focus-visible:ring-neutral-300' />\r\n </SliderPrimitive.Root>\r\n));\r\nSlider.displayName = SliderPrimitive.Root.displayName;\r\n\r\nexport {Slider};\r\n"],"names":["Slider","React","className","props","ref","SliderPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,KAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAG,4DAA4DJ;QACzE,GAAGC,KAAK;;0BACT,IAACE,OAAqB;gBAAC,WAAU;0BAC/B,kBAACA,OAAqB;oBAAC,WAAU;;;0BAEnC,IAACA,OAAqB;gBAAC,WAAU;;;;AAGrCL,OAAO,WAAW,GAAGK,KAAAA,WAAgC"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\sonner.js","sources":["webpack://@arolariu/components/./src/components/ui/sonner.tsx"],"sourcesContent":["\r\n\r\nimport {useTheme} from \"next-themes\";\r\nimport * as React from \"react\";\r\nimport {Toaster as Sonner, toast} from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\nconst Toaster = ({...props}: ToasterProps) => {\r\n const {theme = \"system\"} = useTheme();\r\n\r\n return (\r\n <Sonner\r\n theme={theme as ToasterProps[\"theme\"]}\r\n className='toaster group'\r\n toastOptions={{\r\n classNames: {\r\n toast:\r\n \"group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800\",\r\n description: \"group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400\",\r\n actionButton:\r\n \"group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900\",\r\n cancelButton:\r\n \"group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400\",\r\n },\r\n }}\r\n {...props}\r\n />\r\n );\r\n};\r\n\r\nexport {\r\n // eslint-disable-next-line unicorn/prefer-export-from -- same export style.\r\n toast,\r\n Toaster,\r\n};\r\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";;;;;AAQA,MAAMA,iBAAU,CAAC,EAAC,GAAGC,OAAoB;IACvC,MAAM,EAACC,QAAQ,QAAQ,EAAC,GAAGC;IAE3B,OAAO,WAAP,GACE,IAACC,SAAMA;QACL,OAAOF;QACP,WAAU;QACV,cAAc;YACZ,YAAY;gBACV,OACE;gBACF,aAAa;gBACb,cACE;gBACF,cACE;YACJ;QACF;QACC,GAAGD,KAAK;;AAGf"}
1
+ {"version":3,"file":"components/ui/sonner.js","sources":["../../../src/components/ui/sonner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {useTheme} from \"next-themes\";\r\nimport * as React from \"react\";\r\nimport {Toaster as Sonner, toast} from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\nconst Toaster = ({...props}: ToasterProps) => {\r\n const {theme = \"system\"} = useTheme();\r\n\r\n return (\r\n <Sonner\r\n theme={theme as ToasterProps[\"theme\"]}\r\n className='toaster group'\r\n toastOptions={{\r\n classNames: {\r\n toast:\r\n \"group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800\",\r\n description: \"group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400\",\r\n actionButton:\r\n \"group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900\",\r\n cancelButton:\r\n \"group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400\",\r\n },\r\n }}\r\n {...props}\r\n />\r\n );\r\n};\r\n\r\nexport {\r\n // eslint-disable-next-line unicorn/prefer-export-from -- same export style.\r\n toast,\r\n Toaster,\r\n};\r\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";;;;;AAQA,MAAMA,iBAAU,CAAC,EAAC,GAAGC,OAAoB;IACvC,MAAM,EAACC,QAAQ,QAAQ,EAAC,GAAGC;IAE3B,OAAO,WAAP,GACE,IAACC,SAAMA;QACL,OAAOF;QACP,WAAU;QACV,cAAc;YACZ,YAAY;gBACV,OACE;gBACF,aAAa;gBACb,cACE;gBACF,cACE;YACJ;QACF;QACC,GAAGD,KAAK;;AAGf"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\spinner.js","sources":["webpack://@arolariu/components/./src/components/ui/spinner.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Loader2Icon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nfunction Spinner({className, ...props}: React.ComponentProps<\"svg\">) {\r\n return (\r\n <Loader2Icon\r\n role='status'\r\n aria-label='Loading'\r\n className={cn(\"size-4 animate-spin\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","className","props","Loader2Icon","cn"],"mappings":";;;;;AAMA,SAASA,QAAQ,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACjE,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf"}
1
+ {"version":3,"file":"components/ui/spinner.js","sources":["../../../src/components/ui/spinner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Loader2Icon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nfunction Spinner({className, ...props}: React.ComponentProps<\"svg\">) {\r\n return (\r\n <Loader2Icon\r\n role='status'\r\n aria-label='Loading'\r\n className={cn(\"size-4 animate-spin\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","className","props","Loader2Icon","cn"],"mappings":";;;;;AAMA,SAASA,QAAQ,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACjE,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\switch.js","sources":["webpack://@arolariu/components/./src/components/ui/switch.tsx"],"sourcesContent":["\r\n\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Switch = React.forwardRef<\r\n React.ElementRef<typeof SwitchPrimitives.Root>,\r\n React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({className, ...props}, ref) => (\r\n <SwitchPrimitives.Root\r\n className={cn(\r\n \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800\",\r\n className,\r\n )}\r\n {...props}\r\n ref={ref}>\r\n <SwitchPrimitives.Thumb\r\n className={cn(\r\n \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950\",\r\n )}\r\n />\r\n </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","className","props","ref","SwitchPrimitives","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAqB;QACpB,WAAWC,GACT,6iBACAJ;QAED,GAAGC,KAAK;QACT,KAAKC;kBACL,kBAACC,OAAsB;YACrB,WAAWC,GACT;;;AAKRN,OAAO,WAAW,GAAGK,KAAAA,WAAiC"}
1
+ {"version":3,"file":"components/ui/switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Switch = React.forwardRef<\r\n React.ComponentRef<typeof SwitchPrimitives.Root>,\r\n React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({className, ...props}, ref) => (\r\n <SwitchPrimitives.Root\r\n className={cn(\r\n \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800\",\r\n className,\r\n )}\r\n {...props}\r\n ref={ref}>\r\n <SwitchPrimitives.Thumb\r\n className={cn(\r\n \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950\",\r\n )}\r\n />\r\n </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","className","props","ref","SwitchPrimitives","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAqB;QACpB,WAAWC,GACT,6iBACAJ;QAED,GAAGC,KAAK;QACT,KAAKC;kBACL,kBAACC,OAAsB;YACrB,WAAWC,GACT;;;AAKRN,OAAO,WAAW,GAAGK,KAAAA,WAAiC"}
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAQT,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,SAAS,+HAMb,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,QAAQ,uHASZ,CAAC;AAGH,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,SAAS,2HAMb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAQjB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAQT,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,SAAS,+HAMb,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,QAAQ,uHASZ,CAAC;AAGH,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,SAAS,2HAMb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAQjB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\table.js","sources":["webpack://@arolariu/components/./src/components/ui/table.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(({className, ...props}, ref) => (\r\n <div className='relative w-full overflow-auto'>\r\n <table\r\n ref={ref}\r\n className={cn(\"w-full caption-bottom text-sm\", className)}\r\n {...props}\r\n />\r\n </div>\r\n));\r\nTable.displayName = \"Table\";\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n ({className, ...props}, ref) => (\r\n <thead\r\n ref={ref}\r\n className={cn(\"[&_tr]:border-b\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(({className, ...props}, ref) => (\r\n <tbody\r\n ref={ref}\r\n className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n {...props}\r\n />\r\n));\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n ({className, ...props}, ref) => (\r\n <tfoot\r\n ref={ref}\r\n className={cn(\"border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(({className, ...props}, ref) => (\r\n <tr\r\n ref={ref}\r\n className={cn(\r\n \"border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n <th\r\n ref={ref}\r\n className={cn(\r\n \"h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n <td\r\n ref={ref}\r\n className={cn(\"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\", className)}\r\n {...props}\r\n />\r\n));\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n ({className, ...props}, ref) => (\r\n <caption\r\n ref={ref}\r\n className={cn(\"mt-4 text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAMA,MAAMA,QAAQ,WAARA,GAAQC,WAA2E,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QAAI,WAAU;kBACb,kBAAC;YACC,KAAKA;YACL,WAAWC,GAAG,iCAAiCH;YAC9C,GAAGC,KAAK;;;AAIfH,MAAM,WAAW,GAAG;AAEpB,MAAMM,cAAc,WAAdA,GAAcL,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,mBAAmBH;QAChC,GAAGC,KAAK;;AAIfG,YAAY,WAAW,GAAG;AAE1B,MAAMC,YAAY,WAAZA,GAAYN,WAAyF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjI,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,cAAc,WAAdA,GAAcP,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAIfK,YAAY,WAAW,GAAG;AAE1B,MAAMC,WAAW,WAAXA,GAAWR,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,kKACAH;QAED,GAAGC,KAAK;;AAGbM,SAAS,WAAW,GAAG;AAEvB,MAAMC,YAAY,WAAZA,GAAYT,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,2JACAH;QAED,GAAGC,KAAK;;AAGbO,UAAU,WAAW,GAAG;AAExB,MAAMC,YAAY,WAAZA,GAAYV,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAGbQ,UAAU,WAAW,GAAG;AAExB,MAAMC,eAAe,WAAfA,GAAeX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,uDAAuDH;QACpE,GAAGC,KAAK;;AAIfS,aAAa,WAAW,GAAG"}
1
+ {"version":3,"file":"components/ui/table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(({className, ...props}, ref) => (\r\n <div className='relative w-full overflow-auto'>\r\n <table\r\n ref={ref}\r\n className={cn(\"w-full caption-bottom text-sm\", className)}\r\n {...props}\r\n />\r\n </div>\r\n));\r\nTable.displayName = \"Table\";\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n ({className, ...props}, ref) => (\r\n <thead\r\n ref={ref}\r\n className={cn(\"[&_tr]:border-b\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(({className, ...props}, ref) => (\r\n <tbody\r\n ref={ref}\r\n className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n {...props}\r\n />\r\n));\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n ({className, ...props}, ref) => (\r\n <tfoot\r\n ref={ref}\r\n className={cn(\"border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(({className, ...props}, ref) => (\r\n <tr\r\n ref={ref}\r\n className={cn(\r\n \"border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n <th\r\n ref={ref}\r\n className={cn(\r\n \"h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n <td\r\n ref={ref}\r\n className={cn(\"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\", className)}\r\n {...props}\r\n />\r\n));\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n ({className, ...props}, ref) => (\r\n <caption\r\n ref={ref}\r\n className={cn(\"mt-4 text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAQA,MAAMA,QAAQ,WAARA,GAAQC,WAA2E,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QAAI,WAAU;kBACb,kBAAC;YACC,KAAKA;YACL,WAAWC,GAAG,iCAAiCH;YAC9C,GAAGC,KAAK;;;AAIfH,MAAM,WAAW,GAAG;AAEpB,MAAMM,cAAc,WAAdA,GAAcL,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,mBAAmBH;QAChC,GAAGC,KAAK;;AAIfG,YAAY,WAAW,GAAG;AAE1B,MAAMC,YAAY,WAAZA,GAAYN,WAAyF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjI,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,cAAc,WAAdA,GAAcP,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAIfK,YAAY,WAAW,GAAG;AAE1B,MAAMC,WAAW,WAAXA,GAAWR,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,kKACAH;QAED,GAAGC,KAAK;;AAGbM,SAAS,WAAW,GAAG;AAEvB,MAAMC,YAAY,WAAZA,GAAYT,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,2JACAH;QAED,GAAGC,KAAK;;AAGbO,UAAU,WAAW,GAAG;AAExB,MAAMC,YAAY,WAAZA,GAAYV,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAGbQ,UAAU,WAAW,GAAG;AAExB,MAAMC,eAAe,WAAfA,GAAeX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,uDAAuDH;QACpE,GAAGC,KAAK;;AAIfS,aAAa,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\tabs.js","sources":["webpack://@arolariu/components/./src/components/ui/tabs.tsx"],"sourcesContent":["\r\n\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Tabs = TabsPrimitive.Root;\r\n\r\nconst TabsList = React.forwardRef<React.ElementRef<typeof TabsPrimitive.List>, React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>>(\r\n ({className, ...props}, ref) => (\r\n <TabsPrimitive.List\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTabsList.displayName = TabsPrimitive.List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n <TabsPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n <TabsPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n \"mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTabsContent.displayName = TabsPrimitive.Content.displayName;\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;;;AAOA,MAAMA,OAAOC;AAEb,MAAMC,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAACL,MAAkB;QACjB,KAAKK;QACL,WAAWC,GACT,wIACAH;QAED,GAAGC,KAAK;;AAIfH,SAAS,WAAW,GAAGD,KAAAA,WAA8B;AAErD,MAAMO,cAAc,WAAdA,GAAcL,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,khBACAH;QAED,GAAGC,KAAK;;AAGbG,YAAY,WAAW,GAAGP,QAAAA,WAAiC;AAE3D,MAAMQ,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,sMACAH;QAED,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGR,QAAAA,WAAiC"}
1
+ {"version":3,"file":"components/ui/tabs.js","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Tabs = TabsPrimitive.Root;\r\n\r\nconst TabsList = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.List>, React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>>(\r\n ({className, ...props}, ref) => (\r\n <TabsPrimitive.List\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTabsList.displayName = TabsPrimitive.List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n React.ComponentRef<typeof TabsPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n <TabsPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<\r\n React.ComponentRef<typeof TabsPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n <TabsPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n \"mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTabsContent.displayName = TabsPrimitive.Content.displayName;\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;;;AAOA,MAAMA,OAAOC;AAEb,MAAMC,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAACL,MAAkB;QACjB,KAAKK;QACL,WAAWC,GACT,wIACAH;QAED,GAAGC,KAAK;;AAIfH,SAAS,WAAW,GAAGD,KAAAA,WAA8B;AAErD,MAAMO,cAAc,WAAdA,GAAcL,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,khBACAH;QAED,GAAGC,KAAK;;AAGbG,YAAY,WAAW,GAAGP,QAAAA,WAAiC;AAE3D,MAAMQ,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,sMACAH;QAED,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGR,QAAAA,WAAiC"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\textarea.js","sources":["webpack://@arolariu/components/./src/components/ui/textarea.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<\"textarea\">>(({className, ...props}, ref) => {\r\n return (\r\n <textarea\r\n className={cn(\r\n \"flex min-h-[60px] w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300\",\r\n className,\r\n )}\r\n ref={ref}\r\n {...props}\r\n />\r\n );\r\n});\r\nTextarea.displayName = \"Textarea\";\r\n\r\nexport {Textarea};\r\n"],"names":["Textarea","React","className","props","ref","cn"],"mappings":";;;;AAMA,MAAMA,WAAW,WAAXA,GAAWC,WAAwE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACxG,WAAP,GACE,IAAC;QACC,WAAWC,GACT,mXACAH;QAEF,KAAKE;QACJ,GAAGD,KAAK;;AAIfH,SAAS,WAAW,GAAG"}
1
+ {"version":3,"file":"components/ui/textarea.js","sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<\"textarea\">>(({className, ...props}, ref) => {\r\n return (\r\n <textarea\r\n className={cn(\r\n \"flex min-h-[60px] w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300\",\r\n className,\r\n )}\r\n ref={ref}\r\n {...props}\r\n />\r\n );\r\n});\r\nTextarea.displayName = \"Textarea\";\r\n\r\nexport {Textarea};\r\n"],"names":["Textarea","React","className","props","ref","cn"],"mappings":";;;;AAMA,MAAMA,WAAW,WAAXA,GAAWC,WAAwE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACxG,WAAP,GACE,IAAC;QACC,WAAWC,GACT,mXACAH;QAEF,KAAKE;QACJ,GAAGD,KAAK;;AAIfH,SAAS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\toggle-group.js","sources":["webpack://@arolariu/components/./src/components/ui/toggle-group.tsx"],"sourcesContent":["\r\n\r\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\r\nimport {type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {toggleVariants} from \"@/components/ui/toggle\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\r\n size: \"default\",\r\n variant: \"default\",\r\n});\r\n\r\nconst ToggleGroup = React.forwardRef<\r\n React.ElementRef<typeof ToggleGroupPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, children, ...props}, ref) => (\r\n <ToggleGroupPrimitive.Root\r\n ref={ref}\r\n className={cn(\"flex items-center justify-center gap-1\", className)}\r\n {...props}>\r\n <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n </ToggleGroupPrimitive.Root>\r\n));\r\n\r\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\r\n\r\nconst ToggleGroupItem = React.forwardRef<\r\n React.ElementRef<typeof ToggleGroupPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\r\n>(({className, children, variant, size, ...props}, ref) => {\r\n const context = React.useContext(ToggleGroupContext);\r\n\r\n return (\r\n <ToggleGroupPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n toggleVariants({\r\n variant: context.variant || variant,\r\n size: context.size || size,\r\n }),\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n </ToggleGroupPrimitive.Item>\r\n );\r\n});\r\n\r\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;;AASA,MAAMA,qBAAqB,WAArBA,GAAqBC,cAAyD;IAClF,MAAM;IACN,SAAS;AACX;AAEA,MAAMC,cAAc,WAAdA,GAAcD,WAGlB,CAAC,EAACE,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjD,IAACC,MAAyB;QACxB,KAAKD;QACL,WAAWE,GAAG,0CAA0CP;QACvD,GAAGI,KAAK;kBACT,kBAACP,mBAAmB,QAAQ;YAAC,OAAO;gBAACI;gBAASC;YAAI;sBAAIC;;;AAI1DJ,YAAY,WAAW,GAAGO,KAAAA,WAAqC;AAE/D,MAAME,kBAAkB,WAAlBA,GAAkBV,WAGtB,CAAC,EAACE,SAAS,EAAEG,QAAQ,EAAEF,OAAO,EAAEC,IAAI,EAAE,GAAGE,OAAM,EAAEC;IACjD,MAAMI,UAAUX,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACS,MAAyB;QACxB,KAAKD;QACL,WAAWE,GACTG,eAAe;YACb,SAASD,QAAQ,OAAO,IAAIR;YAC5B,MAAMQ,QAAQ,IAAI,IAAIP;QACxB,IACAF;QAED,GAAGI,KAAK;kBACRD;;AAGP;AAEAK,gBAAgB,WAAW,GAAGF,KAAAA,WAAqC"}
1
+ {"version":3,"file":"components/ui/toggle-group.js","sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\r\nimport {type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {toggleVariants} from \"@/components/ui/toggle\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\r\n size: \"default\",\r\n variant: \"default\",\r\n});\r\n\r\nconst ToggleGroup = React.forwardRef<\r\n React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, children, ...props}, ref) => (\r\n <ToggleGroupPrimitive.Root\r\n ref={ref}\r\n className={cn(\"flex items-center justify-center gap-1\", className)}\r\n {...props}>\r\n <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n </ToggleGroupPrimitive.Root>\r\n));\r\n\r\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\r\n\r\nconst ToggleGroupItem = React.forwardRef<\r\n React.ComponentRef<typeof ToggleGroupPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\r\n>(({className, children, variant, size, ...props}, ref) => {\r\n const context = React.useContext(ToggleGroupContext);\r\n\r\n return (\r\n <ToggleGroupPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n toggleVariants({\r\n variant: context.variant || variant,\r\n size: context.size || size,\r\n }),\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n </ToggleGroupPrimitive.Item>\r\n );\r\n});\r\n\r\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;;AASA,MAAMA,qBAAqB,WAArBA,GAAqBC,cAAyD;IAClF,MAAM;IACN,SAAS;AACX;AAEA,MAAMC,cAAc,WAAdA,GAAcD,WAGlB,CAAC,EAACE,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjD,IAACC,MAAyB;QACxB,KAAKD;QACL,WAAWE,GAAG,0CAA0CP;QACvD,GAAGI,KAAK;kBACT,kBAACP,mBAAmB,QAAQ;YAAC,OAAO;gBAACI;gBAASC;YAAI;sBAAIC;;;AAI1DJ,YAAY,WAAW,GAAGO,KAAAA,WAAqC;AAE/D,MAAME,kBAAkB,WAAlBA,GAAkBV,WAGtB,CAAC,EAACE,SAAS,EAAEG,QAAQ,EAAEF,OAAO,EAAEC,IAAI,EAAE,GAAGE,OAAM,EAAEC;IACjD,MAAMI,UAAUX,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACS,MAAyB;QACxB,KAAKD;QACL,WAAWE,GACTG,eAAe;YACb,SAASD,QAAQ,OAAO,IAAIR;YAC5B,MAAMQ,QAAQ,IAAI,IAAIP;QACxB,IACAF;QAED,GAAGI,KAAK;kBACRD;;AAGP;AAEAK,gBAAgB,WAAW,GAAGF,KAAAA,WAAqC"}
@@ -1 +1 @@
1
- {"version":3,"file":"components\\ui\\toggle.js","sources":["webpack://@arolariu/components/./src/components/ui/toggle.tsx"],"sourcesContent":["\r\n\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst toggleVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:focus-visible:ring-neutral-300 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-transparent\",\r\n outline:\r\n \"border border-neutral-200 bg-transparent shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n },\r\n size: {\r\n default: \"h-9 px-2 min-w-9\",\r\n sm: \"h-8 px-1.5 min-w-8\",\r\n lg: \"h-10 px-2.5 min-w-10\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n },\r\n);\r\n\r\nconst Toggle = React.forwardRef<\r\n React.ElementRef<typeof TogglePrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, ...props}, ref) => (\r\n <TogglePrimitive.Root\r\n ref={ref}\r\n className={cn(toggleVariants({variant, size, className}))}\r\n {...props}\r\n />\r\n));\r\n\r\nToggle.displayName = TogglePrimitive.Root.displayName;\r\n\r\nexport {Toggle, toggleVariants};\r\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","TogglePrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,6iBACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SACE;QACJ;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,MAAMC,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvC,IAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAGV,eAAe;YAACK;YAASC;YAAMF;QAAS;QACrD,GAAGG,KAAK;;AAIbL,OAAO,WAAW,GAAGO,KAAAA,WAAgC"}
1
+ {"version":3,"file":"components/ui/toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst toggleVariants = cva(\r\n \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:focus-visible:ring-neutral-300 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-transparent\",\r\n outline:\r\n \"border border-neutral-200 bg-transparent shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n },\r\n size: {\r\n default: \"h-9 px-2 min-w-9\",\r\n sm: \"h-8 px-1.5 min-w-8\",\r\n lg: \"h-10 px-2.5 min-w-10\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n },\r\n);\r\n\r\nconst Toggle = React.forwardRef<\r\n React.ComponentRef<typeof TogglePrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, ...props}, ref) => (\r\n <TogglePrimitive.Root\r\n ref={ref}\r\n className={cn(toggleVariants({variant, size, className}))}\r\n {...props}\r\n />\r\n));\r\n\r\nToggle.displayName = TogglePrimitive.Root.displayName;\r\n\r\nexport {Toggle, toggleVariants};\r\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","TogglePrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,6iBACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SACE;QACJ;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,MAAMC,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvC,IAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAGV,eAAe;YAACK;YAASC;YAAMF;QAAS;QACrD,GAAGG,KAAK;;AAIbL,OAAO,WAAW,GAAGO,KAAAA,WAAgC"}