@web-my-money/primitives 1.0.0

package/dist/chunk-DYCSGLM5.mjs

@@ -0,0 +1,32 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/collapsible/index.tsx
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { jsx } from "react/jsx-runtime";
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Panel,
+    {
+      "data-slot": "collapsible-content",
+      className: cn("wmm-collapsible-panel", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent
+};

package/dist/chunk-DZPJV6MN.mjs

@@ -0,0 +1,66 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/accordion/index.tsx
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    className: cn("border-b border-border last:border-0", className),
+    ...props
+  }
+);
+var AccordionTrigger = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    className: cn(
+      "flex flex-1 cursor-pointer items-center justify-between py-4 text-sm font-medium",
+      "transition-all outline-none select-none",
+      "hover:underline hover:text-foreground",
+      "focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+      "[&[data-panel-open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+          "aria-hidden": true
+        }
+      )
+    ]
+  }
+) });
+var AccordionContent = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Panel,
+  {
+    className: "wmm-accordion-panel text-sm",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0 text-muted-foreground", className), children })
+  }
+);
+
+export {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent
+};

package/dist/chunk-FT72MNAV.mjs

@@ -0,0 +1,25 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/input/index.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    InputPrimitive,
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Input
+};

package/dist/chunk-FV6JTZAK.mjs

@@ -0,0 +1,30 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/progress/index.tsx
+import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
+import { jsx } from "react/jsx-runtime";
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ProgressPrimitive.Root, { "data-slot": "progress", value, ...props, children: /* @__PURE__ */ jsx(
+    ProgressPrimitive.Track,
+    {
+      className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className),
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "h-full rounded-full bg-primary transition-[width] duration-300 ease-out"
+        }
+      )
+    }
+  ) });
+}
+
+export {
+  Progress
+};

package/dist/chunk-GLD4KQD3.mjs

@@ -0,0 +1,90 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/breadcrumb/index.tsx
+import { MoreHorizontal, ChevronRight } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({ className, href, renderLink, children, ...props }) {
+  const cls = cn("transition-colors hover:text-foreground", className);
+  if (renderLink) return /* @__PURE__ */ jsx(Fragment, { children: renderLink({ href, className: cls, children }) });
+  return /* @__PURE__ */ jsx("a", { "data-slot": "breadcrumb-link", href, className: cls, ...props, children });
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-medium text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-6 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis
+};

package/dist/chunk-GWVW5OI6.mjs

@@ -0,0 +1,106 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/card/index.tsx
+import { jsx } from "react/jsx-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardAction,
+  CardContent,
+  CardFooter
+};

package/dist/chunk-JWCA4M7E.mjs

@@ -0,0 +1,160 @@
+import {
+  buttonVariants
+} from "./chunk-YPTARV3T.mjs";
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/carousel/index.tsx
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var CarouselContext = React.createContext(null);
+function useCarousel() {
+  const ctx = React.useContext(CarouselContext);
+  if (!ctx) throw new Error("Carousel parts must be used within <Carousel>");
+  return ctx;
+}
+function Carousel({ orientation = "horizontal", className, children, ...props }) {
+  const trackRef = React.useRef(null);
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+  const updateScrollState = React.useCallback(() => {
+    const el = trackRef.current;
+    if (!el) return;
+    if (orientation === "horizontal") {
+      setCanScrollPrev(el.scrollLeft > 4);
+      setCanScrollNext(el.scrollLeft < el.scrollWidth - el.clientWidth - 4);
+    } else {
+      setCanScrollPrev(el.scrollTop > 4);
+      setCanScrollNext(el.scrollTop < el.scrollHeight - el.clientHeight - 4);
+    }
+  }, [orientation]);
+  React.useEffect(() => {
+    const el = trackRef.current;
+    if (!el) return;
+    updateScrollState();
+    el.addEventListener("scroll", updateScrollState, { passive: true });
+    const ro = new ResizeObserver(updateScrollState);
+    ro.observe(el);
+    return () => {
+      el.removeEventListener("scroll", updateScrollState);
+      ro.disconnect();
+    };
+  }, [updateScrollState]);
+  const scrollByAmount = React.useCallback(
+    (dir) => {
+      const el = trackRef.current;
+      if (!el) return;
+      const amount = (orientation === "horizontal" ? el.clientWidth : el.clientHeight) * 0.9 * dir;
+      el.scrollBy(
+        orientation === "horizontal" ? { left: amount, behavior: "smooth" } : { top: amount, behavior: "smooth" }
+      );
+    },
+    [orientation]
+  );
+  const onKeyDown = (e) => {
+    if (orientation === "horizontal" && e.key === "ArrowLeft") scrollByAmount(-1);
+    else if (orientation === "horizontal" && e.key === "ArrowRight") scrollByAmount(1);
+    else if (orientation === "vertical" && e.key === "ArrowUp") scrollByAmount(-1);
+    else if (orientation === "vertical" && e.key === "ArrowDown") scrollByAmount(1);
+    else return;
+    e.preventDefault();
+  };
+  return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: { trackRef, orientation, scrollByAmount, canScrollPrev, canScrollNext }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "carousel",
+      role: "region",
+      "aria-roledescription": "carousel",
+      className: cn("relative", className),
+      onKeyDownCapture: onKeyDown,
+      ...props,
+      children
+    }
+  ) });
+}
+function CarouselContent({ className, ...props }) {
+  const { trackRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: trackRef,
+      "data-slot": "carousel-content",
+      className: cn(
+        "flex snap-x snap-mandatory overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        orientation === "vertical" && "snap-y flex-col overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "carousel-item",
+      role: "group",
+      "aria-roledescription": "slide",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 snap-start basis-full",
+        orientation === "vertical" && "basis-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({ className, ...props }) {
+  const { scrollByAmount, canScrollPrev, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "carousel-previous",
+      "aria-label": "Previous slide",
+      disabled: !canScrollPrev,
+      onClick: () => scrollByAmount(-1),
+      className: cn(
+        buttonVariants({ variant: "outline", size: "icon-sm" }),
+        "absolute rounded-full",
+        orientation === "horizontal" ? "top-1/2 left-2 -translate-y-1/2" : "top-2 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+    }
+  );
+}
+function CarouselNext({ className, ...props }) {
+  const { scrollByAmount, canScrollNext, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "carousel-next",
+      "aria-label": "Next slide",
+      disabled: !canScrollNext,
+      onClick: () => scrollByAmount(1),
+      className: cn(
+        buttonVariants({ variant: "outline", size: "icon-sm" }),
+        "absolute rounded-full",
+        orientation === "horizontal" ? "top-1/2 right-2 -translate-y-1/2" : "bottom-2 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+    }
+  );
+}
+
+export {
+  useCarousel,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext
+};