@webdevarif/dashui 0.3.8 → 0.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -3529,18 +3529,9 @@ var ColorPickerEyeDropper = ({ className, ...props }) => {
3529
3529
  };
3530
3530
  var ColorPickerOutput = ({ className, ...props }) => {
3531
3531
  const { mode, setMode } = useColorPicker();
3532
- return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("relative shrink-0", className), children: [
3533
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
3534
- "select",
3535
- {
3536
- value: mode,
3537
- onChange: (e) => setMode(e.target.value),
3538
- className: "appearance-none h-7 bg-white/8 border border-white/10 rounded-md text-xs text-white/70 pl-2 pr-6 outline-none hover:border-white/20 cursor-pointer",
3539
- style: { backgroundColor: "rgba(255,255,255,0.05)" },
3540
- children: ["HEX", "HSL", "RGB"].map((f) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("option", { value: f, style: { background: "#1a1c2e" }, children: f }, f))
3541
- }
3542
- ),
3543
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { className: "pointer-events-none absolute right-1.5 top-1/2 -translate-y-1/2 w-3 h-3 text-white/40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "m6 9 6 6 6-6" }) })
3532
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Select, { value: mode, onValueChange: setMode, children: [
3533
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectTrigger, { className: cn("h-7 w-[4.5rem] shrink-0 text-xs px-2 border-white/10 bg-white/5 rounded-md", className), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectValue, {}) }),
3534
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectContent, { children: ["HEX", "HSL", "RGB"].map((f) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectItem, { value: f, className: "text-xs", children: f }, f)) })
3544
3535
  ] });
3545
3536
  };
3546
3537
  var ColorPickerFormat = ({ className, ...props }) => {