@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.
- package/EXAMPLES.md +1035 -1035
- package/changelog.md +9 -0
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/alert-dialog.js.map +1 -1
- package/dist/components/ui/alert.d.ts.map +1 -1
- package/dist/components/ui/alert.js.map +1 -1
- package/dist/components/ui/aspect-ratio.js.map +1 -1
- package/dist/components/ui/avatar.d.ts.map +1 -1
- package/dist/components/ui/avatar.js.map +1 -1
- package/dist/components/ui/background-beams.js.map +1 -1
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/breadcrumb.js.map +1 -1
- package/dist/components/ui/bubble-background.js.map +1 -1
- package/dist/components/ui/button-group.js.map +1 -1
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/calendar.d.ts.map +1 -1
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/carousel.js +1 -1
- package/dist/components/ui/carousel.js.map +1 -1
- package/dist/components/ui/chart.d.ts.map +1 -1
- package/dist/components/ui/chart.js.map +1 -1
- package/dist/components/ui/checkbox.js +2 -2
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/collapsible.js.map +1 -1
- package/dist/components/ui/command.d.ts.map +1 -1
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/context-menu.js.map +1 -1
- package/dist/components/ui/counting-number.js.map +1 -1
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/dot-background.js.map +1 -1
- package/dist/components/ui/drawer.js.map +1 -1
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/dropdrawer.js.map +1 -1
- package/dist/components/ui/empty.js.map +1 -1
- package/dist/components/ui/field.js +2 -2
- package/dist/components/ui/field.js.map +1 -1
- package/dist/components/ui/fireworks-background.js.map +1 -1
- package/dist/components/ui/flip-button.js.map +1 -1
- package/dist/components/ui/form.d.ts.map +1 -1
- package/dist/components/ui/form.js +5 -4
- package/dist/components/ui/form.js.map +1 -1
- package/dist/components/ui/gradient-background.js.map +1 -1
- package/dist/components/ui/gradient-text.js.map +1 -1
- package/dist/components/ui/highlight-text.js.map +1 -1
- package/dist/components/ui/hole-background.js.map +1 -1
- package/dist/components/ui/hover-card.js.map +1 -1
- package/dist/components/ui/input-group.d.ts.map +1 -1
- package/dist/components/ui/input-group.js.map +1 -1
- package/dist/components/ui/input-otp.d.ts.map +1 -1
- package/dist/components/ui/input-otp.js +1 -1
- package/dist/components/ui/input-otp.js.map +1 -1
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/item.js.map +1 -1
- package/dist/components/ui/kbd.js.map +1 -1
- package/dist/components/ui/label.js.map +1 -1
- package/dist/components/ui/menubar.js.map +1 -1
- package/dist/components/ui/navigation-menu.d.ts.map +1 -1
- package/dist/components/ui/navigation-menu.js +0 -1
- package/dist/components/ui/navigation-menu.js.map +1 -1
- package/dist/components/ui/pagination.d.ts.map +1 -1
- package/dist/components/ui/pagination.js.map +1 -1
- package/dist/components/ui/popover.js.map +1 -1
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/resizable.d.ts +3 -2
- package/dist/components/ui/resizable.d.ts.map +1 -1
- package/dist/components/ui/resizable.js +2 -1
- package/dist/components/ui/resizable.js.map +1 -1
- package/dist/components/ui/ripple-button.js.map +1 -1
- package/dist/components/ui/scratcher.js.map +1 -1
- package/dist/components/ui/scroll-area.js.map +1 -1
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/separator.js.map +1 -1
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.js +3 -2
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/skeleton.js.map +1 -1
- package/dist/components/ui/slider.d.ts.map +1 -1
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/sonner.js.map +1 -1
- package/dist/components/ui/spinner.js.map +1 -1
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/components/ui/table.js.map +1 -1
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/textarea.js.map +1 -1
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/toggle.js.map +1 -1
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/ui/typewriter.js +6 -2
- package/dist/components/ui/typewriter.js.map +1 -1
- package/dist/hooks/useIsMobile.js.map +1 -1
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/index.css +25 -1779
- package/dist/index.css.map +1 -1
- package/dist/lib/utilities.js.map +1 -1
- package/package.json +2 -15
- package/src/components/ui/accordion.tsx +3 -3
- package/src/components/ui/alert-dialog.tsx +6 -6
- package/src/components/ui/alert.tsx +1 -0
- package/src/components/ui/avatar.tsx +12 -11
- package/src/components/ui/calendar.tsx +2 -0
- package/src/components/ui/carousel.tsx +1 -1
- package/src/components/ui/chart.tsx +2 -0
- package/src/components/ui/checkbox.tsx +3 -3
- package/src/components/ui/command.tsx +8 -7
- package/src/components/ui/context-menu.tsx +8 -8
- package/src/components/ui/dialog.tsx +4 -4
- package/src/components/ui/drawer.tsx +4 -4
- package/src/components/ui/dropdown-menu.tsx +8 -8
- package/src/components/ui/field.tsx +5 -4
- package/src/components/ui/form.tsx +12 -8
- package/src/components/ui/hover-card.tsx +1 -1
- package/src/components/ui/input-group.tsx +2 -0
- package/src/components/ui/input-otp.tsx +5 -5
- package/src/components/ui/label.tsx +1 -1
- package/src/components/ui/menubar.tsx +10 -10
- package/src/components/ui/navigation-menu.tsx +6 -7
- package/src/components/ui/pagination.tsx +1 -0
- package/src/components/ui/popover.tsx +1 -1
- package/src/components/ui/progress.tsx +1 -1
- package/src/components/ui/radio-group.tsx +2 -2
- package/src/components/ui/resizable.tsx +2 -1
- package/src/components/ui/scroll-area.tsx +2 -2
- package/src/components/ui/select.tsx +7 -7
- package/src/components/ui/separator.tsx +1 -1
- package/src/components/ui/sheet.tsx +4 -4
- package/src/components/ui/sidebar.tsx +22 -14
- package/src/components/ui/slider.tsx +14 -13
- package/src/components/ui/switch.tsx +1 -1
- package/src/components/ui/table.tsx +2 -0
- package/src/components/ui/tabs.tsx +3 -3
- package/src/components/ui/toggle-group.tsx +2 -2
- package/src/components/ui/toggle.tsx +1 -1
- package/src/components/ui/tooltip.tsx +1 -1
- package/src/components/ui/typewriter.tsx +2 -2
- package/src/index.css +6 -6
- package/dist/components/ui/field.d.ts +0 -25
- package/dist/components/ui/field.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\ui\\hole-background.js","sources":["webpack://@arolariu/components/./src/components/ui/hole-background.tsx"],"sourcesContent":["\r\n\r\nimport {motion} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\ninterface HoleBackgroundProps extends React.HTMLAttributes<HTMLCanvasElement> {\r\n strokeColor?: string;\r\n numberOfLines?: number;\r\n numberOfDiscs?: number;\r\n particleRGBColor?: [number, number, number];\r\n}\r\n\r\nconst linear = (p: number) => p;\r\nconst easeInExpo = (p: number) => (p === 0 ? 0 : 2 ** (10 * (p - 1)));\r\n\r\nconst HoleBackground = React.forwardRef<HTMLCanvasElement, HoleBackgroundProps>(\r\n (\r\n {strokeColor = \"#737373\", numberOfLines = 50, numberOfDiscs = 50, particleRGBColor = [255, 255, 255], className, children, ...props},\r\n ref,\r\n ) => {\r\n const canvasRef = React.useRef<HTMLCanvasElement>(null);\r\n React.useImperativeHandle(ref, () => canvasRef.current as HTMLCanvasElement);\r\n\r\n const animationFrameIdRef = React.useRef<number>(0);\r\n const stateRef = React.useRef<any>({\r\n discs: [] as any[],\r\n lines: [] as any[],\r\n particles: [] as any[],\r\n clip: {},\r\n startDisc: {},\r\n endDisc: {},\r\n rect: {width: 0, height: 0},\r\n render: {width: 0, height: 0, dpi: 1},\r\n particleArea: {},\r\n linesCanvas: null,\r\n });\r\n\r\n const tweenValue = React.useCallback((start: number, end: number, p: number, ease: \"inExpo\" | null = null) => {\r\n const delta = end - start;\r\n const easeFn = ease === \"inExpo\" ? easeInExpo : linear;\r\n return start + delta * easeFn(p);\r\n }, []);\r\n\r\n const tweenDisc = React.useCallback(\r\n (disc: any) => {\r\n const {startDisc, endDisc} = stateRef.current;\r\n disc.x = tweenValue(startDisc.x, endDisc.x, disc.p);\r\n disc.y = tweenValue(startDisc.y, endDisc.y, disc.p, \"inExpo\");\r\n disc.w = tweenValue(startDisc.w, endDisc.w, disc.p);\r\n disc.h = tweenValue(startDisc.h, endDisc.h, disc.p);\r\n },\r\n [tweenValue],\r\n );\r\n\r\n const setSize = React.useCallback(() => {\r\n const canvas = canvasRef.current;\r\n if (!canvas) return;\r\n const rect = canvas.getBoundingClientRect();\r\n stateRef.current.rect = {width: rect.width, height: rect.height};\r\n stateRef.current.render = {\r\n width: rect.width,\r\n height: rect.height,\r\n dpi: window.devicePixelRatio || 1,\r\n };\r\n canvas.width = stateRef.current.render.width * stateRef.current.render.dpi;\r\n canvas.height = stateRef.current.render.height * stateRef.current.render.dpi;\r\n }, []);\r\n\r\n const setDiscs = React.useCallback(() => {\r\n const {width, height} = stateRef.current.rect;\r\n stateRef.current.discs = [];\r\n stateRef.current.startDisc = {\r\n x: width * 0.5,\r\n y: height * 0.45,\r\n w: width * 0.75,\r\n h: height * 0.7,\r\n };\r\n stateRef.current.endDisc = {\r\n x: width * 0.5,\r\n y: height * 0.95,\r\n w: 0,\r\n h: 0,\r\n };\r\n let prevBottom = height;\r\n stateRef.current.clip = {};\r\n for (let i = 0; i < numberOfDiscs; i++) {\r\n const p = i / numberOfDiscs;\r\n const disc = {p, x: 0, y: 0, w: 0, h: 0};\r\n tweenDisc(disc);\r\n const bottom = disc.y + disc.h;\r\n if (bottom <= prevBottom) {\r\n stateRef.current.clip = {disc: {...disc}, i};\r\n }\r\n prevBottom = bottom;\r\n stateRef.current.discs.push(disc);\r\n }\r\n const clipPath = new Path2D();\r\n const {disc} = stateRef.current.clip;\r\n clipPath.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, Math.PI * 2);\r\n clipPath.rect(disc.x - disc.w, 0, disc.w * 2, disc.y);\r\n stateRef.current.clip.path = clipPath;\r\n }, [tweenDisc]);\r\n\r\n const setLines = React.useCallback(() => {\r\n const {width, height} = stateRef.current.rect;\r\n stateRef.current.lines = [];\r\n const linesAngle = (Math.PI * 2) / numberOfLines;\r\n for (let i = 0; i < numberOfLines; i++) {\r\n stateRef.current.lines.push([]);\r\n }\r\n stateRef.current.discs.forEach((disc: any) => {\r\n for (let i = 0; i < numberOfLines; i++) {\r\n const angle = i * linesAngle;\r\n const p = {\r\n x: disc.x + Math.cos(angle) * disc.w,\r\n y: disc.y + Math.sin(angle) * disc.h,\r\n };\r\n stateRef.current.lines[i].push(p);\r\n }\r\n });\r\n const offCanvas = document.createElement(\"canvas\");\r\n offCanvas.width = width;\r\n offCanvas.height = height;\r\n const ctx = offCanvas.getContext(\"2d\");\r\n if (!ctx) return;\r\n stateRef.current.lines.forEach((line: any) => {\r\n ctx.save();\r\n let lineIsIn = false;\r\n line.forEach((p1: any, j: number) => {\r\n if (j === 0) return;\r\n const p0 = line[j - 1];\r\n if (\r\n !lineIsIn\r\n && (ctx.isPointInPath(stateRef.current.clip.path, p1.x, p1.y) || ctx.isPointInStroke(stateRef.current.clip.path, p1.x, p1.y))\r\n ) {\r\n lineIsIn = true;\r\n } else if (lineIsIn) {\r\n ctx.clip(stateRef.current.clip.path);\r\n }\r\n ctx.beginPath();\r\n ctx.moveTo(p0.x, p0.y);\r\n ctx.lineTo(p1.x, p1.y);\r\n ctx.strokeStyle = strokeColor;\r\n ctx.lineWidth = 2;\r\n ctx.stroke();\r\n ctx.closePath();\r\n });\r\n ctx.restore();\r\n });\r\n stateRef.current.linesCanvas = offCanvas;\r\n }, [strokeColor]);\r\n\r\n const initParticle = React.useCallback((start: boolean = false) => {\r\n const sx = stateRef.current.particleArea.sx + stateRef.current.particleArea.sw * Math.random();\r\n const ex = stateRef.current.particleArea.ex + stateRef.current.particleArea.ew * Math.random();\r\n const dx = ex - sx;\r\n const y = start ? stateRef.current.particleArea.h * Math.random() : stateRef.current.particleArea.h;\r\n const r = 0.5 + Math.random() * 4;\r\n const vy = 0.5 + Math.random();\r\n return {\r\n x: sx,\r\n sx,\r\n dx,\r\n y,\r\n vy,\r\n p: 0,\r\n r,\r\n c: `rgba(${particleRGBColor[0]}, ${particleRGBColor[1]}, ${particleRGBColor[2]}, ${Math.random()})`,\r\n };\r\n }, []);\r\n\r\n const setParticles = React.useCallback(() => {\r\n const {width, height} = stateRef.current.rect;\r\n stateRef.current.particles = [];\r\n const {disc} = stateRef.current.clip;\r\n stateRef.current.particleArea = {\r\n sw: disc.w * 0.5,\r\n ew: disc.w * 2,\r\n h: height * 0.85,\r\n };\r\n stateRef.current.particleArea.sx = (width - stateRef.current.particleArea.sw) / 2;\r\n stateRef.current.particleArea.ex = (width - stateRef.current.particleArea.ew) / 2;\r\n const totalParticles = 100;\r\n for (let i = 0; i < totalParticles; i++) {\r\n stateRef.current.particles.push(initParticle(true));\r\n }\r\n }, [initParticle]);\r\n\r\n const drawDiscs = React.useCallback(\r\n (ctx: CanvasRenderingContext2D) => {\r\n ctx.strokeStyle = strokeColor;\r\n ctx.lineWidth = 2;\r\n const outerDisc = stateRef.current.startDisc;\r\n ctx.beginPath();\r\n ctx.ellipse(outerDisc.x, outerDisc.y, outerDisc.w, outerDisc.h, 0, 0, Math.PI * 2);\r\n ctx.stroke();\r\n ctx.closePath();\r\n stateRef.current.discs.forEach((disc: any, i: number) => {\r\n if (i % 5 !== 0) return;\r\n if (disc.w < stateRef.current.clip.disc.w - 5) {\r\n ctx.save();\r\n ctx.clip(stateRef.current.clip.path);\r\n }\r\n ctx.beginPath();\r\n ctx.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, Math.PI * 2);\r\n ctx.stroke();\r\n ctx.closePath();\r\n if (disc.w < stateRef.current.clip.disc.w - 5) {\r\n ctx.restore();\r\n }\r\n });\r\n },\r\n [strokeColor],\r\n );\r\n\r\n const drawLines = React.useCallback((ctx: CanvasRenderingContext2D) => {\r\n if (stateRef.current.linesCanvas) {\r\n ctx.drawImage(stateRef.current.linesCanvas, 0, 0);\r\n }\r\n }, []);\r\n\r\n const drawParticles = React.useCallback((ctx: CanvasRenderingContext2D) => {\r\n ctx.save();\r\n ctx.clip(stateRef.current.clip.path);\r\n stateRef.current.particles.forEach((particle: any) => {\r\n ctx.fillStyle = particle.c;\r\n ctx.beginPath();\r\n ctx.rect(particle.x, particle.y, particle.r, particle.r);\r\n ctx.closePath();\r\n ctx.fill();\r\n });\r\n ctx.restore();\r\n }, []);\r\n\r\n const moveDiscs = React.useCallback(() => {\r\n stateRef.current.discs.forEach((disc: any) => {\r\n disc.p = (disc.p + 0.001) % 1;\r\n tweenDisc(disc);\r\n });\r\n }, [tweenDisc]);\r\n\r\n const moveParticles = React.useCallback(() => {\r\n stateRef.current.particles.forEach((particle: any, idx: number) => {\r\n particle.p = 1 - particle.y / stateRef.current.particleArea.h;\r\n particle.x = particle.sx + particle.dx * particle.p;\r\n particle.y -= particle.vy;\r\n if (particle.y < 0) {\r\n stateRef.current.particles[idx] = initParticle();\r\n }\r\n });\r\n }, [initParticle]);\r\n\r\n const tick = React.useCallback(() => {\r\n const canvas = canvasRef.current;\r\n if (!canvas) return;\r\n const ctx = canvas.getContext(\"2d\");\r\n if (!ctx) return;\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n ctx.save();\r\n ctx.scale(stateRef.current.render.dpi, stateRef.current.render.dpi);\r\n moveDiscs();\r\n moveParticles();\r\n drawDiscs(ctx);\r\n drawLines(ctx);\r\n drawParticles(ctx);\r\n ctx.restore();\r\n animationFrameIdRef.current = requestAnimationFrame(tick);\r\n }, [moveDiscs, moveParticles, drawDiscs, drawLines, drawParticles]);\r\n\r\n const init = React.useCallback(() => {\r\n setSize();\r\n setDiscs();\r\n setLines();\r\n setParticles();\r\n }, [setSize, setDiscs, setLines, setParticles]);\r\n\r\n React.useEffect(() => {\r\n const canvas = canvasRef.current;\r\n if (!canvas) return;\r\n init();\r\n tick();\r\n const handleResize = () => {\r\n setSize();\r\n setDiscs();\r\n setLines();\r\n setParticles();\r\n };\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n cancelAnimationFrame(animationFrameIdRef.current);\r\n };\r\n }, [init, tick, setSize, setDiscs, setLines, setParticles]);\r\n\r\n return (\r\n <div\r\n className={cn(\r\n \"relative size-full overflow-hidden\",\r\n 'before:absolute before:top-1/2 before:left-1/2 before:block before:size-[140%] before:[transform:translate3d(-50%,-50%,0)] before:content-[\"\"] before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,white_50%)] dark:before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,black_50%)]',\r\n 'after:absolute after:top-1/2 after:left-1/2 after:z-[5] after:block after:size-full after:[transform:translate3d(-50%,-50%,0)] after:mix-blend-overlay after:content-[\"\"] after:[background:radial-gradient(ellipse_at_50%_75%,#a900ff_20%,transparent_75%)]',\r\n className,\r\n )}>\r\n {children}\r\n <canvas\r\n ref={canvasRef}\r\n className='absolute inset-0 block size-full opacity-10 dark:opacity-20'\r\n {...props}\r\n />\r\n <motion.div\r\n className={cn(\r\n \"absolute top-[-71.5%] left-1/2 z-[3] h-[140%] w-[30%] [transform:translate3d(-50%,0,0)] rounded-b-full [background-size:100%_200%] [background-position:0%_100%] opacity-75 mix-blend-plus-darker blur-3xl dark:mix-blend-plus-lighter\",\r\n \"[background:linear-gradient(20deg,#00f8f1,#ffbd1e40_16.5%,#fe848f_33%,#fe848f40_49.5%,#00f8f1_66%,#00f8f180_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%] dark:[background:linear-gradient(20deg,#00f8f1,#ffbd1e20_16.5%,#fe848f_33%,#fe848f20_49.5%,#00f8f1_66%,#00f8f160_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%]\",\r\n )}\r\n animate={{backgroundPosition: \"0% 300%\"}}\r\n transition={{duration: 5, ease: \"linear\", repeat: Infinity}}\r\n />\r\n <div className='absolute top-0 left-0 z-[7] size-full opacity-50 mix-blend-overlay dark:[background:repeating-linear-gradient(transparent,transparent_1px,white_1px,white_2px)]' />\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nHoleBackground.displayName = \"HoleBackground\";\r\nexport {HoleBackground, type HoleBackgroundProps};\r\n"],"names":["linear","p","easeInExpo","HoleBackground","React","strokeColor","numberOfLines","numberOfDiscs","particleRGBColor","className","children","props","ref","canvasRef","animationFrameIdRef","stateRef","tweenValue","start","end","ease","delta","easeFn","tweenDisc","disc","startDisc","endDisc","setSize","canvas","rect","window","setDiscs","width","height","prevBottom","i","bottom","clipPath","Path2D","Math","setLines","linesAngle","angle","offCanvas","document","ctx","line","lineIsIn","p1","j","p0","initParticle","sx","ex","dx","y","r","vy","setParticles","totalParticles","drawDiscs","outerDisc","drawLines","drawParticles","particle","moveDiscs","moveParticles","idx","tick","requestAnimationFrame","init","handleResize","cancelAnimationFrame","cn","motion","Infinity"],"mappings":";;;;;AAcA,MAAMA,SAAS,CAACC,IAAcA;AAC9B,MAAMC,aAAa,CAACD,IAAeA,MAAAA,IAAU,IAAI,KAAM,MAAMA,CAAAA,IAAI,EAAC;AAElE,MAAME,iBAAiB,WAAjBA,GAAiBC,WACrB,CACE,EAACC,cAAc,SAAS,EAAEC,gBAAgB,EAAE,EAAEC,gBAAgB,EAAE,EAAEC,mBAAmB;IAAC;IAAK;IAAK;CAAI,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EACpIC;IAEA,MAAMC,YAAYT,OAAgC;IAClDA,oBAA0BQ,KAAK,IAAMC,UAAU,OAAO;IAEtD,MAAMC,sBAAsBV,OAAqB;IACjD,MAAMW,WAAWX,OAAkB;QACjC,OAAO,EAAE;QACT,OAAO,EAAE;QACT,WAAW,EAAE;QACb,MAAM,CAAC;QACP,WAAW,CAAC;QACZ,SAAS,CAAC;QACV,MAAM;YAAC,OAAO;YAAG,QAAQ;QAAC;QAC1B,QAAQ;YAAC,OAAO;YAAG,QAAQ;YAAG,KAAK;QAAC;QACpC,cAAc,CAAC;QACf,aAAa;IACf;IAEA,MAAMY,aAAaZ,YAAkB,CAACa,OAAeC,KAAajB,GAAWkB,OAAwB,IAAI;QACvG,MAAMC,QAAQF,MAAMD;QACpB,MAAMI,SAASF,aAAAA,OAAoBjB,aAAaF;QAChD,OAAOiB,QAAQG,QAAQC,OAAOpB;IAChC,GAAG,EAAE;IAEL,MAAMqB,YAAYlB,YAChB,CAACmB;QACC,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAC,GAAGV,SAAS,OAAO;QAC7CQ,KAAK,CAAC,GAAGP,WAAWQ,UAAU,CAAC,EAAEC,QAAQ,CAAC,EAAEF,KAAK,CAAC;QAClDA,KAAK,CAAC,GAAGP,WAAWQ,UAAU,CAAC,EAAEC,QAAQ,CAAC,EAAEF,KAAK,CAAC,EAAE;QACpDA,KAAK,CAAC,GAAGP,WAAWQ,UAAU,CAAC,EAAEC,QAAQ,CAAC,EAAEF,KAAK,CAAC;QAClDA,KAAK,CAAC,GAAGP,WAAWQ,UAAU,CAAC,EAAEC,QAAQ,CAAC,EAAEF,KAAK,CAAC;IACpD,GACA;QAACP;KAAW;IAGd,MAAMU,UAAUtB,YAAkB;QAChC,MAAMuB,SAASd,UAAU,OAAO;QAChC,IAAI,CAACc,QAAQ;QACb,MAAMC,OAAOD,OAAO,qBAAqB;QACzCZ,SAAS,OAAO,CAAC,IAAI,GAAG;YAAC,OAAOa,KAAK,KAAK;YAAE,QAAQA,KAAK,MAAM;QAAA;QAC/Db,SAAS,OAAO,CAAC,MAAM,GAAG;YACxB,OAAOa,KAAK,KAAK;YACjB,QAAQA,KAAK,MAAM;YACnB,KAAKC,OAAO,gBAAgB,IAAI;QAClC;QACAF,OAAO,KAAK,GAAGZ,SAAS,OAAO,CAAC,MAAM,CAAC,KAAK,GAAGA,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG;QAC1EY,OAAO,MAAM,GAAGZ,SAAS,OAAO,CAAC,MAAM,CAAC,MAAM,GAAGA,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG;IAC9E,GAAG,EAAE;IAEL,MAAMe,WAAW1B,YAAkB;QACjC,MAAM,EAAC2B,KAAK,EAAEC,MAAM,EAAC,GAAGjB,SAAS,OAAO,CAAC,IAAI;QAC7CA,SAAS,OAAO,CAAC,KAAK,GAAG,EAAE;QAC3BA,SAAS,OAAO,CAAC,SAAS,GAAG;YAC3B,GAAGgB,MAAAA;YACH,GAAGC,OAAAA;YACH,GAAGD,OAAAA;YACH,GAAGC,MAAAA;QACL;QACAjB,SAAS,OAAO,CAAC,OAAO,GAAG;YACzB,GAAGgB,MAAAA;YACH,GAAGC,OAAAA;YACH,GAAG;YACH,GAAG;QACL;QACA,IAAIC,aAAaD;QACjBjB,SAAS,OAAO,CAAC,IAAI,GAAG,CAAC;QACzB,IAAK,IAAImB,IAAI,GAAGA,IAAI3B,eAAe2B,IAAK;YACtC,MAAMjC,IAAIiC,IAAI3B;YACd,MAAMgB,OAAO;gBAACtB;gBAAG,GAAG;gBAAG,GAAG;gBAAG,GAAG;gBAAG,GAAG;YAAC;YACvCqB,UAAUC;YACV,MAAMY,SAASZ,KAAK,CAAC,GAAGA,KAAK,CAAC;YAC9B,IAAIY,UAAUF,YACZlB,SAAS,OAAO,CAAC,IAAI,GAAG;gBAAC,MAAM;oBAAC,GAAGQ,IAAI;gBAAA;gBAAGW;YAAC;YAE7CD,aAAaE;YACbpB,SAAS,OAAO,CAAC,KAAK,CAAC,IAAI,CAACQ;QAC9B;QACA,MAAMa,WAAW,IAAIC;QACrB,MAAM,EAACd,IAAI,EAAC,GAAGR,SAAS,OAAO,CAAC,IAAI;QACpCqB,SAAS,OAAO,CAACb,KAAK,CAAC,EAAEA,KAAK,CAAC,EAAEA,KAAK,CAAC,EAAEA,KAAK,CAAC,EAAE,GAAG,GAAGe,IAAAA,KAAK,EAAE;QAC9DF,SAAS,IAAI,CAACb,KAAK,CAAC,GAAGA,KAAK,CAAC,EAAE,GAAGA,IAAAA,KAAK,CAAC,EAAMA,KAAK,CAAC;QACpDR,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI,GAAGqB;IAC/B,GAAG;QAACd;KAAU;IAEd,MAAMiB,WAAWnC,YAAkB;QACjC,MAAM,EAAC2B,KAAK,EAAEC,MAAM,EAAC,GAAGjB,SAAS,OAAO,CAAC,IAAI;QAC7CA,SAAS,OAAO,CAAC,KAAK,GAAG,EAAE;QAC3B,MAAMyB,aAAcF,IAAAA,KAAK,EAAE,GAAQhC;QACnC,IAAK,IAAI4B,IAAI,GAAGA,IAAI5B,eAAe4B,IACjCnB,SAAS,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAEhCA,SAAS,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAACQ;YAC9B,IAAK,IAAIW,IAAI,GAAGA,IAAI5B,eAAe4B,IAAK;gBACtC,MAAMO,QAAQP,IAAIM;gBAClB,MAAMvC,IAAI;oBACR,GAAGsB,KAAK,CAAC,GAAGe,KAAK,GAAG,CAACG,SAASlB,KAAK,CAAC;oBACpC,GAAGA,KAAK,CAAC,GAAGe,KAAK,GAAG,CAACG,SAASlB,KAAK,CAAC;gBACtC;gBACAR,SAAS,OAAO,CAAC,KAAK,CAACmB,EAAE,CAAC,IAAI,CAACjC;YACjC;QACF;QACA,MAAMyC,YAAYC,SAAS,aAAa,CAAC;QACzCD,UAAU,KAAK,GAAGX;QAClBW,UAAU,MAAM,GAAGV;QACnB,MAAMY,MAAMF,UAAU,UAAU,CAAC;QACjC,IAAI,CAACE,KAAK;QACV7B,SAAS,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC8B;YAC9BD,IAAI,IAAI;YACR,IAAIE,WAAW;YACfD,KAAK,OAAO,CAAC,CAACE,IAASC;gBACrB,IAAIA,MAAAA,GAAS;gBACb,MAAMC,KAAKJ,IAAI,CAACG,IAAI,EAAE;gBACtB,IACE,CAACF,YACGF,CAAAA,IAAI,aAAa,CAAC7B,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI,EAAEgC,GAAG,CAAC,EAAEA,GAAG,CAAC,KAAKH,IAAI,eAAe,CAAC7B,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI,EAAEgC,GAAG,CAAC,EAAEA,GAAG,CAAC,IAE3HD,WAAW;qBACN,IAAIA,UACTF,IAAI,IAAI,CAAC7B,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI;gBAErC6B,IAAI,SAAS;gBACbA,IAAI,MAAM,CAACK,GAAG,CAAC,EAAEA,GAAG,CAAC;gBACrBL,IAAI,MAAM,CAACG,GAAG,CAAC,EAAEA,GAAG,CAAC;gBACrBH,IAAI,WAAW,GAAGvC;gBAClBuC,IAAI,SAAS,GAAG;gBAChBA,IAAI,MAAM;gBACVA,IAAI,SAAS;YACf;YACAA,IAAI,OAAO;QACb;QACA7B,SAAS,OAAO,CAAC,WAAW,GAAG2B;IACjC,GAAG;QAACrC;KAAY;IAEhB,MAAM6C,eAAe9C,YAAkB,CAACa,QAAiB,KAAK;QAC5D,MAAMkC,KAAKpC,SAAS,OAAO,CAAC,YAAY,CAAC,EAAE,GAAGA,SAAS,OAAO,CAAC,YAAY,CAAC,EAAE,GAAGuB,KAAK,MAAM;QAC5F,MAAMc,KAAKrC,SAAS,OAAO,CAAC,YAAY,CAAC,EAAE,GAAGA,SAAS,OAAO,CAAC,YAAY,CAAC,EAAE,GAAGuB,KAAK,MAAM;QAC5F,MAAMe,KAAKD,KAAKD;QAChB,MAAMG,IAAIrC,QAAQF,SAAS,OAAO,CAAC,YAAY,CAAC,CAAC,GAAGuB,KAAK,MAAM,KAAKvB,SAAS,OAAO,CAAC,YAAY,CAAC,CAAC;QACnG,MAAMwC,IAAI,MAAMjB,IAAAA,KAAK,MAAM;QAC3B,MAAMkB,KAAK,MAAMlB,KAAK,MAAM;QAC5B,OAAO;YACL,GAAGa;YACHA;YACAE;YACAC;YACAE;YACA,GAAG;YACHD;YACA,GAAG,CAAC,KAAK,EAAE/C,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAEA,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAEA,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE8B,KAAK,MAAM,GAAG,CAAC,CAAC;QACrG;IACF,GAAG,EAAE;IAEL,MAAMmB,eAAerD,YAAkB;QACrC,MAAM,EAAC2B,KAAK,EAAEC,MAAM,EAAC,GAAGjB,SAAS,OAAO,CAAC,IAAI;QAC7CA,SAAS,OAAO,CAAC,SAAS,GAAG,EAAE;QAC/B,MAAM,EAACQ,IAAI,EAAC,GAAGR,SAAS,OAAO,CAAC,IAAI;QACpCA,SAAS,OAAO,CAAC,YAAY,GAAG;YAC9B,IAAIQ,MAAAA,KAAK,CAAC;YACV,IAAIA,IAAAA,KAAK,CAAC;YACV,GAAGS,OAAAA;QACL;QACAjB,SAAS,OAAO,CAAC,YAAY,CAAC,EAAE,GAAIgB,CAAAA,QAAQhB,SAAS,OAAO,CAAC,YAAY,CAAC,EAAC,IAAK;QAChFA,SAAS,OAAO,CAAC,YAAY,CAAC,EAAE,GAAIgB,CAAAA,QAAQhB,SAAS,OAAO,CAAC,YAAY,CAAC,EAAC,IAAK;QAChF,MAAM2C,iBAAiB;QACvB,IAAK,IAAIxB,IAAI,GAAGA,IAAIwB,gBAAgBxB,IAClCnB,SAAS,OAAO,CAAC,SAAS,CAAC,IAAI,CAACmC,aAAa;IAEjD,GAAG;QAACA;KAAa;IAEjB,MAAMS,YAAYvD,YAChB,CAACwC;QACCA,IAAI,WAAW,GAAGvC;QAClBuC,IAAI,SAAS,GAAG;QAChB,MAAMgB,YAAY7C,SAAS,OAAO,CAAC,SAAS;QAC5C6B,IAAI,SAAS;QACbA,IAAI,OAAO,CAACgB,UAAU,CAAC,EAAEA,UAAU,CAAC,EAAEA,UAAU,CAAC,EAAEA,UAAU,CAAC,EAAE,GAAG,GAAGtB,IAAAA,KAAK,EAAE;QAC7EM,IAAI,MAAM;QACVA,IAAI,SAAS;QACb7B,SAAS,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAACQ,MAAWW;YACzC,IAAIA,IAAI,MAAM,GAAG;YACjB,IAAIX,KAAK,CAAC,GAAGR,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG;gBAC7C6B,IAAI,IAAI;gBACRA,IAAI,IAAI,CAAC7B,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI;YACrC;YACA6B,IAAI,SAAS;YACbA,IAAI,OAAO,CAACrB,KAAK,CAAC,EAAEA,KAAK,CAAC,EAAEA,KAAK,CAAC,EAAEA,KAAK,CAAC,EAAE,GAAG,GAAGe,IAAAA,KAAK,EAAE;YACzDM,IAAI,MAAM;YACVA,IAAI,SAAS;YACb,IAAIrB,KAAK,CAAC,GAAGR,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAC1C6B,IAAI,OAAO;QAEf;IACF,GACA;QAACvC;KAAY;IAGf,MAAMwD,YAAYzD,YAAkB,CAACwC;QACnC,IAAI7B,SAAS,OAAO,CAAC,WAAW,EAC9B6B,IAAI,SAAS,CAAC7B,SAAS,OAAO,CAAC,WAAW,EAAE,GAAG;IAEnD,GAAG,EAAE;IAEL,MAAM+C,gBAAgB1D,YAAkB,CAACwC;QACvCA,IAAI,IAAI;QACRA,IAAI,IAAI,CAAC7B,SAAS,OAAO,CAAC,IAAI,CAAC,IAAI;QACnCA,SAAS,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAACgD;YAClCnB,IAAI,SAAS,GAAGmB,SAAS,CAAC;YAC1BnB,IAAI,SAAS;YACbA,IAAI,IAAI,CAACmB,SAAS,CAAC,EAAEA,SAAS,CAAC,EAAEA,SAAS,CAAC,EAAEA,SAAS,CAAC;YACvDnB,IAAI,SAAS;YACbA,IAAI,IAAI;QACV;QACAA,IAAI,OAAO;IACb,GAAG,EAAE;IAEL,MAAMoB,YAAY5D,YAAkB;QAClCW,SAAS,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAACQ;YAC9BA,KAAK,CAAC,GAAIA,CAAAA,KAAK,CAAC,GAAG,KAAI,IAAK;YAC5BD,UAAUC;QACZ;IACF,GAAG;QAACD;KAAU;IAEd,MAAM2C,gBAAgB7D,YAAkB;QACtCW,SAAS,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAACgD,UAAeG;YACjDH,SAAS,CAAC,GAAG,IAAIA,SAAS,CAAC,GAAGhD,SAAS,OAAO,CAAC,YAAY,CAAC,CAAC;YAC7DgD,SAAS,CAAC,GAAGA,SAAS,EAAE,GAAGA,SAAS,EAAE,GAAGA,SAAS,CAAC;YACnDA,SAAS,CAAC,IAAIA,SAAS,EAAE;YACzB,IAAIA,SAAS,CAAC,GAAG,GACfhD,SAAS,OAAO,CAAC,SAAS,CAACmD,IAAI,GAAGhB;QAEtC;IACF,GAAG;QAACA;KAAa;IAEjB,MAAMiB,OAAO/D,YAAkB;QAC7B,MAAMuB,SAASd,UAAU,OAAO;QAChC,IAAI,CAACc,QAAQ;QACb,MAAMiB,MAAMjB,OAAO,UAAU,CAAC;QAC9B,IAAI,CAACiB,KAAK;QACVA,IAAI,SAAS,CAAC,GAAG,GAAGjB,OAAO,KAAK,EAAEA,OAAO,MAAM;QAC/CiB,IAAI,IAAI;QACRA,IAAI,KAAK,CAAC7B,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG,EAAEA,SAAS,OAAO,CAAC,MAAM,CAAC,GAAG;QAClEiD;QACAC;QACAN,UAAUf;QACViB,UAAUjB;QACVkB,cAAclB;QACdA,IAAI,OAAO;QACX9B,oBAAoB,OAAO,GAAGsD,sBAAsBD;IACtD,GAAG;QAACH;QAAWC;QAAeN;QAAWE;QAAWC;KAAc;IAElE,MAAMO,OAAOjE,YAAkB;QAC7BsB;QACAI;QACAS;QACAkB;IACF,GAAG;QAAC/B;QAASI;QAAUS;QAAUkB;KAAa;IAE9CrD,UAAgB;QACd,MAAMuB,SAASd,UAAU,OAAO;QAChC,IAAI,CAACc,QAAQ;QACb0C;QACAF;QACA,MAAMG,eAAe;YACnB5C;YACAI;YACAS;YACAkB;QACF;QACA5B,OAAO,gBAAgB,CAAC,UAAUyC;QAClC,OAAO;YACLzC,OAAO,mBAAmB,CAAC,UAAUyC;YACrCC,qBAAqBzD,oBAAoB,OAAO;QAClD;IACF,GAAG;QAACuD;QAAMF;QAAMzC;QAASI;QAAUS;QAAUkB;KAAa;IAE1D,OAAO,WAAP,GACE,KAAC;QACC,WAAWe,GACT,sCACA,2TACA,gQACA/D;;YAEDC;0BACD,IAAC;gBACC,KAAKG;gBACL,WAAU;gBACT,GAAGF,KAAK;;0BAEX,IAAC8D,OAAO,GAAG;gBACT,WAAWD,GACT,0OACA;gBAEF,SAAS;oBAAC,oBAAoB;gBAAS;gBACvC,YAAY;oBAAC,UAAU;oBAAG,MAAM;oBAAU,QAAQE;gBAAQ;;0BAE5D,IAAC;gBAAI,WAAU;;;;AAGrB;AAGFvE,eAAe,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"file":"components/ui/hole-background.js","sources":["../../../src/components/ui/hole-background.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\ninterface HoleBackgroundProps extends React.HTMLAttributes<HTMLCanvasElement> {\r\n strokeColor?: string;\r\n numberOfLines?: number;\r\n numberOfDiscs?: number;\r\n particleRGBColor?: [number, number, number];\r\n}\r\n\r\nconst linear = (p: number) => p;\r\nconst easeInExpo = (p: number) => (p === 0 ? 0 : 2 ** (10 * (p - 1)));\r\n\r\nconst HoleBackground = React.forwardRef<HTMLCanvasElement, HoleBackgroundProps>(\r\n (\r\n {strokeColor = \"#737373\", numberOfLines = 50, numberOfDiscs = 50, particleRGBColor = [255, 255, 255], className, children, ...props},\r\n ref,\r\n ) => {\r\n const canvasRef = React.useRef<HTMLCanvasElement>(null);\r\n React.useImperativeHandle(ref, () => canvasRef.current as HTMLCanvasElement);\r\n\r\n const animationFrameIdRef = React.useRef<number>(0);\r\n const stateRef = React.useRef<any>({\r\n discs: [] as any[],\r\n lines: [] as any[],\r\n particles: [] as any[],\r\n clip: {},\r\n startDisc: {},\r\n endDisc: {},\r\n rect: {width: 0, height: 0},\r\n render: {width: 0, height: 0, dpi: 1},\r\n particleArea: {},\r\n linesCanvas: null,\r\n });\r\n\r\n const tweenValue = React.useCallback((start: number, end: number, p: number, ease: \"inExpo\" | null = null) => {\r\n const delta = end - start;\r\n const easeFn = ease === \"inExpo\" ? easeInExpo : linear;\r\n return start + delta * easeFn(p);\r\n }, []);\r\n\r\n const tweenDisc = React.useCallback(\r\n (disc: any) => {\r\n const {startDisc, endDisc} = stateRef.current;\r\n disc.x = tweenValue(startDisc.x, endDisc.x, disc.p);\r\n disc.y = tweenValue(startDisc.y, endDisc.y, disc.p, \"inExpo\");\r\n disc.w = tweenValue(startDisc.w, endDisc.w, disc.p);\r\n disc.h = tweenValue(startDisc.h, endDisc.h, disc.p);\r\n },\r\n [tweenValue],\r\n );\r\n\r\n const setSize = React.useCallback(() => {\r\n const canvas = canvasRef.current;\r\n if (!canvas) return;\r\n const rect = canvas.getBoundingClientRect();\r\n stateRef.current.rect = {width: rect.width, height: rect.height};\r\n stateRef.current.render = {\r\n width: rect.width,\r\n height: rect.height,\r\n dpi: window.devicePixelRatio || 1,\r\n };\r\n canvas.width = stateRef.current.render.width * stateRef.current.render.dpi;\r\n canvas.height = stateRef.current.render.height * stateRef.current.render.dpi;\r\n }, []);\r\n\r\n const setDiscs = React.useCallback(() => {\r\n const {width, height} = stateRef.current.rect;\r\n stateRef.current.discs = [];\r\n stateRef.current.startDisc = {\r\n x: width * 0.5,\r\n y: height * 0.45,\r\n w: width * 0.75,\r\n h: height * 0.7,\r\n };\r\n stateRef.current.endDisc = {\r\n x: width * 0.5,\r\n y: height * 0.95,\r\n w: 0,\r\n h: 0,\r\n };\r\n let prevBottom = height;\r\n stateRef.current.clip = {};\r\n for (let i = 0; i < numberOfDiscs; i++) {\r\n const p = i / numberOfDiscs;\r\n const disc = {p, x: 0, y: 0, w: 0, h: 0};\r\n tweenDisc(disc);\r\n const bottom = disc.y + disc.h;\r\n if (bottom <= prevBottom) {\r\n stateRef.current.clip = {disc: {...disc}, i};\r\n }\r\n prevBottom = bottom;\r\n stateRef.current.discs.push(disc);\r\n }\r\n const clipPath = new Path2D();\r\n const {disc} = stateRef.current.clip;\r\n clipPath.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, Math.PI * 2);\r\n clipPath.rect(disc.x - disc.w, 0, disc.w * 2, disc.y);\r\n stateRef.current.clip.path = clipPath;\r\n }, [tweenDisc]);\r\n\r\n const setLines = React.useCallback(() => {\r\n const {width, height} = stateRef.current.rect;\r\n stateRef.current.lines = [];\r\n const linesAngle = (Math.PI * 2) / numberOfLines;\r\n for (let i = 0; i < numberOfLines; i++) {\r\n stateRef.current.lines.push([]);\r\n }\r\n stateRef.current.discs.forEach((disc: any) => {\r\n for (let i = 0; i < numberOfLines; i++) {\r\n const angle = i * linesAngle;\r\n const p = {\r\n x: disc.x + Math.cos(angle) * disc.w,\r\n y: disc.y + Math.sin(angle) * disc.h,\r\n };\r\n stateRef.current.lines[i].push(p);\r\n }\r\n });\r\n const offCanvas = document.createElement(\"canvas\");\r\n offCanvas.width = width;\r\n offCanvas.height = height;\r\n const ctx = offCanvas.getContext(\"2d\");\r\n if (!ctx) return;\r\n stateRef.current.lines.forEach((line: any) => {\r\n ctx.save();\r\n let lineIsIn = false;\r\n line.forEach((p1: any, j: number) => {\r\n if (j === 0) return;\r\n const p0 = line[j - 1];\r\n if (\r\n !lineIsIn\r\n && (ctx.isPointInPath(stateRef.current.clip.path, p1.x, p1.y) || ctx.isPointInStroke(stateRef.current.clip.path, p1.x, p1.y))\r\n ) {\r\n lineIsIn = true;\r\n } else if (lineIsIn) {\r\n ctx.clip(stateRef.current.clip.path);\r\n }\r\n ctx.beginPath();\r\n ctx.moveTo(p0.x, p0.y);\r\n ctx.lineTo(p1.x, p1.y);\r\n ctx.strokeStyle = strokeColor;\r\n ctx.lineWidth = 2;\r\n ctx.stroke();\r\n ctx.closePath();\r\n });\r\n ctx.restore();\r\n });\r\n stateRef.current.linesCanvas = offCanvas;\r\n }, [strokeColor]);\r\n\r\n const initParticle = React.useCallback((start: boolean = false) => {\r\n const sx = stateRef.current.particleArea.sx + stateRef.current.particleArea.sw * Math.random();\r\n const ex = stateRef.current.particleArea.ex + stateRef.current.particleArea.ew * Math.random();\r\n const dx = ex - sx;\r\n const y = start ? stateRef.current.particleArea.h * Math.random() : stateRef.current.particleArea.h;\r\n const r = 0.5 + Math.random() * 4;\r\n const vy = 0.5 + Math.random();\r\n return {\r\n x: sx,\r\n sx,\r\n dx,\r\n y,\r\n vy,\r\n p: 0,\r\n r,\r\n c: `rgba(${particleRGBColor[0]}, ${particleRGBColor[1]}, ${particleRGBColor[2]}, ${Math.random()})`,\r\n };\r\n }, []);\r\n\r\n const setParticles = React.useCallback(() => {\r\n const {width, height} = stateRef.current.rect;\r\n stateRef.current.particles = [];\r\n const {disc} = stateRef.current.clip;\r\n stateRef.current.particleArea = {\r\n sw: disc.w * 0.5,\r\n ew: disc.w * 2,\r\n h: height * 0.85,\r\n };\r\n stateRef.current.particleArea.sx = (width - stateRef.current.particleArea.sw) / 2;\r\n stateRef.current.particleArea.ex = (width - stateRef.current.particleArea.ew) / 2;\r\n const totalParticles = 100;\r\n for (let i = 0; i < totalParticles; i++) {\r\n stateRef.current.particles.push(initParticle(true));\r\n }\r\n }, [initParticle]);\r\n\r\n const drawDiscs = React.useCallback(\r\n (ctx: CanvasRenderingContext2D) => {\r\n ctx.strokeStyle = strokeColor;\r\n ctx.lineWidth = 2;\r\n const outerDisc = stateRef.current.startDisc;\r\n ctx.beginPath();\r\n ctx.ellipse(outerDisc.x, outerDisc.y, outerDisc.w, outerDisc.h, 0, 0, Math.PI * 2);\r\n ctx.stroke();\r\n ctx.closePath();\r\n stateRef.current.discs.forEach((disc: any, i: number) => {\r\n if (i % 5 !== 0) return;\r\n if (disc.w < stateRef.current.clip.disc.w - 5) {\r\n ctx.save();\r\n ctx.clip(stateRef.current.clip.path);\r\n }\r\n ctx.beginPath();\r\n ctx.ellipse(disc.x, disc.y, disc.w, disc.h, 0, 0, Math.PI * 2);\r\n ctx.stroke();\r\n ctx.closePath();\r\n if (disc.w < stateRef.current.clip.disc.w - 5) {\r\n ctx.restore();\r\n }\r\n });\r\n },\r\n [strokeColor],\r\n );\r\n\r\n const drawLines = React.useCallback((ctx: CanvasRenderingContext2D) => {\r\n if (stateRef.current.linesCanvas) {\r\n ctx.drawImage(stateRef.current.linesCanvas, 0, 0);\r\n }\r\n }, []);\r\n\r\n const drawParticles = React.useCallback((ctx: CanvasRenderingContext2D) => {\r\n ctx.save();\r\n ctx.clip(stateRef.current.clip.path);\r\n stateRef.current.particles.forEach((particle: any) => {\r\n ctx.fillStyle = particle.c;\r\n ctx.beginPath();\r\n ctx.rect(particle.x, particle.y, particle.r, particle.r);\r\n ctx.closePath();\r\n ctx.fill();\r\n });\r\n ctx.restore();\r\n }, []);\r\n\r\n const moveDiscs = React.useCallback(() => {\r\n stateRef.current.discs.forEach((disc: any) => {\r\n disc.p = (disc.p + 0.001) % 1;\r\n tweenDisc(disc);\r\n });\r\n }, [tweenDisc]);\r\n\r\n const moveParticles = React.useCallback(() => {\r\n stateRef.current.particles.forEach((particle: any, idx: number) => {\r\n particle.p = 1 - particle.y / stateRef.current.particleArea.h;\r\n particle.x = particle.sx + particle.dx * particle.p;\r\n particle.y -= particle.vy;\r\n if (particle.y < 0) {\r\n stateRef.current.particles[idx] = initParticle();\r\n }\r\n });\r\n }, [initParticle]);\r\n\r\n const tick = React.useCallback(() => {\r\n const canvas = canvasRef.current;\r\n if (!canvas) return;\r\n const ctx = canvas.getContext(\"2d\");\r\n if (!ctx) return;\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n ctx.save();\r\n ctx.scale(stateRef.current.render.dpi, stateRef.current.render.dpi);\r\n moveDiscs();\r\n moveParticles();\r\n drawDiscs(ctx);\r\n drawLines(ctx);\r\n drawParticles(ctx);\r\n ctx.restore();\r\n animationFrameIdRef.current = requestAnimationFrame(tick);\r\n }, [moveDiscs, moveParticles, drawDiscs, drawLines, drawParticles]);\r\n\r\n const init = React.useCallback(() => {\r\n setSize();\r\n setDiscs();\r\n setLines();\r\n setParticles();\r\n }, [setSize, setDiscs, setLines, setParticles]);\r\n\r\n React.useEffect(() => {\r\n const canvas = canvasRef.current;\r\n if (!canvas) return;\r\n init();\r\n tick();\r\n const handleResize = () => {\r\n setSize();\r\n setDiscs();\r\n setLines();\r\n setParticles();\r\n };\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n cancelAnimationFrame(animationFrameIdRef.current);\r\n };\r\n }, [init, tick, setSize, setDiscs, setLines, setParticles]);\r\n\r\n return (\r\n <div\r\n className={cn(\r\n \"relative size-full overflow-hidden\",\r\n 'before:absolute before:top-1/2 before:left-1/2 before:block before:size-[140%] before:[transform:translate3d(-50%,-50%,0)] before:content-[\"\"] before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,white_50%)] dark:before:[background:radial-gradient(ellipse_at_50%_55%,transparent_10%,black_50%)]',\r\n 'after:absolute after:top-1/2 after:left-1/2 after:z-[5] after:block after:size-full after:[transform:translate3d(-50%,-50%,0)] after:mix-blend-overlay after:content-[\"\"] after:[background:radial-gradient(ellipse_at_50%_75%,#a900ff_20%,transparent_75%)]',\r\n className,\r\n )}>\r\n {children}\r\n <canvas\r\n ref={canvasRef}\r\n className='absolute inset-0 block size-full opacity-10 dark:opacity-20'\r\n {...props}\r\n />\r\n <motion.div\r\n className={cn(\r\n \"absolute top-[-71.5%] left-1/2 z-[3] h-[140%] w-[30%] [transform:translate3d(-50%,0,0)] rounded-b-full [background-size:100%_200%] [background-position:0%_100%] opacity-75 mix-blend-plus-darker blur-3xl dark:mix-blend-plus-lighter\",\r\n \"[background:linear-gradient(20deg,#00f8f1,#ffbd1e40_16.5%,#fe848f_33%,#fe848f40_49.5%,#00f8f1_66%,#00f8f180_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%] dark:[background:linear-gradient(20deg,#00f8f1,#ffbd1e20_16.5%,#fe848f_33%,#fe848f20_49.5%,#00f8f1_66%,#00f8f160_85.5%,#ffbd1e_100%)_0_100%_/_100%_200%]\",\r\n )}\r\n animate={{backgroundPosition: \"0% 300%\"}}\r\n transition={{duration: 5, ease: \"linear\", repeat: Infinity}}\r\n />\r\n <div className='absolute top-0 left-0 z-[7] size-full opacity-50 mix-blend-overlay dark:[background:repeating-linear-gradient(transparent,transparent_1px,white_1px,white_2px)]' />\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nHoleBackground.displayName = \"HoleBackground\";\r\nexport {HoleBackground, type HoleBackgroundProps};\r\n"],"names":["linear","p","easeInExpo","HoleBackground","React","strokeColor","numberOfLines","numberOfDiscs","particleRGBColor","className","children","props","ref","canvasRef","animationFrameIdRef","stateRef","tweenValue","start","end","ease","delta","easeFn","tweenDisc","disc","startDisc","endDisc","setSize","canvas","rect","window","setDiscs","width","height","prevBottom","i","bottom","clipPath","Path2D","Math","setLines","linesAngle","angle","offCanvas","document","ctx","line","lineIsIn","p1","j","p0","initParticle","sx","ex","dx","y","r","vy","setParticles","totalParticles","drawDiscs","outerDisc","drawLines","drawParticles","particle","moveDiscs","moveParticles","idx","tick","requestAnimationFrame","init","handleResize","cancelAnimationFrame","cn","motion","Infinity"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/hover-card.js","sources":["../../../src/components/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst HoverCard = HoverCardPrimitive.Root;\r\n\r\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\r\n\r\nconst HoverCardContent = React.forwardRef<\r\n React.ComponentRef<typeof HoverCardPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\r\n>(({className, align = \"center\", sideOffset = 4, ...props}, ref) => (\r\n <HoverCardPrimitive.Content\r\n ref={ref}\r\n align={align}\r\n sideOffset={sideOffset}\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 z-50 w-64 origin-[--radix-hover-card-content-transform-origin] rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\r\n\r\nexport {HoverCard, HoverCardContent, HoverCardTrigger};\r\n"],"names":["HoverCard","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;;;AAOA,MAAMA,YAAYC;AAElB,MAAMC,mBAAmBD;AAEzB,MAAME,mBAAmB,WAAnBA,GAAmBC,WAGvB,CAAC,EAACC,SAAS,EAAEC,QAAQ,QAAQ,EAAEC,aAAa,CAAC,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1D,IAACR,SAA0B;QACzB,KAAKQ;QACL,OAAOH;QACP,YAAYC;QACZ,WAAWG,GACT,8iBACAL;QAED,GAAGG,KAAK;;AAGbL,iBAAiB,WAAW,GAAGF,QAAAA,WAAsC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-group.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-group.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAK9C,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CA0BrE;AAED,QAAA,MAAM,uBAAuB;;iEAe5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,2CAgB5E;AAED,QAAA,MAAM,wBAAwB;;iEAY5B,CAAC;AAEH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,2CAUnG;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAU1E;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ5E;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAWlF;AAED,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/input-group.js","sources":["../../../src/components/ui/input-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Textarea} from \"@/components/ui/textarea\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction InputGroup({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot='input-group'\r\n role='group'\r\n className={cn(\r\n \"group/input-group relative flex w-full items-center rounded-md border border-neutral-200 shadow-xs transition-[color,box-shadow] outline-none dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30\",\r\n \"h-9 has-[>textarea]:h-auto\",\r\n\r\n // Variants based on alignment.\r\n \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\r\n \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\r\n \"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3\",\r\n \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3\",\r\n\r\n // Focus state.\r\n \"has-[[data-slot=input-group-control]:focus-visible]:ring-1 has-[[data-slot=input-group-control]:focus-visible]:ring-neutral-950 dark:has-[[data-slot=input-group-control]:focus-visible]:ring-neutral-300\",\r\n\r\n // Error state.\r\n \"has-[[data-slot][aria-invalid=true]]:border-red-500 has-[[data-slot][aria-invalid=true]]:ring-red-500/20 dark:has-[[data-slot][aria-invalid=true]]:border-red-900 dark:dark:has-[[data-slot][aria-invalid=true]]:ring-red-900/40 dark:has-[[data-slot][aria-invalid=true]]:ring-red-500/40 dark:has-[[data-slot][aria-invalid=true]]:ring-red-900/20\",\r\n\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nconst inputGroupAddonVariants = cva(\r\n \"text-neutral-500 flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 dark:text-neutral-400\",\r\n {\r\n variants: {\r\n align: {\r\n \"inline-start\": \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\r\n \"inline-end\": \"order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]\",\r\n \"block-start\": \"[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5\",\r\n \"block-end\": \"[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5\",\r\n },\r\n },\r\n defaultVariants: {\r\n align: \"inline-start\",\r\n },\r\n },\r\n);\r\n\r\nfunction InputGroupAddon({\r\n className,\r\n align = \"inline-start\",\r\n ...props\r\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\r\n return (\r\n <div\r\n role='group'\r\n data-slot='input-group-addon'\r\n data-align={align}\r\n className={cn(inputGroupAddonVariants({align}), className)}\r\n onClick={(e) => {\r\n if ((e.target as HTMLElement).closest(\"button\")) {\r\n return;\r\n }\r\n e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\r\n }}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nconst inputGroupButtonVariants = cva(\"flex items-center gap-2 text-sm shadow-none\", {\r\n variants: {\r\n size: {\r\n xs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5\",\r\n sm: \"h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5\",\r\n \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\r\n \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"xs\",\r\n },\r\n});\r\n\r\nfunction InputGroupButton({\r\n className,\r\n type = \"button\",\r\n variant = \"ghost\",\r\n size = \"xs\",\r\n ...props\r\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> & VariantProps<typeof inputGroupButtonVariants>) {\r\n return (\r\n <Button\r\n type={type}\r\n data-size={size}\r\n variant={variant}\r\n className={cn(inputGroupButtonVariants({size}), className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction InputGroupText({className, ...props}: React.ComponentProps<\"span\">) {\r\n return (\r\n <span\r\n className={cn(\r\n \"flex items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction InputGroupInput({className, ...props}: React.ComponentProps<\"input\">) {\r\n return (\r\n <Input\r\n data-slot='input-group-control'\r\n className={cn(\"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction InputGroupTextarea({className, ...props}: React.ComponentProps<\"textarea\">) {\r\n return (\r\n <Textarea\r\n data-slot='input-group-control'\r\n className={cn(\r\n \"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea};\r\n"],"names":["InputGroup","className","props","cn","inputGroupAddonVariants","cva","InputGroupAddon","align","e","inputGroupButtonVariants","InputGroupButton","type","variant","size","Button","InputGroupText","InputGroupInput","Input","InputGroupTextarea","Textarea"],"mappings":";;;;;;;;AAYA,SAASA,WAAW,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACpE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,WAAWC,GACT,4NACA,8BAGA,mDACA,iDACA,kIACA,4HAGA,6MAGA,wVAEAF;QAED,GAAGC,KAAK;;AAGf;AAEA,MAAME,0BAA0BC,IAC9B,4QACA;IACE,UAAU;QACR,OAAO;YACL,gBAAgB;YAChB,cAAc;YACd,eAAe;YACf,aAAa;QACf;IACF;IACA,iBAAiB;QACf,OAAO;IACT;AACF;AAGF,SAASC,gBAAgB,EACvBL,SAAS,EACTM,QAAQ,cAAc,EACtB,GAAGL,OACwE;IAC3E,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,aAAU;QACV,cAAYK;QACZ,WAAWJ,GAAGC,wBAAwB;YAACG;QAAK,IAAIN;QAChD,SAAS,CAACO;YACR,IAAKA,EAAE,MAAM,CAAiB,OAAO,CAAC,WACpC;YAEFA,EAAE,aAAa,CAAC,aAAa,EAAE,cAAc,UAAU;QACzD;QACC,GAAGN,KAAK;;AAGf;AAEA,MAAMO,2BAA2BJ,IAAI,+CAA+C;IAClF,UAAU;QACR,MAAM;YACJ,IAAI;YACJ,IAAI;YACJ,WAAW;YACX,WAAW;QACb;IACF;IACA,iBAAiB;QACf,MAAM;IACR;AACF;AAEA,SAASK,iBAAiB,EACxBT,SAAS,EACTU,OAAO,QAAQ,EACfC,UAAU,OAAO,EACjBC,OAAO,IAAI,EACX,GAAGX,OAC+F;IAClG,OAAO,WAAP,GACE,IAACY,QAAMA;QACL,MAAMH;QACN,aAAWE;QACX,SAASD;QACT,WAAWT,GAAGM,yBAAyB;YAACI;QAAI,IAAIZ;QAC/C,GAAGC,KAAK;;AAGf;AAEA,SAASa,eAAe,EAACd,SAAS,EAAE,GAAGC,OAAoC;IACzE,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GACT,2IACAF;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASc,gBAAgB,EAACf,SAAS,EAAE,GAAGC,OAAqC;IAC3E,OAAO,WAAP,GACE,IAACe,OAAKA;QACJ,aAAU;QACV,WAAWd,GAAG,oGAAoGF;QACjH,GAAGC,KAAK;;AAGf;AAEA,SAASgB,mBAAmB,EAACjB,SAAS,EAAE,GAAGC,OAAwC;IACjF,OAAO,WAAP,GACE,IAACiB,UAAQA;QACP,aAAU;QACV,WAAWhB,GACT,qHACAF;QAED,GAAGC,KAAK;;AAGf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-otp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ;;;;;
|
|
1
|
+
{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-otp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ;;;;;kBAK4C,GAAG;;;;;;;;;;;;;kBAAH,GAAG;;;;;;;;2FAI5D,CAAC;AAGF,QAAA,MAAM,aAAa,mKAMjB,CAAC;AAGH,QAAA,MAAM,YAAY;WAA+F,MAAM;wCAuBtH,CAAC;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAC,CAAC"}
|
|
@@ -26,7 +26,7 @@ const InputOTPSlot = /*#__PURE__*/ forwardRef(({ index, className, ...props }, r
|
|
|
26
26
|
...props,
|
|
27
27
|
children: [
|
|
28
28
|
char,
|
|
29
|
-
hasFakeCaret && /*#__PURE__*/ jsx("div", {
|
|
29
|
+
Boolean(hasFakeCaret) && /*#__PURE__*/ jsx("div", {
|
|
30
30
|
className: "pointer-events-none absolute inset-0 flex items-center justify-center",
|
|
31
31
|
children: /*#__PURE__*/ jsx("div", {
|
|
32
32
|
className: "animate-caret-blink h-4 w-px bg-neutral-950 duration-1000 dark:bg-neutral-50"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/input-otp.js","sources":["../../../src/components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {OTPInput, OTPInputContext} from \"input-otp\";\r\nimport {Minus} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst InputOTP = React.forwardRef<React.ComponentRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\r\n ({className, containerClassName, ...props}, ref) => (\r\n <OTPInput\r\n ref={ref}\r\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\r\n className={cn(\"disabled:cursor-not-allowed\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nInputOTP.displayName = \"InputOTP\";\r\n\r\nconst InputOTPGroup = React.forwardRef<React.ComponentRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(({className, ...props}, ref) => (\r\n <div\r\n ref={ref}\r\n className={cn(\"flex items-center\", className)}\r\n {...props}\r\n />\r\n));\r\nInputOTPGroup.displayName = \"InputOTPGroup\";\r\n\r\nconst InputOTPSlot = React.forwardRef<React.ComponentRef<\"div\">, React.ComponentPropsWithoutRef<\"div\"> & {index: number}>(\r\n ({index, className, ...props}, ref) => {\r\n const inputOTPContext = React.useContext(OTPInputContext);\r\n const {char, hasFakeCaret, isActive} = inputOTPContext.slots[index];\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(\r\n \"relative flex h-9 w-9 items-center justify-center border-y border-r border-neutral-200 text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md dark:border-neutral-800\",\r\n isActive && \"z-10 ring-1 ring-neutral-950 dark:ring-neutral-300\",\r\n className,\r\n )}\r\n {...props}>\r\n {char}\r\n {Boolean(hasFakeCaret) && (\r\n <div className='pointer-events-none absolute inset-0 flex items-center justify-center'>\r\n <div className='animate-caret-blink h-4 w-px bg-neutral-950 duration-1000 dark:bg-neutral-50' />\r\n </div>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\nInputOTPSlot.displayName = \"InputOTPSlot\";\r\n\r\nconst InputOTPSeparator = React.forwardRef<React.ComponentRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(({...props}, ref) => (\r\n <div\r\n ref={ref}\r\n role='separator'\r\n {...props}>\r\n <Minus />\r\n </div>\r\n));\r\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\r\n\r\nexport {InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot};\r\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","Boolean","InputOTPSeparator","Minus"],"mappings":";;;;;;AAQA,MAAMA,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAEC,kBAAkB,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1C,IAACC,UAAQA;QACP,KAAKD;QACL,oBAAoBE,GAAG,sDAAsDJ;QAC7E,WAAWI,GAAG,+BAA+BL;QAC5C,GAAGE,KAAK;;AAIfJ,SAAS,WAAW,GAAG;AAEvB,MAAMQ,gBAAgB,WAAhBA,GAAgBP,WAAmF,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GAC/H,IAAC;QACC,KAAKA;QACL,WAAWE,GAAG,qBAAqBL;QAClC,GAAGE,KAAK;;AAGbI,cAAc,WAAW,GAAG;AAE5B,MAAMC,eAAe,WAAfA,GAAeR,WACnB,CAAC,EAACS,KAAK,EAAER,SAAS,EAAE,GAAGE,OAAM,EAAEC;IAC7B,MAAMM,kBAAkBV,WAAiBW;IACzC,MAAM,EAACC,IAAI,EAAEC,YAAY,EAAEC,QAAQ,EAAC,GAAGJ,gBAAgB,KAAK,CAACD,MAAM;IAEnE,OAAO,WAAP,GACE,KAAC;QACC,KAAKL;QACL,WAAWE,GACT,uMACAQ,YAAY,sDACZb;QAED,GAAGE,KAAK;;YACRS;YACAG,QAAQF,iBAAiB,WAAjBA,GACP,IAAC;gBAAI,WAAU;0BACb,kBAAC;oBAAI,WAAU;;;;;AAKzB;AAEFL,aAAa,WAAW,GAAG;AAE3B,MAAMQ,oBAAoB,WAApBA,GAAoBhB,WAAmF,CAAC,EAAC,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,MAAK;QACJ,GAAGD,KAAK;kBACT,kBAACc,OAAKA,CAAAA;;AAGVD,kBAAkB,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/input.js","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(({className, type, ...props}, ref) => {\r\n return (\r\n <input\r\n type={type}\r\n className={cn(\r\n \"flex h-9 w-full rounded-md border border-neutral-200 bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 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:file:text-neutral-50 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\nInput.displayName = \"Input\";\r\n\r\nexport {Input};\r\n"],"names":["Input","React","className","type","props","ref","cn"],"mappings":";;;;AAKA,MAAMA,QAAQ,WAARA,GAAQC,WAAkE,CAAC,EAACC,SAAS,EAAEC,IAAI,EAAE,GAAGC,OAAM,EAAEC,MACrG,WAAP,GACE,IAAC;QACC,MAAMF;QACN,WAAWG,GACT,4eACAJ;QAEF,KAAKG;QACJ,GAAGD,KAAK;;AAIfJ,MAAM,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/item.js","sources":["../../../src/components/ui/item.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction ItemGroup({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n role='list'\r\n data-slot='item-group'\r\n className={cn(\"group/item-group flex flex-col\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ItemSeparator({className, ...props}: React.ComponentProps<typeof Separator>) {\r\n return (\r\n <Separator\r\n data-slot='item-separator'\r\n orientation='horizontal'\r\n className={cn(\"my-0\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nconst itemVariants = cva(\r\n \"group/item [a]:hover:bg-neutral-100/50 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-neutral-200 border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px] dark:[a]:hover:bg-neutral-800/50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:border-neutral-800\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-transparent\",\r\n outline: \"border-neutral-200 dark:border-neutral-800\",\r\n muted: \"bg-neutral-100/50 dark:bg-neutral-800/50\",\r\n },\r\n size: {\r\n default: \"gap-4 p-4\",\r\n sm: \"gap-2.5 px-4 py-3\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n size: \"default\",\r\n },\r\n },\r\n);\r\n\r\nfunction Item({\r\n className,\r\n variant = \"default\",\r\n size = \"default\",\r\n asChild = false,\r\n ...props\r\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemVariants> & {asChild?: boolean}) {\r\n const Comp = asChild ? Slot : \"div\";\r\n return (\r\n <Comp\r\n data-slot='item'\r\n data-variant={variant}\r\n data-size={size}\r\n className={cn(itemVariants({variant, size, className}))}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nconst itemMediaVariants = cva(\r\n \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-transparent\",\r\n icon: \"bg-neutral-100 size-8 rounded-sm border border-neutral-200 [&_svg:not([class*='size-'])]:size-4 dark:bg-neutral-800 dark:border-neutral-800\",\r\n image: \"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n },\r\n);\r\n\r\nfunction ItemMedia({className, variant = \"default\", ...props}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\r\n return (\r\n <div\r\n data-slot='item-media'\r\n data-variant={variant}\r\n className={cn(itemMediaVariants({variant, className}))}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ItemContent({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot='item-content'\r\n className={cn(\"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ItemTitle({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot='item-title'\r\n className={cn(\"flex w-fit items-center gap-2 text-sm leading-snug font-medium\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ItemDescription({className, ...props}: React.ComponentProps<\"p\">) {\r\n return (\r\n <p\r\n data-slot='item-description'\r\n className={cn(\r\n \"line-clamp-2 text-sm leading-normal font-normal text-balance text-neutral-500 dark:text-neutral-400\",\r\n \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-neutral-900 dark:[&>a:hover]:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ItemActions({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot='item-actions'\r\n className={cn(\"flex items-center gap-2\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ItemHeader({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot='item-header'\r\n className={cn(\"flex basis-full items-center justify-between gap-2\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction ItemFooter({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot='item-footer'\r\n className={cn(\"flex basis-full items-center justify-between gap-2\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle};\r\n"],"names":["ItemGroup","className","props","cn","ItemSeparator","Separator","itemVariants","cva","Item","variant","size","asChild","Comp","Slot","itemMediaVariants","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter"],"mappings":";;;;;;;AASA,SAASA,UAAU,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACnE,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,aAAU;QACV,WAAWC,GAAG,kCAAkCF;QAC/C,GAAGC,KAAK;;AAGf;AAEA,SAASE,cAAc,EAACH,SAAS,EAAE,GAAGC,OAA8C;IAClF,OAAO,WAAP,GACE,IAACG,WAASA;QACR,aAAU;QACV,aAAY;QACZ,WAAWF,GAAG,QAAQF;QACrB,GAAGC,KAAK;;AAGf;AAEA,MAAMI,eAAeC,IACnB,0aACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SAAS;YACT,OAAO;QACT;QACA,MAAM;YACJ,SAAS;YACT,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,SAASC,KAAK,EACZP,SAAS,EACTQ,UAAU,SAAS,EACnBC,OAAO,SAAS,EAChBC,UAAU,KAAK,EACf,GAAGT,OACmF;IACtF,MAAMU,OAAOD,UAAUE,OAAO;IAC9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,gBAAcH;QACd,aAAWC;QACX,WAAWP,GAAGG,aAAa;YAACG;YAASC;YAAMT;QAAS;QACnD,GAAGC,KAAK;;AAGf;AAEA,MAAMY,oBAAoBP,IACxB,sMACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,MAAM;YACN,OAAO;QACT;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,SAASQ,UAAU,EAACd,SAAS,EAAEQ,UAAU,SAAS,EAAE,GAAGP,OAA4E;IACjI,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,gBAAcO;QACd,WAAWN,GAAGW,kBAAkB;YAACL;YAASR;QAAS;QAClD,GAAGC,KAAK;;AAGf;AAEA,SAASc,YAAY,EAACf,SAAS,EAAE,GAAGC,OAAmC;IACrE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,qEAAqEF;QAClF,GAAGC,KAAK;;AAGf;AAEA,SAASe,UAAU,EAAChB,SAAS,EAAE,GAAGC,OAAmC;IACnE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,kEAAkEF;QAC/E,GAAGC,KAAK;;AAGf;AAEA,SAASgB,gBAAgB,EAACjB,SAAS,EAAE,GAAGC,OAAiC;IACvE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GACT,uGACA,0GACAF;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASiB,YAAY,EAAClB,SAAS,EAAE,GAAGC,OAAmC;IACrE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,2BAA2BF;QACxC,GAAGC,KAAK;;AAGf;AAEA,SAASkB,WAAW,EAACnB,SAAS,EAAE,GAAGC,OAAmC;IACpE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,sDAAsDF;QACnE,GAAGC,KAAK;;AAGf;AAEA,SAASmB,WAAW,EAACpB,SAAS,EAAE,GAAGC,OAAmC;IACpE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,sDAAsDF;QACnE,GAAGC,KAAK;;AAGf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/kbd.js","sources":["../../../src/components/ui/kbd.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Kbd({className, ...props}: React.ComponentProps<\"kbd\">) {\r\n return (\r\n <kbd\r\n data-slot='kbd'\r\n className={cn(\r\n \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-neutral-100 px-1 font-sans text-xs font-medium text-neutral-500 select-none dark:bg-neutral-800 dark:text-neutral-400\",\r\n \"[&_svg:not([class*='size-'])]:size-3\",\r\n \"[[data-slot=tooltip-content]_&]:bg-white/20 [[data-slot=tooltip-content]_&]:text-white dark:[[data-slot=tooltip-content]_&]:bg-neutral-950/20 dark:[[data-slot=tooltip-content]_&]:bg-white/10 dark:dark:[[data-slot=tooltip-content]_&]:bg-neutral-950/10 dark:[[data-slot=tooltip-content]_&]:text-neutral-950\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction KbdGroup({className, ...props}: React.ComponentProps<\"div\">) {\r\n return (\r\n <kbd\r\n data-slot='kbd-group'\r\n className={cn(\"inline-flex items-center gap-1\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport {Kbd, KbdGroup};\r\n"],"names":["Kbd","className","props","cn","KbdGroup"],"mappings":";;;;AAKA,SAASA,IAAI,EAACC,SAAS,EAAE,GAAGC,OAAmC;IAC7D,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GACT,2NACA,wCACA,oTACAF;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASE,SAAS,EAACH,SAAS,EAAE,GAAGC,OAAmC;IAClE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,kCAAkCF;QAC/C,GAAGC,KAAK;;AAGf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/label.js","sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\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 labelVariants = cva(\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\");\r\n\r\nconst Label = React.forwardRef<\r\n React.ComponentRef<typeof LabelPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\r\n>(({className, ...props}, ref) => (\r\n <LabelPrimitive.Root\r\n ref={ref}\r\n className={cn(labelVariants(), className)}\r\n {...props}\r\n />\r\n));\r\nLabel.displayName = LabelPrimitive.Root.displayName;\r\n\r\nexport {Label};\r\n"],"names":["labelVariants","cva","Label","React","className","props","ref","LabelPrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,gBAAgBC,IAAI;AAE1B,MAAMC,QAAQ,WAARA,GAAQC,WAGZ,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAmB;QAClB,KAAKD;QACL,WAAWE,GAAGR,iBAAiBI;QAC9B,GAAGC,KAAK;;AAGbH,MAAM,WAAW,GAAGK,KAAAA,WAA+B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\ui\\menubar.js","sources":["webpack://@arolariu/components/./src/components/ui/menubar.tsx"],"sourcesContent":["\r\n\r\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction MenubarMenu({...props}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\r\n return <MenubarPrimitive.Menu {...props} />;\r\n}\r\n\r\nfunction MenubarGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\r\n return <MenubarPrimitive.Group {...props} />;\r\n}\r\n\r\nfunction MenubarPortal({...props}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\r\n return <MenubarPrimitive.Portal {...props} />;\r\n}\r\n\r\nfunction MenubarRadioGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\r\n return <MenubarPrimitive.RadioGroup {...props} />;\r\n}\r\n\r\nfunction MenubarSub({...props}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\r\n return (\r\n <MenubarPrimitive.Sub\r\n data-slot='menubar-sub'\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nconst Menubar = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.Root\r\n ref={ref}\r\n className={cn(\r\n \"flex h-9 items-center space-x-1 rounded-md border border-neutral-200 bg-white p-1 shadow-sm dark:border-neutral-800 dark:bg-neutral-950\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubar.displayName = MenubarPrimitive.Root.displayName;\r\n\r\nconst MenubarTrigger = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\r\n\r\nconst MenubarSubTrigger = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\r\n inset?: boolean;\r\n }\r\n>(({className, inset, children, ...props}, ref) => (\r\n <MenubarPrimitive.SubTrigger\r\n ref={ref}\r\n className={cn(\r\n \"flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n inset && \"pl-8\",\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n <ChevronRight className='ml-auto h-4 w-4' />\r\n </MenubarPrimitive.SubTrigger>\r\n));\r\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\r\n\r\nconst MenubarSubContent = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.SubContent>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.SubContent\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 z-50 min-w-[8rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\r\n\r\nconst MenubarContent = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\r\n>(({className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props}, ref) => (\r\n <MenubarPrimitive.Portal>\r\n <MenubarPrimitive.Content\r\n ref={ref}\r\n align={align}\r\n alignOffset={alignOffset}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n \"data-[state=open]:animate-in 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 z-50 min-w-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n </MenubarPrimitive.Portal>\r\n));\r\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\r\n\r\nconst MenubarItem = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\r\n inset?: boolean;\r\n }\r\n>(({className, inset, ...props}, ref) => (\r\n <MenubarPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default items-center rounded-sm px-2 py-1.5 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 inset && \"pl-8\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\r\n\r\nconst MenubarCheckboxItem = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\r\n>(({className, children, checked, ...props}, ref) => (\r\n <MenubarPrimitive.CheckboxItem\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 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 checked={checked}\r\n {...props}>\r\n <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n <MenubarPrimitive.ItemIndicator>\r\n <Check className='h-4 w-4' />\r\n </MenubarPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </MenubarPrimitive.CheckboxItem>\r\n));\r\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\r\n\r\nconst MenubarRadioItem = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.RadioItem>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\r\n>(({className, children, ...props}, ref) => (\r\n <MenubarPrimitive.RadioItem\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 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 left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n <MenubarPrimitive.ItemIndicator>\r\n <Circle className='h-4 w-4 fill-current' />\r\n </MenubarPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </MenubarPrimitive.RadioItem>\r\n));\r\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\r\n\r\nconst MenubarLabel = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.Label>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\r\n inset?: boolean;\r\n }\r\n>(({className, inset, ...props}, ref) => (\r\n <MenubarPrimitive.Label\r\n ref={ref}\r\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\r\n {...props}\r\n />\r\n));\r\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\r\n\r\nconst MenubarSeparator = React.forwardRef<\r\n React.ElementRef<typeof MenubarPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.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\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\r\n\r\nconst MenubarShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n return (\r\n <span\r\n className={cn(\"ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400\", className)}\r\n {...props}\r\n />\r\n );\r\n};\r\nMenubarShortcut.displayname = \"MenubarShortcut\";\r\n\r\nexport {\r\n Menubar,\r\n MenubarCheckboxItem,\r\n MenubarContent,\r\n MenubarGroup,\r\n MenubarItem,\r\n MenubarLabel,\r\n MenubarMenu,\r\n MenubarPortal,\r\n MenubarRadioGroup,\r\n MenubarRadioItem,\r\n MenubarSeparator,\r\n MenubarShortcut,\r\n MenubarSub,\r\n MenubarSubContent,\r\n MenubarSubTrigger,\r\n MenubarTrigger,\r\n};\r\n"],"names":["MenubarMenu","props","MenubarPrimitive","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","React","className","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","ChevronRight","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components/ui/menubar.js","sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction MenubarMenu({...props}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\r\n return <MenubarPrimitive.Menu {...props} />;\r\n}\r\n\r\nfunction MenubarGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\r\n return <MenubarPrimitive.Group {...props} />;\r\n}\r\n\r\nfunction MenubarPortal({...props}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\r\n return <MenubarPrimitive.Portal {...props} />;\r\n}\r\n\r\nfunction MenubarRadioGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\r\n return <MenubarPrimitive.RadioGroup {...props} />;\r\n}\r\n\r\nfunction MenubarSub({...props}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\r\n return (\r\n <MenubarPrimitive.Sub\r\n data-slot='menubar-sub'\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nconst Menubar = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.Root\r\n ref={ref}\r\n className={cn(\r\n \"flex h-9 items-center space-x-1 rounded-md border border-neutral-200 bg-white p-1 shadow-sm dark:border-neutral-800 dark:bg-neutral-950\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubar.displayName = MenubarPrimitive.Root.displayName;\r\n\r\nconst MenubarTrigger = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\r\n\r\nconst MenubarSubTrigger = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.SubTrigger>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\r\n inset?: boolean;\r\n }\r\n>(({className, inset, children, ...props}, ref) => (\r\n <MenubarPrimitive.SubTrigger\r\n ref={ref}\r\n className={cn(\r\n \"flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n inset && \"pl-8\",\r\n className,\r\n )}\r\n {...props}>\r\n {children}\r\n <ChevronRight className='ml-auto h-4 w-4' />\r\n </MenubarPrimitive.SubTrigger>\r\n));\r\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\r\n\r\nconst MenubarSubContent = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.SubContent>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.SubContent\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 z-50 min-w-[8rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\r\n\r\nconst MenubarContent = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\r\n>(({className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props}, ref) => (\r\n <MenubarPrimitive.Portal>\r\n <MenubarPrimitive.Content\r\n ref={ref}\r\n align={align}\r\n alignOffset={alignOffset}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n \"data-[state=open]:animate-in 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 z-50 min-w-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n </MenubarPrimitive.Portal>\r\n));\r\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\r\n\r\nconst MenubarItem = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\r\n inset?: boolean;\r\n }\r\n>(({className, inset, ...props}, ref) => (\r\n <MenubarPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default items-center rounded-sm px-2 py-1.5 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 inset && \"pl-8\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\r\n\r\nconst MenubarCheckboxItem = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.CheckboxItem>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\r\n>(({className, children, checked, ...props}, ref) => (\r\n <MenubarPrimitive.CheckboxItem\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 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 checked={checked}\r\n {...props}>\r\n <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n <MenubarPrimitive.ItemIndicator>\r\n <Check className='h-4 w-4' />\r\n </MenubarPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </MenubarPrimitive.CheckboxItem>\r\n));\r\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\r\n\r\nconst MenubarRadioItem = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.RadioItem>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\r\n>(({className, children, ...props}, ref) => (\r\n <MenubarPrimitive.RadioItem\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 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 left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n <MenubarPrimitive.ItemIndicator>\r\n <Circle className='h-4 w-4 fill-current' />\r\n </MenubarPrimitive.ItemIndicator>\r\n </span>\r\n {children}\r\n </MenubarPrimitive.RadioItem>\r\n));\r\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\r\n\r\nconst MenubarLabel = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.Label>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\r\n inset?: boolean;\r\n }\r\n>(({className, inset, ...props}, ref) => (\r\n <MenubarPrimitive.Label\r\n ref={ref}\r\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\r\n {...props}\r\n />\r\n));\r\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\r\n\r\nconst MenubarSeparator = React.forwardRef<\r\n React.ComponentRef<typeof MenubarPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n <MenubarPrimitive.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\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\r\n\r\nconst MenubarShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n return (\r\n <span\r\n className={cn(\"ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400\", className)}\r\n {...props}\r\n />\r\n );\r\n};\r\nMenubarShortcut.displayname = \"MenubarShortcut\";\r\n\r\nexport {\r\n Menubar,\r\n MenubarCheckboxItem,\r\n MenubarContent,\r\n MenubarGroup,\r\n MenubarItem,\r\n MenubarLabel,\r\n MenubarMenu,\r\n MenubarPortal,\r\n MenubarRadioGroup,\r\n MenubarRadioItem,\r\n MenubarSeparator,\r\n MenubarShortcut,\r\n MenubarSub,\r\n MenubarSubContent,\r\n MenubarSubTrigger,\r\n MenubarTrigger,\r\n};\r\n"],"names":["MenubarMenu","props","MenubarPrimitive","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","React","className","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","ChevronRight","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc,iKAWlB,CAAC;AAGH,QAAA,MAAM,kBAAkB,+KAStB,CAAC;AAGH,QAAA,MAAM,kBAAkB,uHAA+B,CAAC;AAExD,QAAA,MAAM,0BAA0B,wEAE/B,CAAC;AAEF,QAAA,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc,iKAWlB,CAAC;AAGH,QAAA,MAAM,kBAAkB,+KAStB,CAAC;AAGH,QAAA,MAAM,kBAAkB,uHAA+B,CAAC;AAExD,QAAA,MAAM,0BAA0B,wEAE/B,CAAC;AAEF,QAAA,MAAM,qBAAqB,oLAczB,CAAC;AAGH,QAAA,MAAM,qBAAqB,8KAYzB,CAAC;AAGH,QAAA,MAAM,kBAAkB,2HAA+B,CAAC;AAExD,QAAA,MAAM,sBAAsB,+KAc1B,CAAC;AAGH,QAAA,MAAM,uBAAuB,gLAa3B,CAAC;AAGH,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAC"}
|
|
@@ -29,7 +29,6 @@ const NavigationMenuTrigger = /*#__PURE__*/ forwardRef(({ className, children, .
|
|
|
29
29
|
...props,
|
|
30
30
|
children: [
|
|
31
31
|
children,
|
|
32
|
-
"",
|
|
33
32
|
/*#__PURE__*/ jsx(ChevronDown, {
|
|
34
33
|
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
35
34
|
"aria-hidden": "true"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/navigation-menu.js","sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\r\nimport {cva} from \"class-variance-authority\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst NavigationMenu = React.forwardRef<\r\n React.ComponentRef<typeof NavigationMenuPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\r\n>(({className, children, ...props}, ref) => (\r\n <NavigationMenuPrimitive.Root\r\n ref={ref}\r\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\r\n {...props}>\r\n {children}\r\n <NavigationMenuViewport />\r\n </NavigationMenuPrimitive.Root>\r\n));\r\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\r\n\r\nconst NavigationMenuList = React.forwardRef<\r\n React.ComponentRef<typeof NavigationMenuPrimitive.List>,\r\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\r\n>(({className, ...props}, ref) => (\r\n <NavigationMenuPrimitive.List\r\n ref={ref}\r\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\r\n {...props}\r\n />\r\n));\r\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\r\n\r\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\r\n\r\nconst navigationMenuTriggerStyle = cva(\r\n \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-neutral-900 data-[state=open]:bg-neutral-100/50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:focus:bg-neutral-100 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:focus:bg-neutral-800\",\r\n);\r\n\r\nconst NavigationMenuTrigger = React.forwardRef<\r\n React.ComponentRef<typeof NavigationMenuPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n <NavigationMenuPrimitive.Trigger\r\n ref={ref}\r\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\r\n {...props}>\r\n {children}\r\n <ChevronDown\r\n className='relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180'\r\n aria-hidden='true'\r\n />\r\n </NavigationMenuPrimitive.Trigger>\r\n));\r\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\r\n\r\nconst NavigationMenuContent = React.forwardRef<\r\n React.ComponentRef<typeof NavigationMenuPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n <NavigationMenuPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\r\n\r\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\r\n\r\nconst NavigationMenuViewport = React.forwardRef<\r\n React.ComponentRef<typeof NavigationMenuPrimitive.Viewport>,\r\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\r\n>(({className, ...props}, ref) => (\r\n <div className={cn(\"absolute top-full left-0 flex justify-center\")}>\r\n <NavigationMenuPrimitive.Viewport\r\n className={cn(\r\n \"origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n className,\r\n )}\r\n ref={ref}\r\n {...props}\r\n />\r\n </div>\r\n));\r\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\r\n\r\nconst NavigationMenuIndicator = React.forwardRef<\r\n React.ComponentRef<typeof NavigationMenuPrimitive.Indicator>,\r\n React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\r\n>(({className, ...props}, ref) => (\r\n <NavigationMenuPrimitive.Indicator\r\n ref={ref}\r\n className={cn(\r\n \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\r\n className,\r\n )}\r\n {...props}>\r\n <div className='relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800' />\r\n </NavigationMenuPrimitive.Indicator>\r\n));\r\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\r\n\r\nexport {\r\n NavigationMenu,\r\n NavigationMenuContent,\r\n NavigationMenuIndicator,\r\n NavigationMenuItem,\r\n NavigationMenuLink,\r\n NavigationMenuList,\r\n NavigationMenuTrigger,\r\n navigationMenuTriggerStyle,\r\n NavigationMenuViewport,\r\n};\r\n"],"names":["NavigationMenu","React","className","children","props","ref","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;;;AASA,MAAMA,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,mEAAmEL;QAChF,GAAGE,KAAK;;YACRD;0BACD,IAACK,wBAAAA,CAAAA;;;AAGLR,eAAe,WAAW,GAAGM,KAAAA,WAAwC;AAErE,MAAMG,qBAAqB,WAArBA,GAAqBR,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,qEAAqEL;QAClF,GAAGE,KAAK;;AAGbK,mBAAmB,WAAW,GAAGH,KAAAA,WAAwC;AAEzE,MAAMI,qBAAqBJ;AAE3B,MAAMK,6BAA6BC,IACjC;AAGF,MAAMC,wBAAwB,WAAxBA,GAAwBZ,WAG5B,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GAAGI,8BAA8B,SAAST;QACpD,GAAGE,KAAK;;YACRD;0BACD,IAACW,aAAWA;gBACV,WAAU;gBACV,eAAY;;;;AAIlBD,sBAAsB,WAAW,GAAGP,QAAAA,WAA2C;AAE/E,MAAMS,wBAAwB,WAAxBA,GAAwBd,WAG5B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GACT,yVACAL;QAED,GAAGE,KAAK;;AAGbW,sBAAsB,WAAW,GAAGT,QAAAA,WAA2C;AAE/E,MAAMU,qBAAqBV;AAE3B,MAAME,yBAAyB,WAAzBA,GAAyBP,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAAC;QAAI,WAAWE,GAAG;kBACjB,kBAACD,UAAgC;YAC/B,WAAWC,GACT,iaACAL;YAEF,KAAKG;YACJ,GAAGD,KAAK;;;AAIfI,uBAAuB,WAAW,GAAGF,SAAAA,WAA4C;AAEjF,MAAMW,0BAA0B,WAA1BA,GAA0BhB,WAG9B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,WAAiC;QAChC,KAAKD;QACL,WAAWE,GACT,gMACAL;QAED,GAAGE,KAAK;kBACT,kBAAC;YAAI,WAAU;;;AAGnBa,wBAAwB,WAAW,GAAGX,UAAAA,WAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAGnE,QAAA,MAAM,UAAU;8BAA2B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;;CAOrE,CAAC;AAGF,QAAA,MAAM,iBAAiB,yKAMrB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAMlB,CAAC;AAGH,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACzB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9B,QAAA,MAAM,cAAc;8CAAoD,mBAAmB;;
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAGnE,QAAA,MAAM,UAAU;8BAA2B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;;CAOrE,CAAC;AAGF,QAAA,MAAM,iBAAiB,yKAMrB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAMlB,CAAC;AAGH,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACzB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9B,QAAA,MAAM,cAAc;8CAAoD,mBAAmB;;CAa1F,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAS7F,CAAC;AAGF,QAAA,MAAM,cAAc;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CASzF,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAQ9E,CAAC;AAGF,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/pagination.js","sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {ChevronLeft, ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {ButtonProps, buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Pagination = ({className, ...props}: React.ComponentProps<\"nav\">) => (\r\n <nav\r\n role='navigation'\r\n aria-label='pagination'\r\n className={cn(\"mx-auto flex w-full justify-center\", className)}\r\n {...props}\r\n />\r\n);\r\nPagination.displayName = \"Pagination\";\r\n\r\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n <ul\r\n ref={ref}\r\n className={cn(\"flex flex-row items-center gap-1\", className)}\r\n {...props}\r\n />\r\n));\r\nPaginationContent.displayName = \"PaginationContent\";\r\n\r\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n <li\r\n ref={ref}\r\n className={cn(\"\", className)}\r\n {...props}\r\n />\r\n));\r\nPaginationItem.displayName = \"PaginationItem\";\r\n\r\ntype PaginationLinkProps = {\r\n isActive?: boolean;\r\n} & Pick<ButtonProps, \"size\">\r\n & React.ComponentProps<\"a\">;\r\n\r\nconst PaginationLink = ({className, isActive, size = \"icon\", ...props}: PaginationLinkProps) => (\r\n // eslint-disable-next-line jsx-a11y/anchor-has-content -- the link will have children.\r\n <a\r\n aria-current={isActive ? \"page\" : undefined}\r\n className={cn(\r\n buttonVariants({\r\n variant: isActive ? \"outline\" : \"ghost\",\r\n size,\r\n }),\r\n className,\r\n )}\r\n {...props}\r\n />\r\n);\r\nPaginationLink.displayName = \"PaginationLink\";\r\n\r\nconst PaginationPrevious = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\r\n <PaginationLink\r\n aria-label='Go to previous page'\r\n size='default'\r\n className={cn(\"gap-1 pl-2.5\", className)}\r\n {...props}>\r\n <ChevronLeft className='h-4 w-4' />\r\n <span>Previous</span>\r\n </PaginationLink>\r\n);\r\nPaginationPrevious.displayName = \"PaginationPrevious\";\r\n\r\nconst PaginationNext = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\r\n <PaginationLink\r\n aria-label='Go to next page'\r\n size='default'\r\n className={cn(\"gap-1 pr-2.5\", className)}\r\n {...props}>\r\n <span>Next</span>\r\n <ChevronRight className='h-4 w-4' />\r\n </PaginationLink>\r\n);\r\nPaginationNext.displayName = \"PaginationNext\";\r\n\r\nconst PaginationEllipsis = ({className, ...props}: React.ComponentProps<\"span\">) => (\r\n <span\r\n aria-hidden\r\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\r\n {...props}>\r\n <MoreHorizontal className='h-4 w-4' />\r\n <span className='sr-only'>More pages</span>\r\n </span>\r\n);\r\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\r\n\r\nexport {Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious};\r\n"],"names":["Pagination","className","props","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","undefined","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,MAAMA,aAAa,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,iBACpE,IAAC;QACC,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,sCAAsCF;QACnD,GAAGC,KAAK;;AAGbF,WAAW,WAAW,GAAG;AAEzB,MAAMI,oBAAoB,WAApBA,GAAoBC,WAA+D,CAAC,EAACJ,SAAS,EAAE,GAAGC,OAAM,EAAEI,MAAAA,WAAAA,GAC/G,IAAC;QACC,KAAKA;QACL,WAAWH,GAAG,oCAAoCF;QACjD,GAAGC,KAAK;;AAGbE,kBAAkB,WAAW,GAAG;AAEhC,MAAMG,iBAAiB,WAAjBA,GAAiBF,WAA4D,CAAC,EAACJ,SAAS,EAAE,GAAGC,OAAM,EAAEI,MAAAA,WAAAA,GACzG,IAAC;QACC,KAAKA;QACL,WAAWH,GAAG,IAAIF;QACjB,GAAGC,KAAK;;AAGbK,eAAe,WAAW,GAAG;AAO7B,MAAMC,iBAAiB,CAAC,EAACP,SAAS,EAAEQ,QAAQ,EAAEC,OAAO,MAAM,EAAE,GAAGR,OAA2B,G,cAEzF,IAAC;QACC,gBAAcO,WAAW,SAASE;QAClC,WAAWR,GACTS,eAAe;YACb,SAASH,WAAW,YAAY;YAChCC;QACF,IACAT;QAED,GAAGC,KAAK;;AAGbM,eAAe,WAAW,GAAG;AAE7B,MAAMK,qBAAqB,CAAC,EAACZ,SAAS,EAAE,GAAGC,OAAmD,iBAC5F,KAACM,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWL,GAAG,gBAAgBF;QAC7B,GAAGC,KAAK;;0BACT,IAACY,aAAWA;gBAAC,WAAU;;0BACvB,IAAC;0BAAK;;;;AAGVD,mBAAmB,WAAW,GAAG;AAEjC,MAAME,iBAAiB,CAAC,EAACd,SAAS,EAAE,GAAGC,OAAmD,iBACxF,KAACM,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWL,GAAG,gBAAgBF;QAC7B,GAAGC,KAAK;;0BACT,IAAC;0BAAK;;0BACN,IAACc,cAAYA;gBAAC,WAAU;;;;AAG5BD,eAAe,WAAW,GAAG;AAE7B,MAAME,qBAAqB,CAAC,EAAChB,SAAS,EAAE,GAAGC,OAAoC,iBAC7E,KAAC;QACC,eAAW;QACX,WAAWC,GAAG,4CAA4CF;QACzD,GAAGC,KAAK;;0BACT,IAACgB,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAG9BD,mBAAmB,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/popover.js","sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Popover = PopoverPrimitive.Root;\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger;\r\n\r\nconst PopoverAnchor = PopoverPrimitive.Anchor;\r\n\r\nconst PopoverContent = React.forwardRef<\r\n React.ComponentRef<typeof PopoverPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({className, align = \"center\", sideOffset = 4, ...props}, ref) => (\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n ref={ref}\r\n align={align}\r\n sideOffset={sideOffset}\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 z-50 w-72 origin-[--radix-popover-content-transform-origin] rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n </PopoverPrimitive.Portal>\r\n));\r\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\r\n\r\nexport {Popover, PopoverAnchor, PopoverContent, PopoverTrigger};\r\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;;;AAOA,MAAMA,UAAUC;AAEhB,MAAMC,iBAAiBD;AAEvB,MAAME,gBAAgBF;AAEtB,MAAMG,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,QAAQ,QAAQ,EAAEC,aAAa,CAAC,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1D,IAACT,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,KAAKS;YACL,OAAOH;YACP,YAAYC;YACZ,WAAWG,GACT,2iBACAL;YAED,GAAGG,KAAK;;;AAIfL,eAAe,WAAW,GAAGH,QAAAA,WAAoC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/progress.js","sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Progress = React.forwardRef<\r\n React.ComponentRef<typeof ProgressPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\r\n>(({className, value, ...props}, ref) => (\r\n <ProgressPrimitive.Root\r\n ref={ref}\r\n className={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20\", className)}\r\n {...props}>\r\n <ProgressPrimitive.Indicator\r\n className='h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50'\r\n style={{transform: `translateX(-${100 - (value || 0)}%)`}}\r\n />\r\n </ProgressPrimitive.Root>\r\n));\r\nProgress.displayName = ProgressPrimitive.Root.displayName;\r\n\r\nexport {Progress};\r\n"],"names":["Progress","React","className","value","props","ref","ProgressPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,WAAW,WAAXA,GAAWC,WAGf,CAAC,EAACC,SAAS,EAAEC,KAAK,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/B,IAACC,MAAsB;QACrB,KAAKD;QACL,WAAWE,GAAG,4FAA4FL;QACzG,GAAGE,KAAK;kBACT,kBAACE,WAA2B;YAC1B,WAAU;YACV,OAAO;gBAAC,WAAW,CAAC,YAAY,EAAE,MAAOH,CAAAA,SAAS,GAAG,EAAE,CAAC;YAAA;;;AAI9DH,SAAS,WAAW,GAAGM,KAAAA,WAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/radio-group.js","sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport {Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst RadioGroup = React.forwardRef<\r\n React.ComponentRef<typeof RadioGroupPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\r\n>(({className, ...props}, ref) => {\r\n return (\r\n <RadioGroupPrimitive.Root\r\n className={cn(\"grid gap-2\", className)}\r\n {...props}\r\n ref={ref}\r\n />\r\n );\r\n});\r\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\r\n\r\nconst RadioGroupItem = React.forwardRef<\r\n React.ComponentRef<typeof RadioGroupPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\r\n>(({className, ...props}, ref) => {\r\n return (\r\n <RadioGroupPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"aspect-square h-4 w-4 rounded-full border border-neutral-200 border-neutral-900 text-neutral-900 shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-50 dark:border-neutral-800 dark:text-neutral-50 dark:focus-visible:ring-neutral-300\",\r\n className,\r\n )}\r\n {...props}>\r\n <RadioGroupPrimitive.Indicator className='flex items-center justify-center'>\r\n <Circle className='fill-primary h-3.5 w-3.5' />\r\n </RadioGroupPrimitive.Indicator>\r\n </RadioGroupPrimitive.Item>\r\n );\r\n});\r\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\r\n\r\nexport {RadioGroup, RadioGroupItem};\r\n"],"names":["RadioGroup","React","className","props","ref","RadioGroupPrimitive","cn","RadioGroupItem","Circle"],"mappings":";;;;;;AAQA,MAAMA,aAAa,WAAbA,GAAaC,WAGjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACjB,WAAP,GACE,IAACC,MAAwB;QACvB,WAAWC,GAAG,cAAcJ;QAC3B,GAAGC,KAAK;QACT,KAAKC;;AAIXJ,WAAW,WAAW,GAAGK,KAAAA,WAAoC;AAE7D,MAAME,iBAAiB,WAAjBA,GAAiBN,WAGrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACjB,WAAP,GACE,IAACC,MAAwB;QACvB,KAAKD;QACL,WAAWE,GACT,0UACAJ;QAED,GAAGC,KAAK;kBACT,kBAACE,WAA6B;YAAC,WAAU;sBACvC,kBAACG,QAAMA;gBAAC,WAAU;;;;AAK1BD,eAAe,WAAW,GAAGF,KAAAA,WAAoC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import * as ResizablePrimitive from "react-resizable-panels";
|
|
2
3
|
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare const ResizablePanel:
|
|
4
|
+
declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
4
5
|
className?: string;
|
|
5
6
|
collapsedSize?: number | undefined;
|
|
6
7
|
collapsible?: boolean | undefined;
|
|
@@ -16,7 +17,7 @@ declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<imp
|
|
|
16
17
|
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
17
18
|
} & {
|
|
18
19
|
children?: import("react").ReactNode | undefined;
|
|
19
|
-
} &
|
|
20
|
+
} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
|
|
20
21
|
declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
21
22
|
withHandle?: boolean;
|
|
22
23
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,QAAA,MAAM,mBAAmB,GAAI,yBAAuB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAK7G,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,QAAA,MAAM,mBAAmB,GAAI,yBAAuB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAK7G,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;kEAA2B,CAAC;AAEhD,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,4CAaA,CAAC;AAEF,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { GripVertical } from "lucide-react";
|
|
4
|
+
import "react";
|
|
4
5
|
import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
|
|
5
6
|
import { cn } from "../../lib/utilities.js";
|
|
6
7
|
const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ jsx(PanelGroup, {
|
|
@@ -11,7 +12,7 @@ const ResizablePanel = Panel;
|
|
|
11
12
|
const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ jsx(PanelResizeHandle, {
|
|
12
13
|
className: cn("relative flex w-px items-center justify-center bg-neutral-200 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-none data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
|
|
13
14
|
...props,
|
|
14
|
-
children: withHandle && /*#__PURE__*/ jsx("div", {
|
|
15
|
+
children: Boolean(withHandle) && /*#__PURE__*/ jsx("div", {
|
|
15
16
|
className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-neutral-200 bg-neutral-200 dark:border-neutral-800 dark:bg-neutral-800",
|
|
16
17
|
children: /*#__PURE__*/ jsx(GripVertical, {
|
|
17
18
|
className: "h-2.5 w-2.5"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components
|
|
1
|
+
{"version":3,"file":"components/ui/resizable.js","sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {GripVertical} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport * as ResizablePrimitive from \"react-resizable-panels\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ResizablePanelGroup = ({className, ...props}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\r\n <ResizablePrimitive.PanelGroup\r\n className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\r\n {...props}\r\n />\r\n);\r\n\r\nconst ResizablePanel = ResizablePrimitive.Panel;\r\n\r\nconst ResizableHandle = ({\r\n withHandle,\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\r\n withHandle?: boolean;\r\n}) => (\r\n <ResizablePrimitive.PanelResizeHandle\r\n className={cn(\r\n \"relative flex w-px items-center justify-center bg-neutral-200 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-none data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\r\n className,\r\n )}\r\n {...props}>\r\n {Boolean(withHandle) && (\r\n <div className='z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-neutral-200 bg-neutral-200 dark:border-neutral-800 dark:bg-neutral-800'>\r\n <GripVertical className='h-2.5 w-2.5' />\r\n </div>\r\n )}\r\n </ResizablePrimitive.PanelResizeHandle>\r\n);\r\n\r\nexport {ResizableHandle, ResizablePanel, ResizablePanelGroup};\r\n"],"names":["ResizablePanelGroup","className","props","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","Boolean","GripVertical"],"mappings":";;;;;;AAQA,MAAMA,sBAAsB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkE,iBAC5G,IAACC,YAA6B;QAC5B,WAAWC,GAAG,qEAAqEH;QAClF,GAAGC,KAAK;;AAIb,MAAMG,iBAAiBF;AAEvB,MAAMG,kBAAkB,CAAC,EACvBC,UAAU,EACVN,SAAS,EACT,GAAGC,OAGJ,iBACC,IAACC,mBAAoC;QACnC,WAAWC,GACT,+sBACAH;QAED,GAAGC,KAAK;kBACRM,QAAQD,eAAe,WAAfA,GACP,IAAC;YAAI,WAAU;sBACb,kBAACE,cAAYA;gBAAC,WAAU"}
|