pollination-react-io 1.1.0 → 1.1.1

package/build/GetGeometry/GetGeometry.types.d.ts

@@ -7,4 +7,5 @@ export interface GetGeometryProps {
     optionsConfig?: {
         [index in GetModelActions]: boolean;
     };
+    buttonLabel?: string;
 }

package/build/GetModel/GetModel.types.d.ts

@@ -7,4 +7,5 @@ export interface GetModelProps {
     optionsConfig?: {
         [index in GetModelActions]: boolean;
     };
+    buttonLabel?: string;
 }

package/build/SendGeometry/SendGeometry.types.d.ts

@@ -12,4 +12,5 @@ export interface SendGeometryProps {
     optionsConfig?: {
         [index in Action]: boolean;
     };
+    buttonLabel?: string;
 }

package/build/SendModel/SendModel.types.d.ts

@@ -12,4 +12,5 @@ export interface SendModelProps {
     optionsConfig?: {
         [index in Action]: boolean;
     };
+    buttonLabel?: string;
 }

package/build/index.esm.js

@@ -33876,17 +33876,58 @@ var Logo = function () { return (React__default.createElement("div", { style: {
             backgroundColor: 'rgba(0,0,0,0)',
         } }))); };
 
-var css_248z$5 = ":root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n:root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n* {\n  font-family: -apple-system, BlinkMacSystemFont, \"avenir next\", avenir, helvetica, \"helvetica neue\", ubuntu, roboto, noto, \"segoe ui\", arial, sans-serif;\n  color: var(--slate12);\n  margin: 0;\n  font-size: 17px;\n}\n\nh1 {\n  font-size: 3rem;\n}\n\nh2 {\n  font-size: 2.25rem;\n}\n\nh3 {\n  font-size: 1.5rem;\n}\n\nh4 {\n  font-size: 1.25rem;\n}\n\nh5 {\n  font-size: 1rem;\n}\n\nh6 {\n  font-size: 0.875rem;\n}\n\nlabel {\n  font-size: 1.125;\n  color: var(--slate12);\n}\n\nli {\n  font-size: 0.95rem;\n}\n\n.secondary {\n  font-size: 0.875rem;\n  color: var(--slate10);\n}\n\np,\nspan {\n  color: var(--slate12);\n}\n\ninput::placeholder {\n  color: var(--slate11);\n}\n\n.btn-group {\n  width: fit-content;\n  display: flex;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.btn-group:hover {\n  box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.btn-group-disabled:hover {\n  box-shadow: none;\n}\n\n.btn-group input {\n  width: 100%;\n}\n\n.btn-group input::placeholder {\n  color: var(--primary1);\n}\n\n.btn-group * {\n  background-color: var(--primary);\n  color: white;\n  transition: background-color 0.125s ease-in-out;\n}\n\n.btn-group-disabled * {\n  background-color: var(--slate5);\n  border-color: var(--slate11) !important;\n  color: var(--slate11);\n  cursor: default !important;\n}\n\n.btn-group i,\n.btn-group svg {\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.btn-group button,\n.btn-group input {\n  display: flex;\n  padding: 6px 10px;\n  cursor: pointer;\n  float: left;\n  z-index: 10;\n  align-items: center;\n  gap: 8px;\n  border: 1px solid var(--primary);\n  border-left-color: #096dd9;\n  transition: box-shadow 0.125s ease-in-out;\n}\n\n.btn-group button:first-child,\n.btn-group input:first-child {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n  border-left: none;\n}\n\n.btn-group button:last-child {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.btn-group button:not(:last-child),\n.btn-group input:not(:last-child) {\n  border-right: none;\n}\n\n.btn-group button:focus-visible,\n.btn-group input:focus-visible {\n  outline: none;\n}\n\n.btn-group button:focus,\n.btn-group input:focus {\n  outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.btn-group:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n.btn-group button:hover,\n.btn-group input:hover {\n  background-color: var(--primary2);\n  z-index: 11;\n}\n\n.btn-group-disabled:hover button:hover,\n.btn-group-disabled:hover input:hover {\n  background-color: var(--slate5);\n}\n\n.options-content {\n  font-size: clamp(0.65rem, 8vw - 0.75rem, 0.85rem);\n}";
+var css_248z$5 = ":root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n:root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n* {\n  font-family: -apple-system, BlinkMacSystemFont, \"avenir next\", avenir, helvetica, \"helvetica neue\", ubuntu, roboto, noto, \"segoe ui\", arial, sans-serif;\n  color: var(--slate12);\n  margin: 0;\n  font-size: 17px;\n}\n\nh1 {\n  font-size: 3rem;\n}\n\nh2 {\n  font-size: 2.25rem;\n}\n\nh3 {\n  font-size: 1.5rem;\n}\n\nh4 {\n  font-size: 1.25rem;\n}\n\nh5 {\n  font-size: 1rem;\n}\n\nh6 {\n  font-size: 0.875rem;\n}\n\nlabel {\n  font-size: 1.125;\n  color: var(--slate12);\n}\n\nli {\n  font-size: 0.95rem;\n}\n\n.secondary {\n  font-size: 0.875rem;\n  color: var(--slate10);\n}\n\np,\nspan {\n  color: var(--slate12);\n}\n\ninput::placeholder {\n  color: var(--slate11);\n}\n\n.btn-group {\n  width: fit-content;\n  display: flex;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.btn-group:hover {\n  box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.btn-group-disabled:hover {\n  box-shadow: none;\n}\n\n.btn-group input {\n  width: 100%;\n}\n\n.btn-group input::placeholder {\n  color: var(--primary1);\n}\n\n.btn-group * {\n  background-color: var(--primary);\n  color: white;\n  transition: background-color 0.125s ease-in-out;\n}\n\n.btn-group-disabled * {\n  background-color: var(--slate5);\n  border-color: var(--slate11) !important;\n  color: var(--slate11);\n  cursor: default !important;\n}\n\n.btn-group i,\n.btn-group svg {\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.btn-group button,\n.btn-group input {\n  display: flex;\n  padding: 6px 10px;\n  cursor: pointer;\n  float: left;\n  z-index: 10;\n  align-items: center;\n  gap: 8px;\n  border: 1px solid var(--primary);\n  border-left-color: #096dd9;\n  transition: box-shadow 0.125s ease-in-out;\n}\n\n.btn-group button:first-child,\n.btn-group input:first-child {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.btn-group button:last-child {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.btn-group button:not(:last-child),\n.btn-group input:not(:last-child) {\n  border-right: none;\n}\n\n.btn-group button:focus-visible,\n.btn-group input:focus-visible {\n  outline: none;\n}\n\n.btn-group button:focus,\n.btn-group input:focus {\n  outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.btn-group:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n.btn-group button:hover,\n.btn-group input:hover {\n  background-color: var(--primary2);\n  z-index: 11;\n}\n\n.btn-group-disabled:hover button:hover,\n.btn-group-disabled:hover input:hover {\n  background-color: var(--slate5);\n}\n\n.options-content {\n  font-size: clamp(0.65rem, 8vw - 0.75rem, 0.85rem);\n}";
 styleInject(css_248z$5);
 
