@definable/ui 0.1.0 → 0.1.8

package/dist/components/card.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/components/card.esm.js

@@ -0,0 +1,62 @@
+import { j as s } from "../jsx-runtime-DGlMoOmv.js";
+import * as d from "react";
+import { c as t } from "../utils-qaFjX9_3.js";
+const o = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    ref: r,
+    className: t(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      a
+    ),
+    ...e
+  }
+));
+o.displayName = "Card";
+const i = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    ref: r,
+    className: t("flex flex-col space-y-1.5 p-6", a),
+    ...e
+  }
+));
+i.displayName = "CardHeader";
+const m = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "h3",
+  {
+    ref: r,
+    className: t("text-lg font-semibold leading-none tracking-tight", a),
+    ...e
+  }
+));
+m.displayName = "CardTitle";
+const c = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "p",
+  {
+    ref: r,
+    className: t("text-sm text-muted-foreground", a),
+    ...e
+  }
+));
+c.displayName = "CardDescription";
+const n = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
+n.displayName = "CardContent";
+const l = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    ref: r,
+    className: t("flex items-center p-6 pt-0", a),
+    ...e
+  }
+));
+l.displayName = "CardFooter";
+export {
+  o as Card,
+  n as CardContent,
+  c as CardDescription,
+  l as CardFooter,
+  i as CardHeader,
+  m as CardTitle
+};
+//# sourceMappingURL=card.esm.js.map

package/dist/components/card.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.esm.js","sources":["../../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } "],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAGA,MAAMA,IAAOC,EAAM,WAGjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,qDAAqDJ,CAAS;AAAA,IAC3E,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAE9B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,4BACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO,CACjE;AACDO,EAAY,cAAc;AAE1B,MAAMC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,8BAA8BJ,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}

package/dist/components/card.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-BYECrxsp.cjs"),f=require("react"),s=require("../utils-DSKoFOjv.cjs");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=u(f),d=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("rounded-lg border bg-card text-card-foreground shadow-sm",e),...r}));d.displayName="Card";const c=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("flex flex-col space-y-1.5 p-6",e),...r}));c.displayName="CardHeader";const i=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("h3",{ref:t,className:s.cn("text-lg font-semibold leading-none tracking-tight",e),...r}));i.displayName="CardTitle";const l=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("p",{ref:t,className:s.cn("text-sm text-muted-foreground",e),...r}));l.displayName="CardDescription";const m=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("p-6 pt-0",e),...r}));m.displayName="CardContent";const p=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("flex items-center p-6 pt-0",e),...r}));p.displayName="CardFooter";exports.Card=d;exports.CardContent=m;exports.CardDescription=l;exports.CardFooter=p;exports.CardHeader=c;exports.CardTitle=i;
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } "],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"+cAGMA,EAAOC,EAAM,WAGjB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,2DACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAK,YAAc,OAEnB,MAAMO,EAAaN,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDI,EAAW,YAAc,aAEzB,MAAMC,EAAYP,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,oDAAqDJ,CAAS,EAC3E,GAAGC,CAAA,CACN,CACD,EACDK,EAAU,YAAc,YAExB,MAAMC,EAAkBR,EAAM,WAG5B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,IAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDM,EAAgB,YAAc,kBAE9B,MAAMC,EAAcT,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,4BACzB,MAAA,CAAI,IAAAA,EAAU,UAAWE,EAAAA,GAAG,WAAYJ,CAAS,EAAI,GAAGC,EAAO,CACjE,EACDO,EAAY,YAAc,cAE1B,MAAMC,EAAaV,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,6BAA8BJ,CAAS,EACpD,GAAGC,CAAA,CACN,CACD,EACDQ,EAAW,YAAc"}

package/dist/components/carousel.d.ts

@@ -0,0 +1,13 @@
+export interface CarouselSlide {
+    image: string;
+    title: string;
+    subtitle: string;
+}
+interface CarouselProps {
+    slides: CarouselSlide[];
+    interval?: number;
+    showIndicators?: boolean;
+    className?: string;
+}
+export declare function Carousel({ slides, interval, showIndicators, className }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/carousel.esm.js

@@ -0,0 +1,101 @@
+import { j as n } from "../jsx-runtime-DGlMoOmv.js";
+import { useState as l, useEffect as N } from "react";
+import { AnimatePresence as w, motion as g } from "framer-motion";
+function P({
+  slides: r,
+  interval: a = 5e3,
+  showIndicators: h = !0,
+  className: p = ""
+}) {
+  const [s, i] = l(0), [c, o] = l(0), [u, d] = l(!1);
+  N(() => {
+    if (u) return;
+    const e = setInterval(() => {
+      o(1), i((t) => (t + 1) % r.length);
+    }, a);
+    return () => clearInterval(e);
+  }, [a, r.length, u]);
+  const b = {
+    enter: (e) => ({
+      x: e > 0 ? 1e3 : -1e3,
+      opacity: 0
+    }),
+    center: {
+      zIndex: 1,
+      x: 0,
+      opacity: 1
+    },
+    exit: (e) => ({
+      zIndex: 0,
+      x: e < 0 ? 1e3 : -1e3,
+      opacity: 0
+    })
+  }, m = 1e4, j = (e, t) => Math.abs(e) * t, f = (e) => {
+    o(e), i((t) => (t + e + r.length) % r.length);
+  }, y = (e) => {
+    d(!0);
+    const t = e > s ? 1 : -1;
+    o(t), i(e), setTimeout(() => d(!1), a);
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: `relative overflow-hidden ${p}`, children: [
+    /* @__PURE__ */ n.jsx(w, { initial: !1, custom: c, children: /* @__PURE__ */ n.jsxs(
+      g.div,
+      {
+        custom: c,
+        variants: b,
+        initial: "enter",
+        animate: "center",
+        exit: "exit",
+        transition: {
+          x: { type: "spring", stiffness: 300, damping: 30 },
+          opacity: { duration: 0.2 }
+        },
+        drag: "x",
+        dragConstraints: { left: 0, right: 0 },
+        dragElastic: 1,
+        onDragEnd: (e, { offset: t, velocity: v }) => {
+          const x = j(t.x, v.x);
+          x < -m ? f(1) : x > m && f(-1);
+        },
+        className: "absolute inset-0",
+        children: [
+          /* @__PURE__ */ n.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-primary/20", children: /* @__PURE__ */ n.jsx(
+            "img",
+            {
+              src: r[s].image,
+              alt: "carousel",
+              className: "w-full h-full object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ n.jsx("div", { className: "absolute bottom-20 left-8 text-foreground", children: /* @__PURE__ */ n.jsxs(
+            g.h1,
+            {
+              className: "text-4xl font-semibold",
+              initial: { y: 20, opacity: 0 },
+              animate: { y: 0, opacity: 1 },
+              transition: { delay: 0.2 },
+              children: [
+                r[s].title,
+                /* @__PURE__ */ n.jsx("br", {}),
+                r[s].subtitle
+              ]
+            }
+          ) })
+        ]
+      },
+      s
+    ) }),
+    h && /* @__PURE__ */ n.jsx("div", { className: "absolute bottom-8 left-8 flex gap-2 z-10", children: r.map((e, t) => /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        onClick: () => y(t),
+        className: `w-8 h-1 rounded-full transition-all duration-300 ${t === s ? "bg-foreground" : "bg-foreground/30 hover:bg-foreground/50"}`
+      },
+      t
+    )) })
+  ] });
+}
+export {
+  P as Carousel
+};
+//# sourceMappingURL=carousel.esm.js.map

