@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/Checkbox/index.native.js

@@ -0,0 +1,241 @@
+"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);
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  Checkbox: () => import_Checkbox.Checkbox,
+  CheckboxGroup: () => import_CheckboxGroup.CheckboxGroup,
+  Checkboxes: () => Checkboxes
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_roving_focus = require("@tamagui/roving-focus");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_CheckboxFieldFrame = require("./CheckboxFieldFrame.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var import_Checkbox = require("./Checkbox.native.js");
+var import_CheckboxGroup = require("./CheckboxGroup.native.js");
+var CheckboxesContext = (0, import_tamagui.createStyledContext)({
+  values: {},
+  onValuesChange: function onValuesChange() {}
+});
+var FocusGroup = /* @__PURE__ */(0, import_react2.forwardRef)(function (props, ref) {
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+    gap: knobProps.gap.gap,
+    focusable: true,
+    outlineOffset: 1,
+    focusStyle: {
+      zIndex: 1
+    },
+    ...props,
+    ref
+  });
+});
+var FocusItemContext = (0, import_tamagui.createStyledContext)({
+  value: ""
+});
+var FocusGroupItem = /* @__PURE__ */(0, import_react2.forwardRef)(function (itemProps, ref) {
+  var {
+    value,
+    ...props
+  } = itemProps;
+  var {
+    values,
+    onValuesChange: onValuesChange2
+  } = CheckboxesContext.useStyledContext();
+  var combinedProps = {
+    focusable: true,
+    outlineOffset: 1,
+    flexShrink: 1,
+    focusStyle: {
+      zIndex: 1
+    },
+    ...(import_tamagui.isWeb && {
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === "Enter" || e.code === "Space") {
+          e.preventDefault();
+          onValuesChange2({
+            ...values,
+            [value]: !values[value]
+          });
+        }
+      }
+    }),
+    onPress: function onPress() {
+      onValuesChange2({
+        ...values,
+        [value]: !values[value]
+      });
+    },
+    ...props
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusItemContext.Provider, {
+    value,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
+      ref,
+      ...combinedProps
+    })
+  });
+});
+var RadiusGroup = (0, import_tamagui.styled)(import_tamagui.Group, {
+  orientation: "vertical",
+  gap: "$2"
+});
+var CheckboxesTitle = (0, import_tamagui.styled)(import_tamagui.H2, {
+  size: "$8"
+});
+var CheckboxesImp = function CheckboxesImp2(checkboxesProps) {
+  var {
+    values,
+    onValuesChange: onValuesChange2,
+    ...props
+  } = checkboxesProps;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxesContext.Provider, {
+    values,
+    onValuesChange: onValuesChange2,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...props
+    })
+  });
+};
+var CheckboxesCheckbox = import_tamagui.Checkbox.styleable(function (checkboxProps, ref) {
+  var {
+    checked: _userChecked,
+    onCheckedChange: onCheckedChangeProp,
+    ...props
+  } = checkboxProps;
+  var {
+    values,
+    onValuesChange: onValuesChange2
+  } = CheckboxesContext.useStyledContext();
+  var {
+    value: focusItemValue
+  } = FocusItemContext.useStyledContext();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var radiusToken = knobProps.borderRadius.borderRadius;
+  var cappedRadius = (0, import_utils.clampRadiusForControl)(radiusToken, 2);
+  var resolvedRadius = cappedRadius === 0 ? {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: 0
+  } : {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: cappedRadius
+  };
+  var combinedProps = {
+    ...props,
+    checked: values[focusItemValue],
+    onCheckedChange: function onCheckedChange(checked) {
+      onCheckedChangeProp === null || onCheckedChangeProp === void 0 ? void 0 : onCheckedChangeProp(checked);
+      onValuesChange2({
+        ...values,
+        [focusItemValue]: typeof checked === "boolean" ? checked : !values[focusItemValue]
+      });
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CheckboxFieldFrame.CheckboxFieldFrame, {
+    ref,
+    value: focusItemValue,
+    ...knobProps.inputSurface,
+    size: knobProps.sizeToken,
+    ...resolvedRadius,
+    outlined: knobProps.outlined,
+    transition: knobProps.transition,
+    ...combinedProps
+  });
+});
+var CheckboxCardFrame = (0, import_tamagui.styled)(import_tamagui.View, {
+  cursor: "pointer",
+  width: "100%",
+  padding: "$3",
+  borderRadius: "$4",
+  backgroundColor: import_colorRamps.formCardColors.background.base,
+  borderColor: import_colorRamps.formCardColors.border.base,
+  borderWidth: 1,
+  hoverStyle: {
+    borderColor: import_colorRamps.formCardColors.border.hover
+  },
+  variants: {
+    active: {
+      true: {
+        backgroundColor: import_colorRamps.formCardColors.background.active,
+        borderColor: import_colorRamps.formCardColors.border.active
+      }
+    }
+  }
+});
+var CheckboxCard = CheckboxCardFrame.styleable(function (cardProps, ref) {
+  var _cardProps_active;
+  var {
+    values
+  } = CheckboxesContext.useStyledContext();
+  var {
+    value
+  } = FocusItemContext.useStyledContext();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var selected = values[value];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxCardFrame, {
+    ref,
+    active: (_cardProps_active = cardProps.active) !== null && _cardProps_active !== void 0 ? _cardProps_active : selected,
+    ...knobProps.panelPadding,
+    borderRadius: knobProps.borderRadius.borderRadius,
+    ...cardProps
+  });
+});
+var CheckboxesIndicator = import_tamagui.Checkbox.Indicator.styleable(function (indicatorProps, ref) {
+  var {
+    children,
+    ...props
+  } = indicatorProps;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
+    ref,
+    ...props,
+    children: children !== null && children !== void 0 ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {})
+  });
+});
+var Checkboxes = (0, import_tamagui.withStaticProperties)(CheckboxesImp, {
+  Group: (0, import_tamagui.withStaticProperties)(RadiusGroup, {
+    Item: import_tamagui.Group.Item
+  }),
+  FocusGroup: (0, import_tamagui.withStaticProperties)(FocusGroup, {
+    Item: FocusGroupItem
+  }),
+  Title: CheckboxesTitle,
+  Checkbox: (0, import_tamagui.withStaticProperties)(CheckboxesCheckbox, {
+    Indicator: CheckboxesIndicator,
+    Label: import_tamagui.Label
+  }),
+  Card: CheckboxCard
+});
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/Checkbox/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Checkbox_exports","Checkbox","import_Checkbox","CheckboxGroup","import_CheckboxGroup","Checkboxes","module","exports","import_jsx_runtime","require","import_roving_focus","import_react","import_theme","import_react2","import_tamagui","import_colorRamps","import_CheckboxFieldFrame","import_utils","CheckboxesContext","createStyledContext","values","onValuesChange","FocusGroup","forwardRef","props","ref","knobProps","useResolvedKnobs","jsx","RovingFocusGroup","gap","focusable","outlineOffset","focusStyle","zIndex","FocusItemContext","FocusGroupItem","itemProps","onValuesChange2","useStyledContext","combinedProps","flexShrink","isWeb","onKeyDown","e","code","preventDefault","onPress","Provider","children","Item","RadiusGroup","styled","Group","orientation","CheckboxesTitle","H2","size","CheckboxesImp","CheckboxesImp2","checkboxesProps","View","CheckboxesCheckbox","styleable","checkboxProps","checked","_userChecked","onCheckedChange","onCheckedChangeProp","focusItemValue","radiusToken","borderRadius","cappedRadius","clampRadiusForControl","resolvedRadius","borderWidth","CheckboxFieldFrame","inputSurface","sizeToken","outlined","transition","CheckboxCardFrame","cursor","width","padding","backgroundColor","formCardColors","background","base","borderColor","border","hoverStyle","hover","variants","active","true","CheckboxCard","cardProps"],"sources":["../../../../src/fields/Checkbox/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/ColorPicker/ColorPicker.spec.mjs

