@multiplatform.one/forms 6.0.4 → 6.3.0

package/dist/cjs/fields/Checkbox/Checkbox.stories.native.js

@@ -1,479 +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);
-var Checkbox_stories_exports = {};
-__export(Checkbox_stories_exports, {
-  Basic: () => Basic,
-  CheckboxGroupBasic: () => CheckboxGroupBasic,
-  CheckboxGroupHorizontal: () => CheckboxGroupHorizontal,
-  CheckboxGroupInteractive: () => CheckboxGroupInteractive,
-  CheckboxGroupWithDisabled: () => CheckboxGroupWithDisabled,
-  CheckboxGroupWithForm: () => CheckboxGroupWithForm,
-  Comparison: () => Comparison,
-  Disabled: () => Disabled,
-  Main: () => Main,
-  Pointy: () => Pointy,
-  Sizes: () => Sizes,
-  Standalone: () => Standalone,
-  WithError: () => WithError,
-  compound: () => compound,
-  default: () => Checkbox_stories_default
-});
-module.exports = __toCommonJS(Checkbox_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_storybook = require("@multiplatform.one/storybook");
-var import_react = require("@phosphor-icons/react");
-var import_react_form = require("@tanstack/react-form");
-var import_react2 = require("react");
-var import_tamagui = require("tamagui");
-var import_Button = require("../../Button/index.native.js");
-var import_Form = require("../../Form/index.native.js");
-var import_index = require("./index.native.js");
-var meta = {
-  title: "Forms/Checkbox",
-  component: import_index.Checkbox,
-  parameters: {
-    status: {
-      type: "beta"
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text"
-    },
-    helperText: {
-      control: "text"
-    },
-    error: {
-      control: "text"
-    },
-    required: {
-      control: "boolean"
-    },
-    disabled: {
-      control: "boolean"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"]
-    },
-    checked: {
-      control: "boolean"
-    }
-  }
-};
-var Checkbox_stories_default = meta;
-var Main = {
-  name: "Main",
-  render: function render() {
-    var FormExample = function FormExample2() {
-      var form = (0, import_react_form.useForm)({
-        defaultValues: {
-          terms: false,
-          newsletter: true
-        },
-        onSubmit: async function onSubmit(param) {
-          var {
-            value
-          } = param;
-          (0, import_storybook.action)("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
-        form,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-          label: "Accept terms",
-          name: "terms",
-          validators: {
-            onChange: function onChange(param) {
-              var {
-                value
-              } = param;
-              return !value ? "Terms are required" : void 0;
-            }
-          }
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-          label: "Subscribe to newsletter",
-          name: "newsletter"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
-          action: "submit",
-          children: "Submit"
-        })]
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
-  }
-};
-var Standalone = {
-  args: {
-    label: "Accept terms",
-    helperText: "You must accept to continue",
-    disabled: false,
-    required: false
-  },
-  render: function render2(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-      ...args
-    });
-  }
-};
-var Basic = {
-  args: {
-    label: "Accept terms",
-    helperText: "You must accept before continuing",
-    defaultValue: false
-  }
-};
-var Disabled = {
-  args: {
-    label: "Disabled Field",
-    disabled: true
-  }
-};
-var WithError = {
-  args: {
-    label: "Field with Error",
-    error: "This field is required",
-    required: true
-  }
-};
-var Pointy = {
-  render: function render3() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      maxWidth: 400,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-        label: "Pointy (hard angles)",
-        pointy: true,
-        checked: true
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-        label: "Regular (default)",
-        pointy: false,
-        checked: true
-      })]
-    });
-  }
-};
-var Sizes = {
-  render: function render4() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      gap: "$4",
-      maxWidth: 400,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-        label: "Small",
-        size: "$2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-        label: "Medium (default)",
-        size: "$3"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-        label: "Large",
-        size: "$4"
-      })]
-    });
-  }
-};
-var compound = function compound2() {
-  var [values, setValues] = (0, import_react2.useState)({
-    analytics: true,
-    updates: false,
-    marketing: false
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    gap: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes, {
-      values,
-      onValuesChange: function onValuesChange(nextValues) {
-        return setValues(nextValues);
-      },
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Title, {
-        children: "Notification Preferences"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup, {
-        orientation: "vertical",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Group, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
-              value: "analytics",
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-                  children: "Product analytics"
-                })]
-              })
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
-              value: "updates",
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-                  children: "Release updates"
-                })]
-              })
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
-              value: "marketing",
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-                  children: "Marketing emails"
-                })]
-              })
-            })
-          })]
-        })
-      })]
-    })
-  });
-};
-var Comparison = {
-  render: function render5() {
-    var ComparisonExample = function ComparisonExample2() {
-      var [customChecked, setCustomChecked] = (0, import_react2.useState)(false);
-      var [tamaguiChecked, setTamaguiChecked] = (0, import_react2.useState)(false);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$6",
-        alignItems: "flex-start",
-        padding: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$3",
-          width: 250,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$2",
-            color: "$placeholderColor",
-            children: "Custom Checkbox"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
-            label: "Accept terms",
-            defaultValue: customChecked,
-            onCheckedChange: function onCheckedChange(val) {
-              setCustomChecked(!!val);
-              (0, import_storybook.action)("custom.onCheckedChange")(val);
-            }
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$3",
-          width: 250,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$2",
-            color: "$placeholderColor",
-            children: "Tamagui Checkbox"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-            gap: "$2",
-            alignItems: "center",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {
-              id: "tamagui-cb",
-              checked: tamaguiChecked,
-              onCheckedChange: function onCheckedChange(val) {
-                setTamaguiChecked(!!val);
-                (0, import_storybook.action)("tamagui.onCheckedChange")(val);
-              },
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {})
-              })
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-              htmlFor: "tamagui-cb",
-              children: "Accept terms"
-            })]
-          })]
-        })]
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ComparisonExample, {});
-  }
-};
-var CheckboxGroupBasic = {
-  render: function render6() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      gap: "$4",
-      maxWidth: 400,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
-        label: "Features",
-        options: [{
-          value: "notifications",
-          label: "Push Notifications"
-        }, {
-          value: "emails",
-          label: "Email Updates"
-        }, {
-          value: "sms",
-          label: "SMS Alerts"
-        }],
-        defaultValue: ["emails"],
-        helperText: "Select all that apply"
-      })
-    });
-  }
-};
-var CheckboxGroupWithForm = {
-  render: function render7() {
-    var FormExample = function FormExample2() {
-      var form = (0, import_react_form.useForm)({
-        defaultValues: {
-          features: ["notifications"],
-          permissions: []
-        },
-        onSubmit: async function onSubmit(param) {
-          var {
-            value
-          } = param;
-          (0, import_storybook.action)("onSubmit")(value);
-        }
-      });
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
-        form,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          gap: "$4",
-          maxWidth: 400,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
-            label: "Features",
-            name: "features",
-            options: [{
-              value: "notifications",
-              label: "Push Notifications"
-            }, {
-              value: "emails",
-              label: "Email Updates"
-            }, {
-              value: "sms",
-              label: "SMS Alerts"
-            }, {
-              value: "reports",
-              label: "Weekly Reports"
-            }],
-            helperText: "Select your preferred features"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
-            label: "Permissions",
-            name: "permissions",
-            options: [{
-              value: "read",
-              label: "Read Access"
-            }, {
-              value: "write",
-              label: "Write Access"
-            }, {
-              value: "delete",
-              label: "Delete Access"
-            }, {
-              value: "admin",
-              label: "Admin Access"
-            }],
-            helperText: "Select required permissions",
-            required: true
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
-            action: "submit",
-            children: "Submit"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
-  }
-};
-var CheckboxGroupHorizontal = {
-  render: function render8() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      gap: "$4",
-      maxWidth: 600,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
-        label: "Size",
-        orientation: "horizontal",
-        options: [{
-          value: "s",
-          label: "Small"
-        }, {
-          value: "m",
-          label: "Medium"
-        }, {
-          value: "l",
-          label: "Large"
-        }, {
-          value: "xl",
-          label: "X-Large"
-        }],
-        defaultValue: ["m"]
-      })
-    });
-  }
-};
-var CheckboxGroupWithDisabled = {
-  render: function render9() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      gap: "$4",
-      maxWidth: 400,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
-        label: "Options",
-        options: [{
-          value: "available",
-          label: "Available Option"
-        }, {
-          value: "disabled",
-          label: "Disabled Option",
-          disabled: true
-        }, {
-          value: "another",
-          label: "Another Option"
-        }],
-        defaultValue: ["available"],
-        helperText: "Some options may be disabled"
-      })
-    });
-  }
-};
-var CheckboxGroupInteractive = {
-  render: function render10() {
-    var InteractiveExample = function InteractiveExample2() {
-      var [selected, setSelected] = (0, import_react2.useState)(["opt1"]);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
-          label: "Interactive Selection",
-          options: [{
-            value: "opt1",
-            label: "Option 1"
-          }, {
-            value: "opt2",
-            label: "Option 2"
-          }, {
-            value: "opt3",
-            label: "Option 3"
-          }],
-          value: selected,
-          onValueChange: function onValueChange(values) {
-            setSelected(values);
-            (0, import_storybook.action)("onValueChange")(values);
-          }
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
-          size: "$2",
-          children: ["Selected: ", selected.join(", ") || "None"]
-        })]
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
-  }
-};
-//# sourceMappingURL=Checkbox.stories.native.js.map