package/dist/components/carousel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.esm.js","sources":["../../src/components/carousel.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\n\nexport interface CarouselSlide {\n  image: string;\n  title: string;\n  subtitle: string;\n}\n\ninterface CarouselProps {\n  slides: CarouselSlide[];\n  interval?: number;\n  showIndicators?: boolean;\n  className?: string;\n}\n\nexport function Carousel({ \n  slides, \n  interval = 5000, \n  showIndicators = true,\n  className = \"\"\n}: CarouselProps) {\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const [direction, setDirection] = useState(0);\n  const [isPaused, setIsPaused] = useState(false);\n\n  useEffect(() => {\n    if (isPaused) return;\n    \n    const timer = setInterval(() => {\n      setDirection(1);\n      setCurrentSlide((prev) => (prev + 1) % slides.length);\n    }, interval);\n\n    return () => clearInterval(timer);\n  }, [interval, slides.length, isPaused]);\n\n  const slideVariants = {\n    enter: (direction: number) => ({\n      x: direction > 0 ? 1000 : -1000,\n      opacity: 0\n    }),\n    center: {\n      zIndex: 1,\n      x: 0,\n      opacity: 1\n    },\n    exit: (direction: number) => ({\n      zIndex: 0,\n      x: direction < 0 ? 1000 : -1000,\n      opacity: 0\n    })\n  };\n\n  const swipeConfidenceThreshold = 10000;\n  const swipePower = (offset: number, velocity: number) => {\n    return Math.abs(offset) * velocity;\n  };\n\n  const paginate = (newDirection: number) => {\n    setDirection(newDirection);\n    setCurrentSlide((prev) => (prev + newDirection + slides.length) % slides.length);\n  };\n\n  const handleIndicatorClick = (index: number) => {\n    setIsPaused(true); // Pause auto-rotation when manually clicking\n    const newDirection = index > currentSlide ? 1 : -1;\n    setDirection(newDirection);\n    setCurrentSlide(index);\n    \n    // Resume auto-rotation after a delay\n    setTimeout(() => setIsPaused(false), interval);\n  };\n\n  return (\n    <div className={`relative overflow-hidden ${className}`}>\n      <AnimatePresence initial={false} custom={direction}>\n        <motion.div\n          key={currentSlide}\n          custom={direction}\n          variants={slideVariants}\n          initial=\"enter\"\n          animate=\"center\"\n          exit=\"exit\"\n          transition={{\n            x: { type: \"spring\", stiffness: 300, damping: 30 },\n            opacity: { duration: 0.2 }\n          }}\n          drag=\"x\"\n          dragConstraints={{ left: 0, right: 0 }}\n          dragElastic={1}\n          onDragEnd={(e, { offset, velocity }) => {\n            const swipe = swipePower(offset.x, velocity.x);\n\n            if (swipe < -swipeConfidenceThreshold) {\n              paginate(1);\n            } else if (swipe > swipeConfidenceThreshold) {\n              paginate(-1);\n            }\n          }}\n          className=\"absolute inset-0\"\n        >\n          <div className=\"absolute inset-0 bg-gradient-to-b from-primary/20\">\n            <img\n              src={slides[currentSlide].image}\n              alt=\"carousel\"\n              className=\"w-full h-full object-cover\"\n            />\n          </div>\n          <div className=\"absolute bottom-20 left-8 text-foreground\">\n            <motion.h1 \n              className=\"text-4xl font-semibold\"\n              initial={{ y: 20, opacity: 0 }}\n              animate={{ y: 0, opacity: 1 }}\n              transition={{ delay: 0.2 }}\n            >\n              {slides[currentSlide].title}<br />\n              {slides[currentSlide].subtitle}\n            </motion.h1>\n          </div>\n        </motion.div>\n      </AnimatePresence>\n\n      {showIndicators && (\n        <div className=\"absolute bottom-8 left-8 flex gap-2 z-10\">\n          {slides.map((_, index) => (\n            <button\n              key={index}\n              onClick={() => handleIndicatorClick(index)}\n              className={`w-8 h-1 rounded-full transition-all duration-300 ${\n                index === currentSlide ? 'bg-foreground' : 'bg-foreground/30 hover:bg-foreground/50'\n              }`}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n} "],"names":["Carousel","slides","interval","showIndicators","className","currentSlide","setCurrentSlide","useState","direction","setDirection","isPaused","setIsPaused","useEffect","timer","prev","slideVariants","swipeConfidenceThreshold","swipePower","offset","velocity","paginate","newDirection","handleIndicatorClick","index","jsxs","jsx","AnimatePresence","motion","swipe","_"],"mappings":"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"}

package/dist/components/carousel.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../jsx-runtime-BYECrxsp.cjs"),i=require("react"),l=require("framer-motion");function R({slides:n,interval:o=5e3,showIndicators:g=!0,className:j=""}){const[r,a]=i.useState(0),[u,c]=i.useState(0),[x,m]=i.useState(!1);i.useEffect(()=>{if(x)return;const t=setInterval(()=>{c(1),a(e=>(e+1)%n.length)},o);return()=>clearInterval(t)},[o,n.length,x]);const h={enter:t=>({x:t>0?1e3:-1e3,opacity:0}),center:{zIndex:1,x:0,opacity:1},exit:t=>({zIndex:0,x:t<0?1e3:-1e3,opacity:0})},d=1e4,b=(t,e)=>Math.abs(t)*e,f=t=>{c(t),a(e=>(e+t+n.length)%n.length)},y=t=>{m(!0);const e=t>r?1:-1;c(e),a(t),setTimeout(()=>m(!1),o)};return s.jsxRuntimeExports.jsxs("div",{className:`relative overflow-hidden ${j}`,children:[s.jsxRuntimeExports.jsx(l.AnimatePresence,{initial:!1,custom:u,children:s.jsxRuntimeExports.jsxs(l.motion.div,{custom:u,variants:h,initial:"enter",animate:"center",exit:"exit",transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},drag:"x",dragConstraints:{left:0,right:0},dragElastic:1,onDragEnd:(t,{offset:e,velocity:E})=>{const p=b(e.x,E.x);p<-d?f(1):p>d&&f(-1)},className:"absolute inset-0",children:[s.jsxRuntimeExports.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-primary/20",children:s.jsxRuntimeExports.jsx("img",{src:n[r].image,alt:"carousel",className:"w-full h-full object-cover"})}),s.jsxRuntimeExports.jsx("div",{className:"absolute bottom-20 left-8 text-foreground",children:s.jsxRuntimeExports.jsxs(l.motion.h1,{className:"text-4xl font-semibold",initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.2},children:[n[r].title,s.jsxRuntimeExports.jsx("br",{}),n[r].subtitle]})})]},r)}),g&&s.jsxRuntimeExports.jsx("div",{className:"absolute bottom-8 left-8 flex gap-2 z-10",children:n.map((t,e)=>s.jsxRuntimeExports.jsx("button",{onClick:()=>y(e),className:`w-8 h-1 rounded-full transition-all duration-300 ${e===r?"bg-foreground":"bg-foreground/30 hover:bg-foreground/50"}`},e))})]})}exports.Carousel=R;
+//# sourceMappingURL=carousel.js.map