+var SettingsButton = function (_a) {
+    var onClick = _a.onClick, label = _a.label, options = _a.options, asButtons = _a.asButtons, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.triggerIcon, triggerIcon = _c === void 0 ? React__default.createElement(CaretDownFill$1, null) : _c, helpText = _a.helpText
+    // prefix
+    ;
+    return (React__default.createElement(ConditionalWrapper, { condition: typeof helpText !== 'undefined' || disabled, wrapper: function (children) { return (React__default.createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                width: 'fit-content',
+                color: 'var(--primary)',
+                fontSize: '0.75rem',
+                textAlign: 'end',
+                gap: 4
+            } },
+            children,
+            disabled ? 'Available in Pollination CAD Plugins' : helpText)); } },
+        React__default.createElement("div", { className: "btn-group ".concat(disabled && 'btn-group-disabled') },
+            React__default.createElement("button", { type: 'button', onClick: onClick, disabled: disabled, style: {
+                    flex: 1,
+                } },
+                React__default.createElement(Logo, null),
+                label),
+            options && options.length
+                && React__default.createElement(React__default.Fragment, null, asButtons ?
+                    React__default.createElement(React__default.Fragment, null, options.reduce(function (p, c) { return __spreadArray$2(__spreadArray$2([], p, true), c.options, true); }, []).map(function (o) {
+                        var _a;
+                        return React__default.createElement("button", { key: o.id, style: {
+                                boxShadow: !disabled && o.checked ? 'inset 0px 0px 9px 4px #096dd9' : undefined
+                            }, onClick: function (e) { return o.onSelect && o.onSelect(o); } }, (_a = o.icon) !== null && _a !== void 0 ? _a : o.label);
+                    }))
+                    :
+                        React__default.createElement(Dropdown, { trigger: (React__default.createElement("button", null, triggerIcon)), optionGroups: options, contentProps: {
+                                align: 'end',
+                                style: {
+                                    fontSize: 'clamp(0.65rem, 8vw - 0.75rem, 0.85rem)',
+                                },
+                            }, disabled: disabled })))));
+};
+
+var css_248z$4 = ":root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n:root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n.text-input {\n  width: 100%;\n  display: flex;\n  border-radius: 4px;\n  box-sizing: border-box;\n  border: 1px solid var(--primary);\n}\n\n.text-input:hover {\n  box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.text-input-disabled:hover {\n  box-shadow: none;\n}\n\n.text-input input {\n  width: 100%;\n  color: var(--primary);\n}\n\n.text-input input::placeholder {\n  color: var(--slate10);\n}\n\n.text-input i svg {\n  fill: var(--primary);\n}\n\n.text-input button,\n.text-input input {\n  display: flex;\n  padding: 6px 10px;\n  cursor: pointer;\n  float: left;\n  z-index: 10;\n  align-items: center;\n  gap: 8px;\n  border: none;\n}\n\n.text-input button:first-child,\n.text-input input:first-child {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.text-input button:last-child {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-left-color: #096dd9;\n}\n\n.text-input button:not(:last-child),\n.text-input input:not(:last-child) {\n  border-right: none;\n}\n\n.text-input button:focus-visible,\n.text-input input:focus-visible {\n  outline: none;\n}\n\n.text-input button:focus,\n.text-input input:focus {\n  outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.text-input:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}";
+styleInject(css_248z$4);
+
 const VisuallyHidden=/*#__PURE__*/React.forwardRef(((i,o)=>/*#__PURE__*/React.createElement(Primitive.span,_extends$g({},i,{ref:o,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...i.style}}))));const Root$2=VisuallyHidden;
 
 function usePrevious(r){const u=React.useRef({value:r,previous:r});return React.useMemo((()=>(u.current.value!==r&&(u.current.previous=u.current.value,u.current.value=r),u.current.previous)),[r])}
 
 const[w,x]=createContextScope("Tooltip",[l$1]);const g=l$1(),E=700,[v,b]=w("TooltipProvider",{isOpenDelayed:!0,delayDuration:E,onOpen:()=>{},onClose:()=>{}});const[y,_]=w("Tooltip");const Tooltip$1=o=>{const{__scopeTooltip:t,children:r,open:i,defaultOpen:a=!1,onOpenChange:l,delayDuration:c}=o,s=b("Tooltip",t),u=g(t),[d,m]=React.useState(null),f=useId(),C=React.useRef(0),w=null!=c?c:s.delayDuration,x=React.useRef(!1),{onOpen:E,onClose:v}=s,[_=!1,h]=useControllableState({prop:i,defaultProp:a,onChange:e=>{e&&(document.dispatchEvent(new CustomEvent("tooltip.open")),E()),null==l||l(e);}}),k=React.useMemo((()=>_?x.current?"delayed-open":"instant-open":"closed"),[_]),D=React.useCallback((()=>{window.clearTimeout(C.current),x.current=!1,h(!0);}),[h]),O=React.useCallback((()=>{window.clearTimeout(C.current),C.current=window.setTimeout((()=>{x.current=!0,h(!0);}),w);}),[w,h]);return React.useEffect((()=>()=>window.clearTimeout(C.current)),[]),/*#__PURE__*/React.createElement(Root$5,u,/*#__PURE__*/React.createElement(y,{scope:t,contentId:f,open:_,stateAttribute:k,trigger:d,onTriggerChange:m,onTriggerEnter:React.useCallback((()=>{s.isOpenDelayed?O():D();}),[s.isOpenDelayed,O,D]),onOpen:React.useCallback(D,[D]),onClose:React.useCallback((()=>{window.clearTimeout(C.current),h(!1),v();}),[h,v])},r))};const TooltipTrigger=/*#__PURE__*/React.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,i=_("TooltipTrigger",t),l=g(t),c=useComposedRefs(o,i.onTriggerChange),s=React.useRef(!1),u=React.useCallback((()=>s.current=!1),[]);return React.useEffect((()=>()=>document.removeEventListener("mouseup",u)),[u]),/*#__PURE__*/React.createElement(Anchor$1,_extends$g({asChild:!0},l),/*#__PURE__*/React.createElement(Primitive.button,_extends$g({"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute},r,{ref:c,onMouseEnter:composeEventHandlers$1(e.onMouseEnter,i.onTriggerEnter),onMouseLeave:composeEventHandlers$1(e.onMouseLeave,i.onClose),onMouseDown:composeEventHandlers$1(e.onMouseDown,(()=>{i.onClose(),s.current=!0,document.addEventListener("mouseup",u,{once:!0});})),onFocus:composeEventHandlers$1(e.onFocus,(()=>{s.current||i.onOpen();})),onBlur:composeEventHandlers$1(e.onBlur,i.onClose),onClick:composeEventHandlers$1(e.onClick,(e=>{0===e.detail&&i.onClose();}))})))}));const TooltipContent=/*#__PURE__*/React.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=_("TooltipContent",e.__scopeTooltip);return React.createElement(Presence,{present:t||n.open},/*#__PURE__*/React.createElement(h,_extends$g({ref:o},r)))}));const h=/*#__PURE__*/React.forwardRef(((e,i)=>{const{__scopeTooltip:a,children:l,"aria-label":c,portalled:s=!0,...p}=e,d=_("TooltipContent",a),m=g(a),f=s?Portal:React.Fragment,{onClose:w}=d;return useEscapeKeydown((()=>w())),React.useEffect((()=>(document.addEventListener("tooltip.open",w),()=>document.removeEventListener("tooltip.open",w))),[w]),/*#__PURE__*/React.createElement(f,null,/*#__PURE__*/React.createElement(k,{__scopeTooltip:a}),/*#__PURE__*/React.createElement(Content$4,_extends$g({"data-state":d.stateAttribute},m,p,{ref:i,style:{...p.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)"}}),/*#__PURE__*/React.createElement(Slottable,null,l),/*#__PURE__*/React.createElement(Root$2,{id:d.contentId,role:"tooltip"},c||l)))}));const TooltipArrow=/*#__PURE__*/React.forwardRef(((e,o)=>{const{__scopeTooltip:t,...r}=e,i=g(t);return React.createElement(Arrow$4,_extends$g({},i,r,{ref:o}))}));function k(e){const{__scopeTooltip:o}=e,t=_("CheckTriggerMoved",o),r=useRect(t.trigger),n=null==r?void 0:r.left,i=usePrevious(n),a=null==r?void 0:r.top,l=usePrevious(a),u=t.onClose;return React.useEffect((()=>{(void 0!==i&&i!==n||void 0!==l&&l!==a)&&u();}),[u,i,l,n,a]),null}const Root$1=Tooltip$1;const Trigger$1=TooltipTrigger;const Content$1=TooltipContent;const Arrow$1=TooltipArrow;
 
