react-circular-range 1.0.0 → 1.0.2

package/dist/CircularRange.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type StyleSlots = 'knob' | 'knobRing' | 'knobBackground' | 'knobBackgroundPath' | 'knobIndicator' | 'knobCenter' | 'active';
+export type CircularRangeThemeProps = Partial<Record<StyleSlots, string>>;
+export interface CircularRangeProps {
+    min?: number;
+    max?: number;
+    value?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+    theme?: CircularRangeThemeProps;
+}
+export declare const CircularRange: React.FC<CircularRangeProps>;

package/dist/index.d.ts

@@ -1,15 +1,2 @@
-import React from 'react';
-
-type StyleSlots = 'knob' | 'knobRing' | 'knobBackground' | 'knobBackgroundPath' | 'knobIndicator' | 'knobCenter' | 'active';
-type CircularRangeThemeProps = Partial<Record<StyleSlots, string>>;
-interface CircularRangeProps {
-    min?: number;
-    max?: number;
-    value?: number;
-    step?: number;
-    onChange?: (value: number) => void;
-    theme?: CircularRangeThemeProps;
-}
-declare const CircularRange: React.FC<CircularRangeProps>;
-
-export { CircularRange, type CircularRangeProps, type CircularRangeThemeProps, type StyleSlots };
+export { CircularRange } from "./CircularRange";
+export type { StyleSlots, CircularRangeThemeProps, CircularRangeProps } from "./CircularRange";

package/dist/react-circular-range.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");var Y={exports:{}},P={};var Z;function te(){if(Z)return P;Z=1;var c=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function v(f,u,s){var m=null;if(s!==void 0&&(m=""+s),u.key!==void 0&&(m=""+u.key),"key"in u){s={};for(var _ in u)_!=="key"&&(s[_]=u[_])}else s=u;return u=s.ref,{$$typeof:c,type:f,key:m,ref:u!==void 0?u:null,props:s}}return P.Fragment=i,P.jsx=v,P.jsxs=v,P}var y={};var Q;function ne(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&(function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===D?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case b:return"Profiler";case R:return"StrictMode";case $:return"Suspense";case I:return"SuspenseList";case U:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case L:return"Portal";case x:return e.displayName||"Context";case p:return(e._context.displayName||"Context")+".Consumer";case N:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case t:return r=e.displayName||null,r!==null?r:c(e.type)||"Memo";case l:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return null}function i(e){return""+e}function v(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var n=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),i(e)}}function f(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===l)return"<...>";try{var r=c(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=M.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function m(e){if(q.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function _(e,r){function n(){z||(z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function j(){var e=c(this.type);return J[e]||(J[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function g(e,r,n,o,C,V){var a=n.ref;return e={$$typeof:w,type:e,key:r,props:n,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:j}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function A(e,r,n,o,C,V){var a=r.children;if(a!==void 0)if(o)if(ee(a)){for(o=0;o<a.length;o++)O(a[o]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else O(a);if(q.call(r,"key")){a=c(e);var T=Object.keys(r).filter(function(re){return re!=="key"});o=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",H[a+o]||(T=0<T.length?"{"+T.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,o,a,T,a),H[a+o]=!0)}if(a=null,n!==void 0&&(v(n),a=""+n),m(r)&&(v(r.key),a=""+r.key),"key"in r){n={};for(var B in r)B!=="key"&&(n[B]=r[B])}else n=r;return a&&_(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),g(e,a,n,u(),C,V)}function O(e){S(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===l&&(e._payload.status==="fulfilled"?S(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function S(e){return typeof e=="object"&&e!==null&&e.$$typeof===w}var E=d,w=Symbol.for("react.transitional.element"),L=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),b=Symbol.for("react.profiler"),p=Symbol.for("react.consumer"),x=Symbol.for("react.context"),N=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),t=Symbol.for("react.memo"),l=Symbol.for("react.lazy"),U=Symbol.for("react.activity"),D=Symbol.for("react.client.reference"),M=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,ee=Array.isArray,F=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var z,J={},G=E.react_stack_bottom_frame.bind(E,s)(),X=F(f(s)),H={};y.Fragment=k,y.jsx=function(e,r,n){var o=1e4>M.recentlyCreatedOwnerStacks++;return A(e,r,n,!1,o?Error("react-stack-top-frame"):G,o?F(f(e)):X)},y.jsxs=function(e,r,n){var o=1e4>M.recentlyCreatedOwnerStacks++;return A(e,r,n,!0,o?Error("react-stack-top-frame"):G,o?F(f(e)):X)}})()),y}var K;function oe(){return K||(K=1,process.env.NODE_ENV==="production"?Y.exports=te():Y.exports=ne()),Y.exports}var h=oe();const ae="_knob_1us28_1",se="_knobRing_1us28_17",ce="_knobBackground_1us28_43",ue="_knobBackgroundPath_1us28_63",le="_knobIndicator_1us28_85",ie="_knobCenter_1us28_115",fe="_active_1us28_173",de={knob:ae,knobRing:se,knobBackground:ce,knobBackgroundPath:ue,knobIndicator:le,knobCenter:ie,active:fe},W=113.1,ve=({min:c=0,max:i=100,value:v=0,step:f=.01,onChange:u,theme:s=de})=>{const m=d.useRef(null),[_,j]=d.useState(v),[g,A]=d.useState(!1),O=d.useRef(0),S=d.useRef(0),E=.01;d.useEffect(()=>{j(v)},[v]);const w=t=>Math.min(i,Math.max(c,t)),L=d.useCallback(t=>(t-c)/(i-c),[c,i]),k=d.useCallback(t=>{let l=w(t);f>0&&(l=Math.round(l/f)*f),j(l),u?.(l)},[c,i,f,u]),R=t=>{t.preventDefault(),A(!0);const l="touches"in t?t.touches[0].clientY:t.clientY;O.current=l,S.current=_},b=t=>{if(!g)return;t.preventDefault();const l="touches"in t?t.touches[0].clientY:t.clientY,D=(O.current-l)*E*(i-c);k(S.current+D)},p=()=>{A(!1)},x=()=>{k((c+i)/2)};d.useEffect(()=>{const t=m.current;if(t)return t.addEventListener("mousedown",R),t.addEventListener("touchstart",R),document.addEventListener("mousemove",b),document.addEventListener("touchmove",b),document.addEventListener("mouseup",p),document.addEventListener("touchend",p),t.addEventListener("dblclick",x),()=>{t.removeEventListener("mousedown",R),t.removeEventListener("touchstart",R),document.removeEventListener("mousemove",b),document.removeEventListener("touchmove",b),document.removeEventListener("mouseup",p),document.removeEventListener("touchend",p),t.removeEventListener("dblclick",x)}},[b,g]);const N=L(_),$=N*270-135,I=W-N*W;return h.jsx("div",{ref:m,className:`${s.knob} ${g?s.active:""}`,children:h.jsxs("div",{className:`${s.knobRing}`,children:[h.jsx("svg",{className:`${s.knobBackground}`,viewBox:"0 0 60 60",children:h.jsx("path",{className:`${s.knobBackgroundPath}`,d:"M 30 6 A 24 24 0 1 1 6 30",strokeDasharray:W,strokeDashoffset:I})}),h.jsx("div",{className:`${s.knobIndicator}`,style:{transform:`translateX(-50%) rotate(${$}deg)`}}),h.jsx("div",{className:`${s.knobCenter}`})]})})};exports.CircularRange=ve;
+//# sourceMappingURL=react-circular-range.cjs.js.map

