@telegraph/select 0.0.12 → 0.0.14

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @telegraph/select
 
+## 0.0.14
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @telegraph/combobox@0.0.52
+
+## 0.0.13
+
+### Patch Changes
+
+- [`6d87d10`](https://github.com/knocklabs/telegraph/commit/6d87d102d5ece0eae0a9dc5a33c67c183c7f510e) Thanks [@kylemcd](https://github.com/kylemcd)! - remove logic now contained in combobox from select component
+
 ## 0.0.12
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("@telegraph/combobox"),c=require("react"),C=({size:l="1",multiple:s=!1,value:e,onValueChange:p,triggerProps:x,contentProps:m,optionsProps:d,children:b,...f})=>{const u=c.useMemo(()=>c.Children.toArray(b).filter(o=>c.isValidElement(o)&&o.props.value).map(o=>{var n;const t=o;return{value:t.props.value,label:((n=t.props)==null?void 0:n.children)||t.props.value}}),[b]),j=c.useMemo(()=>{var r;return s&&e&&Array.isArray(e)?e.map(o=>{var t;return{value:o,label:(t=u.find(n=>n.value===o))==null?void 0:t.label}}):e?{value:e,label:(r=u.find(o=>o.value===e))==null?void 0:r.label}:void 0},[s,e,u]);return i.jsxs(a.Combobox.Root,{value:j,onValueChange:r=>{if(s&&r&&Array.isArray(r)){const n=p;n==null||n(r.map(y=>y.value));return}const o=p,t=r.value;o(t)},closeOnSelect:!s,...f,children:[i.jsx(a.Combobox.Trigger,{size:l,...x}),i.jsx(a.Combobox.Content,{...m,children:i.jsx(a.Combobox.Options,{...d,children:b})})]})},O=({value:l,children:s,...e})=>i.jsx(a.Combobox.Option,{value:l,label:s,...e}),S={Root:C,Option:O};exports.Select=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("@telegraph/combobox"),l=({size:r="1",value:t,onValueChange:n,triggerProps:s,contentProps:b,optionsProps:c,children:i,...x})=>o.jsxs(e.Combobox.Root,{value:t,onValueChange:n,closeOnSelect:!Array.isArray(t),...x,children:[o.jsx(e.Combobox.Trigger,{size:r,...s}),o.jsx(e.Combobox.Content,{...b,children:o.jsx(e.Combobox.Options,{...c,children:i})})]}),m=({value:r,children:t,...n})=>o.jsx(e.Combobox.Option,{value:r,label:t,...n}),j={Root:l,Option:m};exports.Select=j;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\nimport React from \"react\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype SingleValue = string;\ntype MultipleValue = Array<string>;\n\ntype RootProps = Omit<\n  TgphComponentProps<typeof Combobox.Root>,\n  \"value\" | \"onValueChange\" | \"layout\"\n> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n  multiple?: boolean;\n} & (\n    | {\n        multiple?: true;\n        value?: MultipleValue;\n        onValueChange?: (value: MultipleValue) => void;\n        layout?: TgphComponentProps<typeof Combobox.Root>[\"layout\"];\n      }\n    | {\n        multiple?: false;\n        value?: SingleValue;\n        onValueChange?: (value: SingleValue) => void;\n        layout?: never;\n      }\n  );\n\nconst Root = ({\n  size = \"1\",\n  multiple = false,\n  value,\n  onValueChange,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  // Get all of the options passed into Select so that we can display\n  // the label of the selected option in the trigger.\n  const options = React.useMemo(() => {\n    const options = React.Children.toArray(children)\n      // Filter down to the components that are Option components\n      .filter((child) => {\n        return React.isValidElement(child) && child.props.value;\n      })\n      // Map the Option components to an array of objects that have a value and label\n      // so that we can display the label of the selected option in the trigger.\n      .map((child) => {\n        const childOption = child as React.ReactElement<OptionProps>;\n        return {\n          value: childOption.props.value,\n          // If the Option component has a label, use it. Otherwise, use the value\n          // so that we can display something.\n          label: childOption.props?.children || childOption.props.value,\n        };\n      });\n\n    return options;\n  }, [children]);\n\n  const derivedValue = React.useMemo(() => {\n    if (multiple && value && Array.isArray(value)) {\n      return value.map((v) => ({\n        value: v,\n        label: options.find((o) => o.value === v)?.label,\n      }));\n    }\n    return value\n      ? {\n          value: value as string,\n          label: options.find((o) => o.value === value)?.label,\n        }\n      : undefined;\n  }, [multiple, value, options]);\n\n  return (\n    <Combobox.Root\n      value={derivedValue}\n      onValueChange={(value) => {\n        if (multiple && value && Array.isArray(value)) {\n          const changeFn = onValueChange as (value: MultipleValue) => void;\n          changeFn?.(value.map((v) => v.value));\n          return;\n        }\n\n        const changeFn = onValueChange as (value: SingleValue) => void;\n        const valueString = (value as { value: string }).value;\n        changeFn(valueString);\n      }}\n      closeOnSelect={!multiple}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","multiple","value","onValueChange","triggerProps","contentProps","optionsProps","children","props","options","React","child","childOption","_a","derivedValue","v","o","jsxs","Combobox","changeFn","valueString","jsx","Option","Select"],"mappings":"yKAiCMA,EAAO,CAAC,CACZ,KAAAC,EAAO,IACP,SAAAC,EAAW,GACX,MAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAiB,CAGT,MAAAC,EAAUC,EAAM,QAAQ,IACZA,EAAM,SAAS,QAAQH,CAAQ,EAE5C,OAAQI,GACAD,EAAM,eAAeC,CAAK,GAAKA,EAAM,MAAM,KACnD,EAGA,IAAKA,GAAU,OACd,MAAMC,EAAcD,EACb,MAAA,CACL,MAAOC,EAAY,MAAM,MAGzB,QAAOC,EAAAD,EAAY,QAAZ,YAAAC,EAAmB,WAAYD,EAAY,MAAM,KAAA,CAC1D,CACD,EAGF,CAACL,CAAQ,CAAC,EAEPO,EAAeJ,EAAM,QAAQ,IAAM,OACvC,OAAIT,GAAYC,GAAS,MAAM,QAAQA,CAAK,EACnCA,EAAM,IAAKa,GAAO,OAAA,OACvB,MAAOA,EACP,OAAOF,EAAAJ,EAAQ,KAAMO,GAAMA,EAAE,QAAUD,CAAC,IAAjC,YAAAF,EAAoC,KAC3C,EAAA,EAEGX,EACH,CACE,MAAAA,EACA,OAAOW,EAAAJ,EAAQ,KAAM,GAAM,EAAE,QAAUP,CAAK,IAArC,YAAAW,EAAwC,KAEjD,EAAA,MACH,EAAA,CAACZ,EAAUC,EAAOO,CAAO,CAAC,EAG3B,OAAAQ,EAAA,KAACC,EAAAA,SAAS,KAAT,CACC,MAAOJ,EACP,cAAgBZ,GAAU,CACxB,GAAID,GAAYC,GAAS,MAAM,QAAQA,CAAK,EAAG,CAC7C,MAAMiB,EAAWhB,EACjBgB,GAAAA,MAAAA,EAAWjB,EAAM,IAAKa,GAAMA,EAAE,KAAK,GACnC,MACF,CAEA,MAAMI,EAAWhB,EACXiB,EAAelB,EAA4B,MACjDiB,EAASC,CAAW,CACtB,EACA,cAAe,CAACnB,EACf,GAAGO,EAEJ,SAAA,CAAAa,EAAA,IAACH,EAAS,SAAA,QAAT,CAAiB,KAAAlB,EAAa,GAAGI,CAAc,CAAA,EAC/CiB,EAAAA,IAAAH,EAAAA,SAAS,QAAT,CAAkB,GAAGb,EACpB,SAACgB,EAAAA,IAAAH,EAAA,SAAS,QAAT,CAAkB,GAAGZ,EAAe,SAAAC,EAAS,CAChD,CAAA,CAAA,CAAA,CAAA,CAGN,EAIMe,EAAS,CAAC,CAAE,MAAApB,EAAO,SAAAK,EAAU,GAAGC,KAC7Ba,EAAA,IAACH,WAAS,OAAT,CAAgB,MAAAhB,EAAc,MAAOK,EAAW,GAAGC,CAAO,CAAA,EAG9De,EAAS,CAAE,KAAAxB,EAAM,OAAAuB,CAAO"}
+{"version":3,"file":"index.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype RootProps = TgphComponentProps<typeof Combobox.Root> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n};\nconst Root = ({\n  size = \"1\",\n  value,\n  onValueChange,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Combobox.Root\n      value={value}\n      onValueChange={onValueChange}\n      closeOnSelect={!Array.isArray(value)}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","value","onValueChange","triggerProps","contentProps","optionsProps","children","props","jsxs","Combobox","jsx","Option","Select"],"mappings":"sJAWMA,EAAO,CAAC,CACZ,KAAAC,EAAO,IACP,MAAAC,EACA,cAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,KAACC,EAAAA,SAAS,KAAT,CACC,MAAAR,EACA,cAAAC,EACA,cAAe,CAAC,MAAM,QAAQD,CAAK,EAClC,GAAGM,EAEJ,SAAA,CAAAG,EAAA,IAACD,EAAS,SAAA,QAAT,CAAiB,KAAAT,EAAa,GAAGG,CAAc,CAAA,EAC/CO,EAAAA,IAAAD,EAAAA,SAAS,QAAT,CAAkB,GAAGL,EACpB,SAACM,MAAAD,EAAAA,SAAS,QAAT,CAAkB,GAAGJ,EAAe,SAAAC,CAAS,CAAA,CAChD,CAAA,CAAA,CAAA,CACF,EAMEK,EAAS,CAAC,CAAE,MAAAV,EAAO,SAAAK,EAAU,GAAGC,KAC7BG,EAAA,IAACD,WAAS,OAAT,CAAgB,MAAAR,EAAc,MAAOK,EAAW,GAAGC,EAAO,EAG9DK,EAAS,CAAE,KAAAb,EAAM,OAAAY,CAAO"}

