@arolariu/components/dist/components/ui/meter.js

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

"use client";
import { jsx } from "react/jsx-runtime";
import { mergeProps } from "@base-ui/react/merge-props";
import { Meter } from "@base-ui/react/meter";
import { useRender } from "@base-ui/react/use-render";
import { cn } from "../../lib/utilities.js";
import meter_module from "./meter.module.js";
import * as __rspack_external_react from "react";
const meter_Meter = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
    const { className, children, render, ...otherProps } = props;
    return /*#__PURE__*/ jsx(Meter.Root, {
        ...otherProps,
        ref: forwardedRef,
        render: useRender({
            defaultTagName: "div",
            render: render,
            props: mergeProps({
                className: cn(meter_module.root, className)
            }, {})
        }),
        children: children
    });
});
const MeterTrack = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
    const { className, children, render, ...otherProps } = props;
    return /*#__PURE__*/ jsx(Meter.Track, {
        ...otherProps,
        ref: forwardedRef,
        render: useRender({
            defaultTagName: "div",
            render: render,
            props: mergeProps({
                className: cn(meter_module.track, className)
            }, {})
        }),
        children: children
    });
});
const MeterIndicator = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
    const { className, children, render, ...otherProps } = props;
    return /*#__PURE__*/ jsx(Meter.Indicator, {
        ...otherProps,
        ref: forwardedRef,
        render: useRender({
            defaultTagName: "div",
            render: render,
            props: mergeProps({
                className: cn(meter_module.indicator, className)
            }, {})
        }),
        children: children
    });
});
const MeterLabel = /*#__PURE__*/ __rspack_external_react.forwardRef((props, forwardedRef)=>{
    const { className, children, render, ...otherProps } = props;
    return /*#__PURE__*/ jsx(Meter.Label, {
        ...otherProps,
        ref: forwardedRef,
        render: useRender({
            defaultTagName: "span",
            render: render,
            props: mergeProps({
                className: cn(meter_module.label, className)
            }, {})
        }),
        children: children
    });
});
meter_Meter.displayName = "Meter";
MeterTrack.displayName = "MeterTrack";
MeterIndicator.displayName = "MeterIndicator";
MeterLabel.displayName = "MeterLabel";
export { MeterIndicator, MeterLabel, MeterTrack, meter_Meter as Meter };

//# sourceMappingURL=meter.js.map