package/dist/components/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../src/components/carousel.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\n\nexport interface CarouselSlide {\n  image: string;\n  title: string;\n  subtitle: string;\n}\n\ninterface CarouselProps {\n  slides: CarouselSlide[];\n  interval?: number;\n  showIndicators?: boolean;\n  className?: string;\n}\n\nexport function Carousel({ \n  slides, \n  interval = 5000, \n  showIndicators = true,\n  className = \"\"\n}: CarouselProps) {\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const [direction, setDirection] = useState(0);\n  const [isPaused, setIsPaused] = useState(false);\n\n  useEffect(() => {\n    if (isPaused) return;\n    \n    const timer = setInterval(() => {\n      setDirection(1);\n      setCurrentSlide((prev) => (prev + 1) % slides.length);\n    }, interval);\n\n    return () => clearInterval(timer);\n  }, [interval, slides.length, isPaused]);\n\n  const slideVariants = {\n    enter: (direction: number) => ({\n      x: direction > 0 ? 1000 : -1000,\n      opacity: 0\n    }),\n    center: {\n      zIndex: 1,\n      x: 0,\n      opacity: 1\n    },\n    exit: (direction: number) => ({\n      zIndex: 0,\n      x: direction < 0 ? 1000 : -1000,\n      opacity: 0\n    })\n  };\n\n  const swipeConfidenceThreshold = 10000;\n  const swipePower = (offset: number, velocity: number) => {\n    return Math.abs(offset) * velocity;\n  };\n\n  const paginate = (newDirection: number) => {\n    setDirection(newDirection);\n    setCurrentSlide((prev) => (prev + newDirection + slides.length) % slides.length);\n  };\n\n  const handleIndicatorClick = (index: number) => {\n    setIsPaused(true); // Pause auto-rotation when manually clicking\n    const newDirection = index > currentSlide ? 1 : -1;\n    setDirection(newDirection);\n    setCurrentSlide(index);\n    \n    // Resume auto-rotation after a delay\n    setTimeout(() => setIsPaused(false), interval);\n  };\n\n  return (\n    <div className={`relative overflow-hidden ${className}`}>\n      <AnimatePresence initial={false} custom={direction}>\n        <motion.div\n          key={currentSlide}\n          custom={direction}\n          variants={slideVariants}\n          initial=\"enter\"\n          animate=\"center\"\n          exit=\"exit\"\n          transition={{\n            x: { type: \"spring\", stiffness: 300, damping: 30 },\n            opacity: { duration: 0.2 }\n          }}\n          drag=\"x\"\n          dragConstraints={{ left: 0, right: 0 }}\n          dragElastic={1}\n          onDragEnd={(e, { offset, velocity }) => {\n            const swipe = swipePower(offset.x, velocity.x);\n\n            if (swipe < -swipeConfidenceThreshold) {\n              paginate(1);\n            } else if (swipe > swipeConfidenceThreshold) {\n              paginate(-1);\n            }\n          }}\n          className=\"absolute inset-0\"\n        >\n          <div className=\"absolute inset-0 bg-gradient-to-b from-primary/20\">\n            <img\n              src={slides[currentSlide].image}\n              alt=\"carousel\"\n              className=\"w-full h-full object-cover\"\n            />\n          </div>\n          <div className=\"absolute bottom-20 left-8 text-foreground\">\n            <motion.h1 \n              className=\"text-4xl font-semibold\"\n              initial={{ y: 20, opacity: 0 }}\n              animate={{ y: 0, opacity: 1 }}\n              transition={{ delay: 0.2 }}\n            >\n              {slides[currentSlide].title}<br />\n              {slides[currentSlide].subtitle}\n            </motion.h1>\n          </div>\n        </motion.div>\n      </AnimatePresence>\n\n      {showIndicators && (\n        <div className=\"absolute bottom-8 left-8 flex gap-2 z-10\">\n          {slides.map((_, index) => (\n            <button\n              key={index}\n              onClick={() => handleIndicatorClick(index)}\n              className={`w-8 h-1 rounded-full transition-all duration-300 ${\n                index === currentSlide ? 'bg-foreground' : 'bg-foreground/30 hover:bg-foreground/50'\n              }`}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n} "],"names":["Carousel","slides","interval","showIndicators","className","currentSlide","setCurrentSlide","useState","direction","setDirection","isPaused","setIsPaused","useEffect","timer","prev","slideVariants","swipeConfidenceThreshold","swipePower","offset","velocity","paginate","newDirection","handleIndicatorClick","index","jsxs","jsx","AnimatePresence","motion","e","swipe","_"],"mappings":"6KAgBO,SAASA,EAAS,CACvB,OAAAC,EACA,SAAAC,EAAW,IACX,eAAAC,EAAiB,GACjB,UAAAC,EAAY,EACd,EAAkB,CAChB,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,CAAC,EAC5C,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAS,CAAC,EACtC,CAACG,EAAUC,CAAW,EAAIJ,EAAAA,SAAS,EAAK,EAE9CK,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAU,OAEd,MAAMG,EAAQ,YAAY,IAAM,CAC9BJ,EAAa,CAAC,EACdH,EAAiBQ,IAAUA,EAAO,GAAKb,EAAO,MAAM,CACtD,EAAGC,CAAQ,EAEX,MAAO,IAAM,cAAcW,CAAK,CAClC,EAAG,CAACX,EAAUD,EAAO,OAAQS,CAAQ,CAAC,EAEtC,MAAMK,EAAgB,CACpB,MAAQP,IAAuB,CAC7B,EAAGA,EAAY,EAAI,IAAO,KAC1B,QAAS,CAAA,GAEX,OAAQ,CACN,OAAQ,EACR,EAAG,EACH,QAAS,CAAA,EAEX,KAAOA,IAAuB,CAC5B,OAAQ,EACR,EAAGA,EAAY,EAAI,IAAO,KAC1B,QAAS,CAAA,EACX,EAGIQ,EAA2B,IAC3BC,EAAa,CAACC,EAAgBC,IAC3B,KAAK,IAAID,CAAM,EAAIC,EAGtBC,EAAYC,GAAyB,CACzCZ,EAAaY,CAAY,EACzBf,EAAiBQ,IAAUA,EAAOO,EAAepB,EAAO,QAAUA,EAAO,MAAM,CACjF,EAEMqB,EAAwBC,GAAkB,CAC9CZ,EAAY,EAAI,EAChB,MAAMU,EAAeE,EAAQlB,EAAe,EAAI,GAChDI,EAAaY,CAAY,EACzBf,EAAgBiB,CAAK,EAGrB,WAAW,IAAMZ,EAAY,EAAK,EAAGT,CAAQ,CAC/C,EAEA,OACEsB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAW,4BAA4BpB,CAAS,GACnD,SAAA,CAAAqB,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CAAgB,QAAS,GAAO,OAAQlB,EACvC,SAAAgB,EAAAA,kBAAAA,KAACG,EAAAA,OAAO,IAAP,CAEC,OAAQnB,EACR,SAAUO,EACV,QAAQ,QACR,QAAQ,SACR,KAAK,OACL,WAAY,CACV,EAAG,CAAE,KAAM,SAAU,UAAW,IAAK,QAAS,EAAA,EAC9C,QAAS,CAAE,SAAU,EAAA,CAAI,EAE3B,KAAK,IACL,gBAAiB,CAAE,KAAM,EAAG,MAAO,CAAA,EACnC,YAAa,EACb,UAAW,CAACa,EAAG,CAAE,OAAAV,EAAQ,SAAAC,KAAe,CACtC,MAAMU,EAAQZ,EAAWC,EAAO,EAAGC,EAAS,CAAC,EAEzCU,EAAQ,CAACb,EACXI,EAAS,CAAC,EACDS,EAAQb,GACjBI,EAAS,EAAE,CAEf,EACA,UAAU,mBAEV,SAAA,CAAAK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oDACb,SAAAA,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKxB,EAAOI,CAAY,EAAE,MAC1B,IAAI,WACJ,UAAU,4BAAA,CAAA,EAEd,EACAoB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4CACb,SAAAD,EAAAA,kBAAAA,KAACG,EAAAA,OAAO,GAAP,CACC,UAAU,yBACV,QAAS,CAAE,EAAG,GAAI,QAAS,CAAA,EAC3B,QAAS,CAAE,EAAG,EAAG,QAAS,CAAA,EAC1B,WAAY,CAAE,MAAO,EAAA,EAEpB,SAAA,CAAA1B,EAAOI,CAAY,EAAE,8BAAO,KAAA,EAAG,EAC/BJ,EAAOI,CAAY,EAAE,QAAA,CAAA,CAAA,CACxB,CACF,CAAA,CAAA,EAzCKA,CAAA,EA2CT,EAECF,2BACE,MAAA,CAAI,UAAU,2CACZ,SAAAF,EAAO,IAAI,CAAC6B,EAAGP,IACdE,EAAAA,kBAAAA,IAAC,SAAA,CAEC,QAAS,IAAMH,EAAqBC,CAAK,EACzC,UAAW,oDACTA,IAAUlB,EAAe,gBAAkB,yCAC7C,EAAA,EAJKkB,CAAA,CAMR,CAAA,CACH,CAAA,EAEJ,CAEJ"}