package/dist/esm/index.mjs

@@ -1,62 +1,28 @@
-import { jsxs as x, jsx as p } from "react/jsx-runtime";
-import { Combobox as i } from "@telegraph/combobox";
-import a from "react";
-const g = ({
-  size: l = "1",
-  multiple: s = !1,
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { Combobox as o } from "@telegraph/combobox";
+const x = ({
+  size: n = "1",
   value: r,
-  onValueChange: u,
-  triggerProps: f,
-  contentProps: b,
-  optionsProps: d,
-  children: c,
-  ...y
-}) => {
-  const m = a.useMemo(() => a.Children.toArray(c).filter((o) => a.isValidElement(o) && o.props.value).map((o) => {
-    var n;
-    const e = o;
-    return {
-      value: e.props.value,
-      // If the Option component has a label, use it. Otherwise, use the value
-      // so that we can display something.
-      label: ((n = e.props) == null ? void 0 : n.children) || e.props.value
-    };
-  }), [c]), A = a.useMemo(() => {
-    var t;
-    return s && r && Array.isArray(r) ? r.map((o) => {
-      var e;
-      return {
-        value: o,
-        label: (e = m.find((n) => n.value === o)) == null ? void 0 : e.label
-      };
-    }) : r ? {
-      value: r,
-      label: (t = m.find((o) => o.value === r)) == null ? void 0 : t.label
-    } : void 0;
-  }, [s, r, m]);
-  return /* @__PURE__ */ x(
-    i.Root,
-    {
-      value: A,
-      onValueChange: (t) => {
-        if (s && t && Array.isArray(t)) {
-          const n = u;
-          n == null || n(t.map((O) => O.value));
-          return;
-        }
-        const o = u, e = t.value;
-        o(e);
-      },
-      closeOnSelect: !s,
-      ...y,
-      children: [
-        /* @__PURE__ */ p(i.Trigger, { size: l, ...f }),
-        /* @__PURE__ */ p(i.Content, { ...b, children: /* @__PURE__ */ p(i.Options, { ...d, children: c }) })
-      ]
-    }
-  );
-}, v = ({ value: l, children: s, ...r }) => /* @__PURE__ */ p(i.Option, { value: l, label: s, ...r }), h = { Root: g, Option: v };
+  onValueChange: e,
+  triggerProps: i,
+  contentProps: s,
+  optionsProps: c,
+  children: l,
+  ...p
+}) => /* @__PURE__ */ m(
+  o.Root,
+  {
+    value: r,
+    onValueChange: e,
+    closeOnSelect: !Array.isArray(r),
+    ...p,
+    children: [
+      /* @__PURE__ */ t(o.Trigger, { size: n, ...i }),
+      /* @__PURE__ */ t(o.Content, { ...s, children: /* @__PURE__ */ t(o.Options, { ...c, children: l }) })
+    ]
+  }
+), O = ({ value: n, children: r, ...e }) => /* @__PURE__ */ t(o.Option, { value: n, label: r, ...e }), d = { Root: x, Option: O };
 export {
-  h as Select
+  d as Select
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\nimport React from \"react\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype SingleValue = string;\ntype MultipleValue = Array<string>;\n\ntype RootProps = Omit<\n  TgphComponentProps<typeof Combobox.Root>,\n  \"value\" | \"onValueChange\" | \"layout\"\n> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n  multiple?: boolean;\n} & (\n    | {\n        multiple?: true;\n        value?: MultipleValue;\n        onValueChange?: (value: MultipleValue) => void;\n        layout?: TgphComponentProps<typeof Combobox.Root>[\"layout\"];\n      }\n    | {\n        multiple?: false;\n        value?: SingleValue;\n        onValueChange?: (value: SingleValue) => void;\n        layout?: never;\n      }\n  );\n\nconst Root = ({\n  size = \"1\",\n  multiple = false,\n  value,\n  onValueChange,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  // Get all of the options passed into Select so that we can display\n  // the label of the selected option in the trigger.\n  const options = React.useMemo(() => {\n    const options = React.Children.toArray(children)\n      // Filter down to the components that are Option components\n      .filter((child) => {\n        return React.isValidElement(child) && child.props.value;\n      })\n      // Map the Option components to an array of objects that have a value and label\n      // so that we can display the label of the selected option in the trigger.\n      .map((child) => {\n        const childOption = child as React.ReactElement<OptionProps>;\n        return {\n          value: childOption.props.value,\n          // If the Option component has a label, use it. Otherwise, use the value\n          // so that we can display something.\n          label: childOption.props?.children || childOption.props.value,\n        };\n      });\n\n    return options;\n  }, [children]);\n\n  const derivedValue = React.useMemo(() => {\n    if (multiple && value && Array.isArray(value)) {\n      return value.map((v) => ({\n        value: v,\n        label: options.find((o) => o.value === v)?.label,\n      }));\n    }\n    return value\n      ? {\n          value: value as string,\n          label: options.find((o) => o.value === value)?.label,\n        }\n      : undefined;\n  }, [multiple, value, options]);\n\n  return (\n    <Combobox.Root\n      value={derivedValue}\n      onValueChange={(value) => {\n        if (multiple && value && Array.isArray(value)) {\n          const changeFn = onValueChange as (value: MultipleValue) => void;\n          changeFn?.(value.map((v) => v.value));\n          return;\n        }\n\n        const changeFn = onValueChange as (value: SingleValue) => void;\n        const valueString = (value as { value: string }).value;\n        changeFn(valueString);\n      }}\n      closeOnSelect={!multiple}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","multiple","value","onValueChange","triggerProps","contentProps","optionsProps","children","props","options","React","child","childOption","_a","derivedValue","v","o","jsxs","Combobox","changeFn","valueString","jsx","Option","Select"],"mappings":";;;AAiCA,MAAMA,IAAO,CAAC;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAiB;AAGT,QAAAC,IAAUC,EAAM,QAAQ,MACZA,EAAM,SAAS,QAAQH,CAAQ,EAE5C,OAAO,CAACI,MACAD,EAAM,eAAeC,CAAK,KAAKA,EAAM,MAAM,KACnD,EAGA,IAAI,CAACA,MAAU;;AACd,UAAMC,IAAcD;AACb,WAAA;AAAA,MACL,OAAOC,EAAY,MAAM;AAAA;AAAA;AAAA,MAGzB,SAAOC,IAAAD,EAAY,UAAZ,gBAAAC,EAAmB,aAAYD,EAAY,MAAM;AAAA,IAAA;AAAA,EAC1D,CACD,GAGF,CAACL,CAAQ,CAAC,GAEPO,IAAeJ,EAAM,QAAQ,MAAM;;AACvC,WAAIT,KAAYC,KAAS,MAAM,QAAQA,CAAK,IACnCA,EAAM,IAAI,CAACa,MAAO;;AAAA;AAAA,QACvB,OAAOA;AAAA,QACP,QAAOF,IAAAJ,EAAQ,KAAK,CAACO,MAAMA,EAAE,UAAUD,CAAC,MAAjC,gBAAAF,EAAoC;AAAA,MAC3C;AAAA,KAAA,IAEGX,IACH;AAAA,MACE,OAAAA;AAAA,MACA,QAAOW,IAAAJ,EAAQ,KAAK,CAAC,MAAM,EAAE,UAAUP,CAAK,MAArC,gBAAAW,EAAwC;AAAA,IAEjD,IAAA;AAAA,EACH,GAAA,CAACZ,GAAUC,GAAOO,CAAO,CAAC;AAG3B,SAAA,gBAAAQ;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,OAAOJ;AAAA,MACP,eAAe,CAACZ,MAAU;AACxB,YAAID,KAAYC,KAAS,MAAM,QAAQA,CAAK,GAAG;AAC7C,gBAAMiB,IAAWhB;AACjBgB,UAAAA,KAAAA,QAAAA,EAAWjB,EAAM,IAAI,CAACa,MAAMA,EAAE,KAAK;AACnC;AAAA,QACF;AAEA,cAAMI,IAAWhB,GACXiB,IAAelB,EAA4B;AACjD,QAAAiB,EAASC,CAAW;AAAA,MACtB;AAAA,MACA,eAAe,CAACnB;AAAA,MACf,GAAGO;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAa,EAACH,EAAS,SAAT,EAAiB,MAAAlB,GAAa,GAAGI,EAAc,CAAA;AAAA,QAC/C,gBAAAiB,EAAAH,EAAS,SAAT,EAAkB,GAAGb,GACpB,UAAC,gBAAAgB,EAAAH,EAAS,SAAT,EAAkB,GAAGZ,GAAe,UAAAC,GAAS,EAChD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAIMe,IAAS,CAAC,EAAE,OAAApB,GAAO,UAAAK,GAAU,GAAGC,QAC7B,gBAAAa,EAACH,EAAS,QAAT,EAAgB,OAAAhB,GAAc,OAAOK,GAAW,GAAGC,EAAO,CAAA,GAG9De,IAAS,EAAE,MAAAxB,GAAM,QAAAuB,EAAO;"}
+{"version":3,"file":"index.mjs","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Combobox } from \"@telegraph/combobox\";\nimport { TgphComponentProps } from \"@telegraph/helpers\";\n\ntype Option = TgphComponentProps<typeof Combobox.Option>;\n\ntype RootProps = TgphComponentProps<typeof Combobox.Root> & {\n  size?: TgphComponentProps<typeof Combobox.Trigger>[\"size\"];\n  triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;\n  contentProps?: TgphComponentProps<typeof Combobox.Content>;\n  optionsProps?: TgphComponentProps<typeof Combobox.Options>;\n};\nconst Root = ({\n  size = \"1\",\n  value,\n  onValueChange,\n  triggerProps,\n  contentProps,\n  optionsProps,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Combobox.Root\n      value={value}\n      onValueChange={onValueChange}\n      closeOnSelect={!Array.isArray(value)}\n      {...props}\n    >\n      <Combobox.Trigger size={size} {...triggerProps} />\n      <Combobox.Content {...contentProps}>\n        <Combobox.Options {...optionsProps}>{children}</Combobox.Options>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n\ntype OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, \"label\">;\n\nconst Option = ({ value, children, ...props }: OptionProps) => {\n  return <Combobox.Option value={value} label={children} {...props} />;\n};\n\nconst Select = { Root, Option };\ntype SelectProps = RootProps;\n\nexport { Select };\nexport type { SelectProps, OptionProps, Option };\n"],"names":["Root","size","value","onValueChange","triggerProps","contentProps","optionsProps","children","props","jsxs","Combobox","jsx","Option","Select"],"mappings":";;AAWA,MAAMA,IAAO,CAAC;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACC,OAAAR;AAAA,IACA,eAAAC;AAAA,IACA,eAAe,CAAC,MAAM,QAAQD,CAAK;AAAA,IAClC,GAAGM;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG,EAACD,EAAS,SAAT,EAAiB,MAAAT,GAAa,GAAGG,EAAc,CAAA;AAAA,MAC/C,gBAAAO,EAAAD,EAAS,SAAT,EAAkB,GAAGL,GACpB,UAAC,gBAAAM,EAAAD,EAAS,SAAT,EAAkB,GAAGJ,GAAe,UAAAC,EAAS,CAAA,EAChD,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,GAMEK,IAAS,CAAC,EAAE,OAAAV,GAAO,UAAAK,GAAU,GAAGC,QAC7B,gBAAAG,EAACD,EAAS,QAAT,EAAgB,OAAAR,GAAc,OAAOK,GAAW,GAAGC,GAAO,GAG9DK,IAAS,EAAE,MAAAb,GAAM,QAAAY,EAAO;"}

