@powerhousedao/design-system 6.2.3-dev.61 → 6.2.3-dev.62

package/dist/PinFilled-cSbUqZCA.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/powerhouse/components/icon-components/Pin.tsx
+function Pin(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		...props,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M11.017 1.212C10.8087 1.00372 10.471 1.00372 10.2627 1.212C10.0545 1.42028 10.0545 1.75796 10.2627 1.96624L10.9593 2.66279L5.7873 6.54177L4.60589 5.36036C4.39761 5.15208 4.05992 5.15208 3.85164 5.36036C3.64336 5.56864 3.64336 5.90632 3.85164 6.1146L5.36014 7.6231L6.49157 8.75454C6.49156 8.75455 6.49154 8.75457 6.49153 8.75458L3.00313 12.243C2.79485 12.4513 2.79485 12.7889 3.00313 12.9972C3.21141 13.2055 3.5491 13.2055 3.75738 12.9972L7.24577 9.50883C7.24579 9.50882 7.24581 9.5088 7.24582 9.50878L8.37712 10.6401L9.88562 12.1486C10.0939 12.3569 10.4316 12.3569 10.6399 12.1486C10.8481 11.9403 10.8481 11.6026 10.6399 11.3943L9.45845 10.2129L13.3374 5.04094L14.034 5.73748C14.2423 5.94576 14.5799 5.94576 14.7882 5.73748C14.9965 5.5292 14.9965 5.19151 14.7882 4.98323L13.6569 3.85186L12.1484 2.34337L11.017 1.212ZM6.54921 7.30368L11.7212 3.42469L12.5755 4.27903L8.69654 9.45101L6.54921 7.30368Z",
+			fill: "currentcolor"
+		})
+	});
+}
+//#endregion
+//#region src/powerhouse/components/icon-components/PinFilled.tsx
+function PinFilled(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...props,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M10.2627 1.21187C10.471 1.00359 10.8087 1.00359 11.017 1.21187L12.1484 2.34324L13.6569 3.85174L14.7882 4.98311C14.9965 5.19139 14.9965 5.52908 14.7882 5.73736C14.5799 5.94564 14.2423 5.94564 14.034 5.73736L13.3374 5.04081L9.45845 10.2128L10.6399 11.3942C10.8481 11.6025 10.8481 11.9402 10.6399 12.1485C10.4316 12.3567 10.0939 12.3567 9.88562 12.1485L8.37712 10.64L7.24582 9.50866C7.24581 9.50868 7.24579 9.50869 7.24577 9.50871L3.75738 12.9971C3.5491 13.2054 3.21141 13.2054 3.00313 12.9971C2.79485 12.7888 2.79485 12.4511 3.00313 12.2429L6.49153 8.75446C6.49154 8.75445 6.49156 8.75443 6.49157 8.75441L5.36014 7.62298L3.85164 6.11448C3.64336 5.9062 3.64336 5.56851 3.85164 5.36023C4.05992 5.15195 4.39761 5.15195 4.60589 5.36023L5.7873 6.54165L10.9593 2.66266L10.2627 1.96612C10.0545 1.75784 10.0545 1.42015 10.2627 1.21187Z",
+			fill: "currentcolor"
+		}), /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M10.2627 1.21187C10.471 1.00359 10.8087 1.00359 11.017 1.21187L12.1484 2.34324L13.6569 3.85174L14.7882 4.98311C14.9965 5.19139 14.9965 5.52908 14.7882 5.73736C14.5799 5.94564 14.2423 5.94564 14.034 5.73736L13.3374 5.04081L9.45845 10.2128L10.6399 11.3942C10.8481 11.6025 10.8481 11.9402 10.6399 12.1485C10.4316 12.3567 10.0939 12.3567 9.88562 12.1485L8.37712 10.64L7.24582 9.50866C7.24581 9.50868 7.24579 9.50869 7.24577 9.50871L3.75738 12.9971C3.5491 13.2054 3.21141 13.2054 3.00313 12.9971C2.79485 12.7888 2.79485 12.4511 3.00313 12.2429L6.49153 8.75446C6.49154 8.75445 6.49156 8.75443 6.49157 8.75441L5.36014 7.62298L3.85164 6.11448C3.64336 5.9062 3.64336 5.56851 3.85164 5.36023C4.05992 5.15195 4.39761 5.15195 4.60589 5.36023L5.7873 6.54165L10.9593 2.66266L10.2627 1.96612C10.0545 1.75784 10.0545 1.42015 10.2627 1.21187Z",
+			fill: "currentcolor"
+		})]
+	});
+}
+//#endregion
+export { Pin as n, PinFilled as t };
+
+//# sourceMappingURL=PinFilled-cSbUqZCA.js.map

