@arch-cadre/ui 0.0.10 → 0.0.15

package/dist/components/navigation-menu.mjs

@@ -0,0 +1,166 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": viewport,
+      className: cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      ...props
+    },
+    children,
+    viewport && /* @__PURE__ */ React.createElement(NavigationMenuViewport, null)
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      ...props
+    },
+    children,
+    " ",
+    /* @__PURE__ */ React.createElement(
+      ChevronDownIcon,
+      {
+        className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+        "aria-hidden": "true"
+      }
+    )
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "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 p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      NavigationMenuPrimitive.Viewport,
+      {
+        "data-slot": "navigation-menu-viewport",
+        className: cn(
+          "origin-top-center bg-popover text-popover-foreground 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 shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+          className
+        ),
+        ...props
+      }
+    )
+  );
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "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",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+  );
+}
+export {
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+  navigationMenuTriggerStyle
+};

package/dist/components/pagination.cjs

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+var _lucideReact = require("lucide-react");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+var _button = require("./button.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Pagination({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("nav", {
+    role: "navigation",
+    "aria-label": "pagination",
+    "data-slot": "pagination",
+    className: (0, _utils.cn)("mx-auto flex w-full justify-center", className),
+    ...props
+  });
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("ul", {
+    "data-slot": "pagination-content",
+    className: (0, _utils.cn)("flex flex-row items-center gap-1", className),
+    ...props
+  });
+}
+function PaginationItem({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("li", {
+    "data-slot": "pagination-item",
+    ...props
+  });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("a", {
+    "aria-current": isActive ? "page" : void 0,
+    "data-slot": "pagination-link",
+    "data-active": isActive,
+    className: (0, _utils.cn)((0, _button.buttonVariants)({
+      variant: isActive ? "outline" : "ghost",
+      size
+    }), className),
+    ...props
+  });
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(PaginationLink, {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: (0, _utils.cn)("gap-1 px-2.5 sm:pl-2.5", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_lucideReact.ChevronLeftIcon, null), /* @__PURE__ */React.createElement("span", {
+    className: "hidden sm:block"
+  }, "Previous"));
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(PaginationLink, {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: (0, _utils.cn)("gap-1 px-2.5 sm:pr-2.5", className),
+    ...props
+  }, /* @__PURE__ */React.createElement("span", {
+    className: "hidden sm:block"
+  }, "Next"), /* @__PURE__ */React.createElement(_lucideReact.ChevronRightIcon, null));
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("span", {
+    "aria-hidden": true,
+    "data-slot": "pagination-ellipsis",
+    className: (0, _utils.cn)("flex size-9 items-center justify-center", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_lucideReact.MoreHorizontalIcon, {
+    className: "size-4"
+  }), /* @__PURE__ */React.createElement("span", {
+    className: "sr-only"
+  }, "More pages"));
+}

package/dist/components/pagination.d.ts

@@ -0,0 +1,15 @@
+/** biome-ignore-all lint/a11y/noRedundantRoles: <explanation> */
+/** biome-ignore-all lint/a11y/useSemanticElements: <explanation> */
+import * as React from "react";
+import { type Button } from "./button";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/components/pagination.mjs

@@ -0,0 +1,116 @@
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  MoreHorizontalIcon
+} from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+import { buttonVariants } from "./button.mjs";
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ React.createElement("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size
+        }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(ChevronLeftIcon, null),
+    /* @__PURE__ */ React.createElement("span", { className: "hidden sm:block" }, "Previous")
+  );
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("span", { className: "hidden sm:block" }, "Next"),
+    /* @__PURE__ */ React.createElement(ChevronRightIcon, null)
+  );
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(MoreHorizontalIcon, { className: "size-4" }),
+    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "More pages")
+  );
+}
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis
+};

package/dist/components/popover.cjs

@@ -0,0 +1,53 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Popover.Root, {
+    "data-slot": "popover",
+    ...props
+  });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Popover.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Popover.Portal, null, /* @__PURE__ */React.createElement(_radixUi.Popover.Content, {
+    "data-slot": "popover-content",
+    align,
+    sideOffset,
+    className: (0, _utils.cn)("bg-popover text-popover-foreground 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 p-4 shadow-md outline-hidden", className),
+    ...props
+  }));
+}
+function PopoverAnchor({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Popover.Anchor, {
+    "data-slot": "popover-anchor",
+    ...props
+  });
+}

package/dist/components/popover.d.ts

@@ -0,0 +1,7 @@
+import { Popover as PopoverPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/popover.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground 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 p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ));
+}
+function PopoverAnchor({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/progress.cjs

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = Progress;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Progress.Root, {
+    "data-slot": "progress",
+    className: (0, _utils.cn)("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_radixUi.Progress.Indicator, {
+    "data-slot": "progress-indicator",
+    className: "bg-primary h-full w-full flex-1 transition-all",
+    style: {
+      transform: `translateX(-${100 - (value || 0)}%)`
+    }
+  }));
+}

package/dist/components/progress.d.ts

@@ -0,0 +1,4 @@
+import { Progress as ProgressPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): React.JSX.Element;
+export { Progress };

package/dist/components/progress.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { Progress as ProgressPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      className: cn(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      ProgressPrimitive.Indicator,
+      {
+        "data-slot": "progress-indicator",
+        className: "bg-primary h-full w-full flex-1 transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  );
+}
+export { Progress };

package/dist/components/radio-group.cjs

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+var _radixUi = require("radix-ui");
+var _lucideReact = require("lucide-react");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function RadioGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.RadioGroup.Root, {
+    "data-slot": "radio-group",
+    className: (0, _utils.cn)("grid gap-3", className),
+    ...props
+  });
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.RadioGroup.Item, {
+    "data-slot": "radio-group-item",
+    className: (0, _utils.cn)("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_radixUi.RadioGroup.Indicator, {
+    "data-slot": "radio-group-indicator",
+    className: "relative flex items-center justify-center"
+  }, /* @__PURE__ */React.createElement(_lucideReact.CircleIcon, {
+    className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+  })));
+}

package/dist/components/radio-group.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+import * as React from "react";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): React.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): React.JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/components/radio-group.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+import { CircleIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function RadioGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Root,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      RadioGroupPrimitive.Indicator,
+      {
+        "data-slot": "radio-group-indicator",
+        className: "relative flex items-center justify-center"
+      },
+      /* @__PURE__ */ React.createElement(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+    )
+  );
+}
+export { RadioGroup, RadioGroupItem };