"use client";
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var ProgressPrimitive = require('@radix-ui/react-progress');
var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var jsxRuntime = require('react/jsx-runtime');

function _interopNamespace(e) {
  if (e && e.__esModule) return e;
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
__name(cn, "cn");
var Progress = /* @__PURE__ */ __name(({
  className,
  value,
  ...props
}) => /* @__PURE__ */ jsxRuntime.jsx(
  ProgressPrimitive__namespace.Root,
  {
    className: cn(
      "bg-bg-quaternary relative h-4 w-full overflow-hidden",
      className
    ),
    ...props,
    children: /* @__PURE__ */ jsxRuntime.jsx(
      ProgressPrimitive__namespace.Indicator,
      {
        className: "h-full w-full flex-1 bg-green-500 transition-all",
        style: { transform: `translateX(-${100 - (value || 0)}%)` }
      }
    )
  }
), "Progress");
Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
var progress_default = Progress;

exports.Progress = Progress;
exports.default = progress_default;