package/dist/PinFilled-cSbUqZCA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinFilled-cSbUqZCA.js","names":["Pin","props","PinFilled","props"],"sources":["../src/powerhouse/components/icon-components/Pin.tsx","../src/powerhouse/components/icon-components/PinFilled.tsx"],"sourcesContent":["import type { IconComponentProps } from \"#design-system\";\nexport default function Pin(props: IconComponentProps) {\n  return (\n    <svg\n      {...props}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.017 1.212C10.8087 1.00372 10.471 1.00372 10.2627 1.212C10.0545 1.42028 10.0545 1.75796 10.2627 1.96624L10.9593 2.66279L5.7873 6.54177L4.60589 5.36036C4.39761 5.15208 4.05992 5.15208 3.85164 5.36036C3.64336 5.56864 3.64336 5.90632 3.85164 6.1146L5.36014 7.6231L6.49157 8.75454C6.49156 8.75455 6.49154 8.75457 6.49153 8.75458L3.00313 12.243C2.79485 12.4513 2.79485 12.7889 3.00313 12.9972C3.21141 13.2055 3.5491 13.2055 3.75738 12.9972L7.24577 9.50883C7.24579 9.50882 7.24581 9.5088 7.24582 9.50878L8.37712 10.6401L9.88562 12.1486C10.0939 12.3569 10.4316 12.3569 10.6399 12.1486C10.8481 11.9403 10.8481 11.6026 10.6399 11.3943L9.45845 10.2129L13.3374 5.04094L14.034 5.73748C14.2423 5.94576 14.5799 5.94576 14.7882 5.73748C14.9965 5.5292 14.9965 5.19151 14.7882 4.98323L13.6569 3.85186L12.1484 2.34337L11.017 1.212ZM6.54921 7.30368L11.7212 3.42469L12.5755 4.27903L8.69654 9.45101L6.54921 7.30368Z\"\n        fill=\"currentcolor\"\n      />\n    </svg>\n  );\n}\n","import type { IconComponentProps } from \"#design-system\";\nexport default function PinFilled(props: IconComponentProps) {\n  return (\n    <svg\n      {...props}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.2627 1.21187C10.471 1.00359 10.8087 1.00359 11.017 1.21187L12.1484 2.34324L13.6569 3.85174L14.7882 4.98311C14.9965 5.19139 14.9965 5.52908 14.7882 5.73736C14.5799 5.94564 14.2423 5.94564 14.034 5.73736L13.3374 5.04081L9.45845 10.2128L10.6399 11.3942C10.8481 11.6025 10.8481 11.9402 10.6399 12.1485C10.4316 12.3567 10.0939 12.3567 9.88562 12.1485L8.37712 10.64L7.24582 9.50866C7.24581 9.50868 7.24579 9.50869 7.24577 9.50871L3.75738 12.9971C3.5491 13.2054 3.21141 13.2054 3.00313 12.9971C2.79485 12.7888 2.79485 12.4511 3.00313 12.2429L6.49153 8.75446C6.49154 8.75445 6.49156 8.75443 6.49157 8.75441L5.36014 7.62298L3.85164 6.11448C3.64336 5.9062 3.64336 5.56851 3.85164 5.36023C4.05992 5.15195 4.39761 5.15195 4.60589 5.36023L5.7873 6.54165L10.9593 2.66266L10.2627 1.96612C10.0545 1.75784 10.0545 1.42015 10.2627 1.21187Z\"\n        fill=\"currentcolor\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.2627 1.21187C10.471 1.00359 10.8087 1.00359 11.017 1.21187L12.1484 2.34324L13.6569 3.85174L14.7882 4.98311C14.9965 5.19139 14.9965 5.52908 14.7882 5.73736C14.5799 5.94564 14.2423 5.94564 14.034 5.73736L13.3374 5.04081L9.45845 10.2128L10.6399 11.3942C10.8481 11.6025 10.8481 11.9402 10.6399 12.1485C10.4316 12.3567 10.0939 12.3567 9.88562 12.1485L8.37712 10.64L7.24582 9.50866C7.24581 9.50868 7.24579 9.50869 7.24577 9.50871L3.75738 12.9971C3.5491 13.2054 3.21141 13.2054 3.00313 12.9971C2.79485 12.7888 2.79485 12.4511 3.00313 12.2429L6.49153 8.75446C6.49154 8.75445 6.49156 8.75443 6.49157 8.75441L5.36014 7.62298L3.85164 6.11448C3.64336 5.9062 3.64336 5.56851 3.85164 5.36023C4.05992 5.15195 4.39761 5.15195 4.60589 5.36023L5.7873 6.54165L10.9593 2.66266L10.2627 1.96612C10.0545 1.75784 10.0545 1.42015 10.2627 1.21187Z\"\n        fill=\"currentcolor\"\n      />\n    </svg>\n  );\n}\n"],"mappings":";;AACA,SAAwBA,IAAIC,OAA2B;CACrD,OACE,oBAAC,OAAD;EACE,GAAIA;EACJ,SAAQ;EACR,MAAK;EACL,OAAM;EAEN,UAAA,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;EAAc,CAAA;CAElB,CAAA;AAET;;;AChBA,SAAwBC,UAAUC,OAA2B;CAC3D,OACE,qBAAC,OAAD;EACE,GAAIA;EACJ,SAAQ;EACR,MAAK;EACL,OAAM;EAJR,UAAA,CAME,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;EAAc,CAAA,GAErB,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;EAAc,CAAA,CAElB;;AAET"}

package/dist/add-local-drive-form.impl-B5rVul7f.js

