react-public-components 1.2.1 → 1.2.2

package/dist/ColorPicker/index.css

@@ -0,0 +1,422 @@
+/* ColorPicker/index.less */
+.react-public-color-picker-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  background: #ffffff;
+  cursor: pointer;
+  user-select: none;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  box-sizing: border-box;
+}
+.react-public-color-picker-trigger:hover:not(.react-public-color-picker-disabled) {
+  border-color: #4096ff;
+}
+.react-public-color-picker-trigger.react-public-color-picker-size-small {
+  height: 24px;
+  padding: 2px 6px;
+  font-size: 12px;
+}
+.react-public-color-picker-trigger.react-public-color-picker-size-middle {
+  height: 32px;
+  padding: 4px 8px;
+  font-size: 14px;
+}
+.react-public-color-picker-trigger.react-public-color-picker-size-large {
+  height: 40px;
+  padding: 6px 12px;
+  font-size: 16px;
+}
+.react-public-color-picker-trigger.react-public-color-picker-disabled {
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+.react-public-color-picker-color-block {
+  position: relative;
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  background-image:
+    conic-gradient(
+      #eee 0 25%,
+      #fff 0 50%,
+      #eee 0 75%,
+      #fff 0 100%);
+  background-size: 8px 8px;
+}
+.react-public-color-picker-color-inner {
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+}
+.react-public-color-picker-clear-icon {
+  color: #bfbfbf;
+  font-size: 12px;
+  transition: color 0.2s;
+  display: inline-flex;
+  align-items: center;
+}
+.react-public-color-picker-clear-icon:hover {
+  color: #595959;
+}
+.react-public-color-picker-popover {
+  position: absolute;
+  z-index: 1050;
+  padding: 12px;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow:
+    0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  width: max-content;
+  min-width: 250px;
+  max-width: 90vw;
+  box-sizing: border-box;
+  user-select: none;
+  animation: react-public-color-picker-fade-in 0.2s ease;
+}
+@keyframes react-public-color-picker-fade-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.react-public-color-picker-panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+  width: 100%;
+}
+.react-public-color-picker-panel-clear-btn {
+  width: 24px;
+  height: 24px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  margin-left: auto;
+}
+.react-public-color-picker-panel-clear-btn:hover {
+  border-color: #ff4d4f;
+  background: #fff1f0;
+}
+.react-public-color-picker-mode-segmented {
+  display: flex;
+  background: #f5f5f5;
+  padding: 2px;
+  border-radius: 6px;
+  flex: 1;
+  margin-right: 8px;
+}
+.react-public-color-picker-mode-option {
+  flex: 1;
+  text-align: center;
+  padding: 4px 0;
+  font-size: 12px;
+  border-radius: 4px;
+  cursor: pointer;
+  color: #595959;
+  transition: all 0.2s;
+}
+.react-public-color-picker-mode-option.active {
+  background: #ffffff;
+  color: #1677ff;
+  font-weight: 500;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+}
+.react-public-color-picker-gradient-slider {
+  position: relative;
+  height: 14px;
+  border-radius: 7px;
+  margin-bottom: 12px;
+  cursor: pointer;
+  background-image:
+    conic-gradient(
+      #eee 0 25%,
+      #fff 0 50%,
+      #eee 0 75%,
+      #fff 0 100%);
+  background-size: 8px 8px;
+}
+.react-public-color-picker-gradient-bg {
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+}
+.react-public-color-picker-gradient-stop-handle {
+  position: absolute;
+  top: 50%;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #ffffff;
+  border-radius: 50%;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
+  transform: translate(-50%, -50%);
+  cursor: grab;
+  box-sizing: border-box;
+  transition: border-color 0.15s;
+}
+.react-public-color-picker-gradient-stop-handle.active {
+  border-color: #1677ff;
+  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.3), 0 0 4px rgba(0, 0, 0, 0.4);
+}
+.react-public-color-picker-arrow {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: #ffffff;
+  transform: rotate(45deg);
+  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.03);
+}
+.react-public-color-picker-popover-bottomLeft .react-public-color-picker-arrow {
+  top: -4px;
+  left: 16px;
+}
+.react-public-color-picker-popover-bottomRight .react-public-color-picker-arrow {
+  top: -4px;
+  right: 16px;
+}
+.react-public-color-picker-popover-topLeft .react-public-color-picker-arrow {
+  bottom: -4px;
+  left: 16px;
+}
+.react-public-color-picker-popover-topRight .react-public-color-picker-arrow {
+  bottom: -4px;
+  right: 16px;
+}
+.react-public-color-picker-panel-body {
+  width: 240px;
+  box-sizing: border-box;
+}
+.react-public-color-picker-palette {
+  position: relative;
+  width: 100%;
+  height: 150px;
+  border-radius: 6px;
+  cursor: crosshair;
+  overflow: hidden;
+  margin-bottom: 12px;
+}
+.react-public-color-picker-saturation-bg {
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      to right,
+      #fff,
+      transparent);
+}
+.react-public-color-picker-brightness-bg {
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      to top,
+      #000,
+      transparent);
+}
+.react-public-color-picker-handler {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #ffffff;
+  border-radius: 50%;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  box-sizing: border-box;
+}
+.react-public-color-picker-slider-container {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.react-public-color-picker-slider-group {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.react-public-color-picker-side-block {
+  position: relative;
+  width: 26px;
+  height: 26px;
+  border-radius: 6px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  flex-shrink: 0;
+  background-image:
+    conic-gradient(
+      #eee 0 25%,
+      #fff 0 50%,
+      #eee 0 75%,
+      #fff 0 100%);
+  background-size: 8px 8px;
+}
+.react-public-color-picker-slider {
+  position: relative;
+  height: 10px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.react-public-color-picker-hue-slider {
+  background:
+    linear-gradient(
+      to right,
+      #ff0000 0%,
+      #ffff00 17%,
+      #00ff00 33%,
+      #00ffff 50%,
+      #0000ff 67%,
+      #ff00ff 83%,
+      #ff0000 100%);
+}
+.react-public-color-picker-alpha-slider {
+  background-image:
+    conic-gradient(
+      #eee 0 25%,
+      #fff 0 50%,
+      #eee 0 75%,
+      #fff 0 100%);
+  background-size: 8px 8px;
+}
+.react-public-color-picker-alpha-bg {
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+}
+.react-public-color-picker-slider-handler {
+  position: absolute;
+  top: 50%;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #ffffff;
+  border-radius: 50%;
+  background: transparent;
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  box-sizing: border-box;
+}
+.react-public-color-picker-inputs {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  box-sizing: border-box;
+}
+.react-public-color-picker-format-select {
+  width: 58px;
+  height: 28px;
+  padding: 0 2px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background: #fff;
+  font-size: 12px;
+  cursor: pointer;
+  outline: none;
+  flex-shrink: 0;
+}
+.react-public-color-picker-format-select:focus {
+  border-color: #4096ff;
+}
+.react-public-color-picker-input-field {
+  flex: 1;
+  min-width: 0;
+  height: 28px;
+  padding: 0 6px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  font-size: 12px;
+  outline: none;
+  box-sizing: border-box;
+}
+.react-public-color-picker-input-field:focus {
+  border-color: #4096ff;
+}
+.react-public-color-picker-alpha-input {
+  width: 44px;
+  height: 28px;
+  padding: 0 2px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  font-size: 12px;
+  text-align: center;
+  outline: none;
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+.react-public-color-picker-alpha-input:focus {
+  border-color: #4096ff;
+}
+.react-public-color-picker-presets {
+  padding-top: 4px;
+}
+.react-public-color-picker-presets-standalone {
+  border-top: 1px solid #f0f0f0;
+  padding-top: 10px;
+  margin-top: 4px;
+}
+.react-public-color-picker-preset-title {
+  font-size: 12px;
+  color: #595959;
+  margin-bottom: 6px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  user-select: none;
+}
+.react-public-color-picker-preset-title:hover {
+  color: #1677ff;
+}
+.react-public-color-picker-preset-colors {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  max-width: 220px;
+  margin-bottom: 6px;
+}
+.react-public-color-picker-preset-item {
+  position: relative;
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  cursor: pointer;
+  overflow: hidden;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
+  transition: transform 0.1s ease;
+  background-image:
+    conic-gradient(
+      #eee 0 25%,
+      #fff 0 50%,
+      #eee 0 75%,
+      #fff 0 100%);
+  background-size: 8px 8px;
+}
+.react-public-color-picker-preset-item:hover {
+  transform: scale(1.15);
+}
+.react-public-color-picker-preset-item-inner {
+  width: 100%;
+  height: 100%;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/ColorPicker/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../ColorPicker/index.less"],"sourcesContent":[".react-public-color-picker-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  background: #ffffff;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  box-sizing: border-box;\n}\n.react-public-color-picker-trigger:hover:not(.react-public-color-picker-disabled) {\n  border-color: #4096ff;\n}\n.react-public-color-picker-trigger.react-public-color-picker-size-small {\n  height: 24px;\n  padding: 2px 6px;\n  font-size: 12px;\n}\n.react-public-color-picker-trigger.react-public-color-picker-size-middle {\n  height: 32px;\n  padding: 4px 8px;\n  font-size: 14px;\n}\n.react-public-color-picker-trigger.react-public-color-picker-size-large {\n  height: 40px;\n  padding: 6px 12px;\n  font-size: 16px;\n}\n.react-public-color-picker-trigger.react-public-color-picker-disabled {\n  background: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n.react-public-color-picker-color-block {\n  position: relative;\n  width: 18px;\n  height: 18px;\n  border-radius: 4px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);\n  overflow: hidden;\n  background-image: conic-gradient(#eee 0 25%, #fff 0 50%, #eee 0 75%, #fff 0 100%);\n  background-size: 8px 8px;\n}\n.react-public-color-picker-color-inner {\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n}\n.react-public-color-picker-clear-icon {\n  color: #bfbfbf;\n  font-size: 12px;\n  transition: color 0.2s;\n  display: inline-flex;\n  align-items: center;\n}\n.react-public-color-picker-clear-icon:hover {\n  color: #595959;\n}\n/* Popover Panel */\n.react-public-color-picker-popover {\n  position: absolute;\n  z-index: 1050;\n  padding: 12px;\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n  width: max-content;\n  min-width: 250px;\n  max-width: 90vw;\n  box-sizing: border-box;\n  user-select: none;\n  animation: react-public-color-picker-fade-in 0.2s ease;\n}\n@keyframes react-public-color-picker-fade-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n/* Panel Header & Clear Button */\n.react-public-color-picker-panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n  width: 100%;\n}\n.react-public-color-picker-panel-clear-btn {\n  width: 24px;\n  height: 24px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-left: auto;\n}\n.react-public-color-picker-panel-clear-btn:hover {\n  border-color: #ff4d4f;\n  background: #fff1f0;\n}\n/* Mode Select Segmented */\n.react-public-color-picker-mode-segmented {\n  display: flex;\n  background: #f5f5f5;\n  padding: 2px;\n  border-radius: 6px;\n  flex: 1;\n  margin-right: 8px;\n}\n.react-public-color-picker-mode-option {\n  flex: 1;\n  text-align: center;\n  padding: 4px 0;\n  font-size: 12px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: #595959;\n  transition: all 0.2s;\n}\n.react-public-color-picker-mode-option.active {\n  background: #ffffff;\n  color: #1677ff;\n  font-weight: 500;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);\n}\n/* Gradient Slider Rail */\n.react-public-color-picker-gradient-slider {\n  position: relative;\n  height: 14px;\n  border-radius: 7px;\n  margin-bottom: 12px;\n  cursor: pointer;\n  background-image: conic-gradient(#eee 0 25%, #fff 0 50%, #eee 0 75%, #fff 0 100%);\n  background-size: 8px 8px;\n}\n.react-public-color-picker-gradient-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n}\n.react-public-color-picker-gradient-stop-handle {\n  position: absolute;\n  top: 50%;\n  width: 14px;\n  height: 14px;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);\n  transform: translate(-50%, -50%);\n  cursor: grab;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.react-public-color-picker-gradient-stop-handle.active {\n  border-color: #1677ff;\n  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.3), 0 0 4px rgba(0, 0, 0, 0.4);\n}\n/* Arrow */\n.react-public-color-picker-arrow {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: #ffffff;\n  transform: rotate(45deg);\n  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.03);\n}\n.react-public-color-picker-popover-bottomLeft .react-public-color-picker-arrow {\n  top: -4px;\n  left: 16px;\n}\n.react-public-color-picker-popover-bottomRight .react-public-color-picker-arrow {\n  top: -4px;\n  right: 16px;\n}\n.react-public-color-picker-popover-topLeft .react-public-color-picker-arrow {\n  bottom: -4px;\n  left: 16px;\n}\n.react-public-color-picker-popover-topRight .react-public-color-picker-arrow {\n  bottom: -4px;\n  right: 16px;\n}\n/* Picker Wrapper Width */\n.react-public-color-picker-panel-body {\n  width: 240px;\n  box-sizing: border-box;\n}\n/* SV Palette Box */\n.react-public-color-picker-palette {\n  position: relative;\n  width: 100%;\n  height: 150px;\n  border-radius: 6px;\n  cursor: crosshair;\n  overflow: hidden;\n  margin-bottom: 12px;\n}\n.react-public-color-picker-saturation-bg {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, #fff, transparent);\n}\n.react-public-color-picker-brightness-bg {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, #000, transparent);\n}\n.react-public-color-picker-handler {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  box-sizing: border-box;\n}\n/* Sliders Bar & Side Color Block */\n.react-public-color-picker-slider-container {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n}\n.react-public-color-picker-slider-group {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.react-public-color-picker-side-block {\n  position: relative;\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);\n  overflow: hidden;\n  flex-shrink: 0;\n  background-image: conic-gradient(#eee 0 25%, #fff 0 50%, #eee 0 75%, #fff 0 100%);\n  background-size: 8px 8px;\n}\n.react-public-color-picker-slider {\n  position: relative;\n  height: 10px;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.react-public-color-picker-hue-slider {\n  background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n}\n.react-public-color-picker-alpha-slider {\n  background-image: conic-gradient(#eee 0 25%, #fff 0 50%, #eee 0 75%, #fff 0 100%);\n  background-size: 8px 8px;\n}\n.react-public-color-picker-alpha-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n}\n.react-public-color-picker-slider-handler {\n  position: absolute;\n  top: 50%;\n  width: 14px;\n  height: 14px;\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  background: transparent;\n  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  box-sizing: border-box;\n}\n/* Inputs Format Section */\n.react-public-color-picker-inputs {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.react-public-color-picker-format-select {\n  width: 58px;\n  height: 28px;\n  padding: 0 2px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  background: #fff;\n  font-size: 12px;\n  cursor: pointer;\n  outline: none;\n  flex-shrink: 0;\n}\n.react-public-color-picker-format-select:focus {\n  border-color: #4096ff;\n}\n.react-public-color-picker-input-field {\n  flex: 1;\n  min-width: 0;\n  height: 28px;\n  padding: 0 6px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  font-size: 12px;\n  outline: none;\n  box-sizing: border-box;\n}\n.react-public-color-picker-input-field:focus {\n  border-color: #4096ff;\n}\n.react-public-color-picker-alpha-input {\n  width: 44px;\n  height: 28px;\n  padding: 0 2px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  font-size: 12px;\n  text-align: center;\n  outline: none;\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n.react-public-color-picker-alpha-input:focus {\n  border-color: #4096ff;\n}\n/* Presets Section */\n.react-public-color-picker-presets {\n  padding-top: 4px;\n}\n.react-public-color-picker-presets-standalone {\n  border-top: 1px solid #f0f0f0;\n  padding-top: 10px;\n  margin-top: 4px;\n}\n.react-public-color-picker-preset-title {\n  font-size: 12px;\n  color: #595959;\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n  user-select: none;\n}\n.react-public-color-picker-preset-title:hover {\n  color: #1677ff;\n}\n.react-public-color-picker-preset-colors {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  max-width: 220px;\n  margin-bottom: 6px;\n}\n.react-public-color-picker-preset-item {\n  position: relative;\n  width: 18px;\n  height: 18px;\n  border-radius: 4px;\n  cursor: pointer;\n  overflow: hidden;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);\n  transition: transform 0.1s ease;\n  background-image: conic-gradient(#eee 0 25%, #fff 0 50%, #eee 0 75%, #fff 0 100%);\n  background-size: 8px 8px;\n}\n.react-public-color-picker-preset-item:hover {\n  transform: scale(1.15);\n}\n.react-public-color-picker-preset-item-inner {\n  width: 100%;\n  height: 100%;\n}\n"],"mappings":"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","names":[]}

package/dist/ColorPicker/index.d.ts

@@ -0,0 +1,48 @@
+import { type ReactNode, type HTMLAttributes, type FC, type Key } from 'react';
+import { Color, generateColor, type ColorInput, type HsbColor, type RgbColor, type ColorGradientStop } from './Color';
+import './index.less';
+export { Color, generateColor };
+export type { HsbColor, RgbColor, ColorInput, ColorGradientStop };
+export type ColorFormat = 'hex' | 'rgb' | 'hsb';
+export type ColorMode = 'single' | 'gradient';
+export interface ColorPresetItem {
+    label: ReactNode;
+    colors: (string | Color)[];
+    defaultOpen?: boolean;
+    key?: Key;
+}
+export interface ColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'value' | 'defaultValue' | 'children'> {
+    allowClear?: boolean;
+    arrow?: boolean | {
+        pointAtCenter?: boolean;
+    };
+    children?: ReactNode | ((color: Color) => ReactNode);
+    defaultValue?: ColorInput;
+    defaultFormat?: ColorFormat;
+    disabled?: boolean;
+    disabledAlpha?: boolean;
+    disabledFormat?: boolean;
+    destroyOnHidden?: boolean;
+    format?: ColorFormat;
+    mode?: ColorMode | ColorMode[];
+    open?: boolean;
+    presets?: ColorPresetItem[];
+    placement?: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+    panelRender?: (panel: ReactNode, extra: {
+        components: {
+            Picker: FC;
+            Presets: FC;
+        };
+    }) => ReactNode;
+    showText?: boolean | ((color: Color | ColorGradientStop[]) => ReactNode);
+    size?: 'large' | 'middle' | 'small';
+    trigger?: 'hover' | 'click';
+    value?: ColorInput;
+    onChange?: (value: Color, css: string) => void;
+    onChangeComplete?: (value: Color) => void;
+    onFormatChange?: (format: ColorFormat) => void;
+    onOpenChange?: (open: boolean) => void;
+    onClear?: () => void;
+}
+declare const ColorPicker: (props: ColorPickerProps) => import("react").JSX.Element;
+export default ColorPicker;

package/dist/ColorPicker/index.js

@@ -0,0 +1,4 @@
+export { Color, ColorPicker_default as default, generateColor } from '../chunk-IECISUOZ.js';
+import '../chunk-TGSKTHTV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/ColorPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/ContextMenu/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkRWZSTG6Q_cjs = require('../chunk-RWZSTG6Q.cjs');
+require('../chunk-Q4QF6UYX.cjs');
+
+
+
+module.exports = chunkRWZSTG6Q_cjs.ContextMenu_default;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/ContextMenu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/ContextMenu/index.css

@@ -0,0 +1,107 @@
+/* ContextMenu/index.less */
+.rpc_context_menu {
+  display: inline-block;
+  width: 100%;
+}
+.rpc_context_menu_panel {
+  position: fixed;
+  min-width: 160px;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow:
+    0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  border: 1px solid #f0f0f0;
+  padding: 4px;
+  z-index: 2000;
+  box-sizing: border-box;
+  animation: rpcMenuFadeIn 0.12s ease-out;
+  user-select: none;
+  font-family: inherit;
+}
+.rpc_context_menu_item {
+  display: flex;
+  align-items: center;
+  padding: 7px 12px;
+  font-size: 13px;
+  line-height: 1.5;
+  color: #262626;
+  border-radius: 4px;
+  cursor: pointer;
+  position: relative;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+.rpc_context_menu_item:hover:not(.rpc_context_menu_item_disabled) {
+  background: #f5f5f5;
+  color: #1677ff;
+}
+.rpc_context_menu_item_icon {
+  margin-right: 8px;
+  display: inline-flex;
+  align-items: center;
+  font-size: 14px;
+}
+.rpc_context_menu_item_label {
+  flex: 1;
+}
+.rpc_context_menu_item_shortcut {
+  margin-left: 16px;
+  color: #8c8c8c;
+  font-size: 11px;
+  font-family: monospace;
+}
+.rpc_context_menu_item_arrow {
+  margin-left: 8px;
+  font-size: 10px;
+  color: #8c8c8c;
+}
+.rpc_context_menu_item_danger {
+  color: #ff4d4f;
+}
+.rpc_context_menu_item_danger:hover:not(.rpc_context_menu_item_disabled) {
+  background: #fff1f0;
+  color: #ff4d4f;
+}
+.rpc_context_menu_item_disabled {
+  cursor: not-allowed;
+  color: #bfbfbf !important;
+  background: transparent !important;
+}
+.rpc_context_menu_divider {
+  height: 1px;
+  margin: 4px 0;
+  background: #f0f0f0;
+}
+.rpc_context_menu_submenu {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  min-width: 150px;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
+  border: 1px solid #f0f0f0;
+  padding: 4px;
+  display: none;
+  z-index: 2001;
+}
+.rpc_context_menu_submenu_left {
+  left: auto;
+  right: 100%;
+}
+.rpc_context_menu_item:hover > .rpc_context_menu_submenu {
+  display: block;
+  animation: rpcMenuFadeIn 0.12s ease-out;
+}
+@keyframes rpcMenuFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/ContextMenu/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../ContextMenu/index.less"],"sourcesContent":[".rpc_context_menu {\n  display: inline-block;\n  width: 100%;\n}\n.rpc_context_menu_panel {\n  position: fixed;\n  min-width: 160px;\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n  border: 1px solid #f0f0f0;\n  padding: 4px;\n  z-index: 2000;\n  box-sizing: border-box;\n  animation: rpcMenuFadeIn 0.12s ease-out;\n  user-select: none;\n  font-family: inherit;\n}\n.rpc_context_menu_item {\n  display: flex;\n  align-items: center;\n  padding: 7px 12px;\n  font-size: 13px;\n  line-height: 1.5;\n  color: #262626;\n  border-radius: 4px;\n  cursor: pointer;\n  position: relative;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.rpc_context_menu_item:hover:not(.rpc_context_menu_item_disabled) {\n  background: #f5f5f5;\n  color: #1677ff;\n}\n.rpc_context_menu_item_icon {\n  margin-right: 8px;\n  display: inline-flex;\n  align-items: center;\n  font-size: 14px;\n}\n.rpc_context_menu_item_label {\n  flex: 1;\n}\n.rpc_context_menu_item_shortcut {\n  margin-left: 16px;\n  color: #8c8c8c;\n  font-size: 11px;\n  font-family: monospace;\n}\n.rpc_context_menu_item_arrow {\n  margin-left: 8px;\n  font-size: 10px;\n  color: #8c8c8c;\n}\n.rpc_context_menu_item_danger {\n  color: #ff4d4f;\n}\n.rpc_context_menu_item_danger:hover:not(.rpc_context_menu_item_disabled) {\n  background: #fff1f0;\n  color: #ff4d4f;\n}\n.rpc_context_menu_item_disabled {\n  cursor: not-allowed;\n  color: #bfbfbf !important;\n  background: transparent !important;\n}\n.rpc_context_menu_divider {\n  height: 1px;\n  margin: 4px 0;\n  background: #f0f0f0;\n}\n.rpc_context_menu_submenu {\n  position: absolute;\n  top: 0;\n  left: 100%;\n  min-width: 150px;\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);\n  border: 1px solid #f0f0f0;\n  padding: 4px;\n  display: none;\n  z-index: 2001;\n}\n.rpc_context_menu_submenu_left {\n  left: auto;\n  right: 100%;\n}\n.rpc_context_menu_item:hover > .rpc_context_menu_submenu {\n  display: block;\n  animation: rpcMenuFadeIn 0.12s ease-out;\n}\n@keyframes rpcMenuFadeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,SAAO;AACT;AACA,CAAC;AACC,YAAU;AACV,aAAW;AACX,cAAY;AACZ,iBAAe;AACf;AAAA,IAAY,EAAE,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK;AAAA,IAAE,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK;AAAA,IAAE,EAAE,IAAI,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC/G,UAAQ,IAAI,MAAM;AAClB,WAAS;AACT,WAAS;AACT,cAAY;AACZ,aAAW,cAAc,MAAM;AAC/B,eAAa;AACb,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,WAAS,IAAI;AACb,aAAW;AACX,eAAa;AACb,SAAO;AACP,iBAAe;AACf,UAAQ;AACR,YAAU;AACV,cAAY,WAAW,MAAM,IAAI,EAAE,MAAM,MAAM;AACjD;AACA,CAZC,qBAYqB,MAAM,KAAK,CAAC;AAChC,cAAY;AACZ,SAAO;AACT;AACA,CAAC;AACC,gBAAc;AACd,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,QAAM;AACR;AACA,CAAC;AACC,eAAa;AACb,SAAO;AACP,aAAW;AACX,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACb,aAAW;AACX,SAAO;AACT;AACA,CAAC;AACC,SAAO;AACT;AACA,CAHC,4BAG4B,MAAM,KAAK,CA3BN;AA4BhC,cAAY;AACZ,SAAO;AACT;AACA,CA/BkC;AAgChC,UAAQ;AACR,SAAO;AACP,cAAY;AACd;AACA,CAAC;AACC,UAAQ;AACR,UAAQ,IAAI;AACZ,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW;AACX,cAAY;AACZ,iBAAe;AACf,cAAY,EAAE,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3E,UAAQ,IAAI,MAAM;AAClB,WAAS;AACT,WAAS;AACT,WAAS;AACX;AACA,CAAC;AACC,QAAM;AACN,SAAO;AACT;AACA,CAtEC,qBAsEqB,OAAO,EAAE,CAjB9B;AAkBC,WAAS;AACT,aAAW,cAAc,MAAM;AACjC;AACA,WA9Ea;AA+EX;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACA;AACE,aAAS;AACT,eAAW,MAAM;AACnB;AACF;","names":[]}

package/dist/ContextMenu/index.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import './index.less';
+export interface ContextMenuItem {
+    /** 菜单项唯一标识 */
+    key: string;
+    /** 菜单项展示文本或节点 */
+    label?: ReactNode;
+    /** 菜单项前置图标 */
+    icon?: ReactNode;
+    /** 是否为分割线 */
+    type?: 'divider';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否为警示/危险操作（红色显示） */
+    danger?: boolean;
+    /** 快捷键提示（如 '⌘ C' / 'Ctrl+C'） */
+    shortcut?: string;
+    /** 二级子菜单项列表 */
+    children?: ContextMenuItem[];
+    /** 点击菜单项回调 */
+    onClick?: (item: ContextMenuItem, e: React.MouseEvent) => void;
+}
+export interface ContextMenuProps {
+    /** 菜单项列表配置 */
+    items: ContextMenuItem[];
+    /** 被右键激活的目标子组件/容器 */
+    children: ReactNode;
+    /** 是否禁用右键上下文菜单 */
+    disabled?: boolean;
+    /** 菜单显隐状态改变回调 */
+    onOpenChange?: (open: boolean) => void;
+    /** 自定义菜单类名 */
+    menuClassName?: string;
+    /** 自定义菜单样式 */
+    menuStyle?: CSSProperties;
+    /** 自定义外层包裹类名 */
+    className?: string;
+    /** 自定义外层包裹样式 */
+    style?: CSSProperties;
+}
+declare const ContextMenu: React.FC<ContextMenuProps>;
+export default ContextMenu;

package/dist/ContextMenu/index.js

@@ -0,0 +1,4 @@
+export { ContextMenu_default as default } from '../chunk-AIIXJB34.js';
+import '../chunk-TGSKTHTV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/ContextMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}