-var css_248z$4 = ":root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n:root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n* {\n  font-family: -apple-system, BlinkMacSystemFont, \"avenir next\", avenir, helvetica, \"helvetica neue\", ubuntu, roboto, noto, \"segoe ui\", arial, sans-serif;\n  color: var(--slate12);\n  margin: 0;\n  font-size: 17px;\n}\n\nh1 {\n  font-size: 3rem;\n}\n\nh2 {\n  font-size: 2.25rem;\n}\n\nh3 {\n  font-size: 1.5rem;\n}\n\nh4 {\n  font-size: 1.25rem;\n}\n\nh5 {\n  font-size: 1rem;\n}\n\nh6 {\n  font-size: 0.875rem;\n}\n\nlabel {\n  font-size: 1.125;\n  color: var(--slate12);\n}\n\nli {\n  font-size: 0.95rem;\n}\n\n.secondary {\n  font-size: 0.875rem;\n  color: var(--slate10);\n}\n\np,\nspan {\n  color: var(--slate12);\n}\n\ninput::placeholder {\n  color: var(--slate11);\n}\n\n.tooltip-content {\n  border-radius: 4px;\n  padding: 6px 10px;\n  background-color: white;\n  font-size: 0.85rem;\n  font-weight: 500;\n  border: 1px solid var(--slate8);\n  box-shadow: hsla(206deg, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206deg, 22%, 7%, 0.2) 0px 10px 20px -15px;\n}";
-styleInject(css_248z$4);
+var css_248z$3 = ":root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n:root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n* {\n  font-family: -apple-system, BlinkMacSystemFont, \"avenir next\", avenir, helvetica, \"helvetica neue\", ubuntu, roboto, noto, \"segoe ui\", arial, sans-serif;\n  color: var(--slate12);\n  margin: 0;\n  font-size: 17px;\n}\n\nh1 {\n  font-size: 3rem;\n}\n\nh2 {\n  font-size: 2.25rem;\n}\n\nh3 {\n  font-size: 1.5rem;\n}\n\nh4 {\n  font-size: 1.25rem;\n}\n\nh5 {\n  font-size: 1rem;\n}\n\nh6 {\n  font-size: 0.875rem;\n}\n\nlabel {\n  font-size: 1.125;\n  color: var(--slate12);\n}\n\nli {\n  font-size: 0.95rem;\n}\n\n.secondary {\n  font-size: 0.875rem;\n  color: var(--slate10);\n}\n\np,\nspan {\n  color: var(--slate12);\n}\n\ninput::placeholder {\n  color: var(--slate11);\n}\n\n.tooltip-content {\n  border-radius: 4px;\n  padding: 6px 10px;\n  background-color: white;\n  font-size: 0.85rem;\n  font-weight: 500;\n  border: 1px solid var(--slate8);\n  box-shadow: hsla(206deg, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206deg, 22%, 7%, 0.2) 0px 10px 20px -15px;\n}";
+styleInject(css_248z$3);
 
 var Root = Root$1, Trigger = Trigger$1, Content = Content$1, Arrow = Arrow$1;
 var Tooltip = function (_a) {
@@ -33916,48 +33957,6 @@ var Tooltip = function (_a) {
                 }, offset: 6 }))));
 };
 