@@ -0,0 +1,75 @@
+import { b as PowerhouseButton } from "./src-B2s8MAp7.js";
+import { t as Icon } from "./icon-CR_tC1gc.js";
+import { t as Label } from "./label-nH2HoKfI.js";
+import { ConnectSelect, FormInput } from "./connect/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Controller, useForm } from "react-hook-form";
+//#region src/connect/components/form/inputs/app-form-input.tsx
+function appToInputOption(app) {
+	return {
+		value: app.id,
+		displayValue: app.name,
+		icon: /* @__PURE__ */ jsx(Icon, { name: "PowerhouseLogoSmall" }),
+		description: "Built by Powerhouse"
+	};
+}
+function AppFormInput(props) {
+	const { control, appOptions, ...delegatedProps } = props;
+	const items = appOptions.map(appToInputOption);
+	return /* @__PURE__ */ jsx(Controller, {
+		control,
+		name: "id",
+		render: ({ field }) => /* @__PURE__ */ jsx(ConnectSelect, {
+			...delegatedProps,
+			...field,
+			id: "id",
+			items
+		})
+	});
+}
+//#endregion
+//#region src/connect/components/form/add-local-drive-form.impl.tsx
+function AddLocalDriveForm(props) {
+	const { register, handleSubmit, control, formState: { errors } } = useForm({ defaultValues: {
+		name: "",
+		sharingType: "LOCAL",
+		availableOffline: false,
+		id: props.appOptions[0].id
+	} });
+	return /* @__PURE__ */ jsx("form", {
+		name: "add-local-drive",
+		onSubmit: (e) => void handleSubmit(props.onSubmit)(e),
+		className: "flex flex-col gap-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-4",
+			children: [
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "name",
+					className: "text-sm font-medium text-foreground",
+					children: "Drive Name"
+				}), /* @__PURE__ */ jsx(FormInput, {
+					...register("name", { required: "Drive name is required" }),
+					errorMessage: errors.name?.message,
+					placeholder: "Drive name"
+				})] }),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "driveApp",
+					className: "text-sm font-medium text-foreground",
+					children: "Drive App"
+				}), /* @__PURE__ */ jsx(AppFormInput, {
+					control,
+					appOptions: props.appOptions
+				})] }),
+				/* @__PURE__ */ jsx(PowerhouseButton, {
+					className: "mt-2 w-full",
+					type: "submit",
+					children: "Create new drive"
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { AddLocalDriveForm };
+
+//# sourceMappingURL=add-local-drive-form.impl-B5rVul7f.js.map

package/dist/add-local-drive-form.impl-B5rVul7f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-local-drive-form.impl-B5rVul7f.js","names":["Icon","Controller","ConnectSelect","appToInputOption","app","value","id","displayValue","name","icon","description","AppFormInput","props","control","appOptions","delegatedProps","items","map","field","PowerhouseButton","useForm","FormInput","AppFormInput","Label","AddLocalDriveForm","props","register","handleSubmit","control","formState","errors","defaultValues","name","sharingType","availableOffline","id","appOptions","e","onSubmit","required","message"],"sources":["../src/connect/components/form/inputs/app-form-input.tsx","../src/connect/components/form/add-local-drive-form.impl.tsx"],"sourcesContent":["import { Icon, type AppOptions } from \"#design-system\";\nimport type { ComponentPropsWithRef } from \"react\";\nimport type { Control, Path } from \"react-hook-form\";\nimport { Controller } from \"react-hook-form\";\nimport type { ConnectSelectItem } from \"../../select/select.js\";\nimport { ConnectSelect } from \"../../select/select.js\";\n\nexport function appToInputOption(app: AppOptions): ConnectSelectItem<string> {\n  return {\n    value: app.id,\n    displayValue: app.name,\n    icon: <Icon name=\"PowerhouseLogoSmall\" />,\n    description: \"Built by Powerhouse\",\n  };\n}\ntype AppFormInputProps<T extends AppOptions> = Omit<\n  ComponentPropsWithRef<typeof ConnectSelect>,\n  \"id\" | \"items\" | \"value\" | \"onChange\"\n> & {\n  readonly control: Control<T>;\n  readonly appOptions: T[];\n};\n\nexport function AppFormInput<T extends AppOptions>(\n  props: AppFormInputProps<T>,\n) {\n  const { control, appOptions, ...delegatedProps } = props;\n  const items = appOptions.map(appToInputOption);\n\n  return (\n    <Controller\n      control={control}\n      name={\"id\" as Path<T>}\n      render={({ field }) => (\n        <ConnectSelect {...delegatedProps} {...field} id=\"id\" items={items} />\n      )}\n    />\n  );\n}\n","import { PowerhouseButton, type AppOptions } from \"#design-system\";\nimport type { SubmitHandler } from \"react-hook-form\";\nimport { useForm } from \"react-hook-form\";\nimport { FormInput } from \"../form-input/form-input.js\";\nimport { AppFormInput } from \"./inputs/app-form-input.js\";\nimport { Label } from \"./inputs/label.js\";\n\ntype AddLocalDriveFormProps = {\n  readonly onSubmit: CreateDriveFormSubmitHandler;\n  readonly onCancel: () => void;\n  readonly appOptions: AppOptions[];\n};\n\ntype CreateDriveFormSubmitHandler = SubmitHandler<AppOptions>;\n\nexport function AddLocalDriveForm(props: AddLocalDriveFormProps) {\n  const {\n    register,\n    handleSubmit,\n    control,\n    formState: { errors },\n  } = useForm<AppOptions>({\n    defaultValues: {\n      name: \"\",\n      sharingType: \"LOCAL\",\n      availableOffline: false,\n      id: props.appOptions[0].id,\n    },\n  });\n\n  return (\n    <form\n      name=\"add-local-drive\"\n      onSubmit={(e) => void handleSubmit(props.onSubmit)(e)}\n      className=\"flex flex-col gap-4\"\n    >\n      <div className=\"flex flex-col gap-4\">\n        <div>\n          <Label htmlFor=\"name\" className=\"text-sm font-medium text-foreground\">\n            Drive Name\n          </Label>\n          <FormInput\n            {...register(\"name\", {\n              required: \"Drive name is required\",\n            })}\n            errorMessage={errors.name?.message}\n            placeholder=\"Drive name\"\n          />\n        </div>\n        <div>\n          <Label\n            htmlFor=\"driveApp\"\n            className=\"text-sm font-medium text-foreground\"\n          >\n            Drive App\n          </Label>\n          <AppFormInput control={control} appOptions={props.appOptions} />\n        </div>\n        <PowerhouseButton className=\"mt-2 w-full\" type=\"submit\">\n          Create new drive\n        </PowerhouseButton>\n      </div>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgBG,iBAAiBC,KAA4C;CAC3E,OAAO;EACLC,OAAOD,IAAIE;EACXC,cAAcH,IAAII;EAClBC,MAAM,oBAAC,MAAD,EAAM,MAAK,sBAAqB,CAAA;EACtCC,aAAa;CACf;AACF;AASA,SAAgBC,aACdC,OACA;CACA,MAAM,EAAEC,SAASC,YAAY,GAAGC,mBAAmBH;CACnD,MAAMI,QAAQF,WAAWG,IAAId,gBAAgB;CAE7C,OACE,oBAAC,YAAD;EACWU;EACT,MAAM;EACN,SAAS,EAAEK,YACT,oBAAC,eAAD;GAAe,GAAIH;GAAgB,GAAIG;GAAO,IAAG;GAAYF;EAAM,CAAA;CACnE,CAAA;AAGR;;;ACvBA,SAAgBQ,kBAAkBC,OAA+B;CAC/D,MAAM,EACJC,UACAC,cACAC,SACAC,WAAW,EAAEC,aACXV,QAAoB,EACtBW,eAAe;EACbC,MAAM;EACNC,aAAa;EACbC,kBAAkB;EAClBC,IAAIV,MAAMW,WAAW,EAAE,CAACD;CAC1B,EACF,CAAC;CAED,OACE,oBAAC,QAAD;EACE,MAAK;EACL,WAAWE,MAAM,KAAKV,aAAaF,MAAMa,QAAQ,CAAC,CAACD,CAAC;EACpD,WAAU;EAEV,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,OAAD;KAAO,SAAQ;KAAO,WAAU;KAAqC,UAAA;IAE9D,CAAA,GACP,oBAAC,WAAD;KACE,GAAIX,SAAS,QAAQ,EACnBa,UAAU,yBACZ,CAAC;KACD,cAAcT,OAAOE,MAAMQ;KAC3B,aAAY;IAAY,CAAA,CAEvB,EAAA,CAAA;IACL,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,OAAD;KACE,SAAQ;KACR,WAAU;KAAqC,UAAA;IAG1C,CAAA,GACP,oBAAC,cAAD;KAAuBZ;KAAS,YAAYH,MAAMW;IAAW,CAAA,CAC1D,EAAA,CAAA;IACL,oBAAC,kBAAD;KAAkB,WAAU;KAAc,MAAK;KAAQ,UAAA;IAErC,CAAA;GACf;;CACD,CAAA;AAEV"}

package/dist/add-remote-drive-form.impl-D7zuqHJC.js

@@ -0,0 +1,114 @@
+import { b as PowerhouseButton } from "./src-B2s8MAp7.js";
+import { t as Icon } from "./icon-CR_tC1gc.js";
+import { Disclosure, Divider, FormInput } from "./connect/index.js";
+import { n as AvailableOfflineToggle, t as LocationInfo } from "./location-info-C3YbSsV0.js";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useForm } from "react-hook-form";
+import { useDebounceValue } from "usehooks-ts";
+//#region src/connect/components/form/inputs/drive-name.tsx
+function DriveName(props) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-2 rounded-xl bg-muted p-3 font-semibold text-muted-foreground",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			className: "text-foreground",
+			name: "Drive"
+		}), props.driveName]
+	});
+}
+//#endregion
+//#region src/connect/components/form/add-remote-drive-form.impl.tsx
+function AddRemoteDriveForm(props) {
+	const { sharingType = "PUBLIC", requestPublicDrive } = props;
+	const [remoteDriveDetails, setPublicDriveDetails] = useState();
+	const [showLocationSettings, setShowLocationSettings] = useState(false);
+	const [isUrlValid, setIsUrlValid] = useState(true);
+	const [hasConfirmedUrl, setHasConfirmedUrl] = useState(false);
+	const [errorMessage, setErrorMessage] = useState("");
+	const [url, setUrl] = useState("");
+	const [debouncedUrl, setDebouncedUrl] = useDebounceValue(url, 500);
+	const { register, handleSubmit, setValue } = useForm({
+		mode: "onBlur",
+		defaultValues: { availableOffline: remoteDriveDetails?.availableOffline ?? false }
+	});
+	useEffect(() => {
+		setDebouncedUrl(url);
+	}, [url]);
+	useEffect(() => {
+		setHasConfirmedUrl(false);
+		if (debouncedUrl === "") return;
+		fetchPublicDrive().catch(console.error);
+		async function fetchPublicDrive() {
+			try {
+				const { id, name } = await requestPublicDrive(debouncedUrl);
+				setPublicDriveDetails({
+					id,
+					name,
+					sharingType,
+					location: "SWITCHBOARD",
+					availableOffline: true
+				});
+				setValue("availableOffline", true);
+				setIsUrlValid(true);
+				setErrorMessage("");
+			} catch (error) {
+				setPublicDriveDetails(void 0);
+				setIsUrlValid(false);
+				setErrorMessage(error.message);
+			}
+		}
+	}, [
+		debouncedUrl,
+		setValue,
+		sharingType
+	]);
+	function onSubmit({ availableOffline }) {
+		if (!remoteDriveDetails) return;
+		props.onSubmit({
+			...remoteDriveDetails,
+			availableOffline,
+			url: debouncedUrl
+		});
+	}
+	return /* @__PURE__ */ jsx("form", {
+		onSubmit: (e) => void handleSubmit(onSubmit)(e),
+		children: hasConfirmedUrl ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(DriveName, { driveName: remoteDriveDetails?.name ?? "New drive" }),
+			/* @__PURE__ */ jsx(Divider, { className: "my-3" }),
+			/* @__PURE__ */ jsxs(Disclosure, {
+				isOpen: showLocationSettings,
+				onOpenChange: () => setShowLocationSettings(!showLocationSettings),
+				title: "Location",
+				children: [/* @__PURE__ */ jsx(LocationInfo, { location: "SWITCHBOARD" }), /* @__PURE__ */ jsx(AvailableOfflineToggle, { ...register("availableOffline") })]
+			}),
+			/* @__PURE__ */ jsx(PowerhouseButton, {
+				className: "mt-4 w-full",
+				color: "dark",
+				type: "submit",
+				children: "Add new drive"
+			})
+		] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FormInput, {
+			errorMessage,
+			onChange: (e) => setUrl(e.target.value),
+			placeholder: "Drive URL",
+			required: true,
+			type: "url",
+			value: url
+		}), /* @__PURE__ */ jsx(PowerhouseButton, {
+			className: "mt-4 w-full py-2 text-base",
+			color: "dark",
+			size: "small",
+			disabled: !isUrlValid || url === "",
+			onClick: (e) => {
+				e.preventDefault();
+				setHasConfirmedUrl(true);
+			},
+			type: "button",
+			children: "Add drive"
+		})] })
+	});
+}
+//#endregion
+export { AddRemoteDriveForm };
+
+//# sourceMappingURL=add-remote-drive-form.impl-D7zuqHJC.js.map