package/dist/components/charts.d.ts

@@ -0,0 +1,17 @@
+interface ChartDataPoint {
+    name: string;
+    value: number;
+}
+interface BarChartProps {
+    data: ChartDataPoint[];
+}
+export declare function BarChart({ data }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+interface LineChartProps {
+    data: ChartDataPoint[];
+}
+export declare function LineChart({ data }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+interface DonutChartProps {
+    data: ChartDataPoint[];
+}
+export declare function DonutChart({ data }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/charts.esm.js

@@ -0,0 +1,48 @@
+import { j as t } from "../jsx-runtime-DGlMoOmv.js";
+import { ResponsiveContainer as a, BarChart as d, CartesianGrid as o, XAxis as h, YAxis as l, Tooltip as i, Bar as x, LineChart as j, Line as u, PieChart as c, Pie as m, Cell as C, Legend as g } from "recharts";
+function y({ data: e }) {
+  return /* @__PURE__ */ t.jsx(a, { width: "100%", height: "100%", children: /* @__PURE__ */ t.jsxs(d, { data: e, margin: { top: 20, right: 30, left: 20, bottom: 5 }, children: [
+    /* @__PURE__ */ t.jsx(o, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ t.jsx(h, { dataKey: "name" }),
+    /* @__PURE__ */ t.jsx(l, {}),
+    /* @__PURE__ */ t.jsx(i, {}),
+    /* @__PURE__ */ t.jsx(x, { dataKey: "value", fill: "#8884d8", radius: [4, 4, 0, 0] })
+  ] }) });
+}
+function F({ data: e }) {
+  return /* @__PURE__ */ t.jsx(a, { width: "100%", height: "100%", children: /* @__PURE__ */ t.jsxs(j, { data: e, margin: { top: 20, right: 30, left: 20, bottom: 5 }, children: [
+    /* @__PURE__ */ t.jsx(o, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ t.jsx(h, { dataKey: "name" }),
+    /* @__PURE__ */ t.jsx(l, {}),
+    /* @__PURE__ */ t.jsx(i, {}),
+    /* @__PURE__ */ t.jsx(u, { type: "monotone", dataKey: "value", stroke: "#8884d8", strokeWidth: 2, dot: { r: 4 } })
+  ] }) });
+}
+function B({ data: e }) {
+  const s = ["#0088FE", "#00C49F", "#FFBB28", "#FF8042", "#8884D8"];
+  return /* @__PURE__ */ t.jsx(a, { width: "100%", height: "100%", children: /* @__PURE__ */ t.jsxs(c, { children: [
+    /* @__PURE__ */ t.jsx(
+      m,
+      {
+        data: e,
+        cx: "50%",
+        cy: "50%",
+        innerRadius: 60,
+        outerRadius: 80,
+        fill: "#8884d8",
+        paddingAngle: 5,
+        dataKey: "value",
+        label: ({ name: n, percent: r }) => `${n} ${((r || 0) * 100).toFixed(0)}%`,
+        children: e.map((n, r) => /* @__PURE__ */ t.jsx(C, { fill: s[r % s.length] }, `cell-${r}`))
+      }
+    ),
+    /* @__PURE__ */ t.jsx(i, {}),
+    /* @__PURE__ */ t.jsx(g, {})
+  ] }) });
+}
+export {
+  y as BarChart,
+  B as DonutChart,
+  F as LineChart
+};
+//# sourceMappingURL=charts.esm.js.map

package/dist/components/charts.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.esm.js","sources":["../../src/components/charts.tsx"],"sourcesContent":["import { BarChart as RechartsBarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, LineChart as RechartsLineChart, Line, PieChart, Pie, Cell, Legend } from 'recharts';\n\ninterface ChartDataPoint {\n  name: string;\n  value: number;\n}\n\ninterface BarChartProps {\n  data: ChartDataPoint[];\n}\n\nexport function BarChart({ data }: BarChartProps) {\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <RechartsBarChart data={data} margin={{ top: 20, right: 30, left: 20, bottom: 5 }}>\n        <CartesianGrid strokeDasharray=\"3 3\" />\n        <XAxis dataKey=\"name\" />\n        <YAxis />\n        <Tooltip />\n        <Bar dataKey=\"value\" fill=\"#8884d8\" radius={[4, 4, 0, 0]} />\n      </RechartsBarChart>\n    </ResponsiveContainer>\n  );\n}\n\ninterface LineChartProps {\n  data: ChartDataPoint[];\n}\n\nexport function LineChart({ data }: LineChartProps) {\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <RechartsLineChart data={data} margin={{ top: 20, right: 30, left: 20, bottom: 5 }}>\n        <CartesianGrid strokeDasharray=\"3 3\" />\n        <XAxis dataKey=\"name\" />\n        <YAxis />\n        <Tooltip />\n        <Line type=\"monotone\" dataKey=\"value\" stroke=\"#8884d8\" strokeWidth={2} dot={{ r: 4 }} />\n      </RechartsLineChart>\n    </ResponsiveContainer>\n  );\n}\n\ninterface DonutChartProps {\n  data: ChartDataPoint[];\n}\n\nexport function DonutChart({ data }: DonutChartProps) {\n  const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', '#8884D8'];\n\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <PieChart>\n        <Pie\n          data={data}\n          cx=\"50%\"\n          cy=\"50%\"\n          innerRadius={60}\n          outerRadius={80}\n          fill=\"#8884d8\"\n          paddingAngle={5}\n          dataKey=\"value\"\n          label={({ name, percent }) => `${name} ${((percent || 0) * 100).toFixed(0)}%`}\n        >\n          {data.map((entry, index) => (\n            <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />\n          ))}\n        </Pie>\n        <Tooltip />\n        <Legend />\n      </PieChart>\n    </ResponsiveContainer>\n  );\n} "],"names":["BarChart","data","ResponsiveContainer","RechartsBarChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","Bar","LineChart","RechartsLineChart","Line","DonutChart","COLORS","PieChart","Pie","name","percent","entry","index","Cell","Legend"],"mappings":";;AAWO,SAASA,EAAS,EAAE,MAAAC,KAAuB;AAChD,+BACGC,GAAA,EAAoB,OAAM,QAAO,QAAO,QACvC,iCAACC,GAAA,EAAiB,MAAAF,GAAY,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,KAC5E,UAAA;AAAA,IAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAc,iBAAgB,MAAA,CAAM;AAAA,IACrCD,gBAAAA,EAAAA,IAACE,GAAA,EAAM,SAAQ,OAAA,CAAO;AAAA,0BACrBC,GAAA,EAAM;AAAA,0BACNC,GAAA,EAAQ;AAAA,IACTJ,gBAAAA,EAAAA,IAACK,GAAA,EAAI,SAAQ,SAAQ,MAAK,WAAU,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC,EAAA,CAAG;AAAA,EAAA,EAAA,CAC5D,EAAA,CACF;AAEJ;AAMO,SAASC,EAAU,EAAE,MAAAT,KAAwB;AAClD,+BACGC,GAAA,EAAoB,OAAM,QAAO,QAAO,QACvC,iCAACS,GAAA,EAAkB,MAAAV,GAAY,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,KAC7E,UAAA;AAAA,IAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAc,iBAAgB,MAAA,CAAM;AAAA,IACrCD,gBAAAA,EAAAA,IAACE,GAAA,EAAM,SAAQ,OAAA,CAAO;AAAA,0BACrBC,GAAA,EAAM;AAAA,0BACNC,GAAA,EAAQ;AAAA,IACTJ,gBAAAA,EAAAA,IAACQ,GAAA,EAAK,MAAK,YAAW,SAAQ,SAAQ,QAAO,WAAU,aAAa,GAAG,KAAK,EAAE,GAAG,IAAE,CAAG;AAAA,EAAA,EAAA,CACxF,EAAA,CACF;AAEJ;AAMO,SAASC,EAAW,EAAE,MAAAZ,KAAyB;AACpD,QAAMa,IAAS,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AAErE,+BACGZ,GAAA,EAAoB,OAAM,QAAO,QAAO,QACvC,iCAACa,GAAA,EACC,UAAA;AAAA,IAAAX,gBAAAA,EAAAA;AAAAA,MAACY;AAAA,MAAA;AAAA,QACC,MAAAf;AAAA,QACA,IAAG;AAAA,QACH,IAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,MAAK;AAAA,QACL,cAAc;AAAA,QACd,SAAQ;AAAA,QACR,OAAO,CAAC,EAAE,MAAAgB,GAAM,SAAAC,QAAc,GAAGD,CAAI,MAAMC,KAAW,KAAK,KAAK,QAAQ,CAAC,CAAC;AAAA,QAEzE,YAAK,IAAI,CAACC,GAAOC,4BACfC,GAAA,EAA2B,MAAMP,EAAOM,IAAQN,EAAO,MAAM,EAAA,GAAnD,QAAQM,CAAK,EAAyC,CAClE;AAAA,MAAA;AAAA,IAAA;AAAA,0BAEFZ,GAAA,EAAQ;AAAA,0BACRc,GAAA,CAAA,CAAO;AAAA,EAAA,EAAA,CACV,EAAA,CACF;AAEJ;"}

package/dist/components/charts.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-BYECrxsp.cjs"),e=require("recharts");function x({data:s}){return t.jsxRuntimeExports.jsx(e.ResponsiveContainer,{width:"100%",height:"100%",children:t.jsxRuntimeExports.jsxs(e.BarChart,{data:s,margin:{top:20,right:30,left:20,bottom:5},children:[t.jsxRuntimeExports.jsx(e.CartesianGrid,{strokeDasharray:"3 3"}),t.jsxRuntimeExports.jsx(e.XAxis,{dataKey:"name"}),t.jsxRuntimeExports.jsx(e.YAxis,{}),t.jsxRuntimeExports.jsx(e.Tooltip,{}),t.jsxRuntimeExports.jsx(e.Bar,{dataKey:"value",fill:"#8884d8",radius:[4,4,0,0]})]})})}function o({data:s}){return t.jsxRuntimeExports.jsx(e.ResponsiveContainer,{width:"100%",height:"100%",children:t.jsxRuntimeExports.jsxs(e.LineChart,{data:s,margin:{top:20,right:30,left:20,bottom:5},children:[t.jsxRuntimeExports.jsx(e.CartesianGrid,{strokeDasharray:"3 3"}),t.jsxRuntimeExports.jsx(e.XAxis,{dataKey:"name"}),t.jsxRuntimeExports.jsx(e.YAxis,{}),t.jsxRuntimeExports.jsx(e.Tooltip,{}),t.jsxRuntimeExports.jsx(e.Line,{type:"monotone",dataKey:"value",stroke:"#8884d8",strokeWidth:2,dot:{r:4}})]})})}function a({data:s}){const i=["#0088FE","#00C49F","#FFBB28","#FF8042","#8884D8"];return t.jsxRuntimeExports.jsx(e.ResponsiveContainer,{width:"100%",height:"100%",children:t.jsxRuntimeExports.jsxs(e.PieChart,{children:[t.jsxRuntimeExports.jsx(e.Pie,{data:s,cx:"50%",cy:"50%",innerRadius:60,outerRadius:80,fill:"#8884d8",paddingAngle:5,dataKey:"value",label:({name:n,percent:r})=>`${n} ${((r||0)*100).toFixed(0)}%`,children:s.map((n,r)=>t.jsxRuntimeExports.jsx(e.Cell,{fill:i[r%i.length]},`cell-${r}`))}),t.jsxRuntimeExports.jsx(e.Tooltip,{}),t.jsxRuntimeExports.jsx(e.Legend,{})]})})}exports.BarChart=x;exports.DonutChart=a;exports.LineChart=o;
+//# sourceMappingURL=charts.js.map

package/dist/components/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","sources":["../../src/components/charts.tsx"],"sourcesContent":["import { BarChart as RechartsBarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, LineChart as RechartsLineChart, Line, PieChart, Pie, Cell, Legend } from 'recharts';\n\ninterface ChartDataPoint {\n  name: string;\n  value: number;\n}\n\ninterface BarChartProps {\n  data: ChartDataPoint[];\n}\n\nexport function BarChart({ data }: BarChartProps) {\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <RechartsBarChart data={data} margin={{ top: 20, right: 30, left: 20, bottom: 5 }}>\n        <CartesianGrid strokeDasharray=\"3 3\" />\n        <XAxis dataKey=\"name\" />\n        <YAxis />\n        <Tooltip />\n        <Bar dataKey=\"value\" fill=\"#8884d8\" radius={[4, 4, 0, 0]} />\n      </RechartsBarChart>\n    </ResponsiveContainer>\n  );\n}\n\ninterface LineChartProps {\n  data: ChartDataPoint[];\n}\n\nexport function LineChart({ data }: LineChartProps) {\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <RechartsLineChart data={data} margin={{ top: 20, right: 30, left: 20, bottom: 5 }}>\n        <CartesianGrid strokeDasharray=\"3 3\" />\n        <XAxis dataKey=\"name\" />\n        <YAxis />\n        <Tooltip />\n        <Line type=\"monotone\" dataKey=\"value\" stroke=\"#8884d8\" strokeWidth={2} dot={{ r: 4 }} />\n      </RechartsLineChart>\n    </ResponsiveContainer>\n  );\n}\n\ninterface DonutChartProps {\n  data: ChartDataPoint[];\n}\n\nexport function DonutChart({ data }: DonutChartProps) {\n  const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', '#8884D8'];\n\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <PieChart>\n        <Pie\n          data={data}\n          cx=\"50%\"\n          cy=\"50%\"\n          innerRadius={60}\n          outerRadius={80}\n          fill=\"#8884d8\"\n          paddingAngle={5}\n          dataKey=\"value\"\n          label={({ name, percent }) => `${name} ${((percent || 0) * 100).toFixed(0)}%`}\n        >\n          {data.map((entry, index) => (\n            <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />\n          ))}\n        </Pie>\n        <Tooltip />\n        <Legend />\n      </PieChart>\n    </ResponsiveContainer>\n  );\n} "],"names":["BarChart","data","ResponsiveContainer","RechartsBarChart","jsx","CartesianGrid","XAxis","YAxis","Tooltip","Bar","LineChart","RechartsLineChart","Line","DonutChart","COLORS","PieChart","Pie","name","percent","entry","index","Cell","Legend"],"mappings":"qJAWO,SAASA,EAAS,CAAE,KAAAC,GAAuB,CAChD,+BACGC,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAO,OACvC,kCAACC,EAAAA,SAAA,CAAiB,KAAAF,EAAY,OAAQ,CAAE,IAAK,GAAI,MAAO,GAAI,KAAM,GAAI,OAAQ,GAC5E,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAc,gBAAgB,KAAA,CAAM,EACrCD,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CAAM,QAAQ,MAAA,CAAO,0BACrBC,EAAAA,MAAA,EAAM,0BACNC,EAAAA,QAAA,EAAQ,EACTJ,EAAAA,kBAAAA,IAACK,EAAAA,IAAA,CAAI,QAAQ,QAAQ,KAAK,UAAU,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,CAAA,CAAG,CAAA,CAAA,CAC5D,CAAA,CACF,CAEJ,CAMO,SAASC,EAAU,CAAE,KAAAT,GAAwB,CAClD,+BACGC,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAO,OACvC,kCAACS,EAAAA,UAAA,CAAkB,KAAAV,EAAY,OAAQ,CAAE,IAAK,GAAI,MAAO,GAAI,KAAM,GAAI,OAAQ,GAC7E,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CAAc,gBAAgB,KAAA,CAAM,EACrCD,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CAAM,QAAQ,MAAA,CAAO,0BACrBC,EAAAA,MAAA,EAAM,0BACNC,EAAAA,QAAA,EAAQ,EACTJ,EAAAA,kBAAAA,IAACQ,EAAAA,KAAA,CAAK,KAAK,WAAW,QAAQ,QAAQ,OAAO,UAAU,YAAa,EAAG,IAAK,CAAE,EAAG,EAAE,CAAG,CAAA,CAAA,CACxF,CAAA,CACF,CAEJ,CAMO,SAASC,EAAW,CAAE,KAAAZ,GAAyB,CACpD,MAAMa,EAAS,CAAC,UAAW,UAAW,UAAW,UAAW,SAAS,EAErE,+BACGZ,EAAAA,oBAAA,CAAoB,MAAM,OAAO,OAAO,OACvC,kCAACa,EAAAA,SAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAACY,EAAAA,IAAA,CACC,KAAAf,EACA,GAAG,MACH,GAAG,MACH,YAAa,GACb,YAAa,GACb,KAAK,UACL,aAAc,EACd,QAAQ,QACR,MAAO,CAAC,CAAE,KAAAgB,EAAM,QAAAC,KAAc,GAAGD,CAAI,MAAMC,GAAW,GAAK,KAAK,QAAQ,CAAC,CAAC,IAEzE,WAAK,IAAI,CAACC,EAAOC,4BACfC,EAAAA,KAAA,CAA2B,KAAMP,EAAOM,EAAQN,EAAO,MAAM,CAAA,EAAnD,QAAQM,CAAK,EAAyC,CAClE,CAAA,CAAA,0BAEFZ,EAAAA,QAAA,EAAQ,0BACRc,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CACV,CAAA,CACF,CAEJ"}

package/dist/components/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/components/checkbox.esm.js

@@ -0,0 +1,32 @@
+import { j as e } from "../jsx-runtime-DGlMoOmv.js";
+import * as s from "react";
+import * as i from "@radix-ui/react-checkbox";
+import { Check as c } from "lucide-react";
+import { c as r } from "../utils-qaFjX9_3.js";
+import { motion as n } from "framer-motion";
+const m = s.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ e.jsx(
+  i.Root,
+  {
+    ref: a,
+    className: r(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      o
+    ),
+    ...t,
+    children: /* @__PURE__ */ e.jsx(i.Indicator, { className: r("flex items-center justify-center text-current"), children: /* @__PURE__ */ e.jsx(
+      n.div,
+      {
+        initial: { scale: 0.5, opacity: 0 },
+        animate: { scale: 1, opacity: 1 },
+        exit: { scale: 0.5, opacity: 0 },
+        transition: { duration: 0.15, ease: "easeOut" },
+        children: /* @__PURE__ */ e.jsx(c, { className: "h-4 w-4" })
+      }
+    ) })
+  }
+));
+m.displayName = i.Root.displayName;
+export {
+  m as Checkbox
+};
+//# sourceMappingURL=checkbox.esm.js.map

package/dist/components/checkbox.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.esm.js","sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current\")}>\n      <motion.div\n        initial={{ scale: 0.5, opacity: 0 }}\n        animate={{ scale: 1, opacity: 1 }}\n        exit={{ scale: 0.5, opacity: 0 }}\n        transition={{ duration: 0.15, ease: \"easeOut\" }}\n      >\n        <Check className=\"h-4 w-4\" />\n      </motion.div>\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox } "],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","motion","Check"],"mappings":";;;;;;AAMA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,gCAACG,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,+CAA+C,GACxF,UAAAF,gBAAAA,EAAAA;AAAAA,MAACG,EAAO;AAAA,MAAP;AAAA,QACC,SAAS,EAAE,OAAO,KAAK,SAAS,EAAA;AAAA,QAChC,SAAS,EAAE,OAAO,GAAG,SAAS,EAAA;AAAA,QAC9B,MAAM,EAAE,OAAO,KAAK,SAAS,EAAA;AAAA,QAC7B,YAAY,EAAE,UAAU,MAAM,MAAM,UAAA;AAAA,QAEpC,UAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAM,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA,EAC7B,CACF;AAAA,EAAA;AACF,CACD;AACDT,EAAS,cAAcM,EAAkB,KAAK;"}

package/dist/components/checkbox.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsx-runtime-BYECrxsp.cjs"),u=require("react"),l=require("@radix-ui/react-checkbox"),d=require("lucide-react"),c=require("../utils-DSKoFOjv.cjs"),m=require("framer-motion");function n(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const f=n(u),o=n(l),a=f.forwardRef(({className:e,...i},t)=>r.jsxRuntimeExports.jsx(o.Root,{ref:t,className:c.cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",e),...i,children:r.jsxRuntimeExports.jsx(o.Indicator,{className:c.cn("flex items-center justify-center text-current"),children:r.jsxRuntimeExports.jsx(m.motion.div,{initial:{scale:.5,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.5,opacity:0},transition:{duration:.15,ease:"easeOut"},children:r.jsxRuntimeExports.jsx(d.Check,{className:"h-4 w-4"})})})}));a.displayName=o.Root.displayName;exports.Checkbox=a;
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\nimport { motion } from \"framer-motion\"\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current\")}>\n      <motion.div\n        initial={{ scale: 0.5, opacity: 0 }}\n        animate={{ scale: 1, opacity: 1 }}\n        exit={{ scale: 0.5, opacity: 0 }}\n        transition={{ duration: 0.15, ease: \"easeOut\" }}\n      >\n        <Check className=\"h-4 w-4\" />\n      </motion.div>\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox } "],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","motion","Check"],"mappings":"ijBAMMA,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAkB,KAAlB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,iTACAL,CAAA,EAED,GAAGC,EAEJ,iCAACG,EAAkB,UAAlB,CAA4B,UAAWC,KAAG,+CAA+C,EACxF,SAAAF,EAAAA,kBAAAA,IAACG,EAAAA,OAAO,IAAP,CACC,QAAS,CAAE,MAAO,GAAK,QAAS,CAAA,EAChC,QAAS,CAAE,MAAO,EAAG,QAAS,CAAA,EAC9B,KAAM,CAAE,MAAO,GAAK,QAAS,CAAA,EAC7B,WAAY,CAAE,SAAU,IAAM,KAAM,SAAA,EAEpC,SAAAH,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CAAM,UAAU,SAAA,CAAU,CAAA,CAAA,CAC7B,CACF,CAAA,CACF,CACD,EACDT,EAAS,YAAcM,EAAkB,KAAK"}