-var SettingsButton = function (_a) {
-    var onClick = _a.onClick, label = _a.label, options = _a.options, asButtons = _a.asButtons, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.triggerIcon, triggerIcon = _c === void 0 ? React__default.createElement(CaretDownFill$1, null) : _c, helpText = _a.helpText
-    // prefix
-    ;
-    return (React__default.createElement(ConditionalWrapper, { condition: disabled, wrapper: function (children) { return React__default.createElement(Tooltip, { content: "Available in Pollination CAD Plugins" }, children); } },
-        React__default.createElement(ConditionalWrapper, { condition: typeof helpText !== 'undefined', wrapper: function (children) { return (React__default.createElement("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    width: 'fit-content',
-                    color: 'var(--primary)',
-                    fontSize: '0.75rem',
-                    textAlign: 'end',
-                    gap: 4
-                } },
-                children,
-                helpText)); } },
-            React__default.createElement("div", { className: "btn-group ".concat(disabled && 'btn-group-disabled') },
-                React__default.createElement("button", { type: 'button', onClick: onClick, disabled: disabled, style: {
-                        flex: 1,
-                    } },
-                    React__default.createElement(Logo, null),
-                    label),
-                options && options.length
-                    && React__default.createElement(React__default.Fragment, null, asButtons ?
-                        React__default.createElement(React__default.Fragment, null, options.reduce(function (p, c) { return __spreadArray$2(__spreadArray$2([], p, true), c.options, true); }, []).map(function (o) {
-                            var _a;
-                            return React__default.createElement("button", { key: o.id, style: {
-                                    boxShadow: o.checked ? 'inset 0px 0px 9px 4px #096dd9' : undefined
-                                }, onClick: function (e) { return o.onSelect && o.onSelect(o); } }, (_a = o.icon) !== null && _a !== void 0 ? _a : o.label);
-                        }))
-                        :
-                            React__default.createElement(Dropdown, { trigger: (React__default.createElement("button", null, triggerIcon)), optionGroups: options, contentProps: {
-                                    align: 'end',
-                                    style: {
-                                        fontSize: 'clamp(0.65rem, 8vw - 0.75rem, 0.85rem)',
-                                    },
-                                }, disabled: disabled }))))));
-};
-
-var css_248z$3 = ":root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n:root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n.text-input {\n  width: 100%;\n  display: flex;\n  border-radius: 4px;\n  box-sizing: border-box;\n  border: 1px solid var(--primary);\n}\n\n.text-input:hover {\n  box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.text-input-disabled:hover {\n  box-shadow: none;\n}\n\n.text-input input {\n  width: 100%;\n  color: var(--primary);\n}\n\n.text-input input::placeholder {\n  color: var(--slate10);\n}\n\n.text-input i svg {\n  fill: var(--primary);\n}\n\n.text-input button,\n.text-input input {\n  display: flex;\n  padding: 6px 10px;\n  cursor: pointer;\n  float: left;\n  z-index: 10;\n  align-items: center;\n  gap: 8px;\n  border: none;\n}\n\n.text-input button:first-child,\n.text-input input:first-child {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.text-input button:last-child {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-left-color: #096dd9;\n}\n\n.text-input button:not(:last-child),\n.text-input input:not(:last-child) {\n  border-right: none;\n}\n\n.text-input button:focus-visible,\n.text-input input:focus-visible {\n  outline: none;\n}\n\n.text-input button:focus,\n.text-input input:focus {\n  outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.text-input:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}";
-styleInject(css_248z$3);
-
 var css_248z$2 = ":root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n:root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n:root {\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n* {\n  font-family: -apple-system, BlinkMacSystemFont, \"avenir next\", avenir, helvetica, \"helvetica neue\", ubuntu, roboto, noto, \"segoe ui\", arial, sans-serif;\n  color: var(--slate12);\n  margin: 0;\n  font-size: 17px;\n}\n\nh1 {\n  font-size: 3rem;\n}\n\nh2 {\n  font-size: 2.25rem;\n}\n\nh3 {\n  font-size: 1.5rem;\n}\n\nh4 {\n  font-size: 1.25rem;\n}\n\nh5 {\n  font-size: 1rem;\n}\n\nh6 {\n  font-size: 0.875rem;\n}\n\nlabel {\n  font-size: 1.125;\n  color: var(--slate12);\n}\n\nli {\n  font-size: 0.95rem;\n}\n\n.secondary {\n  font-size: 0.875rem;\n  color: var(--slate10);\n}\n\np,\nspan {\n  color: var(--slate12);\n}\n\ninput::placeholder {\n  color: var(--slate11);\n}";
 styleInject(css_248z$2);
 