@@ -0,0 +1,124 @@
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isValidHex, normalizeHex, rgbToHex, rgbToHsv } from "./parts.mjs";
+import { jsx } from "react/jsx-runtime";
+vi.mock("@tamagui/lucide-icons-2", () => ({
+  Palette: () => null,
+  X: () => null
+}));
+async function loadColorPicker() {
+  return (await import("./index.mjs")).ColorPicker;
+}
+describe("ColorPicker", () => {
+  it("should handle disabled state", async () => {
+    const ColorPicker = await loadColorPicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(ColorPicker, {
+      label: "Color",
+      name: "color",
+      disabled: true
+    }));
+    const input = result.container.querySelector("input");
+    expect(input).toBeTruthy();
+    expect(input?.getAttribute("aria-disabled")).toBe("true");
+    const clickable = result.container.querySelector("input,button,[role='button']");
+    if (clickable) {
+      fireEvent.click(clickable);
+    }
+    expect(result.findTextElement("Opacity: 100%")).toBeUndefined();
+  });
+  it("opens popover and updates value from hex input", async () => {
+    const ColorPicker = await loadColorPicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(ColorPicker, {
+      label: "Color",
+      name: "color",
+      placeholder: "Pick a color",
+      showAlpha: true
+    }));
+    const triggerInput = result.container.querySelector("input");
+    expect(triggerInput).toBeTruthy();
+    await act(async () => {
+      if (triggerInput) fireEvent.click(triggerInput);
+    });
+    await waitFor(() => {
+      expect(document.body.textContent?.includes("Opacity:")).toBe(true);
+    });
+    const hexInput = document.body.querySelector('input[placeholder="#000000"]');
+    expect(hexInput).toBeTruthy();
+    await act(async () => {
+      if (hexInput) fireEvent.change(hexInput, {
+        target: {
+          value: "00ff00"
+        }
+      });
+    });
+    await waitFor(() => {
+      const updated = result.container.querySelector("input");
+      expect(updated?.value).toBe("#00FF00");
+    });
+  });
+  it("clears selected value from trigger button", async () => {
+    const ColorPicker = await loadColorPicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(ColorPicker, {
+      label: "Color",
+      name: "color",
+      placeholder: "Pick a color",
+      defaultValue: "#112233"
+    }));
+    const input = result.container.querySelector("input");
+    expect(input?.value).toBe("#112233");
+    const triggerButton = result.container.querySelector("button");
+    await act(async () => {
+      if (triggerButton) fireEvent.click(triggerButton);
+    });
+    await waitFor(() => {
+      const updated = result.container.querySelector("input");
+      expect(updated?.value ?? "").toBe("");
+    });
+  });
+  it("shows format validation error for invalid rgb value", async () => {
+    const ColorPicker = await loadColorPicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(ColorPicker, {
+      label: "Color",
+      name: void 0,
+      format: "rgb",
+      defaultValue: "not-rgb"
+    }));
+    expect(result.findTextElement("Invalid RGB color value")).toBeDefined();
+  });
+  describe("color utilities", () => {
+    it("validates and normalizes hex values", () => {
+      expect(isValidHex("#AABBCC")).toBe(true);
+      expect(isValidHex("#abc")).toBe(true);
+      expect(isValidHex("123456")).toBe(false);
+      expect(normalizeHex("#abc")).toBe("#AABBCC");
+      expect(normalizeHex("aabbcc")).toBe("#AABBCC");
+    });
+    it("converts between RGB and HEX", () => {
+      expect(rgbToHex(255, 0, 128)).toBe("#FF0080");
+      expect(hexToRgb("#FF0080")).toEqual({
+        r: 255,
+        g: 0,
+        b: 128
+      });
+      expect(hexToRgb("invalid")).toBeNull();
+    });
+    it("converts between HSV and RGB/HEX", () => {
+      expect(hsvToRgb(0, 100, 100)).toEqual({
+        r: 255,
+        g: 0,
+        b: 0
+      });
+      expect(hsvToHex(120, 100, 100)).toBe("#00FF00");
+      const hsv = rgbToHsv(0, 0, 255);
+      expect(hsv.h).toBe(240);
+      expect(hsv.s).toBe(100);
+      expect(hsv.v).toBe(100);
+      const fromHex = hexToHsv("#0000FF");
+      expect(fromHex.h).toBe(240);
+      expect(fromHex.s).toBe(100);
+      expect(fromHex.v).toBe(100);
+    });
+  });
+});
+//# sourceMappingURL=ColorPicker.spec.mjs.map