package/dist/add-remote-drive-form.impl-D7zuqHJC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-remote-drive-form.impl-D7zuqHJC.js","names":["Icon","DriveName","props","driveName","PowerhouseButton","useEffect","useState","useForm","useDebounceValue","Disclosure","Divider","FormInput","AvailableOfflineToggle","DriveName","LocationInfo","AddRemoteDriveForm","props","sharingType","requestPublicDrive","remoteDriveDetails","setPublicDriveDetails","showLocationSettings","setShowLocationSettings","isUrlValid","setIsUrlValid","hasConfirmedUrl","setHasConfirmedUrl","errorMessage","setErrorMessage","url","setUrl","debouncedUrl","setDebouncedUrl","register","handleSubmit","setValue","mode","defaultValues","availableOffline","fetchPublicDrive","catch","console","error","id","name","location","undefined","message","onSubmit","e","target","value","preventDefault"],"sources":["../src/connect/components/form/inputs/drive-name.tsx","../src/connect/components/form/add-remote-drive-form.impl.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\n\ntype DriveNameProps = {\n  readonly driveName: string;\n};\nexport function DriveName(props: DriveNameProps) {\n  return (\n    <div className=\"flex gap-2 rounded-xl bg-muted p-3 font-semibold text-muted-foreground\">\n      <Icon className=\"text-foreground\" name=\"Drive\" />\n      {props.driveName}\n    </div>\n  );\n}\n","import { PowerhouseButton } from \"#design-system\";\nimport type { SharingType } from \"@powerhousedao/shared/document-drive\";\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { useDebounceValue } from \"usehooks-ts\";\nimport { Disclosure } from \"../disclosure/disclosure.js\";\nimport { Divider } from \"../divider/divider.js\";\nimport { FormInput } from \"../form-input/form-input.js\";\nimport { AvailableOfflineToggle } from \"./inputs/available-offline-toggle.js\";\nimport { DriveName } from \"./inputs/drive-name.js\";\nimport { LocationInfo } from \"./inputs/location-info.js\";\n\ntype RemoteDriveDetails = {\n  id: string;\n  name: string;\n  sharingType: SharingType;\n  location: \"SWITCHBOARD\";\n  availableOffline: boolean;\n};\n\ntype Inputs = {\n  availableOffline: boolean;\n};\n\nexport type AddRemoteDriveInput = RemoteDriveDetails & { url: string };\n\nexport type AddPublicDriveFormProps = {\n  readonly sharingType: SharingType;\n  readonly onSubmit: (data: AddRemoteDriveInput) => void;\n  readonly onCancel: () => void;\n  readonly requestPublicDrive: (\n    url: string,\n  ) => Promise<{ id: string; name: string }>;\n};\n\nexport function AddRemoteDriveForm(props: AddPublicDriveFormProps) {\n  const { sharingType = \"PUBLIC\", requestPublicDrive } = props;\n  const [remoteDriveDetails, setPublicDriveDetails] =\n    useState<RemoteDriveDetails>();\n  const [showLocationSettings, setShowLocationSettings] = useState(false);\n  const [isUrlValid, setIsUrlValid] = useState(true);\n  const [hasConfirmedUrl, setHasConfirmedUrl] = useState(false);\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const [url, setUrl] = useState(\"\");\n  const [debouncedUrl, setDebouncedUrl] = useDebounceValue(url, 500);\n\n  const { register, handleSubmit, setValue } = useForm<Inputs>({\n    mode: \"onBlur\",\n    defaultValues: {\n      availableOffline: remoteDriveDetails?.availableOffline ?? false,\n    },\n  });\n\n  useEffect(() => {\n    setDebouncedUrl(url);\n  }, [url]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks-extra/set-state-in-effect\n    setHasConfirmedUrl(false);\n    if (debouncedUrl === \"\") return;\n    fetchPublicDrive().catch(console.error);\n\n    async function fetchPublicDrive() {\n      try {\n        const { id, name } = await requestPublicDrive(debouncedUrl);\n        setPublicDriveDetails({\n          id,\n          name,\n          sharingType,\n          location: \"SWITCHBOARD\",\n          availableOffline: true,\n        });\n        setValue(\"availableOffline\", true);\n        setIsUrlValid(true);\n        setErrorMessage(\"\");\n      } catch (error) {\n        setPublicDriveDetails(undefined);\n        setIsUrlValid(false);\n        setErrorMessage((error as Error).message);\n      }\n    }\n  }, [debouncedUrl, setValue, sharingType]);\n\n  function onSubmit({ availableOffline }: Inputs) {\n    if (!remoteDriveDetails) return;\n    props.onSubmit({\n      ...remoteDriveDetails,\n      availableOffline,\n      url: debouncedUrl,\n    });\n  }\n\n  return (\n    <form onSubmit={(e) => void handleSubmit(onSubmit)(e)}>\n      {hasConfirmedUrl ? (\n        <>\n          <DriveName driveName={remoteDriveDetails?.name ?? \"New drive\"} />\n          <Divider className=\"my-3\" />\n          <Disclosure\n            isOpen={showLocationSettings}\n            onOpenChange={() => setShowLocationSettings(!showLocationSettings)}\n            title=\"Location\"\n          >\n            <LocationInfo location=\"SWITCHBOARD\" />\n            <AvailableOfflineToggle {...register(\"availableOffline\")} />\n          </Disclosure>\n          <PowerhouseButton className=\"mt-4 w-full\" color=\"dark\" type=\"submit\">\n            Add new drive\n          </PowerhouseButton>\n        </>\n      ) : (\n        <>\n          <FormInput\n            errorMessage={errorMessage}\n            onChange={(e) => setUrl(e.target.value)}\n            placeholder=\"Drive URL\"\n            required\n            type=\"url\"\n            value={url}\n          />\n          <PowerhouseButton\n            className=\"mt-4 w-full py-2 text-base\"\n            color=\"dark\"\n            size=\"small\"\n            disabled={!isUrlValid || url === \"\"}\n            onClick={(e) => {\n              e.preventDefault();\n              setHasConfirmedUrl(true);\n            }}\n            type=\"button\"\n          >\n            Add drive\n          </PowerhouseButton>\n        </>\n      )}\n    </form>\n  );\n}\n"],"mappings":"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"}