package/dist/components/collapse.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface CollapseProps {
+    title: string | React.ReactNode;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+    titleClassName?: string;
+    contentClassName?: string;
+}
+export declare function Collapse({ title, children, defaultOpen, className, titleClassName, contentClassName }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/collapse.esm.js

@@ -0,0 +1,50 @@
+import { j as e } from "../jsx-runtime-DGlMoOmv.js";
+import * as d from "react";
+import { motion as s, AnimatePresence as h } from "framer-motion";
+import { ChevronDown as x } from "lucide-react";
+import { c as i } from "../utils-qaFjX9_3.js";
+function v({
+  title: n,
+  children: o,
+  defaultOpen: a = !1,
+  className: r,
+  titleClassName: l,
+  contentClassName: m
+}) {
+  const [t, c] = d.useState(a);
+  return /* @__PURE__ */ e.jsxs("div", { className: i("border rounded-lg", r), children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => c(!t),
+        className: "flex items-center justify-between w-full text-left",
+        children: [
+          /* @__PURE__ */ e.jsx("h3", { className: i("text-sm font-sm", l), children: n }),
+          /* @__PURE__ */ e.jsx(
+            s.div,
+            {
+              animate: { rotate: t ? 180 : 0 },
+              transition: { duration: 0.2 },
+              children: /* @__PURE__ */ e.jsx(x, { className: "h-5 w-5 text-muted-foreground" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(h, { initial: !1, children: t && /* @__PURE__ */ e.jsx(
+      s.div,
+      {
+        initial: { height: 0, opacity: 0 },
+        animate: { height: "auto", opacity: 1 },
+        exit: { height: 0, opacity: 0 },
+        transition: { duration: 0.2 },
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ e.jsx("div", { className: i("p-4 pt-0", m), children: o })
+      }
+    ) })
+  ] });
+}
+export {
+  v as Collapse
+};
+//# sourceMappingURL=collapse.esm.js.map

package/dist/components/collapse.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.esm.js","sources":["../../src/components/collapse.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { motion, AnimatePresence } from \"framer-motion\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\ninterface CollapseProps {\n  title: string | React.ReactNode\n  children: React.ReactNode\n  defaultOpen?: boolean\n  className?: string\n  titleClassName?: string\n  contentClassName?: string\n}\n\nexport function Collapse({ \n  title, \n  children, \n  defaultOpen = false,\n  className,\n  titleClassName,\n  contentClassName\n}: CollapseProps) {\n  const [isOpen, setIsOpen] = React.useState(defaultOpen)\n\n  return (\n    <div className={cn(\"border rounded-lg\", className)}>\n      <button\n        onClick={() => setIsOpen(!isOpen)}\n        className=\"flex items-center justify-between w-full text-left\"\n      >\n        <h3 className={cn(\"text-sm font-sm\", titleClassName)}>{title}</h3>\n        <motion.div\n          animate={{ rotate: isOpen ? 180 : 0 }}\n          transition={{ duration: 0.2 }}\n        >\n          <ChevronDown className=\"h-5 w-5 text-muted-foreground\" />\n        </motion.div>\n      </button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: \"auto\", opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className={cn(\"p-4 pt-0\", contentClassName)}>\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  )\n} "],"names":["Collapse","title","children","defaultOpen","className","titleClassName","contentClassName","isOpen","setIsOpen","React","cn","jsxs","jsx","motion","ChevronDown","AnimatePresence"],"mappings":";;;;;AAcO,SAASA,EAAS;AAAA,EACvB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AACF,GAAkB;AAChB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAASN,CAAW;AAEtD,gCACG,OAAA,EAAI,WAAWO,EAAG,qBAAqBN,CAAS,GAC/C,UAAA;AAAA,IAAAO,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMH,EAAU,CAACD,CAAM;AAAA,QAChC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAK,gBAAAA,MAAC,QAAG,WAAWF,EAAG,mBAAmBL,CAAc,GAAI,UAAAJ,GAAM;AAAA,UAC7DW,gBAAAA,EAAAA;AAAAA,YAACC,EAAO;AAAA,YAAP;AAAA,cACC,SAAS,EAAE,QAAQN,IAAS,MAAM,EAAA;AAAA,cAClC,YAAY,EAAE,UAAU,IAAA;AAAA,cAExB,UAAAK,gBAAAA,EAAAA,IAACE,GAAA,EAAY,WAAU,gCAAA,CAAgC;AAAA,YAAA;AAAA,UAAA;AAAA,QACzD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFF,gBAAAA,EAAAA,IAACG,GAAA,EAAgB,SAAS,IACvB,UAAAR,KACCK,gBAAAA,EAAAA;AAAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAA;AAAA,QAC/B,SAAS,EAAE,QAAQ,QAAQ,SAAS,EAAA;AAAA,QACpC,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAA;AAAA,QAC5B,YAAY,EAAE,UAAU,IAAA;AAAA,QACxB,WAAU;AAAA,QAEV,gCAAC,OAAA,EAAI,WAAWH,EAAG,YAAYJ,CAAgB,GAC5C,UAAAJ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/collapse.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../jsx-runtime-BYECrxsp.cjs"),m=require("react"),o=require("framer-motion"),x=require("lucide-react"),a=require("../utils-DSKoFOjv.cjs");function d(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const p=d(m);function j({title:t,children:s,defaultOpen:n=!1,className:i,titleClassName:c,contentClassName:l}){const[r,u]=p.useState(n);return e.jsxRuntimeExports.jsxs("div",{className:a.cn("border rounded-lg",i),children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>u(!r),className:"flex items-center justify-between w-full text-left",children:[e.jsxRuntimeExports.jsx("h3",{className:a.cn("text-sm font-sm",c),children:t}),e.jsxRuntimeExports.jsx(o.motion.div,{animate:{rotate:r?180:0},transition:{duration:.2},children:e.jsxRuntimeExports.jsx(x.ChevronDown,{className:"h-5 w-5 text-muted-foreground"})})]}),e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,children:r&&e.jsxRuntimeExports.jsx(o.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},className:"overflow-hidden",children:e.jsxRuntimeExports.jsx("div",{className:a.cn("p-4 pt-0",l),children:s})})})]})}exports.Collapse=j;
+//# sourceMappingURL=collapse.js.map