package/dist/react-circular-range.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-circular-range.cjs.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/CircularRange.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React, {\r\n  useCallback,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport styles from \"./CircularRange.module.css\";\r\n\r\nexport type StyleSlots =\r\n  | 'knob'\r\n  | 'knobRing'\r\n  | 'knobBackground'\r\n  | 'knobBackgroundPath'\r\n  | 'knobIndicator'\r\n  | 'knobCenter'\r\n  | 'active'\r\n\r\nexport type CircularRangeThemeProps = Partial<Record<StyleSlots, string>>;\r\n\r\nexport interface CircularRangeProps {\r\n  min?: number;\r\n  max?: number;\r\n  value?: number;\r\n  step?: number;\r\n  onChange?: (value: number) => void;\r\n\r\n  // override styles with css module\r\n  theme?: CircularRangeThemeProps;\r\n}\r\n\r\nconst ARC_LENGTH = 113.1; // 270°\r\n\r\nexport const CircularRange: React.FC<CircularRangeProps> = ({\r\n  min = 0,\r\n  max = 100,\r\n  value = 0,\r\n  step = 0.01,\r\n  onChange,\r\n  theme = styles\r\n}) => {\r\n  const knobRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const [internalValue, setInternalValue] = useState(value);\r\n  const [isActive, setIsActive] = useState(false);\r\n\r\n  const startY = useRef(0);\r\n  const startValue = useRef(0);\r\n  const sensitivity = 0.01;\r\n  useEffect(() => {\r\n    setInternalValue(value);\r\n  }, [value]);\r\n\r\n  const clamp = (v: number) => Math.min(max, Math.max(min, v));\r\n\r\n  const getNormalizedValue = useCallback(\r\n    (v: number) => {\r\n      return (v - min) / (max - min);\r\n    },\r\n    [min, max],\r\n  );\r\n\r\n  const setValue = useCallback(\r\n    (v: number) => {\r\n      let next = clamp(v);\r\n      if (step > 0) {\r\n        next = Math.round(next / step) * step;\r\n      }\r\n      setInternalValue(next);\r\n      onChange?.(next);\r\n    },\r\n    [min, max, step, onChange],\r\n  );\r\n\r\n  const handleStart = (e: MouseEvent | TouchEvent) => {\r\n    e.preventDefault();\r\n    setIsActive(true);\r\n    const clientY = \"touches\" in e ? e.touches[0].clientY : e.clientY;\r\n    startY.current = clientY;\r\n    startValue.current = internalValue;\r\n  };\r\n\r\n  const handleMove = (e: MouseEvent | TouchEvent) => {\r\n    if (!isActive) return;\r\n    e.preventDefault();\r\n\r\n    const clientY = \"touches\" in e ? e.touches[0].clientY : e.clientY;\r\n    const deltaY = startY.current - clientY;\r\n    const deltaValue = deltaY * sensitivity * (max - min);\r\n\r\n    setValue(startValue.current + deltaValue);\r\n  };\r\n\r\n  const handleEnd = () => {\r\n    setIsActive(false);\r\n  };\r\n\r\n  const handleDoubleClick = () => {\r\n    setValue((min + max) / 2);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = knobRef.current;\r\n    if (!el) return;\r\n\r\n    el.addEventListener(\"mousedown\", handleStart);\r\n    el.addEventListener(\"touchstart\", handleStart);\r\n\r\n    document.addEventListener(\"mousemove\", handleMove);\r\n    document.addEventListener(\"touchmove\", handleMove);\r\n    document.addEventListener(\"mouseup\", handleEnd);\r\n    document.addEventListener(\"touchend\", handleEnd);\r\n\r\n    el.addEventListener(\"dblclick\", handleDoubleClick);\r\n\r\n    return () => {\r\n      el.removeEventListener(\"mousedown\", handleStart);\r\n      el.removeEventListener(\"touchstart\", handleStart);\r\n\r\n      document.removeEventListener(\"mousemove\", handleMove);\r\n      document.removeEventListener(\"touchmove\", handleMove);\r\n      document.removeEventListener(\"mouseup\", handleEnd);\r\n      document.removeEventListener(\"touchend\", handleEnd);\r\n\r\n      el.removeEventListener(\"dblclick\", handleDoubleClick);\r\n    };\r\n  }, [handleMove, isActive]);\r\n\r\n  const normalized = getNormalizedValue(internalValue);\r\n  const rotation = normalized * 270 - 135;\r\n  const dashOffset = ARC_LENGTH - normalized * ARC_LENGTH;\r\n\r\n  return (\r\n    <div\r\n      ref={knobRef}\r\n      className={`${theme.knob} ${isActive ? theme.active : \"\"}`}\r\n    >\r\n      <div className={`${theme.knobRing}`}>\r\n        <svg\r\n          className={`${theme.knobBackground}`}\r\n          viewBox=\"0 0 60 60\"\r\n        >\r\n          <path\r\n            className={`${theme.knobBackgroundPath}`}\r\n            d=\"M 30 6 A 24 24 0 1 1 6 30\"\r\n            strokeDasharray={ARC_LENGTH}\r\n            strokeDashoffset={dashOffset}\r\n          />\r\n        </svg>\r\n\r\n        <div\r\n          className={`${theme.knobIndicator}`}\r\n          style={{\r\n            transform: `translateX(-50%) rotate(${rotation}deg)`,\r\n          }}\r\n        />\r\n\r\n        <div\r\n          className={`${theme.knobCenter}`}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","ARC_LENGTH","CircularRange","min","max","step","onChange","theme","styles","knobRef","useRef","internalValue","setInternalValue","useState","isActive","setIsActive","startY","startValue","sensitivity","useEffect","clamp","v","getNormalizedValue","useCallback","setValue","next","handleStart","e","clientY","handleMove","deltaValue","handleEnd","handleDoubleClick","el","normalized","rotation","dashOffset","jsx"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/react-circular-range.css

@@ -0,0 +1 @@
+._knob_1us28_1{width:65px;height:65px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}._knobRing_1us28_17{width:100%;height:100%;border:3px solid #333;border-radius:50%;background:linear-gradient(145deg,#1a1a1a,#252525);box-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #3c3c3c1a,0 4px 8px #0000004d;transition:border-color .2s ease,box-shadow .2s ease}._knobBackground_1us28_43{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:rotate(-135deg)}._knobBackgroundPath_1us28_63{fill:none;stroke:#8b5cf6;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1;transition:stroke-dashoffset .1s ease-out;filter:drop-shadow(0 0 3px rgba(139,92,246,.7))}._knobIndicator_1us28_85{position:absolute;width:4px;height:20px;background:linear-gradient(to bottom,#8b5cf6,#c084fc);top:5px;left:50%;transform-origin:center 27.5px;transform:translate(-50%) rotate(-135deg);border-radius:2px;z-index:2;box-shadow:0 0 6px #8b5cf6cc}._knobCenter_1us28_115{position:absolute;width:18px;height:18px;background:radial-gradient(circle,#0a0a0a,#1a1a1a);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 1px 1px 3px #000000b3,0 1px 2px #8b5cf64d;z-index:3}._knob_1us28_1:hover ._knobRing_1us28_17{border-color:#8b5cf6;box-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #3c3c3c1a,0 4px 12px #8b5cf666}._knob_1us28_1:hover ._knobIndicator_1us28_85{background:linear-gradient(to bottom,#a78bfa,#c084fc);box-shadow:0 0 8px #a78bfae6}._knob_1us28_1._active_1us28_173 ._knobRing_1us28_17{border-color:#a78bfa;box-shadow:inset 2px 2px 5px #0009,inset -2px -2px 5px #3c3c3c26,0 4px 16px #a78bfa80}._knob_1us28_1._active_1us28_173 ._knobIndicator_1us28_85{background:linear-gradient(to bottom,#a78bfa,#c084fc);box-shadow:0 0 10px #a78bfa}._knob_1us28_1._active_1us28_173 ._knobBackgroundPath_1us28_63{stroke:#a78bfa;filter:drop-shadow(0 0 4px rgba(167,139,250,.9))}

package/dist/react-circular-range.es.js

@@ -0,0 +1,357 @@
+import ae, { useRef as B, useState as Z, useEffect as Q, useCallback as K } from "react";
+var C = { exports: {} }, P = {};
+var ee;
+function se() {
+  if (ee) return P;
+  ee = 1;
+  var c = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.fragment");
+  function d(f, u, s) {
+    var v = null;
+    if (s !== void 0 && (v = "" + s), u.key !== void 0 && (v = "" + u.key), "key" in u) {
+      s = {};
+      for (var m in u)
+        m !== "key" && (s[m] = u[m]);
+    } else s = u;
+    return u = s.ref, {
+      $$typeof: c,
+      type: f,
+      key: v,
+      ref: u !== void 0 ? u : null,
+      props: s
+    };
+  }
+  return P.Fragment = i, P.jsx = d, P.jsxs = d, P;
+}
+var S = {};
+var re;
+function ce() {
+  return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
+    function c(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === I ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case E:
+          return "Fragment";
+        case _:
+          return "Profiler";
+        case k:
+          return "StrictMode";
+        case L:
+          return "Suspense";
+        case $:
+          return "SuspenseList";
+        case U:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case Y:
+            return "Portal";
+          case w:
+            return e.displayName || "Context";
+          case R:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case x:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case t:
+            return r = e.displayName || null, r !== null ? r : c(e.type) || "Memo";
+          case l:
+            r = e._payload, e = e._init;
+            try {
+              return c(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(e) {
+      return "" + e;
+    }
+    function d(e) {
+      try {
+        i(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), i(e);
+      }
+    }
+    function f(e) {
+      if (e === E) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === l)
+        return "<...>";
+      try {
+        var r = c(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var e = D.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function v(e) {
+      if (z.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function n() {
+        q || (q = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function j() {
+      var e = c(this.type);
+      return J[e] || (J[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function h(e, r, n, o, N, F) {
+      var a = n.ref;
+      return e = {
+        $$typeof: y,
+        type: e,
+        key: r,
+        props: n,
+        _owner: o
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: j
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: N
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: F
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function g(e, r, n, o, N, F) {
+      var a = r.children;
+      if (a !== void 0)
+        if (o)
+          if (ne(a)) {
+            for (o = 0; o < a.length; o++)
+              A(a[o]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else A(a);
+      if (z.call(r, "key")) {
+        a = c(e);
+        var p = Object.keys(r).filter(function(oe) {
+          return oe !== "key";
+        });
+        o = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", H[a + o] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          o,
+          a,
+          p,
+          a
+        ), H[a + o] = !0);
+      }
+      if (a = null, n !== void 0 && (d(n), a = "" + n), v(r) && (d(r.key), a = "" + r.key), "key" in r) {
+        n = {};
+        for (var V in r)
+          V !== "key" && (n[V] = r[V]);
+      } else n = r;
+      return a && m(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), h(
+        e,
+        a,
+        n,
+        u(),
+        N,
+        F
+      );
+    }
+    function A(e) {
+      O(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === l && (e._payload.status === "fulfilled" ? O(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function O(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === y;
+    }
+    var b = ae, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), Y = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), k = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), w = /* @__PURE__ */ Symbol.for("react.context"), x = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), $ = /* @__PURE__ */ Symbol.for("react.suspense_list"), t = /* @__PURE__ */ Symbol.for("react.memo"), l = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), I = /* @__PURE__ */ Symbol.for("react.client.reference"), D = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ne = Array.isArray, M = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var q, J = {}, G = b.react_stack_bottom_frame.bind(
+      b,
+      s
+    )(), X = M(f(s)), H = {};
+    S.Fragment = E, S.jsx = function(e, r, n) {
+      var o = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return g(
+        e,
+        r,
+        n,
+        !1,
+        o ? Error("react-stack-top-frame") : G,
+        o ? M(f(e)) : X
+      );
+    }, S.jsxs = function(e, r, n) {
+      var o = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return g(
+        e,
+        r,
+        n,
+        !0,
+        o ? Error("react-stack-top-frame") : G,
+        o ? M(f(e)) : X
+      );
+    };
+  })()), S;
+}
+var te;
+function ue() {
+  return te || (te = 1, process.env.NODE_ENV === "production" ? C.exports = se() : C.exports = ce()), C.exports;
+}
+var T = ue();
+const le = "_knob_1us28_1", ie = "_knobRing_1us28_17", fe = "_knobBackground_1us28_43", de = "_knobBackgroundPath_1us28_63", ve = "_knobIndicator_1us28_85", me = "_knobCenter_1us28_115", _e = "_active_1us28_173", be = {
+  knob: le,
+  knobRing: ie,
+  knobBackground: fe,
+  knobBackgroundPath: de,
+  knobIndicator: ve,
+  knobCenter: me,
+  active: _e
+}, W = 113.1, ke = ({
+  min: c = 0,
+  max: i = 100,
+  value: d = 0,
+  step: f = 0.01,
+  onChange: u,
+  theme: s = be
+}) => {
+  const v = B(null), [m, j] = Z(d), [h, g] = Z(!1), A = B(0), O = B(0), b = 0.01;
+  Q(() => {
+    j(d);
+  }, [d]);
+  const y = (t) => Math.min(i, Math.max(c, t)), Y = K(
+    (t) => (t - c) / (i - c),
+    [c, i]
+  ), E = K(
+    (t) => {
+      let l = y(t);
+      f > 0 && (l = Math.round(l / f) * f), j(l), u?.(l);
+    },
+    [c, i, f, u]
+  ), k = (t) => {
+    t.preventDefault(), g(!0);
+    const l = "touches" in t ? t.touches[0].clientY : t.clientY;
+    A.current = l, O.current = m;
+  }, _ = (t) => {
+    if (!h) return;
+    t.preventDefault();
+    const l = "touches" in t ? t.touches[0].clientY : t.clientY, I = (A.current - l) * b * (i - c);
+    E(O.current + I);
+  }, R = () => {
+    g(!1);
+  }, w = () => {
+    E((c + i) / 2);
+  };
+  Q(() => {
+    const t = v.current;
+    if (t)
+      return t.addEventListener("mousedown", k), t.addEventListener("touchstart", k), document.addEventListener("mousemove", _), document.addEventListener("touchmove", _), document.addEventListener("mouseup", R), document.addEventListener("touchend", R), t.addEventListener("dblclick", w), () => {
+        t.removeEventListener("mousedown", k), t.removeEventListener("touchstart", k), document.removeEventListener("mousemove", _), document.removeEventListener("touchmove", _), document.removeEventListener("mouseup", R), document.removeEventListener("touchend", R), t.removeEventListener("dblclick", w);
+      };
+  }, [_, h]);
+  const x = Y(m), L = x * 270 - 135, $ = W - x * W;
+  return /* @__PURE__ */ T.jsx(
+    "div",
+    {
+      ref: v,
+      className: `${s.knob} ${h ? s.active : ""}`,
+      children: /* @__PURE__ */ T.jsxs("div", { className: `${s.knobRing}`, children: [
+        /* @__PURE__ */ T.jsx(
+          "svg",
+          {
+            className: `${s.knobBackground}`,
+            viewBox: "0 0 60 60",
+            children: /* @__PURE__ */ T.jsx(
+              "path",
+              {
+                className: `${s.knobBackgroundPath}`,
+                d: "M 30 6 A 24 24 0 1 1 6 30",
+                strokeDasharray: W,
+                strokeDashoffset: $
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ T.jsx(
+          "div",
+          {
+            className: `${s.knobIndicator}`,
+            style: {
+              transform: `translateX(-50%) rotate(${L}deg)`
+            }
+          }
+        ),
+        /* @__PURE__ */ T.jsx(
+          "div",
+          {
+            className: `${s.knobCenter}`
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  ke as CircularRange
+};
+//# sourceMappingURL=react-circular-range.es.js.map

package/dist/react-circular-range.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-circular-range.es.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/CircularRange.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import React, {\r\n  useCallback,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport styles from \"./CircularRange.module.css\";\r\n\r\nexport type StyleSlots =\r\n  | 'knob'\r\n  | 'knobRing'\r\n  | 'knobBackground'\r\n  | 'knobBackgroundPath'\r\n  | 'knobIndicator'\r\n  | 'knobCenter'\r\n  | 'active'\r\n\r\nexport type CircularRangeThemeProps = Partial<Record<StyleSlots, string>>;\r\n\r\nexport interface CircularRangeProps {\r\n  min?: number;\r\n  max?: number;\r\n  value?: number;\r\n  step?: number;\r\n  onChange?: (value: number) => void;\r\n\r\n  // override styles with css module\r\n  theme?: CircularRangeThemeProps;\r\n}\r\n\r\nconst ARC_LENGTH = 113.1; // 270°\r\n\r\nexport const CircularRange: React.FC<CircularRangeProps> = ({\r\n  min = 0,\r\n  max = 100,\r\n  value = 0,\r\n  step = 0.01,\r\n  onChange,\r\n  theme = styles\r\n}) => {\r\n  const knobRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const [internalValue, setInternalValue] = useState(value);\r\n  const [isActive, setIsActive] = useState(false);\r\n\r\n  const startY = useRef(0);\r\n  const startValue = useRef(0);\r\n  const sensitivity = 0.01;\r\n  useEffect(() => {\r\n    setInternalValue(value);\r\n  }, [value]);\r\n\r\n  const clamp = (v: number) => Math.min(max, Math.max(min, v));\r\n\r\n  const getNormalizedValue = useCallback(\r\n    (v: number) => {\r\n      return (v - min) / (max - min);\r\n    },\r\n    [min, max],\r\n  );\r\n\r\n  const setValue = useCallback(\r\n    (v: number) => {\r\n      let next = clamp(v);\r\n      if (step > 0) {\r\n        next = Math.round(next / step) * step;\r\n      }\r\n      setInternalValue(next);\r\n      onChange?.(next);\r\n    },\r\n    [min, max, step, onChange],\r\n  );\r\n\r\n  const handleStart = (e: MouseEvent | TouchEvent) => {\r\n    e.preventDefault();\r\n    setIsActive(true);\r\n    const clientY = \"touches\" in e ? e.touches[0].clientY : e.clientY;\r\n    startY.current = clientY;\r\n    startValue.current = internalValue;\r\n  };\r\n\r\n  const handleMove = (e: MouseEvent | TouchEvent) => {\r\n    if (!isActive) return;\r\n    e.preventDefault();\r\n\r\n    const clientY = \"touches\" in e ? e.touches[0].clientY : e.clientY;\r\n    const deltaY = startY.current - clientY;\r\n    const deltaValue = deltaY * sensitivity * (max - min);\r\n\r\n    setValue(startValue.current + deltaValue);\r\n  };\r\n\r\n  const handleEnd = () => {\r\n    setIsActive(false);\r\n  };\r\n\r\n  const handleDoubleClick = () => {\r\n    setValue((min + max) / 2);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = knobRef.current;\r\n    if (!el) return;\r\n\r\n    el.addEventListener(\"mousedown\", handleStart);\r\n    el.addEventListener(\"touchstart\", handleStart);\r\n\r\n    document.addEventListener(\"mousemove\", handleMove);\r\n    document.addEventListener(\"touchmove\", handleMove);\r\n    document.addEventListener(\"mouseup\", handleEnd);\r\n    document.addEventListener(\"touchend\", handleEnd);\r\n\r\n    el.addEventListener(\"dblclick\", handleDoubleClick);\r\n\r\n    return () => {\r\n      el.removeEventListener(\"mousedown\", handleStart);\r\n      el.removeEventListener(\"touchstart\", handleStart);\r\n\r\n      document.removeEventListener(\"mousemove\", handleMove);\r\n      document.removeEventListener(\"touchmove\", handleMove);\r\n      document.removeEventListener(\"mouseup\", handleEnd);\r\n      document.removeEventListener(\"touchend\", handleEnd);\r\n\r\n      el.removeEventListener(\"dblclick\", handleDoubleClick);\r\n    };\r\n  }, [handleMove, isActive]);\r\n\r\n  const normalized = getNormalizedValue(internalValue);\r\n  const rotation = normalized * 270 - 135;\r\n  const dashOffset = ARC_LENGTH - normalized * ARC_LENGTH;\r\n\r\n  return (\r\n    <div\r\n      ref={knobRef}\r\n      className={`${theme.knob} ${isActive ? theme.active : \"\"}`}\r\n    >\r\n      <div className={`${theme.knobRing}`}>\r\n        <svg\r\n          className={`${theme.knobBackground}`}\r\n          viewBox=\"0 0 60 60\"\r\n        >\r\n          <path\r\n            className={`${theme.knobBackgroundPath}`}\r\n            d=\"M 30 6 A 24 24 0 1 1 6 30\"\r\n            strokeDasharray={ARC_LENGTH}\r\n            strokeDashoffset={dashOffset}\r\n          />\r\n        </svg>\r\n\r\n        <div\r\n          className={`${theme.knobIndicator}`}\r\n          style={{\r\n            transform: `translateX(-50%) rotate(${rotation}deg)`,\r\n          }}\r\n        />\r\n\r\n        <div\r\n          className={`${theme.knobCenter}`}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","ARC_LENGTH","CircularRange","min","max","step","onChange","theme","styles","knobRef","useRef","internalValue","setInternalValue","useState","isActive","setIsActive","startY","startValue","sensitivity","useEffect","clamp","v","getNormalizedValue","useCallback","setValue","next","handleStart","e","clientY","handleMove","deltaValue","handleEnd","handleDoubleClick","el","normalized","rotation","dashOffset","jsx"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-circular-range",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Simple VST-like circular slider/range.",
   "license": "MIT",
   "repository": {
@@ -12,14 +12,14 @@
     "name": "exec",
     "url": "https://github.com/executable1210"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
+  "main": "./dist/react-circular-range.cjs.js",
+  "module": "./dist/react-circular-range.es.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/react-circular-range.es.js",
+      "require": "./dist/react-circular-range.cjs.js"
     }
   },
   "files": [
@@ -35,16 +35,18 @@
     "circe-range"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts"
+    "build": "vite build && tsc --emitDeclarationOnly"
   },
   "peerDependencies": {
     "react": ">=16 <20",
     "react-dom": ">=16 <20"
   },
   "devDependencies": {
+    "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3"
+    "@vitejs/plugin-react": "^5.1.2",
+    "vite": "^7.3.0",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

package/dist/index.css

@@ -1,110 +0,0 @@
-/* src/CircularRange.module.css */
-.knob {
-  width: 65px;
-  height: 65px;
-  position: relative;
-  cursor: pointer;
-  user-select: none;
-}
-.knobRing {
-  width: 100%;
-  height: 100%;
-  border: 3px solid #333;
-  border-radius: 50%;
-  background:
-    linear-gradient(
-      145deg,
-      #1a1a1a,
-      #252525);
-  box-shadow:
-    inset 2px 2px 5px rgba(0, 0, 0, 0.5),
-    inset -2px -2px 5px rgba(60, 60, 60, 0.1),
-    0 4px 8px rgba(0, 0, 0, 0.3);
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-.knobBackground {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  transform: rotate(-135deg);
-}
-.knobBackgroundPath {
-  fill: none;
-  stroke: #8b5cf6;
-  stroke-width: 3.5;
-  stroke-linecap: round;
-  stroke-dasharray: 113.1;
-  stroke-dashoffset: 113.1;
-  transition: stroke-dashoffset 0.1s ease-out;
-  filter: drop-shadow(0 0 3px rgba(139, 92, 246, 0.7));
-}
-.knobIndicator {
-  position: absolute;
-  width: 4px;
-  height: 20px;
-  background:
-    linear-gradient(
-      to bottom,
-      #8b5cf6,
-      #c084fc);
-  top: 5px;
-  left: 50%;
-  transform-origin: center 27.5px;
-  transform: translateX(-50%) rotate(-135deg);
-  border-radius: 2px;
-  z-index: 2;
-  box-shadow: 0 0 6px rgba(139, 92, 246, 0.8);
-}
-.knobCenter {
-  position: absolute;
-  width: 18px;
-  height: 18px;
-  background:
-    radial-gradient(
-      circle,
-      #0a0a0a,
-      #1a1a1a);
-  border-radius: 50%;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7), 0 1px 2px rgba(139, 92, 246, 0.3);
-  z-index: 3;
-}
-.knob:hover .knobRing {
-  border-color: #8b5cf6;
-  box-shadow:
-    inset 2px 2px 5px rgba(0, 0, 0, 0.5),
-    inset -2px -2px 5px rgba(60, 60, 60, 0.1),
-    0 4px 12px rgba(139, 92, 246, 0.4);
-}
-.knob:hover .knobIndicator {
-  background:
-    linear-gradient(
-      to bottom,
-      #a78bfa,
-      #c084fc);
-  box-shadow: 0 0 8px rgba(167, 139, 250, 0.9);
-}
-.knob.active .knobRing {
-  border-color: #a78bfa;
-  box-shadow:
-    inset 2px 2px 5px rgba(0, 0, 0, 0.6),
-    inset -2px -2px 5px rgba(60, 60, 60, 0.15),
-    0 4px 16px rgba(167, 139, 250, 0.5);
-}
-.knob.active .knobIndicator {
-  background:
-    linear-gradient(
-      to bottom,
-      #a78bfa,
-      #c084fc);
-  box-shadow: 0 0 10px rgba(167, 139, 250, 1);
-}
-.knob.active .knobBackgroundPath {
-  stroke: #a78bfa;
-  filter: drop-shadow(0 0 4px rgba(167, 139, 250, 0.9));
-}

package/dist/index.d.mts

@@ -1,15 +0,0 @@
-import React from 'react';
-
-type StyleSlots = 'knob' | 'knobRing' | 'knobBackground' | 'knobBackgroundPath' | 'knobIndicator' | 'knobCenter' | 'active';
-type CircularRangeThemeProps = Partial<Record<StyleSlots, string>>;
-interface CircularRangeProps {
-    min?: number;
-    max?: number;
-    value?: number;
-    step?: number;
-    onChange?: (value: number) => void;
-    theme?: CircularRangeThemeProps;
-}
-declare const CircularRange: React.FC<CircularRangeProps>;
-
-export { CircularRange, type CircularRangeProps, type CircularRangeThemeProps, type StyleSlots };

package/dist/index.js

@@ -1,159 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  CircularRange: () => CircularRange
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/CircularRange.tsx
-var import_react = require("react");
-
-// src/CircularRange.module.css
-var CircularRange_default = {};
-
-// src/CircularRange.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ARC_LENGTH = 113.1;
-var CircularRange = ({
-  min = 0,
-  max = 100,
-  value = 0,
-  step = 0.01,
-  onChange,
-  theme = CircularRange_default
-}) => {
-  const knobRef = (0, import_react.useRef)(null);
-  const [internalValue, setInternalValue] = (0, import_react.useState)(value);
-  const [isActive, setIsActive] = (0, import_react.useState)(false);
-  const startY = (0, import_react.useRef)(0);
-  const startValue = (0, import_react.useRef)(0);
-  const sensitivity = 0.01;
-  (0, import_react.useEffect)(() => {
-    setInternalValue(value);
-  }, [value]);
-  const clamp = (v) => Math.min(max, Math.max(min, v));
-  const getNormalizedValue = (0, import_react.useCallback)(
-    (v) => {
-      return (v - min) / (max - min);
-    },
-    [min, max]
-  );
-  const setValue = (0, import_react.useCallback)(
-    (v) => {
-      let next = clamp(v);
-      if (step > 0) {
-        next = Math.round(next / step) * step;
-      }
-      setInternalValue(next);
-      onChange?.(next);
-    },
-    [min, max, step, onChange]
-  );
-  const handleStart = (e) => {
-    e.preventDefault();
-    setIsActive(true);
-    const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
-    startY.current = clientY;
-    startValue.current = internalValue;
-  };
-  const handleMove = (e) => {
-    if (!isActive) return;
-    e.preventDefault();
-    const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
-    const deltaY = startY.current - clientY;
-    const deltaValue = deltaY * sensitivity * (max - min);
-    setValue(startValue.current + deltaValue);
-  };
-  const handleEnd = () => {
-    setIsActive(false);
-  };
-  const handleDoubleClick = () => {
-    setValue((min + max) / 2);
-  };
-  (0, import_react.useEffect)(() => {
-    const el = knobRef.current;
-    if (!el) return;
-    el.addEventListener("mousedown", handleStart);
-    el.addEventListener("touchstart", handleStart);
-    document.addEventListener("mousemove", handleMove);
-    document.addEventListener("touchmove", handleMove);
-    document.addEventListener("mouseup", handleEnd);
-    document.addEventListener("touchend", handleEnd);
-    el.addEventListener("dblclick", handleDoubleClick);
-    return () => {
-      el.removeEventListener("mousedown", handleStart);
-      el.removeEventListener("touchstart", handleStart);
-      document.removeEventListener("mousemove", handleMove);
-      document.removeEventListener("touchmove", handleMove);
-      document.removeEventListener("mouseup", handleEnd);
-      document.removeEventListener("touchend", handleEnd);
-      el.removeEventListener("dblclick", handleDoubleClick);
-    };
-  }, [handleMove, isActive]);
-  const normalized = getNormalizedValue(internalValue);
-  const rotation = normalized * 270 - 135;
-  const dashOffset = ARC_LENGTH - normalized * ARC_LENGTH;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref: knobRef,
-      className: `${theme.knob} ${isActive ? theme.active : ""}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${theme.knobRing}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "svg",
-          {
-            className: `${theme.knobBackground}`,
-            viewBox: "0 0 60 60",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "path",
-              {
-                className: `${theme.knobBackgroundPath}`,
-                d: "M 30 6 A 24 24 0 1 1 6 30",
-                strokeDasharray: ARC_LENGTH,
-                strokeDashoffset: dashOffset
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            className: `${theme.knobIndicator}`,
-            style: {
-              transform: `translateX(-50%) rotate(${rotation}deg)`
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            className: `${theme.knobCenter}`
-          }
-        )
-      ] })
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CircularRange
-});

package/dist/index.mjs

@@ -1,137 +0,0 @@
-// src/CircularRange.tsx
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-
-// src/CircularRange.module.css
-var CircularRange_default = {};
-
-// src/CircularRange.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ARC_LENGTH = 113.1;
-var CircularRange = ({
-  min = 0,
-  max = 100,
-  value = 0,
-  step = 0.01,
-  onChange,
-  theme = CircularRange_default
-}) => {
-  const knobRef = useRef(null);
-  const [internalValue, setInternalValue] = useState(value);
-  const [isActive, setIsActive] = useState(false);
-  const startY = useRef(0);
-  const startValue = useRef(0);
-  const sensitivity = 0.01;
-  useEffect(() => {
-    setInternalValue(value);
-  }, [value]);
-  const clamp = (v) => Math.min(max, Math.max(min, v));
-  const getNormalizedValue = useCallback(
-    (v) => {
-      return (v - min) / (max - min);
-    },
-    [min, max]
-  );
-  const setValue = useCallback(
-    (v) => {
-      let next = clamp(v);
-      if (step > 0) {
-        next = Math.round(next / step) * step;
-      }
-      setInternalValue(next);
-      onChange?.(next);
-    },
-    [min, max, step, onChange]
-  );
-  const handleStart = (e) => {
-    e.preventDefault();
-    setIsActive(true);
-    const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
-    startY.current = clientY;
-    startValue.current = internalValue;
-  };
-  const handleMove = (e) => {
-    if (!isActive) return;
-    e.preventDefault();
-    const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
-    const deltaY = startY.current - clientY;
-    const deltaValue = deltaY * sensitivity * (max - min);
-    setValue(startValue.current + deltaValue);
-  };
-  const handleEnd = () => {
-    setIsActive(false);
-  };
-  const handleDoubleClick = () => {
-    setValue((min + max) / 2);
-  };
-  useEffect(() => {
-    const el = knobRef.current;
-    if (!el) return;
-    el.addEventListener("mousedown", handleStart);
-    el.addEventListener("touchstart", handleStart);
-    document.addEventListener("mousemove", handleMove);
-    document.addEventListener("touchmove", handleMove);
-    document.addEventListener("mouseup", handleEnd);
-    document.addEventListener("touchend", handleEnd);
-    el.addEventListener("dblclick", handleDoubleClick);
-    return () => {
-      el.removeEventListener("mousedown", handleStart);
-      el.removeEventListener("touchstart", handleStart);
-      document.removeEventListener("mousemove", handleMove);
-      document.removeEventListener("touchmove", handleMove);
-      document.removeEventListener("mouseup", handleEnd);
-      document.removeEventListener("touchend", handleEnd);
-      el.removeEventListener("dblclick", handleDoubleClick);
-    };
-  }, [handleMove, isActive]);
-  const normalized = getNormalizedValue(internalValue);
-  const rotation = normalized * 270 - 135;
-  const dashOffset = ARC_LENGTH - normalized * ARC_LENGTH;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: knobRef,
-      className: `${theme.knob} ${isActive ? theme.active : ""}`,
-      children: /* @__PURE__ */ jsxs("div", { className: `${theme.knobRing}`, children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: `${theme.knobBackground}`,
-            viewBox: "0 0 60 60",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                className: `${theme.knobBackgroundPath}`,
-                d: "M 30 6 A 24 24 0 1 1 6 30",
-                strokeDasharray: ARC_LENGTH,
-                strokeDashoffset: dashOffset
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `${theme.knobIndicator}`,
-            style: {
-              transform: `translateX(-50%) rotate(${rotation}deg)`
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `${theme.knobCenter}`
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  CircularRange
-};