package/dist/address-DsZy0bjk.js

@@ -0,0 +1,92 @@
+import { Suspense, lazy, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/connect/components/lazy-component.tsx
+/** A component that loads its implementation (and its heavy deps) on first render. */
+function lazyComponent(load) {
+	const Lazy = /*#__PURE__*/ lazy(async () => ({ default: await load() }));
+	function LazyComponent(props) {
+		return /* @__PURE__ */ jsx(Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ jsx(Lazy, { ...props })
+		});
+	}
+	return LazyComponent;
+}
+//#endregion
+//#region assets/powerhouse-rounded.png
+var powerhouse_rounded_default = "data:image/png;base64,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";
+//#endregion
+//#region src/connect/components/ens-avatar/ens-avatar.tsx
+function ENSAvatar(props) {
+	const { avatarUrl = powerhouse_rounded_default, size = "14px" } = props;
+	return /* @__PURE__ */ jsx("img", {
+		alt: "ENS Avatar",
+		className: "flex-none rounded-full object-contain",
+		src: avatarUrl,
+		style: {
+			width: size,
+			height: size
+		}
+	});
+}
+//#endregion
+//#region src/connect/components/formatted-json-viewer.tsx
+const FormattedJsonViewer = lazyComponent(() => import("./formatted-json-viewer.impl-C198BZt5.js").then((m) => m.FormattedJsonViewer));
+//#endregion
+//#region src/connect/hooks/use-ens.ts
+const ensCache = /* @__PURE__ */ new Map();
+function fetchEns(address) {
+	const cached = ensCache.get(address);
+	if (cached) return cached;
+	const promise = fetch(`https://api.ensdata.net/${address}`).then((res) => {
+		if (!res.ok) throw new Error(`ENS lookup failed: ${res.status}`);
+		return res.json();
+	}).catch((err) => {
+		ensCache.delete(address);
+		throw err instanceof Error ? err : /* @__PURE__ */ new Error("ENS lookup failed");
+	});
+	ensCache.set(address, promise);
+	return promise;
+}
+function useEns(address) {
+	const [data, setData] = useState();
+	const [isLoading, setIsLoading] = useState(false);
+	const [error, setError] = useState();
+	useEffect(() => {
+		if (!address) {
+			setData(void 0);
+			setError(void 0);
+			return;
+		}
+		let cancelled = false;
+		setIsLoading(true);
+		setError(void 0);
+		fetchEns(address).then((json) => {
+			if (cancelled) return;
+			setData(json);
+		}).catch((err) => {
+			if (cancelled) return;
+			setError(err instanceof Error ? err : /* @__PURE__ */ new Error("ENS lookup failed"));
+		}).finally(() => {
+			if (cancelled) return;
+			setIsLoading(false);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [address]);
+	return {
+		data,
+		isLoading,
+		error
+	};
+}
+//#endregion
+//#region src/connect/utils/address.ts
+function formatEthAddress(address) {
+	return `${address.slice(0, 7)}...${address.slice(-5)}`;
+}
+//#endregion
+export { lazyComponent as a, ENSAvatar as i, useEns as n, FormattedJsonViewer as r, formatEthAddress as t };
+
+//# sourceMappingURL=address-DsZy0bjk.js.map

package/dist/address-DsZy0bjk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-DsZy0bjk.js","names":["lazy","Suspense","lazyComponent","load","Lazy","default","LazyComponent","props","ImgPowerhouse","ENSAvatar","props","avatarUrl","size","style","width","height","lazyComponent","FormattedJsonViewer","then","m","useEffect","useState","ensCache","Map","fetchEns","address","cached","get","promise","fetch","then","res","ok","Error","status","json","catch","err","delete","set","useEns","data","setData","isLoading","setIsLoading","error","setError","undefined","cancelled","finally","formatEthAddress","address","slice"],"sources":["../src/connect/components/lazy-component.tsx","../assets/powerhouse-rounded.png","../src/connect/components/ens-avatar/ens-avatar.tsx","../src/connect/components/formatted-json-viewer.tsx","../src/connect/hooks/use-ens.ts","../src/connect/utils/address.ts"],"sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport { lazy, Suspense } from \"react\";\n\n/** A component that loads its implementation (and its heavy deps) on first render. */\nexport function lazyComponent<C extends ComponentType<any>>(\n  load: () => Promise<C>,\n): C {\n  const Lazy = lazy(async () => ({ default: await load() }));\n  function LazyComponent(props: ComponentProps<C>) {\n    return (\n      <Suspense fallback={null}>\n        <Lazy {...props} />\n      </Suspense>\n    );\n  }\n  return LazyComponent as unknown as C;\n}\n","\"data:image/png;base64,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\"","import ImgPowerhouse from \"#assets/powerhouse-rounded.png\";\nimport type { CSSProperties } from \"react\";\n\ntype Props = {\n  readonly address: `0x${string}`;\n  readonly chainId?: number;\n  readonly avatarUrl?: string;\n  readonly size?: CSSProperties[\"width\"];\n};\nexport function ENSAvatar(props: Props) {\n  const { avatarUrl = ImgPowerhouse, size = \"14px\" } = props;\n  const style = {\n    width: size,\n    height: size,\n  };\n\n  return (\n    <img\n      alt=\"ENS Avatar\"\n      className=\"flex-none rounded-full object-contain\"\n      src={avatarUrl}\n      style={style}\n    />\n  );\n}\n","import { lazyComponent } from \"./lazy-component.js\";\n\nexport const FormattedJsonViewer = lazyComponent(() =>\n  import(\"./formatted-json-viewer.impl.js\").then((m) => m.FormattedJsonViewer),\n);\n","import { useEffect, useState } from \"react\";\n\ntype EnsData = {\n  ens: string;\n  address: string;\n  avatar: string | null;\n  avatar_small: string | null;\n  avatar_url: string | null;\n  contentHash: string | null;\n  header: string | null;\n  header_url: string | null;\n  ens_primary: string;\n  resolverAddress: string;\n  url: string | null;\n  github: string | null;\n  twitter: string | null;\n  telegram: string | null;\n  email: string | null;\n  description: string | null;\n  notice: string | null;\n  keywords: string | null;\n  discord: string | null;\n};\n\ntype UseEnsResult = {\n  data: EnsData | undefined;\n  isLoading: boolean;\n  error: Error | undefined;\n};\n\nconst ensCache = new Map<`0x${string}`, Promise<EnsData | undefined>>();\n\nfunction fetchEns(address: `0x${string}`): Promise<EnsData | undefined> {\n  const cached = ensCache.get(address);\n  if (cached) return cached;\n\n  const promise = fetch(`https://api.ensdata.net/${address}`)\n    .then((res) => {\n      if (!res.ok) throw new Error(`ENS lookup failed: ${res.status}`);\n      return res.json() as Promise<EnsData>;\n    })\n    .catch((err: unknown) => {\n      ensCache.delete(address);\n      throw err instanceof Error ? err : new Error(\"ENS lookup failed\");\n    });\n\n  ensCache.set(address, promise);\n  return promise;\n}\n\nexport function useEns(address: `0x${string}` | undefined): UseEnsResult {\n  const [data, setData] = useState<EnsData>();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error>();\n\n  useEffect(() => {\n    if (!address) {\n      setData(undefined);\n      setError(undefined);\n      return;\n    }\n\n    let cancelled = false;\n    setIsLoading(true);\n    setError(undefined);\n\n    fetchEns(address)\n      .then((json) => {\n        if (cancelled) return;\n        setData(json);\n      })\n      .catch((err: unknown) => {\n        if (cancelled) return;\n        setError(err instanceof Error ? err : new Error(\"ENS lookup failed\"));\n      })\n      .finally(() => {\n        if (cancelled) return;\n        setIsLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [address]);\n\n  return { data, isLoading, error };\n}\n","export function formatEthAddress(address: string) {\n  return `${address.slice(0, 7)}...${address.slice(-5)}`;\n}\n"],"mappings":";;;;AAIA,SAAgBE,cACdC,MACG;CACH,MAAMC,OAAOJ,mBAAK,aAAa,EAAEK,SAAS,MAAMF,KAAK,EAAE,EAAE;CACzD,SAASG,cAAcC,OAA0B;EAC/C,OACE,oBAAC,UAAD;GAAU,UAAU;GAClB,UAAA,oBAAC,MAAD,EAAM,GAAIA,MAAM,CAAA;EACR,CAAA;CAEd;CACA,OAAOD;AACT;;;AChBA,IAAA,6BAAA;;;ACSA,SAAgBG,UAAUC,OAAc;CACtC,MAAM,EAAEC,YAAYH,4BAAeI,OAAO,WAAWF;CAMrD,OACE,oBAAC,OAAD;EACE,KAAI;EACJ,WAAU;EACV,KAAKC;EACL,OAAOE;GATTC,OAAOF;GACPG,QAAQH;EAQCC;CAAM,CAAA;AAGnB;;;ACtBA,MAAaI,sBAAsBD,oBACjC,OAAO,2CAAkC,CAACE,MAAMC,MAAMA,EAAEF,mBAAmB,CAC7E;;;AC0BA,MAAMK,2BAAW,IAAIC,IAAiD;AAEtE,SAASC,SAASC,SAAsD;CACtE,MAAMC,SAASJ,SAASK,IAAIF,OAAO;CACnC,IAAIC,QAAQ,OAAOA;CAEnB,MAAME,UAAUC,MAAM,2BAA2BJ,SAAS,CAAC,CACxDK,MAAMC,QAAQ;EACb,IAAI,CAACA,IAAIC,IAAI,MAAM,IAAIC,MAAM,sBAAsBF,IAAIG,QAAQ;EAC/D,OAAOH,IAAII,KAAK;CAClB,CAAC,CAAC,CACDC,OAAOC,QAAiB;EACvBf,SAASgB,OAAOb,OAAO;EACvB,MAAMY,eAAeJ,QAAQI,sBAAM,IAAIJ,MAAM,mBAAmB;CAClE,CAAC;CAEHX,SAASiB,IAAId,SAASG,OAAO;CAC7B,OAAOA;AACT;AAEA,SAAgBY,OAAOf,SAAkD;CACvE,MAAM,CAACgB,MAAMC,WAAWrB,SAAkB;CAC1C,MAAM,CAACsB,WAAWC,gBAAgBvB,SAAS,KAAK;CAChD,MAAM,CAACwB,OAAOC,YAAYzB,SAAgB;CAE1CD,gBAAgB;EACd,IAAI,CAACK,SAAS;GACZiB,QAAQK,KAAAA,CAAS;GACjBD,SAASC,KAAAA,CAAS;GAClB;EACF;EAEA,IAAIC,YAAY;EAChBJ,aAAa,IAAI;EACjBE,SAASC,KAAAA,CAAS;EAElBvB,SAASC,OAAO,CAAC,CACdK,MAAMK,SAAS;GACd,IAAIa,WAAW;GACfN,QAAQP,IAAI;EACd,CAAC,CAAC,CACDC,OAAOC,QAAiB;GACvB,IAAIW,WAAW;GACfF,SAAST,eAAeJ,QAAQI,sBAAM,IAAIJ,MAAM,mBAAmB,CAAC;EACtE,CAAC,CAAC,CACDgB,cAAc;GACb,IAAID,WAAW;GACfJ,aAAa,KAAK;EACpB,CAAC;EAEH,aAAa;GACXI,YAAY;EACd;CACF,GAAG,CAACvB,OAAO,CAAC;CAEZ,OAAO;EAAEgB;EAAME;EAAWE;CAAM;AAClC;;;ACtFA,SAAgBK,iBAAiBC,SAAiB;CAChD,OAAO,GAAGA,QAAQC,MAAM,GAAG,CAAC,EAAC,KAAMD,QAAQC,MAAM,EAAE;AACrD"}

package/dist/{checkbox-BmTXBcCE.d.ts → checkbox-DmRYkN10.d.ts}

@@ -1,4 +1,4 @@
-import { p as InputBaseProps } from "./index-C05uhexJ.js";
+import { p as InputBaseProps } from "./index-D99twPFI.js";
 import { n as CheckboxValue } from "./checkbox-base-Bm0GPWgm.js";
 import React from "react";
 //#region src/ui/components/checkbox/checkbox.d.ts
@@ -10,4 +10,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
 //#endregion
 export { CheckboxProps as n, Checkbox as t };
 export {};
-//# sourceMappingURL=checkbox-BmTXBcCE.d.ts.map
+//# sourceMappingURL=checkbox-DmRYkN10.d.ts.map

package/dist/{checkbox-BmTXBcCE.d.ts.map → checkbox-DmRYkN10.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-BmTXBcCE.d.ts","names":[],"sources":["../src/ui/components/checkbox/checkbox.tsx"],"mappings":";;;;KAQK,oBAAoB,KACvB,MAAM,qBAAqB,0BACrB,eAAe;UAGN,sBACP,mBAAmB,eAAe;EAC1C,aAAa,SAAS,4BAA4B;;cAG9C,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}
+{"version":3,"file":"checkbox-DmRYkN10.d.ts","names":[],"sources":["../src/ui/components/checkbox/checkbox.tsx"],"mappings":";;;;KAQK,oBAAoB,KACvB,MAAM,qBAAqB,0BACrB,eAAe;UAGN,sBACP,mBAAmB,eAAe;EAC1C,aAAa,SAAS,4BAA4B;;cAG9C,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}

package/dist/combobox.impl-C2oszOl2.js

@@ -0,0 +1,144 @@
+import { t as Icon } from "./icon-CR_tC1gc.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@powerhousedao/reactor-browser";
+import Select, { components } from "react-select";
+//#region src/connect/components/combobox/combobox.impl.tsx
+function DropdownIndicator(props) {
+	return /* @__PURE__ */ jsx(components.DropdownIndicator, {
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: "ChevronDown",
+			size: 16
+		})
+	});
+}
+function ClearIndicator(props) {
+	return /* @__PURE__ */ jsx(components.ClearIndicator, {
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, {
+			name: "Xmark",
+			size: 16
+		})
+	});
+}
+function MenuList(props) {
+	const { label, onClick, ...rest } = props;
+	const hasAddItemButton = !!label && !!onClick;
+	return /* @__PURE__ */ jsxs(components.MenuList, {
+		...rest,
+		children: [props.children, hasAddItemButton ? /* @__PURE__ */ jsx("button", {
+			className: "w-full px-2 py-3 hover:hover-effect",
+			onClick,
+			children: label
+		}) : null]
+	});
+}
+function Combobox(props) {
+	const invalid = props["aria-invalid"] === "true";
+	const { addItemButtonProps, ...rest } = props;
+	const { theme } = useTheme();
+	const dark = theme === "dark";
+	return /* @__PURE__ */ jsx(Select, {
+		...rest,
+		components: {
+			DropdownIndicator,
+			ClearIndicator,
+			MenuList: (menuListProps) => MenuList({
+				...menuListProps,
+				...addItemButtonProps
+			})
+		},
+		classNames: { menuList: () => "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-rounded-md scrollbar-thumb-border" },
+		styles: {
+			dropdownIndicator: () => {
+				return {
+					label: "indicatorContainer",
+					display: "flex",
+					transition: "color 150ms",
+					color: dark ? "var(--color-slate-50)" : "var(--color-gray-900)",
+					padding: 8,
+					boxSizing: "border-box"
+				};
+			},
+			clearIndicator: (baseStyles) => {
+				return {
+					...baseStyles,
+					color: dark ? "var(--color-slate-50)" : "var(--color-gray-900)"
+				};
+			},
+			container: (baseStyles) => {
+				return {
+					...baseStyles,
+					borderColor: dark ? "var(--color-slate-700)" : "var(--color-gray-200)",
+					fontSize: 12
+				};
+			},
+			placeholder: (baseStyles) => {
+				return {
+					...baseStyles,
+					color: invalid ? dark ? "var(--color-red-400)" : "var(--color-red-900)" : dark ? "var(--color-slate-100)" : "var(--color-gray-500)"
+				};
+			},
+			control: () => {
+				return {
+					label: "control",
+					alignItems: "center",
+					cursor: "default",
+					display: "flex",
+					flexWrap: "wrap",
+					justifyContent: "space-between",
+					minHeight: 32,
+					outline: "0 !important",
+					position: "relative",
+					transition: "all 100ms",
+					backgroundColor: dark ? "var(--color-slate-800)" : "var(--color-white)",
+					borderColor: invalid ? dark ? "var(--color-red-400)" : "var(--color-red-900)" : dark ? "var(--color-slate-600)" : "var(--color-gray-200)",
+					borderStyle: "solid",
+					borderWidth: 1,
+					borderRadius: "6px",
+					boxSizing: "border-box"
+				};
+			},
+			option: (baseStyles, state) => {
+				return {
+					...baseStyles,
+					backgroundColor: state.isSelected ? dark ? "var(--color-slate-700)" : "var(--color-slate-50)" : dark ? "var(--color-slate-800)" : "var(--color-white)",
+					color: dark ? "var(--color-slate-50)" : "var(--color-gray-800)",
+					":hover": { backgroundColor: dark ? "var(--color-slate-700)" : "var(--color-slate-50)" }
+				};
+			},
+			menuList: (baseStyles) => ({
+				...baseStyles,
+				padding: 0,
+				borderRadius: "6px"
+			})
+		},
+		theme: (theme) => ({
+			...theme,
+			colors: {
+				...theme.colors,
+				primary: dark ? "var(--color-slate-700)" : "var(--color-slate-100)",
+				primary25: dark ? "var(--color-slate-800)" : "var(--color-slate-50)",
+				primary50: dark ? "var(--color-slate-700)" : "var(--color-slate-100)",
+				primary75: dark ? "var(--color-slate-700)" : "var(--color-slate-100)",
+				danger: dark ? "var(--color-red-400)" : "var(--color-red-900)",
+				dangerLight: dark ? "var(--color-red-900)" : "var(--color-red-100)",
+				neutral0: dark ? "var(--color-slate-800)" : "var(--color-white)",
+				neutral5: dark ? "var(--color-slate-800)" : "var(--color-gray-50)",
+				neutral10: dark ? "var(--color-slate-700)" : "var(--color-gray-100)",
+				neutral20: dark ? "var(--color-slate-600)" : "var(--color-gray-200)",
+				neutral30: dark ? "var(--color-slate-600)" : "var(--color-gray-300)",
+				neutral40: dark ? "var(--color-slate-400)" : "var(--color-gray-400)",
+				neutral50: dark ? "var(--color-slate-300)" : "var(--color-gray-500)",
+				neutral60: dark ? "var(--color-slate-200)" : "var(--color-gray-600)",
+				neutral70: dark ? "var(--color-slate-100)" : "var(--color-gray-700)",
+				neutral80: dark ? "var(--color-slate-50)" : "var(--color-gray-800)",
+				neutral90: dark ? "var(--color-slate-50)" : "var(--color-gray-900)"
+			}
+		})
+	});
+}
+//#endregion
+export { Combobox };
+
+//# sourceMappingURL=combobox.impl-C2oszOl2.js.map

