@multiplatform.one/forms 6.0.0

package/dist/esm/fields/ColorPicker/ColorPicker.stories.mjs

@@ -0,0 +1,208 @@
+import { action } from "@multiplatform.one/storybook";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { ColorPicker } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/ColorPicker",
+  component: 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 = useForm({
+        defaultValues: {
+          brandColor: "#3B82F6",
+          backgroundColor: "#FFFFFF",
+          textColor: "#000000"
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */jsx(Form, {
+        form,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(ColorPicker, {
+            label: "Brand Color",
+            name: "brandColor",
+            helperText: "Choose your primary brand color"
+          }), /* @__PURE__ */jsx(ColorPicker, {
+            label: "Background Color",
+            name: "backgroundColor",
+            helperText: "Choose background color"
+          }), /* @__PURE__ */jsx(ColorPicker, {
+            label: "Text Color",
+            name: "textColor",
+            helperText: "Choose text color"
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Brand Color",
+    placeholder: "Pick a color",
+    helperText: "Choose your brand color",
+    format: "hex"
+  },
+  render: args => /* @__PURE__ */jsx(ColorPicker, {
+    ...args
+  })
+};
+const Basic = {
+  render: args => /* @__PURE__ */jsx(ColorPicker, {
+    ...args
+  }),
+  args: {
+    label: "Choose Color",
+    placeholder: "Select a color"
+  }
+};
+const Sizes = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: [/* @__PURE__ */jsx(ColorPicker, {
+      label: "Small",
+      size: "$2",
+      placeholder: "Pick a color"
+    }), /* @__PURE__ */jsx(ColorPicker, {
+      label: "Medium (default)",
+      size: "$3",
+      placeholder: "Pick a color"
+    }), /* @__PURE__ */jsx(ColorPicker, {
+      label: "Large",
+      size: "$4",
+      placeholder: "Pick a color"
+    })]
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [color, setColor] = useState("#3B82F6");
+      return /* @__PURE__ */jsx(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: /* @__PURE__ */jsx(ColorPicker, {
+          label: "Pick a Color",
+          value: color,
+          onChange: val => {
+            setColor(val);
+            action("onChange")(val);
+          },
+          helperText: `Selected: ${color}`
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(InteractiveExample, {});
+  }
+};
+const WithAlpha = {
+  render: args => /* @__PURE__ */jsx(ColorPicker, {
+    ...args
+  }),
+  args: {
+    label: "Color with Alpha",
+    showAlpha: true,
+    placeholder: "Select a color with transparency"
+  }
+};
+const CustomPresets = {
+  render: args => /* @__PURE__ */jsx(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__ */jsx(ColorPicker, {
+    ...args
+  }),
+  args: {
+    label: "Disabled Color",
+    disabled: true,
+    placeholder: "Cannot select"
+  }
+};
+const WithError = {
+  render: args => /* @__PURE__ */jsx(ColorPicker, {
+    ...args
+  }),
+  args: {
+    label: "Required Color",
+    error: "Please select a valid color",
+    required: true
+  }
+};
+export { Basic, CustomPresets, Disabled, Interactive, Main, Sizes, Standalone, WithAlpha, WithError, ColorPicker_stories_default as default };
+//# sourceMappingURL=ColorPicker.stories.mjs.map

package/dist/esm/fields/ColorPicker/ColorPicker.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","useForm","useState","YStack","Button","Form","ColorPicker","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","format","showAlpha","presetColors","ColorPicker_stories_default","Main","name","render","FormExample","form","defaultValues","brandColor","backgroundColor","textColor","onSubmit","value","children","gap","Standalone","args","Basic","Sizes","maxWidth","Interactive","InteractiveExample","color","setColor","onChange","val","WithAlpha","CustomPresets","Disabled","WithError"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,224 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { ColorPicker } from "./index.native.js";
+var meta = {
+  title: "Forms/ColorPicker",
+  component: 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 = useForm({
+        defaultValues: {
+          brandColor: "#3B82F6",
+          backgroundColor: "#FFFFFF",
+          textColor: "#000000"
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsx(Form, {
+        form,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(ColorPicker, {
+            label: "Brand Color",
+            name: "brandColor",
+            helperText: "Choose your primary brand color"
+          }), /* @__PURE__ */_jsx(ColorPicker, {
+            label: "Background Color",
+            name: "backgroundColor",
+            helperText: "Choose background color"
+          }), /* @__PURE__ */_jsx(ColorPicker, {
+            label: "Text Color",
+            name: "textColor",
+            helperText: "Choose text color"
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_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__ */_jsx(ColorPicker, {
+      ...args
+    });
+  }
+};
+var Basic = {
+  render: function render3(args) {
+    return /* @__PURE__ */_jsx(ColorPicker, {
+      ...args
+    });
+  },
+  args: {
+    label: "Choose Color",
+    placeholder: "Select a color"
+  }
+};
+var Sizes = {
+  render: function render4() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(ColorPicker, {
+        label: "Small",
+        size: "$2",
+        placeholder: "Pick a color"
+      }), /* @__PURE__ */_jsx(ColorPicker, {
+        label: "Medium (default)",
+        size: "$3",
+        placeholder: "Pick a color"
+      }), /* @__PURE__ */_jsx(ColorPicker, {
+        label: "Large",
+        size: "$4",
+        placeholder: "Pick a color"
+      })]
+    });
+  }
+};
+var Interactive = {
+  render: function render5() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [color, setColor] = useState("#3B82F6");
+      return /* @__PURE__ */_jsx(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: /* @__PURE__ */_jsx(ColorPicker, {
+          label: "Pick a Color",
+          value: color,
+          // @ts-expect-error controlled mode not supported
+          onChange: function onChange(val) {
+            setColor(val);
+            action("onChange")(val);
+          },
+          helperText: `Selected: ${color}`
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(InteractiveExample, {});
+  }
+};
+var WithAlpha = {
+  render: function render6(args) {
+    return /* @__PURE__ */_jsx(ColorPicker, {
+      ...args
+    });
+  },
+  args: {
+    label: "Color with Alpha",
+    showAlpha: true,
+    placeholder: "Select a color with transparency"
+  }
+};
+var CustomPresets = {
+  render: function render7(args) {
+    return /* @__PURE__ */_jsx(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__ */_jsx(ColorPicker, {
+      ...args
+    });
+  },
+  args: {
+    label: "Disabled Color",
+    disabled: true,
+    placeholder: "Cannot select"
+  }
+};
+var WithError = {
+  render: function render9(args) {
+    return /* @__PURE__ */_jsx(ColorPicker, {
+      ...args
+    });
+  },
+  args: {
+    label: "Required Color",
+    error: "Please select a valid color",
+    required: true
+  }
+};
+export { Basic, CustomPresets, Disabled, Interactive, Main, Sizes, Standalone, WithAlpha, WithError, ColorPicker_stories_default as default };
+//# sourceMappingURL=ColorPicker.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useForm","useState","YStack","Button","Form","ColorPicker","meta","title","component","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","format","showAlpha","presetColors","ColorPicker_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","brandColor","backgroundColor","textColor","onSubmit","param","value","children","gap","Standalone","args","render2","Basic","render3","Sizes","render4","maxWidth"],"sources":["../../../../src/fields/ColorPicker/ColorPicker.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}