@telegraph/select 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# @telegraph/select
+
+## 0.0.1
+
+### Patch Changes
+
+- [#299](https://github.com/knocklabs/telegraph/pull/299) [`57d486e`](https://github.com/knocklabs/telegraph/commit/57d486e1da7b0c650bc39ac12528a5f0f4f3a374) Thanks [@kylemcd](https://github.com/kylemcd)! - new select component + combobox fixes
+
+- Updated dependencies [[`57d486e`](https://github.com/knocklabs/telegraph/commit/57d486e1da7b0c650bc39ac12528a5f0f4f3a374)]:
+  - @telegraph/combobox@0.0.40

package/README.md

@@ -0,0 +1,17 @@
+![Telegraph by Knock](https://github.com/knocklabs/telegraph/assets/29106675/9b5022e3-b02c-4582-ba57-3d6171e45e44)
+
+[![npm version](https://img.shields.io/npm/v/@telegraph/button.svg)](https://www.npmjs.com/package/@telegraph/select)
+
+# @telegraph/select
+> A simple select component built on top of @telegraph/combobox
+
+## Installation Instructions
+
+```
+npm install @telegraph/select
+```
+
+### Add stylesheet
+```
+@import "@telegraph/select"
+```

package/dist/cjs/index.js

@@ -0,0 +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;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +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"}

package/dist/esm/index.mjs

@@ -0,0 +1,62 @@
+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,
+  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 };
+export {
+  h as Select
+};
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,33 @@
+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"> & {
+    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;
+    Option: ({ value, children, ...props }: OptionProps) => import("react/jsx-runtime").JSX.Element;
+};
+type SelectProps = RootProps;
+export { Select };
+export type { SelectProps, OptionProps, Option };
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export type { SelectProps, OptionProps, Option } from './Select';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export type { SelectProps, OptionProps, Option } from './Select';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@telegraph/select",
+  "version": "0.0.1",
+  "description": "A simple select component built on top of @telegraph/combobox",
+  "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/select",
+  "author": "@knocklabs",
+  "license": "MIT",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "prettier": "@telegraph/prettier-config",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "dev": "vite build --watch --emptyOutDir false",
+    "build": "yarn clean && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier \"src/**/*.{js,ts,tsx}\" --write",
+    "format:check": "prettier \"src/**/*.{js,ts,tsx}\" --check",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@telegraph/combobox": "0.0.40",
+    "@telegraph/helpers": "0.0.7"
+  },
+  "devDependencies": {
+    "@knocklabs/eslint-config": "^0.0.3",
+    "@knocklabs/typescript-config": "^0.0.2",
+    "@telegraph/postcss-config": "^0.0.20",
+    "@telegraph/prettier-config": "^0.0.6",
+    "@telegraph/vite-config": "^0.0.11",
+    "@types/react": "^18.2.48",
+    "eslint": "^8.56.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.6"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}