package/dist/combobox.impl-C2oszOl2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.impl-C2oszOl2.js","names":["Icon","useTheme","Select","components","DropdownIndicator","props","ClearIndicator","MenuList","label","onClick","rest","hasAddItemButton","children","Combobox","invalid","addItemButtonProps","theme","dark","menuListProps","menuList","dropdownIndicator","display","transition","color","padding","boxSizing","clearIndicator","baseStyles","container","borderColor","fontSize","placeholder","control","alignItems","cursor","flexWrap","justifyContent","minHeight","outline","position","backgroundColor","borderStyle","borderWidth","borderRadius","option","state","isSelected","colors","primary","primary25","primary50","primary75","danger","dangerLight","neutral0","neutral5","neutral10","neutral20","neutral30","neutral40","neutral50","neutral60","neutral70","neutral80","neutral90"],"sources":["../src/connect/components/combobox/combobox.impl.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\nimport { useTheme } from \"@powerhousedao/reactor-browser\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type {\n  ClearIndicatorProps,\n  DropdownIndicatorProps,\n  MenuListProps,\n} from \"react-select\";\nimport Select, { components } from \"react-select\";\n\ntype SelectProps = ComponentPropsWithoutRef<typeof Select>;\n\ntype Props = Omit<SelectProps, \"components\" | \"styles\" | \"theme\"> & {\n  readonly addItemButtonProps?: {\n    label?: ReactNode;\n    onClick?: () => void;\n  };\n};\n\nfunction DropdownIndicator(props: DropdownIndicatorProps) {\n  return (\n    <components.DropdownIndicator {...props}>\n      <Icon name=\"ChevronDown\" size={16} />\n    </components.DropdownIndicator>\n  );\n}\n\nfunction ClearIndicator(props: ClearIndicatorProps) {\n  return (\n    <components.ClearIndicator {...props}>\n      <Icon name=\"Xmark\" size={16} />\n    </components.ClearIndicator>\n  );\n}\n\nfunction MenuList(\n  props: MenuListProps & {\n    readonly label?: ReactNode;\n    readonly onClick?: () => void;\n  },\n) {\n  const { label, onClick, ...rest } = props;\n\n  const hasAddItemButton = !!label && !!onClick;\n\n  return (\n    <components.MenuList {...rest}>\n      {props.children}\n      {hasAddItemButton ? (\n        <button\n          className=\"w-full px-2 py-3 hover:hover-effect\"\n          onClick={onClick}\n        >\n          {label}\n        </button>\n      ) : null}\n    </components.MenuList>\n  );\n}\n\nexport function Combobox(props: Props) {\n  const invalid = props[\"aria-invalid\"] === \"true\";\n  const { addItemButtonProps, ...rest } = props;\n  const { theme } = useTheme();\n  const dark = theme === \"dark\";\n\n  return (\n    <Select\n      {...rest}\n      components={{\n        DropdownIndicator,\n        ClearIndicator,\n        MenuList: (menuListProps) =>\n          MenuList({ ...menuListProps, ...addItemButtonProps }),\n      }}\n      classNames={{\n        menuList: () =>\n          \"scrollbar-thin scrollbar-track-transparent scrollbar-thumb-rounded-md scrollbar-thumb-border\",\n      }}\n      styles={{\n        dropdownIndicator: () => {\n          return {\n            label: \"indicatorContainer\",\n            display: \"flex\",\n            transition: \"color 150ms\",\n            color: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-900)\",\n            padding: 8,\n            boxSizing: \"border-box\",\n          };\n        },\n        clearIndicator: (baseStyles) => {\n          return {\n            ...baseStyles,\n            color: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-900)\",\n          };\n        },\n        container: (baseStyles) => {\n          return {\n            ...baseStyles,\n            borderColor: dark\n              ? \"var(--color-slate-700)\"\n              : \"var(--color-gray-200)\",\n            fontSize: 12,\n          };\n        },\n        placeholder: (baseStyles) => {\n          return {\n            ...baseStyles,\n            color: invalid\n              ? dark\n                ? \"var(--color-red-400)\"\n                : \"var(--color-red-900)\"\n              : dark\n                ? \"var(--color-slate-100)\"\n                : \"var(--color-gray-500)\",\n          };\n        },\n        control: () => {\n          return {\n            label: \"control\",\n            alignItems: \"center\",\n            cursor: \"default\",\n            display: \"flex\",\n            flexWrap: \"wrap\",\n            justifyContent: \"space-between\",\n            minHeight: 32,\n            outline: \"0 !important\",\n            position: \"relative\",\n            transition: \"all 100ms\",\n            backgroundColor: dark\n              ? \"var(--color-slate-800)\"\n              : \"var(--color-white)\",\n            borderColor: invalid\n              ? dark\n                ? \"var(--color-red-400)\"\n                : \"var(--color-red-900)\"\n              : dark\n                ? \"var(--color-slate-600)\"\n                : \"var(--color-gray-200)\",\n            borderStyle: \"solid\",\n            borderWidth: 1,\n            borderRadius: \"6px\",\n            boxSizing: \"border-box\",\n          };\n        },\n        option: (baseStyles, state) => {\n          return {\n            ...baseStyles,\n            backgroundColor: state.isSelected\n              ? dark\n                ? \"var(--color-slate-700)\"\n                : \"var(--color-slate-50)\"\n              : dark\n                ? \"var(--color-slate-800)\"\n                : \"var(--color-white)\",\n            color: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-800)\",\n            \":hover\": {\n              backgroundColor: dark\n                ? \"var(--color-slate-700)\"\n                : \"var(--color-slate-50)\",\n            },\n          };\n        },\n        menuList: (baseStyles) => ({\n          ...baseStyles,\n          padding: 0,\n          borderRadius: \"6px\",\n        }),\n      }}\n      theme={(theme) => ({\n        ...theme,\n        colors: {\n          ...theme.colors,\n          primary: dark ? \"var(--color-slate-700)\" : \"var(--color-slate-100)\",\n          primary25: dark ? \"var(--color-slate-800)\" : \"var(--color-slate-50)\",\n          primary50: dark ? \"var(--color-slate-700)\" : \"var(--color-slate-100)\",\n          primary75: dark ? \"var(--color-slate-700)\" : \"var(--color-slate-100)\",\n          danger: dark ? \"var(--color-red-400)\" : \"var(--color-red-900)\",\n          dangerLight: dark ? \"var(--color-red-900)\" : \"var(--color-red-100)\",\n          neutral0: dark ? \"var(--color-slate-800)\" : \"var(--color-white)\",\n          neutral5: dark ? \"var(--color-slate-800)\" : \"var(--color-gray-50)\",\n          neutral10: dark ? \"var(--color-slate-700)\" : \"var(--color-gray-100)\",\n          neutral20: dark ? \"var(--color-slate-600)\" : \"var(--color-gray-200)\",\n          neutral30: dark ? \"var(--color-slate-600)\" : \"var(--color-gray-300)\",\n          neutral40: dark ? \"var(--color-slate-400)\" : \"var(--color-gray-400)\",\n          neutral50: dark ? \"var(--color-slate-300)\" : \"var(--color-gray-500)\",\n          neutral60: dark ? \"var(--color-slate-200)\" : \"var(--color-gray-600)\",\n          neutral70: dark ? \"var(--color-slate-100)\" : \"var(--color-gray-700)\",\n          neutral80: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-800)\",\n          neutral90: dark ? \"var(--color-slate-50)\" : \"var(--color-gray-900)\",\n        },\n      })}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/connect/components/toast/toast.js

@@ -1,5 +1,5 @@
-import { d as PackageAnimation } from "../../../src-CrUksCLW.js";
-import { t as Icon } from "../../../icon-01W_S_9A.js";
+import { d as PackageAnimation } from "../../../src-B2s8MAp7.js";
+import { t as Icon } from "../../../icon-CR_tC1gc.js";
 import { jsx } from "react/jsx-runtime";
 import { ToastContainer as ToastContainer$1, toast as toast$1 } from "react-toastify";
 //#region src/connect/components/toast/toast.tsx