@prototyperco/ui 0.5.0-alpha.0 → 0.5.0

package/dist/components/preview-card.js

@@ -0,0 +1,60 @@
+"use client";
+
+// src/components/preview-card.tsx
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/preview-card.tsx
+import { jsx } from "react/jsx-runtime";
+function HoverCard({ ...props }) {
+  return /* @__PURE__ */ jsx(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
+    PreviewCardPrimitive.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx(
+        PreviewCardPrimitive.Popup,
+        {
+          "data-slot": "hover-card-content",
+          className: cn(
+            "w-64 origin-(--transform-origin) rounded-lg bg-overlay p-4 text-sm text-overlay-foreground shadow-overlay outline-hidden",
+            "data-open:animate-in data-open:duration-100 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2",
+            "data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]",
+            "motion-reduce:animate-none motion-reduce:transition-none",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+export {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+};
+//# sourceMappingURL=preview-card.js.map

package/dist/components/preview-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/preview-card.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction HoverCard({ ...props }: PreviewCardPrimitive.Root.Props) {\n  return <PreviewCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props) {\n  return (\n    <PreviewCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n  );\n}\n\nfunction HoverCardContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 4,\n  ...props\n}: PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PreviewCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <PreviewCardPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PreviewCardPrimitive.Popup\n          data-slot=\"hover-card-content\"\n          className={cn(\n            \"w-64 origin-(--transform-origin) rounded-lg bg-overlay p-4 text-sm text-overlay-foreground shadow-overlay outline-hidden\",\n            \"data-open:animate-in data-open:duration-100 data-open:[animation-timing-function:var(--ease-out-fluid)] data-closed:animate-out data-closed:duration-100 data-closed:[animation-timing-function:var(--ease-in-quart)] data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95\",\n            \"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 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2\",\n            \"data-entering:will-change-[opacity,transform] data-exiting:will-change-[opacity,transform]\",\n            \"motion-reduce:animate-none motion-reduce:transition-none\",\n            className,\n          )}\n          {...props}\n        />\n      </PreviewCardPrimitive.Positioner>\n    </PreviewCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n\nexport type HoverCardProps = React.ComponentProps<typeof HoverCard>;\nexport type HoverCardContentProps = React.ComponentProps<\n  typeof HoverCardContent\n>;\nexport type HoverCardTriggerProps = React.ComponentProps<\n  typeof HoverCardTrigger\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAEA,SAAS,eAAe,4BAA4B;;;ACFpD,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADES;AADT,SAAS,UAAU,EAAE,GAAG,MAAM,GAAoC;AAChE,SAAO,oBAAC,qBAAqB,MAArB,EAA0B,aAAU,cAAc,GAAG,OAAO;AACtE;AAEA,SAAS,iBAAiB,EAAE,GAAG,MAAM,GAAuC;AAC1E,SACE,oBAAC,qBAAqB,SAArB,EAA6B,aAAU,sBAAsB,GAAG,OAAO;AAE5E;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,GAAG;AACL,GAIK;AACH,SACE,oBAAC,qBAAqB,QAArB,EAA4B,aAAU,qBACrC;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,QAAC,qBAAqB;AAAA,QAArB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/progress.cjs

@@ -0,0 +1,167 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/progress.tsx
+var progress_exports = {};
+__export(progress_exports, {
+  Progress: () => Progress,
+  ProgressIndicator: () => ProgressIndicator,
+  ProgressLabel: () => ProgressLabel,
+  ProgressTrack: () => ProgressTrack,
+  ProgressValue: () => ProgressValue,
+  progressIndicatorVariants: () => progressIndicatorVariants,
+  progressTrackVariants: () => progressTrackVariants
+});
+module.exports = __toCommonJS(progress_exports);
+var import_progress = require("@base-ui/react/progress");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/progress.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var progressTrackVariants = (0, import_class_variance_authority.cva)(
+  "relative w-full overflow-hidden rounded-full",
+  {
+    variants: {
+      color: {
+        default: "bg-primary/20",
+        success: "bg-success/20",
+        warning: "bg-warning/20",
+        destructive: "bg-destructive/20",
+        info: "bg-info/20"
+      },
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3",
+        xl: "h-4"
+      }
+    },
+    defaultVariants: {
+      color: "default",
+      size: "md"
+    }
+  }
+);
+var progressIndicatorVariants = (0, import_class_variance_authority.cva)(
+  "h-full rounded-full transition-[width,background-color] duration-250 ease-smooth motion-reduce:transition-none data-[indeterminate]:w-full data-[indeterminate]:[transform-origin:left] data-[indeterminate]:animate-progress-indeterminate motion-reduce:animate-none",
+  {
+    variants: {
+      color: {
+        default: "bg-primary data-[complete]:bg-success",
+        success: "bg-success data-[complete]:bg-success",
+        warning: "bg-warning data-[complete]:bg-success",
+        destructive: "bg-destructive data-[complete]:bg-success",
+        info: "bg-info data-[complete]:bg-success"
+      }
+    },
+    defaultVariants: {
+      color: "default"
+    }
+  }
+);
+function Progress({
+  className,
+  children,
+  value,
+  color,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_progress.Progress.Root,
+    {
+      value,
+      "data-slot": "progress",
+      className: cn("relative w-full", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressTrack, { color, size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressIndicator, { color }) })
+      ]
+    }
+  );
+}
+function ProgressTrack({
+  className,
+  color,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Track,
+    {
+      className: cn(progressTrackVariants({ color, size }), className),
+      "data-slot": "progress-track",
+      ...props
+    }
+  );
+}
+function ProgressIndicator({
+  className,
+  color,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Indicator,
+    {
+      "data-slot": "progress-indicator",
+      className: cn(progressIndicatorVariants({ color }), className),
+      ...props
+    }
+  );
+}
+function ProgressLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Label,
+    {
+      className: cn("text-sm font-medium leading-none", className),
+      "data-slot": "progress-label",
+      ...props
+    }
+  );
+}
+function ProgressValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_progress.Progress.Value,
+    {
+      className: cn("text-sm tabular-nums text-muted-foreground", className),
+      "data-slot": "progress-value",
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Progress,
+  ProgressIndicator,
+  ProgressLabel,
+  ProgressTrack,
+  ProgressValue,
+  progressIndicatorVariants,
+  progressTrackVariants
+});
+//# sourceMappingURL=progress.cjs.map