package/dist/types/Select/Select.d.ts

@@ -2,29 +2,16 @@ import { Combobox } from '@telegraph/combobox';
 import { TgphComponentProps } from '@telegraph/helpers';
 
 type Option = TgphComponentProps<typeof Combobox.Option>;
-type SingleValue = string;
-type MultipleValue = Array<string>;
-type RootProps = Omit<TgphComponentProps<typeof Combobox.Root>, "value" | "onValueChange" | "layout"> & {
+type RootProps = TgphComponentProps<typeof Combobox.Root> & {
     size?: TgphComponentProps<typeof Combobox.Trigger>["size"];
     triggerProps?: TgphComponentProps<typeof Combobox.Trigger>;
     contentProps?: TgphComponentProps<typeof Combobox.Content>;
     optionsProps?: TgphComponentProps<typeof Combobox.Options>;
-    multiple?: boolean;
-} & ({
-    multiple?: true;
-    value?: MultipleValue;
-    onValueChange?: (value: MultipleValue) => void;
-    layout?: TgphComponentProps<typeof Combobox.Root>["layout"];
-} | {
-    multiple?: false;
-    value?: SingleValue;
-    onValueChange?: (value: SingleValue) => void;
-    layout?: never;
-});
+};
 type OptionProps = Omit<TgphComponentProps<typeof Combobox.Option>, "label">;
 declare const Option: ({ value, children, ...props }: OptionProps) => import("react/jsx-runtime").JSX.Element;
 declare const Select: {
-    Root: ({ size, multiple, value, onValueChange, triggerProps, contentProps, optionsProps, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ size, value, onValueChange, triggerProps, contentProps, optionsProps, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
     Option: ({ value, children, ...props }: OptionProps) => import("react/jsx-runtime").JSX.Element;
 };
 type SelectProps = RootProps;

package/dist/types/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxD,KAAK,MAAM,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAEzD,KAAK,WAAW,GAAG,MAAM,CAAC;AAC1B,KAAK,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAEnC,KAAK,SAAS,GAAG,IAAI,CACnB,kBAAkB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,EACxC,OAAO,GAAG,eAAe,GAAG,QAAQ,CACrC,GAAG;IACF,IAAI,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,CACE;IACE,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC7D,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,CACJ,CAAC;AA4EJ,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7E,QAAA,MAAM,MAAM,kCAAmC,WAAW,4CAEzD,CAAC;AAEF,QAAA,MAAM,MAAM;mHAtET,SAAS;4CAkEmC,WAAW;CAI3B,CAAC;AAChC,KAAK,WAAW,GAAG,SAAS,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,KAAK,MAAM,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAEzD,KAAK,SAAS,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG;IAC1D,IAAI,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,kBAAkB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC5D,CAAC;AA0BF,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7E,QAAA,MAAM,MAAM,kCAAmC,WAAW,4CAEzD,CAAC;AAEF,QAAA,MAAM,MAAM;yGAtBT,SAAS;4CAkBmC,WAAW;CAI3B,CAAC;AAChC,KAAK,WAAW,GAAG,SAAS,CAAC;AAE7B,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/select",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "A simple select component built on top of @telegraph/combobox",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/select",
   "author": "@knocklabs",
@@ -30,7 +30,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@telegraph/combobox": "0.0.51",
+    "@telegraph/combobox": "0.0.52",
     "@telegraph/helpers": "0.0.7"
   },
   "devDependencies": {
@@ -44,7 +44,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.3.1",
     "typescript": "^5.5.4",
-    "vite": "^5.4.7"
+    "vite": "^6.0.11"
   },
   "peerDependencies": {
     "react": "^18.2.0",