@multiplatform.one/forms 6.0.4 → 6.3.0

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

@@ -1,158 +0,0 @@
-"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/cjs/fields/ColorPicker/ColorPicker.spec.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["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","target","value","updated","defaultValue","triggerButton","_ref","format","toBeDefined","isValidHex"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/ColorPicker/ColorPicker.stories.cjs

@@ -1,242 +0,0 @@
-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 ColorPicker_stories_exports = {};
-__export(ColorPicker_stories_exports, {
-  Basic: () => Basic,
-  CustomPresets: () => CustomPresets,
-  Disabled: () => Disabled,
-  Interactive: () => Interactive,
-  Main: () => Main,
-  Sizes: () => Sizes,
-  Standalone: () => Standalone,
-  WithAlpha: () => WithAlpha,
-  WithError: () => WithError,
-  default: () => ColorPicker_stories_default
-});
-module.exports = __toCommonJS(ColorPicker_stories_exports);
-var import_storybook = require("@multiplatform.one/storybook");
-var import_react_form = require("@tanstack/react-form");
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-var import_Button = require("../../Button/index.cjs");
-var import_Form = require("../../Form/index.cjs");
-var import_index = require("./index.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const meta = {
-  title: "Forms/ColorPicker",
-  component: import_index.ColorPicker,
-  parameters: {
-    docs: {
-      description: {
-        component: "A color picker with a 2D saturation/value panel, hue strip, preset swatches, and hex input. Opens in a popover dropdown."
-      }
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text",
-      description: "Field label"
-    },
-    placeholder: {
-      control: "text",
-      description: "Placeholder text"
-    },
-    helperText: {
-      control: "text",
-      description: "Helper text below the field"
-    },
-    error: {
-      control: "text",
-      description: "Error message"
-    },
-    required: {
-      control: "boolean",
-      description: "Mark field as required"
-    },
-    disabled: {
-      control: "boolean",
-      description: "Disable the color picker"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Field size"
-    },
-    format: {
-      control: "select",
-      options: ["hex", "rgb", "hsl"],
-      description: "Color format to use"
-    },
-    showAlpha: {
-      control: "boolean",
-      description: "Show alpha channel slider"
-    },
-    presetColors: {
-      control: "object",
-      description: "Array of preset color values"
-    }
-  }
-};
-var ColorPicker_stories_default = meta;
-const Main = {
-  name: "Main",
-  render: () => {
-    const FormExample = () => {
-      const form = (0, import_react_form.useForm)({
-        defaultValues: {
-          brandColor: "#3B82F6",
-          backgroundColor: "#FFFFFF",
-          textColor: "#000000"
-        },
-        onSubmit: async ({
-          value
-        }) => {
-          (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",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-            label: "Brand Color",
-            name: "brandColor",
-            helperText: "Choose your primary brand color"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-            label: "Background Color",
-            name: "backgroundColor",
-            helperText: "Choose background color"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-            label: "Text Color",
-            name: "textColor",
-            helperText: "Choose text color"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
-            action: "submit",
-            children: "Submit"
-          })]
-        })
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
-  }
-};
-const Standalone = {
-  args: {
-    label: "Brand Color",
-    placeholder: "Pick a color",
-    helperText: "Choose your brand color",
-    format: "hex"
-  },
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-    ...args
-  })
-};
-const Basic = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Choose Color",
-    placeholder: "Select a color"
-  }
-};
-const Sizes = {
-  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    maxWidth: 400,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      label: "Small",
-      size: "$2",
-      placeholder: "Pick a color"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      label: "Medium (default)",
-      size: "$3",
-      placeholder: "Pick a color"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      label: "Large",
-      size: "$4",
-      placeholder: "Pick a color"
-    })]
-  })
-};
-const Interactive = {
-  render: () => {
-    const InteractiveExample = () => {
-      const [color, setColor] = (0, import_react.useState)("#3B82F6");
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-          label: "Pick a Color",
-          value: color,
-          onChange: val => {
-            setColor(val);
-            (0, import_storybook.action)("onChange")(val);
-          },
-          helperText: `Selected: ${color}`
-        })
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
-  }
-};
-const WithAlpha = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Color with Alpha",
-    showAlpha: true,
-    placeholder: "Select a color with transparency"
-  }
-};
-const CustomPresets = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Brand Palette",
-    presetColors: ["#1E40AF", "#1D4ED8", "#2563EB", "#3B82F6", "#60A5FA", "#93C5FD", "#BFDBFE"],
-    helperText: "Select from the brand color palette"
-  }
-};
-const Disabled = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Disabled Color",
-    disabled: true,
-    placeholder: "Cannot select"
-  }
-};
-const WithError = {
-  render: args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-    ...args
-  }),
-  args: {
-    label: "Required Color",
-    error: "Please select a valid color",
-    required: true
-  }
-};

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