@@ -33977,13 +33976,13 @@ var GetModelActions$1;
 })(GetModelActions$1 || (GetModelActions$1 = {}));
 
 var GetGeometry = function (_a) {
-    var setParentState = _a.setParentState, optionsConfig = _a.optionsConfig;
+    var setParentState = _a.setParentState, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Get Geometry' : _b;
     var subscribeRef = useRef();
-    var _b = useState(performance.now().toString()), key = _b[0], setKey = _b[1];
-    var _c = useState(false), selection = _c[0], setSelection = _c[1];
-    var _d = useState(false), subscribe = _d[0], setSubscribe = _d[1];
+    var _c = useState(performance.now().toString()), key = _c[0], setKey = _c[1];
+    var _d = useState(false), selection = _d[0], setSelection = _d[1];
+    var _e = useState(false), subscribe = _e[0], setSubscribe = _e[1];
     // pollination-react-io hooks
-    var _e = useGetGeometry(), host = _e.host, geometry = _e.geometry, getGeometry = _e.getGeometry;
+    var _f = useGetGeometry(), host = _f.host, geometry = _f.geometry, getGeometry = _f.getGeometry;
     useEffect(function () {
         if (!geometry || !setParentState)
             return;
@@ -34050,7 +34049,7 @@ var GetGeometry = function (_a) {
                         return true;
                     return typeof optionsConfig[o.id] === 'undefined' ? true : optionsConfig[o.id];
                 }),
-            }] : undefined, asButtons: true, label: 'Get Geometry', helpText: "Get ".concat(selection ? 'selected ' : '', " geometry").concat(subscribe ? ' continuously' : '', ".") }));
+            }] : undefined, asButtons: true, label: buttonLabel, helpText: "Get ".concat(selection ? 'selected ' : '', " geometry").concat(subscribe ? ' continuously' : '', ".") }));
 };
 
 var GetModelActions;