package/dist/components/progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst progressTrackVariants = cva(\n  \"relative w-full overflow-hidden rounded-full\",\n  {\n    variants: {\n      color: {\n        default: \"bg-primary/20\",\n        success: \"bg-success/20\",\n        warning: \"bg-warning/20\",\n        destructive: \"bg-destructive/20\",\n        info: \"bg-info/20\",\n      },\n      size: {\n        sm: \"h-1\",\n        md: \"h-2\",\n        lg: \"h-3\",\n        xl: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nconst progressIndicatorVariants = cva(\n  \"h-full rounded-full transition-[width,background-color] duration-250 ease-smooth motion-reduce:transition-none data-[indeterminate]:w-full data-[indeterminate]:[transform-origin:left] data-[indeterminate]:animate-progress-indeterminate motion-reduce:animate-none\",\n  {\n    variants: {\n      color: {\n        default: \"bg-primary data-[complete]:bg-success\",\n        success: \"bg-success data-[complete]:bg-success\",\n        warning: \"bg-warning data-[complete]:bg-success\",\n        destructive: \"bg-destructive data-[complete]:bg-success\",\n        info: \"bg-info data-[complete]:bg-success\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n    },\n  },\n);\n\nfunction Progress({\n  className,\n  children,\n  value,\n  color,\n  size,\n  ...props\n}: ProgressPrimitive.Root.Props &\n  VariantProps<typeof progressIndicatorVariants> &\n  VariantProps<typeof progressTrackVariants>) {\n  return (\n    <ProgressPrimitive.Root\n      value={value}\n      data-slot=\"progress\"\n      className={cn(\"relative w-full\", className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack color={color} size={size}>\n        <ProgressIndicator color={color} />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  );\n}\n\nfunction ProgressTrack({\n  className,\n  color,\n  size,\n  ...props\n}: ProgressPrimitive.Track.Props & VariantProps<typeof progressTrackVariants>) {\n  return (\n    <ProgressPrimitive.Track\n      className={cn(progressTrackVariants({ color, size }), className)}\n      data-slot=\"progress-track\"\n      {...props}\n    />\n  );\n}\n\nfunction ProgressIndicator({\n  className,\n  color,\n  ...props\n}: ProgressPrimitive.Indicator.Props &\n  VariantProps<typeof progressIndicatorVariants>) {\n  return (\n    <ProgressPrimitive.Indicator\n      data-slot=\"progress-indicator\"\n      className={cn(progressIndicatorVariants({ color }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n  return (\n    <ProgressPrimitive.Label\n      className={cn(\"text-sm font-medium leading-none\", className)}\n      data-slot=\"progress-label\"\n      {...props}\n    />\n  );\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n  return (\n    <ProgressPrimitive.Value\n      className={cn(\"text-sm tabular-nums text-muted-foreground\", className)}\n      data-slot=\"progress-value\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  Progress,\n  ProgressTrack,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressValue,\n  progressIndicatorVariants,\n  progressTrackVariants,\n};\n\nexport type ProgressProps = React.ComponentProps<typeof Progress>;\nexport type ProgressTrackProps = React.ComponentProps<typeof ProgressTrack>;\nexport type ProgressIndicatorProps = React.ComponentProps<\n  typeof ProgressIndicator\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAA8C;AAC9C,sCAAuC;;;ACHvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADwDI;AAtDJ,IAAM,4BAAwB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,IAAM,gCAA4B;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAE8C;AAC5C,SACE;AAAA,IAAC,gBAAAA,SAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,4CAAC,iBAAc,OAAc,MAC3B,sDAAC,qBAAkB,OAAc,GACnC;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+E;AAC7E,SACE;AAAA,IAAC,gBAAAA,SAAkB;AAAA,IAAlB;AAAA,MACC,WAAW,GAAG,sBAAsB,EAAE,OAAO,KAAK,CAAC,GAAG,SAAS;AAAA,MAC/D,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACkD;AAChD,SACE;AAAA,IAAC,gBAAAA,SAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0BAA0B,EAAE,MAAM,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,gBAAAA,SAAkB;AAAA,IAAlB;AAAA,MACC,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC3D,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,gBAAAA,SAAkB;AAAA,IAAlB;AAAA,MACC,WAAW,GAAG,8CAA8C,SAAS;AAAA,MACrE,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["ProgressPrimitive"]}

package/dist/components/progress.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressTrackVariants: (props?: ({
+    color?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressIndicatorVariants: (props?: ({
+    color?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Progress({ className, children, value, color, size, ...props }: Progress$1.Root.Props & VariantProps<typeof progressIndicatorVariants> & VariantProps<typeof progressTrackVariants>): react_jsx_runtime.JSX.Element;
+declare function ProgressTrack({ className, color, size, ...props }: Progress$1.Track.Props & VariantProps<typeof progressTrackVariants>): react_jsx_runtime.JSX.Element;
+declare function ProgressIndicator({ className, color, ...props }: Progress$1.Indicator.Props & VariantProps<typeof progressIndicatorVariants>): react_jsx_runtime.JSX.Element;
+declare function ProgressLabel({ className, ...props }: Progress$1.Label.Props): react_jsx_runtime.JSX.Element;
+declare function ProgressValue({ className, ...props }: Progress$1.Value.Props): react_jsx_runtime.JSX.Element;
+
+type ProgressProps = React.ComponentProps<typeof Progress>;
+type ProgressTrackProps = React.ComponentProps<typeof ProgressTrack>;
+type ProgressIndicatorProps = React.ComponentProps<typeof ProgressIndicator>;
+
+export { Progress, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressProps, ProgressTrack, type ProgressTrackProps, ProgressValue, progressIndicatorVariants, progressTrackVariants };

package/dist/components/progress.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressTrackVariants: (props?: ({
+    color?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressIndicatorVariants: (props?: ({
+    color?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Progress({ className, children, value, color, size, ...props }: Progress$1.Root.Props & VariantProps<typeof progressIndicatorVariants> & VariantProps<typeof progressTrackVariants>): react_jsx_runtime.JSX.Element;
+declare function ProgressTrack({ className, color, size, ...props }: Progress$1.Track.Props & VariantProps<typeof progressTrackVariants>): react_jsx_runtime.JSX.Element;
+declare function ProgressIndicator({ className, color, ...props }: Progress$1.Indicator.Props & VariantProps<typeof progressIndicatorVariants>): react_jsx_runtime.JSX.Element;
+declare function ProgressLabel({ className, ...props }: Progress$1.Label.Props): react_jsx_runtime.JSX.Element;
+declare function ProgressValue({ className, ...props }: Progress$1.Value.Props): react_jsx_runtime.JSX.Element;
+
+type ProgressProps = React.ComponentProps<typeof Progress>;
+type ProgressTrackProps = React.ComponentProps<typeof ProgressTrack>;
+type ProgressIndicatorProps = React.ComponentProps<typeof ProgressIndicator>;
+
+export { Progress, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressProps, ProgressTrack, type ProgressTrackProps, ProgressValue, progressIndicatorVariants, progressTrackVariants };

package/dist/components/progress.js

@@ -0,0 +1,137 @@
+"use client";
+
+// src/components/progress.tsx
+import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/progress.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var progressTrackVariants = cva(
+  "relative w-full overflow-hidden rounded-full",
+  {
+    variants: {
+      color: {
+        default: "bg-primary/20",
+        success: "bg-success/20",
+        warning: "bg-warning/20",
+        destructive: "bg-destructive/20",
+        info: "bg-info/20"
+      },
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3",
+        xl: "h-4"
+      }
+    },
+    defaultVariants: {
+      color: "default",
+      size: "md"
+    }
+  }
+);
+var progressIndicatorVariants = cva(
+  "h-full rounded-full transition-[width,background-color] duration-250 ease-smooth motion-reduce:transition-none data-[indeterminate]:w-full data-[indeterminate]:[transform-origin:left] data-[indeterminate]:animate-progress-indeterminate motion-reduce:animate-none",
+  {
+    variants: {
+      color: {
+        default: "bg-primary data-[complete]:bg-success",
+        success: "bg-success data-[complete]:bg-success",
+        warning: "bg-warning data-[complete]:bg-success",
+        destructive: "bg-destructive data-[complete]:bg-success",
+        info: "bg-info data-[complete]:bg-success"
+      }
+    },
+    defaultVariants: {
+      color: "default"
+    }
+  }
+);
+function Progress({
+  className,
+  children,
+  value,
+  color,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ProgressPrimitive.Root,
+    {
+      value,
+      "data-slot": "progress",
+      className: cn("relative w-full", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ProgressTrack, { color, size, children: /* @__PURE__ */ jsx(ProgressIndicator, { color }) })
+      ]
+    }
+  );
+}
+function ProgressTrack({
+  className,
+  color,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Track,
+    {
+      className: cn(progressTrackVariants({ color, size }), className),
+      "data-slot": "progress-track",
+      ...props
+    }
+  );
+}
+function ProgressIndicator({
+  className,
+  color,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Indicator,
+    {
+      "data-slot": "progress-indicator",
+      className: cn(progressIndicatorVariants({ color }), className),
+      ...props
+    }
+  );
+}
+function ProgressLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Label,
+    {
+      className: cn("text-sm font-medium leading-none", className),
+      "data-slot": "progress-label",
+      ...props
+    }
+  );
+}
+function ProgressValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Value,
+    {
+      className: cn("text-sm tabular-nums text-muted-foreground", className),
+      "data-slot": "progress-value",
+      ...props
+    }
+  );
+}
+export {
+  Progress,
+  ProgressIndicator,
+  ProgressLabel,
+  ProgressTrack,
+  ProgressValue,
+  progressIndicatorVariants,
+  progressTrackVariants
+};
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../lib/utils\";\n\nconst progressTrackVariants = cva(\n  \"relative w-full overflow-hidden rounded-full\",\n  {\n    variants: {\n      color: {\n        default: \"bg-primary/20\",\n        success: \"bg-success/20\",\n        warning: \"bg-warning/20\",\n        destructive: \"bg-destructive/20\",\n        info: \"bg-info/20\",\n      },\n      size: {\n        sm: \"h-1\",\n        md: \"h-2\",\n        lg: \"h-3\",\n        xl: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nconst progressIndicatorVariants = cva(\n  \"h-full rounded-full transition-[width,background-color] duration-250 ease-smooth motion-reduce:transition-none data-[indeterminate]:w-full data-[indeterminate]:[transform-origin:left] data-[indeterminate]:animate-progress-indeterminate motion-reduce:animate-none\",\n  {\n    variants: {\n      color: {\n        default: \"bg-primary data-[complete]:bg-success\",\n        success: \"bg-success data-[complete]:bg-success\",\n        warning: \"bg-warning data-[complete]:bg-success\",\n        destructive: \"bg-destructive data-[complete]:bg-success\",\n        info: \"bg-info data-[complete]:bg-success\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n    },\n  },\n);\n\nfunction Progress({\n  className,\n  children,\n  value,\n  color,\n  size,\n  ...props\n}: ProgressPrimitive.Root.Props &\n  VariantProps<typeof progressIndicatorVariants> &\n  VariantProps<typeof progressTrackVariants>) {\n  return (\n    <ProgressPrimitive.Root\n      value={value}\n      data-slot=\"progress\"\n      className={cn(\"relative w-full\", className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack color={color} size={size}>\n        <ProgressIndicator color={color} />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  );\n}\n\nfunction ProgressTrack({\n  className,\n  color,\n  size,\n  ...props\n}: ProgressPrimitive.Track.Props & VariantProps<typeof progressTrackVariants>) {\n  return (\n    <ProgressPrimitive.Track\n      className={cn(progressTrackVariants({ color, size }), className)}\n      data-slot=\"progress-track\"\n      {...props}\n    />\n  );\n}\n\nfunction ProgressIndicator({\n  className,\n  color,\n  ...props\n}: ProgressPrimitive.Indicator.Props &\n  VariantProps<typeof progressIndicatorVariants>) {\n  return (\n    <ProgressPrimitive.Indicator\n      data-slot=\"progress-indicator\"\n      className={cn(progressIndicatorVariants({ color }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n  return (\n    <ProgressPrimitive.Label\n      className={cn(\"text-sm font-medium leading-none\", className)}\n      data-slot=\"progress-label\"\n      {...props}\n    />\n  );\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n  return (\n    <ProgressPrimitive.Value\n      className={cn(\"text-sm tabular-nums text-muted-foreground\", className)}\n      data-slot=\"progress-value\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  Progress,\n  ProgressTrack,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressValue,\n  progressIndicatorVariants,\n  progressTrackVariants,\n};\n\nexport type ProgressProps = React.ComponentProps<typeof Progress>;\nexport type ProgressTrackProps = React.ComponentProps<typeof ProgressTrack>;\nexport type ProgressIndicatorProps = React.ComponentProps<\n  typeof ProgressIndicator\n>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAEA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,WAA8B;;;ACHvC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADwDI,SAQI,KARJ;AAtDJ,IAAM,wBAAwB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,IAAM,4BAA4B;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAE8C;AAC5C,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,iBAAc,OAAc,MAC3B,8BAAC,qBAAkB,OAAc,GACnC;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+E;AAC7E,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,WAAW,GAAG,sBAAsB,EAAE,OAAO,KAAK,CAAC,GAAG,SAAS;AAAA,MAC/D,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACkD;AAChD,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0BAA0B,EAAE,MAAM,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC3D,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC7E,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,WAAW,GAAG,8CAA8C,SAAS;AAAA,MACrE,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/radio-group.cjs

@@ -0,0 +1,98 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/radio-group.tsx
+var radio_group_exports = {};
+__export(radio_group_exports, {
+  RadioGroup: () => RadioGroup,
+  RadioGroupItem: () => RadioGroupItem
+});
+module.exports = __toCommonJS(radio_group_exports);
+var import_radio = require("@base-ui/react/radio");
+var import_radio_group = require("@base-ui/react/radio-group");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/radio-group.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup,
+    {
+      "data-slot": "radio-group",
+      className: cn(
+        "flex flex-col gap-2",
+        "data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio.Radio.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "group relative flex aspect-square size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-field-border bg-field-background text-primary shadow-field select-none no-highlight",
+        "data-checked:bg-primary data-checked:text-primary-foreground data-checked:border-transparent",
+        /* Hover */
+        "hover-only:hover:border-field-border-hover",
+        /* Focus Visible */
+        "focus-visible:focus-ring",
+        /* Disabled */
+        "data-disabled:status-disabled",
+        /* Invalid */
+        "data-[invalid]:border-field-border-invalid",
+        "data-[invalid]:data-checked:bg-destructive data-[invalid]:data-checked:border-transparent",
+        /* Press */
+        "motion-safe:active:scale-[0.95]",
+        /* Transition */
+        "transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth",
+        /* Motion Reduce */
+        "motion-reduce:transition-none",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_radio.Radio.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          "aria-hidden": "true",
+          className: "absolute inset-0 flex items-center justify-center",
+          keepMounted: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "size-2 scale-0 rounded-full bg-primary-foreground transition-transform duration-150 ease-out-fluid group-data-checked:scale-100 motion-reduce:transition-none" })
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroup,
+  RadioGroupItem
+});
+//# sourceMappingURL=radio-group.cjs.map

package/dist/components/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio-group.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\nimport { cn } from \"../lib/utils\";\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n  return (\n    <RadioGroupPrimitive\n      data-slot=\"radio-group\"\n      className={cn(\n        \"flex flex-col gap-2\",\n        \"data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:gap-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"group relative flex aspect-square size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-field-border bg-field-background text-primary shadow-field select-none no-highlight\",\n        \"data-checked:bg-primary data-checked:text-primary-foreground data-checked:border-transparent\",\n        /* Hover */\n        \"hover-only:hover:border-field-border-hover\",\n        /* Focus Visible */\n        \"focus-visible:focus-ring\",\n        /* Disabled */\n        \"data-disabled:status-disabled\",\n        /* Invalid */\n        \"data-[invalid]:border-field-border-invalid\",\n        \"data-[invalid]:data-checked:bg-destructive data-[invalid]:data-checked:border-transparent\",\n        /* Press */\n        \"motion-safe:active:scale-[0.95]\",\n        /* Transition */\n        \"transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth\",\n        /* Motion Reduce */\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        aria-hidden=\"true\"\n        className=\"absolute inset-0 flex items-center justify-center\"\n        keepMounted\n      >\n        <span className=\"size-2 scale-0 rounded-full bg-primary-foreground transition-transform duration-150 ease-out-fluid group-data-checked:scale-100 motion-reduce:transition-none\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n\nexport type RadioGroupProps = React.ComponentProps<typeof RadioGroup>;\nexport type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupItem>;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAwC;AACxC,yBAAkD;;;ACHlD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADGI;AAFJ,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAA8B;AACtE,SACE;AAAA,IAAC,mBAAAA;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA8B;AAC1E,SACE;AAAA,IAAC,aAAAC,MAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,aAAAA,MAAe;AAAA,QAAf;AAAA,UACC,aAAU;AAAA,UACV,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAW;AAAA,UAEX,sDAAC,UAAK,WAAU,iKAAgK;AAAA;AAAA,MAClL;AAAA;AAAA,EACF;AAEJ;","names":["RadioGroupPrimitive","RadioPrimitive"]}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Radio } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
+
+declare function RadioGroup({ className, ...props }: RadioGroup$1.Props): react_jsx_runtime.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = React.ComponentProps<typeof RadioGroup>;
+type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupItem>;
+
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Radio } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
+
+declare function RadioGroup({ className, ...props }: RadioGroup$1.Props): react_jsx_runtime.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: Radio.Root.Props): react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = React.ComponentProps<typeof RadioGroup>;
+type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupItem>;
+
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/components/radio-group.js

@@ -0,0 +1,73 @@
+"use client";
+
+// src/components/radio-group.tsx
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/radio-group.tsx
+import { jsx } from "react/jsx-runtime";
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive,
+    {
+      "data-slot": "radio-group",
+      className: cn(
+        "flex flex-col gap-2",
+        "data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadioPrimitive.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "group relative flex aspect-square size-4 shrink-0 cursor-pointer items-center justify-center rounded-full border border-field-border bg-field-background text-primary shadow-field select-none no-highlight",
+        "data-checked:bg-primary data-checked:text-primary-foreground data-checked:border-transparent",
+        /* Hover */
+        "hover-only:hover:border-field-border-hover",
+        /* Focus Visible */
+        "focus-visible:focus-ring",
+        /* Disabled */
+        "data-disabled:status-disabled",
+        /* Invalid */
+        "data-[invalid]:border-field-border-invalid",
+        "data-[invalid]:data-checked:bg-destructive data-[invalid]:data-checked:border-transparent",
+        /* Press */
+        "motion-safe:active:scale-[0.95]",
+        /* Transition */
+        "transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-smooth",
+        /* Motion Reduce */
+        "motion-reduce:transition-none",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadioPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          "aria-hidden": "true",
+          className: "absolute inset-0 flex items-center justify-center",
+          keepMounted: true,
+          children: /* @__PURE__ */ jsx("span", { className: "size-2 scale-0 rounded-full bg-primary-foreground transition-transform duration-150 ease-out-fluid group-data-checked:scale-100 motion-reduce:transition-none" })
+        }
+      )
+    }
+  );
+}
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=radio-group.js.map