package/dist/cjs/fields/Checkbox/Checkbox.stories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Checkbox_stories_exports","__export","Basic","CheckboxGroupBasic","CheckboxGroupHorizontal","CheckboxGroupInteractive","CheckboxGroupWithDisabled","CheckboxGroupWithForm","Comparison","Disabled","Main","Pointy","Sizes","Standalone","WithError","compound","default","Checkbox_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_Button","import_Form","import_index","meta","title","component","Checkbox","parameters","status","type","argTypes","label","control","helperText","error","required","disabled","size","options","checked","name","render","FormExample","FormExample2","form","useForm","defaultValues","terms","newsletter","onSubmit","param","action","jsxs","Form","children","jsx","validators","onChange","Button","args","render2","defaultValue","render3","YStack","gap","maxWidth","pointy","render4","compound2","values","setValues","useState","analytics","updates","marketing","Checkboxes","onValuesChange","nextValues","Title","FocusGroup","orientation","Group","Item","Card","Indicator","Paragraph","render5","ComparisonExample","ComparisonExample2","customChecked","setCustomChecked","tamaguiChecked","setTamaguiChecked","XStack","alignItems","padding","width","color","onCheckedChange","val","id","CheckIcon","Label","htmlFor"],"sources":["../../../../src/fields/Checkbox/Checkbox.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/ColorPicker/ColorPicker.spec.cjs