@@ -34742,9 +34741,9 @@ var getAction$1 = function (key) {
     }
 };
 var SendGeometry = function (_a) {
-    var geometry = _a.geometry, defaultAction = _a.defaultAction, defaultKey = _a.defaultKey, optionsConfig = _a.optionsConfig;
-    var _b = useState(defaultAction !== null && defaultAction !== void 0 ? defaultAction : Action$1.preview), selOpt = _b[0], setSelOpt = _b[1];
-    var _c = useState(defaultKey !== null && defaultKey !== void 0 ? defaultKey : performance.now().toString()), key = _c[0], setKey = _c[1];
+    var geometry = _a.geometry, defaultAction = _a.defaultAction, defaultKey = _a.defaultKey, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Send Geometry' : _b;
+    var _c = useState(defaultAction !== null && defaultAction !== void 0 ? defaultAction : Action$1.preview), selOpt = _c[0], setSelOpt = _c[1];
+    var _d = useState(defaultKey !== null && defaultKey !== void 0 ? defaultKey : performance.now().toString()), key = _d[0], setKey = _d[1];
     var sendGeometry = useSendGeometry().sendGeometry;
     useEffect(function () {
         setSelOpt(defaultAction);
@@ -34850,7 +34849,7 @@ var SendGeometry = function (_a) {
                         return true;
                     return typeof optionsConfig[o.id] === 'undefined' ? true : optionsConfig[o.id];
                 }),
-            }], asButtons: true, label: 'Send Geometry', helpText: "".concat(selOpt ? selOpt.charAt(0).toUpperCase() + selOpt.replace('-', ' ').slice(1) : 'Send', " geometry.") }));
+            }], asButtons: true, label: buttonLabel, helpText: "".concat(selOpt ? selOpt.charAt(0).toUpperCase() + selOpt.replace('-', ' ').slice(1) : 'Send', " geometry.") }));
 };
 
 var Action;