package/dist/jsx/fields/ColorPicker/ColorPicker.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["act","fireEvent","waitFor","describe","expect","it","vi","renderWithProviders","hexToHsv","hexToRgb","hsvToHex","hsvToRgb","isValidHex","normalizeHex","rgbToHex","rgbToHsv","jsx","mock","Palette","X","loadColorPicker","ColorPicker","result","label","name","disabled","input","container","querySelector","toBeTruthy","getAttribute","toBe","clickable","click","findTextElement","toBeUndefined","placeholder","showAlpha","triggerInput","document","body","textContent","includes","hexInput","change","target","value","updated","defaultValue","triggerButton","format","toBeDefined","toEqual","r","g","b","toBeNull","hsv","h","s","v","fromHex"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/ColorPicker/ColorPicker.spec.native.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_parts = require("./parts.native.js");
+import_vitest.vi.mock("@tamagui/lucide-icons-2", function () {
+  return {
+    Palette: function Palette() {
+      return null;
+    },
+    X: function X() {
+      return null;
+    }
+  };
+});
+async function loadColorPicker() {
+  return (await import("./index")).ColorPicker;
+}
+(0, import_vitest.describe)("ColorPicker", function () {
+  (0, import_vitest.it)("should handle disabled state", async function () {
+    var ColorPicker = await loadColorPicker();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorPicker, {
+      label: "Color",
+      name: "color",
+      disabled: true
+    }));
+    var input = result.container.querySelector("input");
+    (0, import_vitest.expect)(input).toBeTruthy();
+    (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
+    var clickable = result.container.querySelector("input,button,[role='button']");
+    if (clickable) {
+      import_react.fireEvent.click(clickable);
+    }
+    (0, import_vitest.expect)(result.findTextElement("Opacity: 100%")).toBeUndefined();
+  });
+  (0, import_vitest.it)("opens popover and updates value from hex input", async function () {
+    var ColorPicker = await loadColorPicker();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorPicker, {
+      label: "Color",
+      name: "color",
+      placeholder: "Pick a color",
+      showAlpha: true
+    }));
+    var triggerInput = result.container.querySelector("input");
+    (0, import_vitest.expect)(triggerInput).toBeTruthy();
+    await (0, import_react.act)(async function () {
+      if (triggerInput) import_react.fireEvent.click(triggerInput);
+    });
+    await (0, import_react.waitFor)(function () {
+      var _document_body_textContent;
+      (0, import_vitest.expect)((_document_body_textContent = document.body.textContent) === null || _document_body_textContent === void 0 ? void 0 : _document_body_textContent.includes("Opacity:")).toBe(true);
+    });
+    var hexInput = document.body.querySelector('input[placeholder="#000000"]');
+    (0, import_vitest.expect)(hexInput).toBeTruthy();
+    await (0, import_react.act)(async function () {
+      if (hexInput) import_react.fireEvent.change(hexInput, {
+        target: {
+          value: "00ff00"
+        }
+      });
+    });
+    await (0, import_react.waitFor)(function () {
+      var updated = result.container.querySelector("input");
+      (0, import_vitest.expect)(updated === null || updated === void 0 ? void 0 : updated.value).toBe("#00FF00");
+    });
+  });
+  (0, import_vitest.it)("clears selected value from trigger button", async function () {
+    var ColorPicker = await loadColorPicker();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorPicker, {
+      label: "Color",
+      name: "color",
+      placeholder: "Pick a color",
+      defaultValue: "#112233"
+    }));
+    var input = result.container.querySelector("input");
+    (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.value).toBe("#112233");
+    var triggerButton = result.container.querySelector("button");
+    await (0, import_react.act)(async function () {
+      if (triggerButton) import_react.fireEvent.click(triggerButton);
+    });
+    await (0, import_react.waitFor)(function () {
+      var _ref;
+      var updated = result.container.querySelector("input");
+      (0, import_vitest.expect)((_ref = updated === null || updated === void 0 ? void 0 : updated.value) !== null && _ref !== void 0 ? _ref : "").toBe("");
+    });
+  });
+  (0, import_vitest.it)("shows format validation error for invalid rgb value", async function () {
+    var ColorPicker = await loadColorPicker();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorPicker, {
+      label: "Color",
+      name: void 0,
+      format: "rgb",
+      defaultValue: "not-rgb"
+    }));
+    (0, import_vitest.expect)(result.findTextElement("Invalid RGB color value")).toBeDefined();
+  });
+  (0, import_vitest.describe)("color utilities", function () {
+    (0, import_vitest.it)("validates and normalizes hex values", function () {
+      (0, import_vitest.expect)((0, import_parts.isValidHex)("#AABBCC")).toBe(true);
+      (0, import_vitest.expect)((0, import_parts.isValidHex)("#abc")).toBe(true);
+      (0, import_vitest.expect)((0, import_parts.isValidHex)("123456")).toBe(false);
+      (0, import_vitest.expect)((0, import_parts.normalizeHex)("#abc")).toBe("#AABBCC");
+      (0, import_vitest.expect)((0, import_parts.normalizeHex)("aabbcc")).toBe("#AABBCC");
+    });
+    (0, import_vitest.it)("converts between RGB and HEX", function () {
+      (0, import_vitest.expect)((0, import_parts.rgbToHex)(255, 0, 128)).toBe("#FF0080");
+      (0, import_vitest.expect)((0, import_parts.hexToRgb)("#FF0080")).toEqual({
+        r: 255,
+        g: 0,
+        b: 128
+      });
+      (0, import_vitest.expect)((0, import_parts.hexToRgb)("invalid")).toBeNull();
+    });
+    (0, import_vitest.it)("converts between HSV and RGB/HEX", function () {
+      (0, import_vitest.expect)((0, import_parts.hsvToRgb)(0, 100, 100)).toEqual({
+        r: 255,
+        g: 0,
+        b: 0
+      });
+      (0, import_vitest.expect)((0, import_parts.hsvToHex)(120, 100, 100)).toBe("#00FF00");
+      var hsv = (0, import_parts.rgbToHsv)(0, 0, 255);
+      (0, import_vitest.expect)(hsv.h).toBe(240);
+      (0, import_vitest.expect)(hsv.s).toBe(100);
+      (0, import_vitest.expect)(hsv.v).toBe(100);
+      var fromHex = (0, import_parts.hexToHsv)("#0000FF");
+      (0, import_vitest.expect)(fromHex.h).toBe(240);
+      (0, import_vitest.expect)(fromHex.s).toBe(100);
+      (0, import_vitest.expect)(fromHex.v).toBe(100);
+    });
+  });
+});
+//# sourceMappingURL=ColorPicker.spec.native.js.map

package/dist/jsx/fields/ColorPicker/ColorPicker.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__toESM","mod","isNodeMode","target","__esModule","value","import_jsx_runtime","require","import_react","import_vitest","import_test_utils","import_parts","vi","mock","Palette","X","loadColorPicker","ColorPicker","describe","it","result","renderWithProviders","jsx","label","name","disabled","input","container","querySelector","expect","toBeTruthy","getAttribute","toBe","clickable","fireEvent","click","findTextElement","toBeUndefined","placeholder","showAlpha","triggerInput","act","waitFor","_document_body_textContent","document","body","textContent","includes","hexInput","change","updated","defaultValue","triggerButton","_ref"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}