UNPKG

@llamaindex/ui

Version:

A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications

58 lines (52 loc) 1.6 kB
'use strict'; var chunkHK7TFVDA_js = require('./chunk-HK7TFVDA.js'); var chunkORMEWXMH_js = require('./chunk-ORMEWXMH.js'); var ProgressPrimitive = require('@radix-ui/react-progress'); 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); function Progress(_a) { var _b = _a, { className, value } = _b, props = chunkORMEWXMH_js.__objRest(_b, [ "className", "value" ]); return /* @__PURE__ */ jsxRuntime.jsx( ProgressPrimitive__namespace.Root, chunkORMEWXMH_js.__spreadProps(chunkORMEWXMH_js.__spreadValues({ "data-slot": "progress", className: chunkHK7TFVDA_js.cn( "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className ) }, props), { children: /* @__PURE__ */ jsxRuntime.jsx( ProgressPrimitive__namespace.Indicator, { "data-slot": "progress-indicator", className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } } ) }) ); } exports.Progress = Progress;