@@ -1,147 +0,0 @@
-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_react = require("@testing-library/react");
-var import_vitest = require("vitest");
-var import_test_utils = require("@multiplatform.one/test-utils");
-var import_parts = require("./parts.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-import_vitest.vi.mock("@tamagui/lucide-icons-2", () => ({
-  Palette: () => null,
-  X: () => null
-}));
-async function loadColorPicker() {
-  return (await import("./index")).ColorPicker;
-}
-(0, import_vitest.describe)("ColorPicker", () => {
-  (0, import_vitest.it)("should handle disabled state", async () => {
-    const ColorPicker = await loadColorPicker();
-    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorPicker, {
-      label: "Color",
-      name: "color",
-      disabled: true
-    }));
-    const input = result.container.querySelector("input");
-    (0, import_vitest.expect)(input).toBeTruthy();
-    (0, import_vitest.expect)(input?.getAttribute("aria-disabled")).toBe("true");
-    const 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 () => {
-    const ColorPicker = await loadColorPicker();
-    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorPicker, {
-      label: "Color",
-      name: "color",
-      placeholder: "Pick a color",
-      showAlpha: true
-    }));
-    const triggerInput = result.container.querySelector("input");
-    (0, import_vitest.expect)(triggerInput).toBeTruthy();
-    await (0, import_react.act)(async () => {
-      if (triggerInput) import_react.fireEvent.click(triggerInput);
-    });
-    await (0, import_react.waitFor)(() => {
-      (0, import_vitest.expect)(document.body.textContent?.includes("Opacity:")).toBe(true);
-    });
-    const hexInput = document.body.querySelector('input[placeholder="#000000"]');
-    (0, import_vitest.expect)(hexInput).toBeTruthy();
-    await (0, import_react.act)(async () => {
-      if (hexInput) import_react.fireEvent.change(hexInput, {
-        target: {
-          value: "00ff00"
-        }
-      });
-    });
-    await (0, import_react.waitFor)(() => {
-      const updated = result.container.querySelector("input");
-      (0, import_vitest.expect)(updated?.value).toBe("#00FF00");
-    });
-  });
-  (0, import_vitest.it)("clears selected value from trigger button", async () => {
-    const ColorPicker = await loadColorPicker();
-    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorPicker, {
-      label: "Color",
-      name: "color",
-      placeholder: "Pick a color",
-      defaultValue: "#112233"
-    }));
-    const input = result.container.querySelector("input");
-    (0, import_vitest.expect)(input?.value).toBe("#112233");
-    const triggerButton = result.container.querySelector("button");
-    await (0, import_react.act)(async () => {
-      if (triggerButton) import_react.fireEvent.click(triggerButton);
-    });
-    await (0, import_react.waitFor)(() => {
-      const updated = result.container.querySelector("input");
-      (0, import_vitest.expect)(updated?.value ?? "").toBe("");
-    });
-  });
-  (0, import_vitest.it)("shows format validation error for invalid rgb value", async () => {
-    const ColorPicker = await loadColorPicker();
-    const 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", () => {
-    (0, import_vitest.it)("validates and normalizes hex values", () => {
-      (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", () => {
-      (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", () => {
-      (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");
-      const 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);
-      const 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);
-    });
-  });
-});