primereact/knob/index.mjs

A rich set of premium UI Components for React.

'use client';

var S=Object.defineProperty;var P=(o,t)=>{for(var e in t)S(o,e,{get:t[e],enumerable:!0})};import{createOptionalContext as H}from"@primereact/core/utils";var[K,n]=H();var h={};P(h,{Range:()=>u,Root:()=>b,Text:()=>d,Value:()=>x});import{Component as I,withComponent as E}from"@primereact/core/component";import{mergeProps as O}from"@primeuix/utils";import*as g from"react";var s={as:"path",color:void 0};var u=E({name:"Knob.Range",defaultProps:s,setup(){return{knob:n()}},render(o){let{props:t,ptmi:e,knob:r}=o,p=O(r?.rangeProps,{className:r?.cx("range"),strokeWidth:r?.props.strokeWidth,stroke:t.color??r?.props.rangeColor},r?.ptm("range"),e("root"));return g.createElement(I,{instance:o,attrs:p,children:t.children})}});import{Component as $,withComponent as j}from"@primereact/core/component";import{useKnob as q}from"@primereact/headless/knob";import{mergeProps as R,resolve as z}from"@primeuix/utils";import*as l from"react";import*as v from"@primereact/headless/knob";import{$dt as c}from"@primeuix/styled";var m={...v.defaultProps,as:"div",rangeColor:c("knob.range.background").variable,valueColor:c("knob.value.background").variable,textColor:c("knob.text.color").variable};var b=j({name:"Knob.Root",defaultProps:m,setup(o){return q(o?.inProps)},render(o){let{id:t,props:e,ptmi:r,ptm:p,cx:f,rootProps:T,svgProps:V}=o,w=R(T,{id:t,className:f("root")},r("root")),N=(()=>{let W=R(V,p("svg"));return l.createElement("svg",{...W},z(e.children,o))})();return l.createElement(K,{value:o},l.createElement($,{instance:o,attrs:w},N))}});import{Component as A,withComponent as B}from"@primereact/core/component";import{mergeProps as D,resolve as F}from"@primeuix/utils";import*as k from"react";var a={as:"text",color:void 0};var d=B({name:"Knob.Text",defaultProps:a,setup(){return{knob:n()}},render(o){let{props:t,ptmi:e,knob:r}=o,p=D(r?.textProps,{className:r?.cx("text"),fill:t.color??r?.props.textColor},r?.ptm("text"),e("root")),f=F(t.children,o)??r?.state.value;return k.createElement(A,{instance:o,attrs:p},f)}});import{Component as G,withComponent as J}from"@primereact/core/component";import{mergeProps as L}from"@primeuix/utils";import*as C from"react";var i={as:"path",color:void 0};var x=J({name:"Knob.Value",defaultProps:i,setup(){return{knob:n()}},render(o){let{props:t,ptmi:e,knob:r}=o,p=L(r?.valueProps,{className:r?.cx("value"),strokeWidth:r?.props.strokeWidth,stroke:t.color??r?.props.valueColor},r?.ptm("value"),e("root"));return C.createElement(G,{instance:o,attrs:p,children:t.children})}});var y={};P(y,{defaultRangeProps:()=>s,defaultRootProps:()=>m,defaultTextProps:()=>a,defaultValueProps:()=>i});export{h as Knob,y as KnobProps,K as KnobProvider,u as KnobRange,b as KnobRoot,d as KnobText,x as KnobValue,s as defaultRangeProps,m as defaultRootProps,a as defaultTextProps,i as defaultValueProps,n as useKnobContext};