@@ -34875,9 +34874,9 @@ var getAction = function (key) {
     }
 };
 var SendModel = function (_a) {
-    var hbjson = _a.hbjson, defaultAction = _a.defaultAction, defaultKey = _a.defaultKey, optionsConfig = _a.optionsConfig;
-    var _b = useState(defaultAction !== null && defaultAction !== void 0 ? defaultAction : Action.preview), selOpt = _b[0], setSelOpt = _b[1];
-    var _c = useState(defaultKey !== null && defaultKey !== void 0 ? defaultKey : performance.now().toString()), key = _c[0], setKey = _c[1];
+    var hbjson = _a.hbjson, defaultAction = _a.defaultAction, defaultKey = _a.defaultKey, optionsConfig = _a.optionsConfig, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Send Model' : _b;
+    var _c = useState(defaultAction !== null && defaultAction !== void 0 ? defaultAction : Action.preview), selOpt = _c[0], setSelOpt = _c[1];
+    var _d = useState(defaultKey !== null && defaultKey !== void 0 ? defaultKey : performance.now().toString()), key = _d[0], setKey = _d[1];
     var sendHbjson = useSendHbjson().sendHbjson;
     useEffect(function () {
         setSelOpt(defaultAction);
@@ -34972,7 +34971,7 @@ var SendModel = function (_a) {
                         return true;
                     return typeof optionsConfig[o.id] === 'undefined' ? true : optionsConfig[o.id];
                 }),
-            }], asButtons: true, label: 'Send Model', helpText: "".concat(selOpt ? selOpt.charAt(0).toUpperCase() + selOpt.replace('-', ' ').slice(1) : 'Send', " model.") }));
+            }], asButtons: true, label: buttonLabel, helpText: "".concat(selOpt ? selOpt.charAt(0).toUpperCase() + selOpt.replace('-', ' ').slice(1) : 'Send', " model.") }));
 };
 
 // Generated with util/create-component.js