package/dist/components/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","sources":["../../src/components/collapse.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { motion, AnimatePresence } from \"framer-motion\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\ninterface CollapseProps {\n  title: string | React.ReactNode\n  children: React.ReactNode\n  defaultOpen?: boolean\n  className?: string\n  titleClassName?: string\n  contentClassName?: string\n}\n\nexport function Collapse({ \n  title, \n  children, \n  defaultOpen = false,\n  className,\n  titleClassName,\n  contentClassName\n}: CollapseProps) {\n  const [isOpen, setIsOpen] = React.useState(defaultOpen)\n\n  return (\n    <div className={cn(\"border rounded-lg\", className)}>\n      <button\n        onClick={() => setIsOpen(!isOpen)}\n        className=\"flex items-center justify-between w-full text-left\"\n      >\n        <h3 className={cn(\"text-sm font-sm\", titleClassName)}>{title}</h3>\n        <motion.div\n          animate={{ rotate: isOpen ? 180 : 0 }}\n          transition={{ duration: 0.2 }}\n        >\n          <ChevronDown className=\"h-5 w-5 text-muted-foreground\" />\n        </motion.div>\n      </button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: \"auto\", opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className={cn(\"p-4 pt-0\", contentClassName)}>\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  )\n} "],"names":["Collapse","title","children","defaultOpen","className","titleClassName","contentClassName","isOpen","setIsOpen","React","cn","jsxs","jsx","motion","ChevronDown","AnimatePresence"],"mappings":"ogBAcO,SAASA,EAAS,CACvB,MAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EAAkB,CAChB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAASN,CAAW,EAEtD,gCACG,MAAA,CAAI,UAAWO,EAAAA,GAAG,oBAAqBN,CAAS,EAC/C,SAAA,CAAAO,EAAAA,kBAAAA,KAAC,SAAA,CACC,QAAS,IAAMH,EAAU,CAACD,CAAM,EAChC,UAAU,qDAEV,SAAA,CAAAK,wBAAC,MAAG,UAAWF,EAAAA,GAAG,kBAAmBL,CAAc,EAAI,SAAAJ,EAAM,EAC7DW,EAAAA,kBAAAA,IAACC,EAAAA,OAAO,IAAP,CACC,QAAS,CAAE,OAAQN,EAAS,IAAM,CAAA,EAClC,WAAY,CAAE,SAAU,EAAA,EAExB,SAAAK,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CAAY,UAAU,+BAAA,CAAgC,CAAA,CAAA,CACzD,CAAA,CAAA,EAEFF,EAAAA,kBAAAA,IAACG,EAAAA,gBAAA,CAAgB,QAAS,GACvB,SAAAR,GACCK,EAAAA,kBAAAA,IAACC,EAAAA,OAAO,IAAP,CACC,QAAS,CAAE,OAAQ,EAAG,QAAS,CAAA,EAC/B,QAAS,CAAE,OAAQ,OAAQ,QAAS,CAAA,EACpC,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAA,EAC5B,WAAY,CAAE,SAAU,EAAA,EACxB,UAAU,kBAEV,iCAAC,MAAA,CAAI,UAAWH,EAAAA,GAAG,WAAYJ,CAAgB,EAC5C,SAAAJ,CAAA,CACH,CAAA,CAAA,CACF,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/command-menu.d.ts

