primereact/knob/root/index.mjs

A rich set of premium UI Components for React.

'use client';

import{Component as g,withComponent as K}from"@primereact/core/component";import{useKnob as x}from"@primereact/headless/knob";import{mergeProps as m,resolve as R}from"@primeuix/utils";import*as r from"react";import{createOptionalContext as P}from"@primereact/core/utils";var[n,h]=P();import*as s from"@primereact/headless/knob";import{$dt as t}from"@primeuix/styled";var p={...s.defaultProps,as:"div",rangeColor:t("knob.range.background").variable,valueColor:t("knob.value.background").variable,textColor:t("knob.text.color").variable};var $=K({name:"Knob.Root",defaultProps:p,setup(o){return x(o?.inProps)},render(o){let{id:e,props:a,ptmi:i,ptm:b,cx:l,rootProps:c,svgProps:v}=o,d=m(c,{id:e,className:l("root")},i("root")),f=(()=>{let u=m(v,b("svg"));return r.createElement("svg",{...u},R(a.children,o))})();return r.createElement(n,{value:o},r.createElement(g,{instance:o,attrs:d},f))}});export{$ as KnobRoot,p as defaultRootProps};