@madebywild/sanity-color-field 0.2.2 → 0.2.4

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), asyncAutocomplete = require("@madebywild/sanity-utils/async-autocomplete"), ui = require("@sanity/ui"), color2k = require("color2k");
+var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), compilerRuntime = require("react/compiler-runtime"), asyncAutocomplete = require("@madebywild/sanity-utils/async-autocomplete"), ui = require("@sanity/ui"), color2k = require("color2k");
 function maybeGetLuminance(maybeColor) {
   try {
     const safeVar = maybeColor.replace(/^var\((.*)\)$/, "$1"), color = (safeVar.startsWith("--") ? getComputedStyle(document.documentElement).getPropertyValue(safeVar) : void 0)?.trim() || maybeColor;
@@ -10,57 +10,71 @@ function maybeGetLuminance(maybeColor) {
     return;
   }
 }
-function ColorInput({
-  pluginConfig,
-  ...props
-}) {
-  const options = props.schemaType.options, colorList = options?.colorList ?? pluginConfig.colorList, renderOption = options?.renderOption ?? pluginConfig.renderOption, renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    asyncAutocomplete.AsyncAutocomplete,
-    {
-      placeholder: "Select color",
-      noOptionsPlaceholder: "No colors found",
-      listItems: colorList,
-      value: props.value?.value,
-      renderValue: (value, opt) => opt?.label ?? value,
-      onChange: (value) => {
-        if (!value) return props.onChange(sanity.unset());
-        const luminance = maybeGetLuminance(value);
-        return props.onChange(sanity.set({ ...props.value, value, luminance }));
-      },
-      renderSelected: (value) => renderSelected ? renderSelected(value) : /* @__PURE__ */ jsxRuntime.jsx(ui.Avatar, { style: { backgroundColor: value } }),
-      renderOption: ({ label, value }) => renderOption ? renderOption({ label, value }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", padding: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Avatar, { size: 1, style: { backgroundColor: value } }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: label }) })
-      ] }) })
-    }
-  );
+function ColorInput(t0) {
+  const $ = compilerRuntime.c(15);
+  let pluginConfig, props;
+  $[0] !== t0 ? ({
+    pluginConfig,
+    ...props
+  } = t0, $[0] = t0, $[1] = pluginConfig, $[2] = props) : (pluginConfig = $[1], props = $[2]);
+  const options = props.schemaType.options, colorList = options?.colorList ?? pluginConfig.colorList, renderOption = options?.renderOption ?? pluginConfig.renderOption, renderSelected = options?.renderSelected ?? pluginConfig.renderSelected, t1 = props.value?.value;
+  let t2;
+  $[3] !== props ? (t2 = (value_0) => {
+    if (!value_0)
+      return props.onChange(sanity.unset());
+    const luminance = maybeGetLuminance(value_0);
+    return props.onChange(sanity.set({
+      ...props.value,
+      value: value_0,
+      luminance
+    }));
+  }, $[3] = props, $[4] = t2) : t2 = $[4];
+  let t3;
+  $[5] !== renderSelected ? (t3 = (value_1) => renderSelected ? renderSelected(value_1) : /* @__PURE__ */ jsxRuntime.jsx(ui.Avatar, { style: {
+    backgroundColor: value_1
+  } }), $[5] = renderSelected, $[6] = t3) : t3 = $[6];
+  let t4;
+  $[7] !== renderOption ? (t4 = (t52) => {
+    const {
+      label,
+      value: value_2
+    } = t52;
+    return renderOption ? renderOption({
+      label,
+      value: value_2
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { as: "button", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", padding: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Avatar, { size: 1, style: {
+        backgroundColor: value_2
+      } }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: label }) })
+    ] }) });
+  }, $[7] = renderOption, $[8] = t4) : t4 = $[8];
+  let t5;
+  return $[9] !== colorList || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(asyncAutocomplete.AsyncAutocomplete, { placeholder: "Select color", noOptionsPlaceholder: "No colors found", listItems: colorList, value: t1, renderValue: _temp, onChange: t2, renderSelected: t3, renderOption: t4 }), $[9] = colorList, $[10] = t1, $[11] = t2, $[12] = t3, $[13] = t4, $[14] = t5) : t5 = $[14], t5;
+}
+function _temp(value, opt) {
+  return opt?.label ?? value;
 }
 const typeName = "wild.color", wildSanityColorFieldPlugin = sanity.definePlugin((config) => ({
   name: "@madebywild/sanity-color-field",
   schema: {
-    types: [
-      sanity.defineType({
-        name: typeName,
-        type: "object",
-        title: "Color",
-        description: "Select a color.",
-        icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F3A8}" }),
-        components: {
-          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(ColorInput, { pluginConfig: config, ...props })
-        },
-        fields: [
-          sanity.defineField({
-            name: "value",
-            type: "string"
-          }),
-          sanity.defineField({
-            name: "luminance",
-            type: "number"
-          })
-        ]
-      })
-    ]
+    types: [sanity.defineType({
+      name: typeName,
+      type: "object",
+      title: "Color",
+      description: "Select a color.",
+      icon: () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u{1F3A8}" }),
+      components: {
+        input: (props) => /* @__PURE__ */ jsxRuntime.jsx(ColorInput, { pluginConfig: config, ...props })
+      },
+      fields: [sanity.defineField({
+        name: "value",
+        type: "string"
+      }), sanity.defineField({
+        name: "luminance",
+        type: "number"
+      })]
+    })]
   }
 }));
 exports.typeName = typeName;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\nfunction maybeGetLuminance(maybeColor: string) {\n  try {\n    // Try to unwrap CSS variable and look up its value.\n    // If it's not a CSS variable, assume it's a valid color string.\n    const safeVar = maybeColor.replace(/^var\\((.*)\\)$/, \"$1\");\n    const parsedVar = safeVar.startsWith(\"--\") ? getComputedStyle(document.documentElement).getPropertyValue(safeVar) : undefined;\n    const color = parsedVar?.trim() || maybeColor;\n    return getLuminance(color);\n  } catch (e) {\n    console.warn(\"Failed to extract color luminance\", e);\n    return undefined;\n  }\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = options?.colorList ?? pluginConfig.colorList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const luminance = maybeGetLuminance(value);\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Avatar style={{ backgroundColor: value }} />;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <Avatar size={1} style={{ backgroundColor: value }} />\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  colorList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  colorList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\"> & {\n      type: typeof typeName;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["getLuminance","jsx","AsyncAutocomplete","unset","set","Avatar","Card","Flex","Box","Text","definePlugin","defineType","Fragment","defineField"],"mappings":";;;AAaA,SAAS,kBAAkB,YAAoB;AAC7C,MAAI;AAGF,UAAM,UAAU,WAAW,QAAQ,iBAAiB,IAAI,GAElD,SADY,QAAQ,WAAW,IAAI,IAAI,iBAAiB,SAAS,eAAe,EAAE,iBAAiB,OAAO,IAAI,SAC3F,UAAU;AACnC,WAAOA,QAAAA,aAAa,KAAK;AAAA,EAC3B,SAAS,GAAG;AACV,YAAQ,KAAK,qCAAqC,CAAC;AACnD;AAAA,EACF;AACF;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,UAAU,MAAM,WAAW,SAC3B,YAAY,SAAS,aAAa,aAAa,WAC/C,eAAe,SAAS,gBAAgB,aAAa,cACrD,iBAAiB,SAAS,kBAAkB,aAAa;AAE/D,SACEC,2BAAAA;AAAAA,IAACC,kBAAAA;AAAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,sBAAqB;AAAA,MACrB,WAAW;AAAA,MACX,OAAO,MAAM,OAAO;AAAA,MACpB,aAAa,CAAC,OAAO,QAAQ,KAAK,SAAS;AAAA,MAC3C,UAAU,CAAC,UAAU;AACnB,YAAI,CAAC,MAAO,QAAO,MAAM,SAASC,OAAAA,OAAO;AACzC,cAAM,YAAY,kBAAkB,KAAK;AACzC,eAAO,MAAM,SAASC,OAAAA,IAAI,EAAE,GAAG,MAAM,OAAO,OAAO,UAAA,CAAW,CAAC;AAAA,MACjE;AAAA,MACA,gBAAgB,CAAC,UACX,iBAAuB,eAAe,KAAK,IACxCH,+BAACI,GAAAA,QAAA,EAAO,OAAO,EAAE,iBAAiB,QAAM,CAAG;AAAA,MAEpD,cAAc,CAAC,EAAE,OAAO,YAClB,eAAqB,aAAa,EAAE,OAAO,MAAA,CAAO,IAEpDJ,2BAAAA,IAACK,WAAK,IAAG,UACP,0CAACC,GAAAA,MAAA,EAAK,OAAM,UAAS,SAAS,GAC5B,UAAA;AAAA,QAAAN,+BAACI,GAAAA,UAAO,MAAM,GAAG,OAAO,EAAE,iBAAiB,SAAS;AAAA,QACpDJ,2BAAAA,IAACO,GAAAA,KAAA,EAAI,MAAM,GAAG,SAAS,GACrB,UAAAP,2BAAAA,IAACQ,GAAAA,MAAA,EAAK,MAAM,GAAI,UAAA,MAAA,CAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAKV;ACjEO,MAAM,WAAW,cCClB,6BAA6BC,OAAAA,aAA2B,CAAC,YACtD;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,OAAO;AAAA,MACLC,kBAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM,MAAMV,2BAAAA,IAAAW,WAAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,QAChB,YAAY;AAAA,UACV,OAAO,CAAC,UAAUX,+BAAC,cAAW,cAAc,QAAS,GAAG,MAAA,CAAO;AAAA,QAAA;AAAA,QAEjE,QAAQ;AAAA,UACNY,mBAAY;AAAA,YACV,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACP;AAAA,UACDA,mBAAY;AAAA,YACV,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACP;AAAA,QAAA;AAAA,MACH,CACD;AAAA,IAAA;AAAA,EACH;AAEJ,EACD;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\nfunction maybeGetLuminance(maybeColor: string) {\n  try {\n    // Try to unwrap CSS variable and look up its value.\n    // If it's not a CSS variable, assume it's a valid color string.\n    const safeVar = maybeColor.replace(/^var\\((.*)\\)$/, \"$1\");\n    const parsedVar = safeVar.startsWith(\"--\") ? getComputedStyle(document.documentElement).getPropertyValue(safeVar) : undefined;\n    const color = parsedVar?.trim() || maybeColor;\n    return getLuminance(color);\n  } catch (e) {\n    console.warn(\"Failed to extract color luminance\", e);\n    return undefined;\n  }\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = options?.colorList ?? pluginConfig.colorList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const luminance = maybeGetLuminance(value);\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Avatar style={{ backgroundColor: value }} />;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <Avatar size={1} style={{ backgroundColor: value }} />\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  colorList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  colorList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["maybeGetLuminance","maybeColor","safeVar","replace","color","startsWith","getComputedStyle","document","documentElement","getPropertyValue","undefined","trim","getLuminance","e","console","warn","ColorInput","t0","$","_c","pluginConfig","props","options","schemaType","colorList","renderOption","renderSelected","t1","value","t2","value_0","onChange","unset","luminance","set","t3","value_1","jsx","Avatar","backgroundColor","t4","t5","label","value_2","Card","jsxs","Flex","Box","Text","AsyncAutocomplete","_temp","opt","typeName","wildSanityColorFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","Fragment","components","input","fields","defineField"],"mappings":"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"}

package/dist/index.d.cts

@@ -30,8 +30,9 @@ type FieldOptions = StringOptions & {
 };
 declare module "sanity" {
   interface IntrinsicDefinitions {
-    [typeName]: Omit<StringDefinition, "type" | "fields"> & {
+    [typeName]: Omit<StringDefinition, "type" | "fields" | "options"> & {
       type: typeof typeName;
+      options?: FieldOptions;
     };
   }
 }

package/dist/index.d.ts

@@ -30,8 +30,9 @@ type FieldOptions = StringOptions & {
 };
 declare module "sanity" {
   interface IntrinsicDefinitions {
-    [typeName]: Omit<StringDefinition, "type" | "fields"> & {
+    [typeName]: Omit<StringDefinition, "type" | "fields" | "options"> & {
       type: typeof typeName;
+      options?: FieldOptions;
     };
   }
 }

package/dist/index.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { unset, set, definePlugin, defineType, defineField } from "sanity";
+import { c } from "react/compiler-runtime";
 import { AsyncAutocomplete } from "@madebywild/sanity-utils/async-autocomplete";
-import { Card, Flex, Avatar, Box, Text } from "@sanity/ui";
+import { Avatar, Card, Flex, Box, Text } from "@sanity/ui";
 import { getLuminance } from "color2k";
 function maybeGetLuminance(maybeColor) {
   try {
@@ -12,57 +13,71 @@ function maybeGetLuminance(maybeColor) {
     return;
   }
 }
-function ColorInput({
-  pluginConfig,
-  ...props
-}) {
-  const options = props.schemaType.options, colorList = options?.colorList ?? pluginConfig.colorList, renderOption = options?.renderOption ?? pluginConfig.renderOption, renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;
-  return /* @__PURE__ */ jsx(
-    AsyncAutocomplete,
-    {
-      placeholder: "Select color",
-      noOptionsPlaceholder: "No colors found",
-      listItems: colorList,
-      value: props.value?.value,
-      renderValue: (value, opt) => opt?.label ?? value,
-      onChange: (value) => {
-        if (!value) return props.onChange(unset());
-        const luminance = maybeGetLuminance(value);
-        return props.onChange(set({ ...props.value, value, luminance }));
-      },
-      renderSelected: (value) => renderSelected ? renderSelected(value) : /* @__PURE__ */ jsx(Avatar, { style: { backgroundColor: value } }),
-      renderOption: ({ label, value }) => renderOption ? renderOption({ label, value }) : /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsxs(Flex, { align: "center", padding: 2, children: [
-        /* @__PURE__ */ jsx(Avatar, { size: 1, style: { backgroundColor: value } }),
-        /* @__PURE__ */ jsx(Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsx(Text, { size: 2, children: label }) })
-      ] }) })
-    }
-  );
+function ColorInput(t0) {
+  const $ = c(15);
+  let pluginConfig, props;
+  $[0] !== t0 ? ({
+    pluginConfig,
+    ...props
+  } = t0, $[0] = t0, $[1] = pluginConfig, $[2] = props) : (pluginConfig = $[1], props = $[2]);
+  const options = props.schemaType.options, colorList = options?.colorList ?? pluginConfig.colorList, renderOption = options?.renderOption ?? pluginConfig.renderOption, renderSelected = options?.renderSelected ?? pluginConfig.renderSelected, t1 = props.value?.value;
+  let t2;
+  $[3] !== props ? (t2 = (value_0) => {
+    if (!value_0)
+      return props.onChange(unset());
+    const luminance = maybeGetLuminance(value_0);
+    return props.onChange(set({
+      ...props.value,
+      value: value_0,
+      luminance
+    }));
+  }, $[3] = props, $[4] = t2) : t2 = $[4];
+  let t3;
+  $[5] !== renderSelected ? (t3 = (value_1) => renderSelected ? renderSelected(value_1) : /* @__PURE__ */ jsx(Avatar, { style: {
+    backgroundColor: value_1
+  } }), $[5] = renderSelected, $[6] = t3) : t3 = $[6];
+  let t4;
+  $[7] !== renderOption ? (t4 = (t52) => {
+    const {
+      label,
+      value: value_2
+    } = t52;
+    return renderOption ? renderOption({
+      label,
+      value: value_2
+    }) : /* @__PURE__ */ jsx(Card, { as: "button", children: /* @__PURE__ */ jsxs(Flex, { align: "center", padding: 2, children: [
+      /* @__PURE__ */ jsx(Avatar, { size: 1, style: {
+        backgroundColor: value_2
+      } }),
+      /* @__PURE__ */ jsx(Box, { flex: 1, padding: 2, children: /* @__PURE__ */ jsx(Text, { size: 2, children: label }) })
+    ] }) });
+  }, $[7] = renderOption, $[8] = t4) : t4 = $[8];
+  let t5;
+  return $[9] !== colorList || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 ? (t5 = /* @__PURE__ */ jsx(AsyncAutocomplete, { placeholder: "Select color", noOptionsPlaceholder: "No colors found", listItems: colorList, value: t1, renderValue: _temp, onChange: t2, renderSelected: t3, renderOption: t4 }), $[9] = colorList, $[10] = t1, $[11] = t2, $[12] = t3, $[13] = t4, $[14] = t5) : t5 = $[14], t5;
+}
+function _temp(value, opt) {
+  return opt?.label ?? value;
 }
 const typeName = "wild.color", wildSanityColorFieldPlugin = definePlugin((config) => ({
   name: "@madebywild/sanity-color-field",
   schema: {
-    types: [
-      defineType({
-        name: typeName,
-        type: "object",
-        title: "Color",
-        description: "Select a color.",
-        icon: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F3A8}" }),
-        components: {
-          input: (props) => /* @__PURE__ */ jsx(ColorInput, { pluginConfig: config, ...props })
-        },
-        fields: [
-          defineField({
-            name: "value",
-            type: "string"
-          }),
-          defineField({
-            name: "luminance",
-            type: "number"
-          })
-        ]
-      })
-    ]
+    types: [defineType({
+      name: typeName,
+      type: "object",
+      title: "Color",
+      description: "Select a color.",
+      icon: () => /* @__PURE__ */ jsx(Fragment, { children: "\u{1F3A8}" }),
+      components: {
+        input: (props) => /* @__PURE__ */ jsx(ColorInput, { pluginConfig: config, ...props })
+      },
+      fields: [defineField({
+        name: "value",
+        type: "string"
+      }), defineField({
+        name: "luminance",
+        type: "number"
+      })]
+    })]
   }
 }));
 export {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\nfunction maybeGetLuminance(maybeColor: string) {\n  try {\n    // Try to unwrap CSS variable and look up its value.\n    // If it's not a CSS variable, assume it's a valid color string.\n    const safeVar = maybeColor.replace(/^var\\((.*)\\)$/, \"$1\");\n    const parsedVar = safeVar.startsWith(\"--\") ? getComputedStyle(document.documentElement).getPropertyValue(safeVar) : undefined;\n    const color = parsedVar?.trim() || maybeColor;\n    return getLuminance(color);\n  } catch (e) {\n    console.warn(\"Failed to extract color luminance\", e);\n    return undefined;\n  }\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = options?.colorList ?? pluginConfig.colorList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const luminance = maybeGetLuminance(value);\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Avatar style={{ backgroundColor: value }} />;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <Avatar size={1} style={{ backgroundColor: value }} />\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  colorList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  colorList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\"> & {\n      type: typeof typeName;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":[],"mappings":";;;;;AAaA,SAAS,kBAAkB,YAAoB;AAC7C,MAAI;AAGF,UAAM,UAAU,WAAW,QAAQ,iBAAiB,IAAI,GAElD,SADY,QAAQ,WAAW,IAAI,IAAI,iBAAiB,SAAS,eAAe,EAAE,iBAAiB,OAAO,IAAI,SAC3F,UAAU;AACnC,WAAO,aAAa,KAAK;AAAA,EAC3B,SAAS,GAAG;AACV,YAAQ,KAAK,qCAAqC,CAAC;AACnD;AAAA,EACF;AACF;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,UAAU,MAAM,WAAW,SAC3B,YAAY,SAAS,aAAa,aAAa,WAC/C,eAAe,SAAS,gBAAgB,aAAa,cACrD,iBAAiB,SAAS,kBAAkB,aAAa;AAE/D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,sBAAqB;AAAA,MACrB,WAAW;AAAA,MACX,OAAO,MAAM,OAAO;AAAA,MACpB,aAAa,CAAC,OAAO,QAAQ,KAAK,SAAS;AAAA,MAC3C,UAAU,CAAC,UAAU;AACnB,YAAI,CAAC,MAAO,QAAO,MAAM,SAAS,OAAO;AACzC,cAAM,YAAY,kBAAkB,KAAK;AACzC,eAAO,MAAM,SAAS,IAAI,EAAE,GAAG,MAAM,OAAO,OAAO,UAAA,CAAW,CAAC;AAAA,MACjE;AAAA,MACA,gBAAgB,CAAC,UACX,iBAAuB,eAAe,KAAK,IACxC,oBAAC,QAAA,EAAO,OAAO,EAAE,iBAAiB,QAAM,CAAG;AAAA,MAEpD,cAAc,CAAC,EAAE,OAAO,YAClB,eAAqB,aAAa,EAAE,OAAO,MAAA,CAAO,IAEpD,oBAAC,QAAK,IAAG,UACP,+BAAC,MAAA,EAAK,OAAM,UAAS,SAAS,GAC5B,UAAA;AAAA,QAAA,oBAAC,UAAO,MAAM,GAAG,OAAO,EAAE,iBAAiB,SAAS;AAAA,QACpD,oBAAC,KAAA,EAAI,MAAM,GAAG,SAAS,GACrB,UAAA,oBAAC,MAAA,EAAK,MAAM,GAAI,UAAA,MAAA,CAAM,EAAA,CACxB;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAKV;ACjEO,MAAM,WAAW,cCClB,6BAA6B,aAA2B,CAAC,YACtD;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM,MAAM,oBAAA,UAAA,EAAE,UAAA,YAAA,CAAE;AAAA,QAChB,YAAY;AAAA,UACV,OAAO,CAAC,UAAU,oBAAC,cAAW,cAAc,QAAS,GAAG,MAAA,CAAO;AAAA,QAAA;AAAA,QAEjE,QAAQ;AAAA,UACN,YAAY;AAAA,YACV,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACP;AAAA,UACD,YAAY;AAAA,YACV,MAAM;AAAA,YACN,MAAM;AAAA,UAAA,CACP;AAAA,QAAA;AAAA,MACH,CACD;AAAA,IAAA;AAAA,EACH;AAEJ,EACD;"}
+{"version":3,"file":"index.js","sources":["../src/input.tsx","../src/types.tsx","../src/index.tsx"],"sourcesContent":["import { AsyncAutocomplete } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport { Avatar, Box, Card, Flex, Text } from \"@sanity/ui\";\nimport { getLuminance } from \"color2k\";\nimport { type ObjectInputProps, set, unset } from \"sanity\";\nimport type { FieldOptions, PluginConfig } from \"./types\";\n\ntype FieldValues = {\n  // The selected value from the color list.\n  value?: string;\n  // The calculated luminance of the selected color (0 to 1).\n  luminance?: number;\n};\n\nfunction maybeGetLuminance(maybeColor: string) {\n  try {\n    // Try to unwrap CSS variable and look up its value.\n    // If it's not a CSS variable, assume it's a valid color string.\n    const safeVar = maybeColor.replace(/^var\\((.*)\\)$/, \"$1\");\n    const parsedVar = safeVar.startsWith(\"--\") ? getComputedStyle(document.documentElement).getPropertyValue(safeVar) : undefined;\n    const color = parsedVar?.trim() || maybeColor;\n    return getLuminance(color);\n  } catch (e) {\n    console.warn(\"Failed to extract color luminance\", e);\n    return undefined;\n  }\n}\n\nfunction ColorInput({\n  pluginConfig,\n  ...props\n}: ObjectInputProps<FieldValues> & {\n  pluginConfig: PluginConfig;\n}) {\n  const options = props.schemaType.options as FieldOptions | undefined;\n  const colorList = options?.colorList ?? pluginConfig.colorList;\n  const renderOption = options?.renderOption ?? pluginConfig.renderOption;\n  const renderSelected = options?.renderSelected ?? pluginConfig.renderSelected;\n\n  return (\n    <AsyncAutocomplete\n      placeholder=\"Select color\"\n      noOptionsPlaceholder=\"No colors found\"\n      listItems={colorList}\n      value={props.value?.value}\n      renderValue={(value, opt) => opt?.label ?? value}\n      onChange={(value) => {\n        if (!value) return props.onChange(unset());\n        const luminance = maybeGetLuminance(value);\n        return props.onChange(set({ ...props.value, value, luminance }));\n      }}\n      renderSelected={(value) => {\n        if (renderSelected) return renderSelected(value);\n        return <Avatar style={{ backgroundColor: value }} />;\n      }}\n      renderOption={({ label, value }) => {\n        if (renderOption) return renderOption({ label, value });\n        return (\n          <Card as=\"button\">\n            <Flex align=\"center\" padding={2}>\n              <Avatar size={1} style={{ backgroundColor: value }} />\n              <Box flex={1} padding={2}>\n                <Text size={2}>{label}</Text>\n              </Box>\n            </Flex>\n          </Card>\n        );\n      }}\n    />\n  );\n}\n\nexport { ColorInput };\n","import type { ListItems } from \"@madebywild/sanity-utils/async-autocomplete\";\nimport type { StringDefinition, StringOptions } from \"sanity\";\n\n/** @public */\nexport const typeName = \"wild.color\" as const;\n\n/** @public */\nexport type PluginConfig = {\n  colorList: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n/** @public */\nexport type FieldOptions = StringOptions & {\n  colorList?: ListItems;\n  renderSelected?: (value: string) => React.JSX.Element;\n  renderOption?: (item: { label?: string; value: string }) => React.JSX.Element;\n};\n\n// Add the custom field definition to Sanity's intrinsic definitions\n// so that type checking works correctly when using this field type.\ndeclare module \"sanity\" {\n  export interface IntrinsicDefinitions {\n    [typeName]: Omit<StringDefinition, \"type\" | \"fields\" | \"options\"> & {\n      type: typeof typeName;\n      options?: FieldOptions;\n    };\n  }\n}\n","import { defineField, definePlugin, defineType } from \"sanity\";\nimport { ColorInput } from \"./input\";\nimport { type FieldOptions, type PluginConfig, typeName } from \"./types\";\n\n/** @public */\nconst wildSanityColorFieldPlugin = definePlugin<PluginConfig>((config) => {\n  return {\n    name: \"@madebywild/sanity-color-field\",\n    schema: {\n      types: [\n        defineType({\n          name: typeName,\n          type: \"object\",\n          title: \"Color\",\n          description: \"Select a color.\",\n          icon: () => <>🎨</>,\n          components: {\n            input: (props) => <ColorInput pluginConfig={config} {...props} />,\n          },\n          fields: [\n            defineField({\n              name: \"value\",\n              type: \"string\",\n            }),\n            defineField({\n              name: \"luminance\",\n              type: \"number\",\n            }),\n          ],\n        }),\n      ],\n    },\n  };\n});\n\nexport { wildSanityColorFieldPlugin, typeName, type PluginConfig, type FieldOptions };\n"],"names":["maybeGetLuminance","maybeColor","safeVar","replace","color","startsWith","getComputedStyle","document","documentElement","getPropertyValue","undefined","trim","getLuminance","e","console","warn","ColorInput","t0","$","_c","pluginConfig","props","options","schemaType","colorList","renderOption","renderSelected","t1","value","t2","value_0","onChange","unset","luminance","set","t3","value_1","backgroundColor","t4","t5","label","value_2","_temp","opt","typeName","wildSanityColorFieldPlugin","definePlugin","config","name","schema","types","defineType","type","title","description","icon","components","input","fields","defineField"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madebywild/sanity-color-field",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "sideEffects": false,
   "license": "UNLICENSED",
@@ -22,22 +22,23 @@
   },
   "dependencies": {
     "color2k": "2.0.3",
-    "@madebywild/sanity-utils": "0.2.2"
+    "@madebywild/sanity-utils": "0.2.4"
   },
   "peerDependencies": {
     "@sanity/ui": "^3.1",
-    "sanity": "^4.17",
     "react": "^19",
-    "react-dom": "^19"
+    "react-dom": "^19",
+    "sanity": "^4.17"
   },
   "devDependencies": {
     "@sanity/pkg-utils": "^9.2",
-    "sanity": "^4.17",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "1.0.0",
     "react": "^19",
     "react-dom": "^19",
-    "typescript": "^5",
-    "@types/react": "^19",
-    "@types/react-dom": "^19"
+    "sanity": "^4.17",
+    "typescript": "^5"
   },
   "scripts": {
     "build": "pkg-utils build --strict",

package/src/types.tsx

@@ -22,8 +22,9 @@ export type FieldOptions = StringOptions & {
 // so that type checking works correctly when using this field type.
 declare module "sanity" {
   export interface IntrinsicDefinitions {
-    [typeName]: Omit<StringDefinition, "type" | "fields"> & {
+    [typeName]: Omit<StringDefinition, "type" | "fields" | "options"> & {
       type: typeof typeName;
+      options?: FieldOptions;
     };
   }
 }