@@ -0,0 +1,7 @@
+type CommandMenuProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+export declare function CommandMenu({ open, onOpenChange }: CommandMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandMenuDemo(): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/command-menu.esm.js

@@ -0,0 +1,90 @@
+import { j as e } from "../jsx-runtime-DGlMoOmv.js";
+import { CommandDialog as d, Command as l, CommandInput as a, CommandList as i, CommandEmpty as x, CommandGroup as c, CommandItem as m, CommandSeparator as u } from "./command.esm.js";
+import { useEffect as j, useCallback as h, useState as p } from "react";
+import { Home as f, FileText as g, FolderOpen as S, Settings as b, Search as N } from "lucide-react";
+function C({ open: n, onOpenChange: s }) {
+  j(() => {
+    const t = (r) => {
+      r.key === "k" && (r.metaKey || r.ctrlKey) && (r.preventDefault(), s(!n));
+    };
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [n, s]);
+  const o = h((t) => {
+    s(!1), t();
+  }, [s]);
+  return /* @__PURE__ */ e.jsx(d, { open: n, onOpenChange: s, children: /* @__PURE__ */ e.jsxs(l, { className: "rounded-lg border shadow-md", children: [
+    /* @__PURE__ */ e.jsx(a, { placeholder: "Type a command or search..." }),
+    /* @__PURE__ */ e.jsxs(i, { children: [
+      /* @__PURE__ */ e.jsx(x, { children: "No results found." }),
+      /* @__PURE__ */ e.jsxs(c, { heading: "Suggestions", children: [
+        /* @__PURE__ */ e.jsxs(
+          m,
+          {
+            onSelect: () => o(() => console.log("Home")),
+            children: [
+              /* @__PURE__ */ e.jsx(f, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e.jsx("span", { children: "Home" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          m,
+          {
+            onSelect: () => o(() => console.log("Documents")),
+            children: [
+              /* @__PURE__ */ e.jsx(g, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e.jsx("span", { children: "Documents" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          m,
+          {
+            onSelect: () => o(() => console.log("Projects")),
+            children: [
+              /* @__PURE__ */ e.jsx(S, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e.jsx("span", { children: "Projects" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsx(u, {}),
+      /* @__PURE__ */ e.jsx(c, { heading: "Settings", children: /* @__PURE__ */ e.jsxs(
+        m,
+        {
+          onSelect: () => o(() => console.log("Settings")),
+          children: [
+            /* @__PURE__ */ e.jsx(b, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e.jsx("span", { children: "Settings" })
+          ]
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function D() {
+  const [n, s] = p(!1);
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => s(!0),
+        className: "inline-flex items-center justify-center gap-1 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent hover:text-accent-foreground",
+        children: [
+          /* @__PURE__ */ e.jsx(N, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e.jsx("span", { children: "Search..." }),
+          /* @__PURE__ */ e.jsxs("kbd", { className: "pointer-events-none ml-1 inline-flex h-5 select-none items-center gap-1 rounded border border-input bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "text-xs", children: "⌘" }),
+            "K"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(C, { open: n, onOpenChange: s })
+  ] });
+}
+export {
+  C as CommandMenu,
+  D as CommandMenuDemo
+};
+//# sourceMappingURL=command-menu.esm.js.map