@@ -1,261 +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 ColorPicker_stories_exports = {};
-__export(ColorPicker_stories_exports, {
-  Basic: () => Basic,
-  CustomPresets: () => CustomPresets,
-  Disabled: () => Disabled,
-  Interactive: () => Interactive,
-  Main: () => Main,
-  Sizes: () => Sizes,
-  Standalone: () => Standalone,
-  WithAlpha: () => WithAlpha,
-  WithError: () => WithError,
-  default: () => ColorPicker_stories_default
-});
-module.exports = __toCommonJS(ColorPicker_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_storybook = require("@multiplatform.one/storybook");
-var import_react_form = require("@tanstack/react-form");
-var import_react = 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/ColorPicker",
-  component: import_index.ColorPicker,
-  parameters: {
-    docs: {
-      description: {
-        component: "A color picker with a 2D saturation/value panel, hue strip, preset swatches, and hex input. Opens in a popover dropdown."
-      }
-    }
-  },
-  argTypes: {
-    label: {
-      control: "text",
-      description: "Field label"
-    },
-    placeholder: {
-      control: "text",
-      description: "Placeholder text"
-    },
-    helperText: {
-      control: "text",
-      description: "Helper text below the field"
-    },
-    error: {
-      control: "text",
-      description: "Error message"
-    },
-    required: {
-      control: "boolean",
-      description: "Mark field as required"
-    },
-    disabled: {
-      control: "boolean",
-      description: "Disable the color picker"
-    },
-    size: {
-      control: "select",
-      options: ["$2", "$3", "$4"],
-      description: "Field size"
-    },
-    format: {
-      control: "select",
-      options: ["hex", "rgb", "hsl"],
-      description: "Color format to use"
-    },
-    showAlpha: {
-      control: "boolean",
-      description: "Show alpha channel slider"
-    },
-    presetColors: {
-      control: "object",
-      description: "Array of preset color values"
-    }
-  }
-};
-var ColorPicker_stories_default = meta;
-var Main = {
-  name: "Main",
-  render: function render() {
-    var FormExample = function FormExample2() {
-      var form = (0, import_react_form.useForm)({
-        defaultValues: {
-          brandColor: "#3B82F6",
-          backgroundColor: "#FFFFFF",
-          textColor: "#000000"
-        },
-        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",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-            label: "Brand Color",
-            name: "brandColor",
-            helperText: "Choose your primary brand color"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-            label: "Background Color",
-            name: "backgroundColor",
-            helperText: "Choose background color"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-            label: "Text Color",
-            name: "textColor",
-            helperText: "Choose text color"
-          }), /* @__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: "Brand Color",
-    placeholder: "Pick a color",
-    helperText: "Choose your brand color",
-    format: "hex"
-  },
-  render: function render2(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      ...args
-    });
-  }
-};
-var Basic = {
-  render: function render3(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Choose Color",
-    placeholder: "Select a color"
-  }
-};
-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.ColorPicker, {
-        label: "Small",
-        size: "$2",
-        placeholder: "Pick a color"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-        label: "Medium (default)",
-        size: "$3",
-        placeholder: "Pick a color"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-        label: "Large",
-        size: "$4",
-        placeholder: "Pick a color"
-      })]
-    });
-  }
-};
-var Interactive = {
-  render: function render5() {
-    var InteractiveExample = function InteractiveExample2() {
-      var [color, setColor] = (0, import_react.useState)("#3B82F6");
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        gap: "$4",
-        maxWidth: 400,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-          label: "Pick a Color",
-          value: color,
-          // @ts-expect-error controlled mode not supported
-          onChange: function onChange(val) {
-            setColor(val);
-            (0, import_storybook.action)("onChange")(val);
-          },
-          helperText: `Selected: ${color}`
-        })
-      });
-    };
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
-  }
-};
-var WithAlpha = {
-  render: function render6(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Color with Alpha",
-    showAlpha: true,
-    placeholder: "Select a color with transparency"
-  }
-};
-var CustomPresets = {
-  render: function render7(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Brand Palette",
-    presetColors: ["#1E40AF", "#1D4ED8", "#2563EB", "#3B82F6", "#60A5FA", "#93C5FD", "#BFDBFE"],
-    helperText: "Select from the brand color palette"
-  }
-};
-var Disabled = {
-  render: function render8(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Disabled Color",
-    disabled: true,
-    placeholder: "Cannot select"
-  }
-};
-var WithError = {
-  render: function render9(args) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ColorPicker, {
-      ...args
-    });
-  },
-  args: {
-    label: "Required Color",
-    error: "Please select a valid color",
-    required: true
-  }
-};
-//# sourceMappingURL=ColorPicker.stories.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ColorPicker_stories_exports","__export","Basic","CustomPresets","Disabled","Interactive","Main","Sizes","Standalone","WithAlpha","WithError","default","ColorPicker_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react_form","import_react","import_tamagui","import_Button","import_Form","import_index","meta","title","component","ColorPicker","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","format","showAlpha","presetColors","name","render","FormExample","FormExample2","form","useForm","defaultValues","brandColor","backgroundColor","textColor","onSubmit","param","action","jsx","Form","children","jsxs","YStack","gap","Button","args","render2","render3","render4","maxWidth"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}