@powerhousedao/design-system 6.0.0-dev.20 → 6.0.0-dev.200

package/dist/ui/lib/value-cast.js

@@ -0,0 +1,47 @@
+import { getDateFromValue } from "./date-picker.js";
+import { getDateFormat, normalizeMonthFormat, parseInputString } from "./date-time-picker.js";
+import { format, parse } from "date-fns";
+//#region src/ui/lib/value-cast.ts
+const castFunctions = {
+	BigInt: (value) => BigInt(value),
+	Number: (value) => Number(value),
+	URLTrim: (value) => value?.trim(),
+	AmountNumber: (value) => {
+		if (typeof value === "object" && "unit" in value) return {
+			...value,
+			amount: value.amount !== void 0 ? Number(value.amount) : null,
+			unit: value.unit !== "" ? value.unit : null
+		};
+		if (typeof value === "object") return {
+			...value,
+			amount: Number(value.amount)
+		};
+		return Number(value);
+	},
+	AmountBigInt: (value) => {
+		if (typeof value === "object" && "unit" in value) return {
+			...value,
+			amount: value.amount !== void 0 ? BigInt(value.amount) : null,
+			unit: value.unit !== "" ? value.unit : null
+		};
+	},
+	DateString: (value, dateFormat = "yyyy-MM-dd") => {
+		const date = normalizeMonthFormat(getDateFromValue(value));
+		const correctFormat = getDateFormat(dateFormat);
+		return format(parse(parseInputString(date, correctFormat), correctFormat ?? "yyyy-MM-dd", /* @__PURE__ */ new Date()), "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'");
+	},
+	DateTimeString: (value, dateFormat = "yyyy-MM-dd") => {
+		const [datePart, timePart] = value.split("T");
+		const date = normalizeMonthFormat(getDateFromValue(datePart));
+		const correctFormat = getDateFormat(dateFormat);
+		return `${format(parse(parseInputString(date, correctFormat), correctFormat ?? "yyyy-MM-dd", /* @__PURE__ */ new Date()), "yyyy-MM-dd")}T${timePart}`;
+	}
+};
+function castValue(value, cast) {
+	const [castType, ...params] = cast.split(":");
+	return castFunctions[castType](value, ...params);
+}
+//#endregion
+export { castFunctions, castValue };
+
+//# sourceMappingURL=value-cast.js.map

package/dist/ui/lib/value-cast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-cast.js","names":["format","parse","getDateFromValue","getDateFormat","normalizeMonthFormat","parseInputString","castFunctions","BigInt","value","Number","URLTrim","trim","AmountNumber","amount","undefined","unit","AmountBigInt","DateString","dateFormat","momentDate","date","correctFormat","newValue","fechaUTC","Date","isoDate","DateTimeString","datePart","timePart","split","unFormattedDate","normalizedDate","parsedDate","castValue","cast","castType","params"],"sources":["../../../src/ui/lib/value-cast.ts"],"sourcesContent":["import type { AmountValue } from \"#design-system\";\nimport { format, parse } from \"date-fns\";\nimport { getDateFromValue } from \"./date-picker.js\";\nimport {\n  getDateFormat,\n  normalizeMonthFormat,\n  parseInputString,\n} from \"./date-time-picker.js\";\n\nexport type ValueCast =\n  | \"BigInt\"\n  | \"Number\"\n  | \"URLTrim\"\n  | \"AmountNumber\"\n  | \"AmountBigInt\"\n  | \"DateString\"\n  | \"DateTimeString\";\n\nexport const castFunctions: Record<\n  ValueCast,\n  (value: any, castParams?: string) => any\n> = {\n  BigInt: (value: string) => BigInt(value),\n  Number: (value: string) => Number(value),\n  URLTrim: (value?: string) => value?.trim(),\n  AmountNumber: (value: AmountValue) => {\n    if (typeof value === \"object\" && \"unit\" in value) {\n      return {\n        ...value,\n\n        amount: value.amount !== undefined ? Number(value.amount) : null,\n        unit: value.unit !== \"\" ? value.unit : null,\n      };\n    }\n    if (typeof value === \"object\") {\n      return {\n        ...value,\n\n        amount: Number(value.amount),\n      };\n    }\n    return Number(value);\n  },\n\n  AmountBigInt: (value: AmountValue) => {\n    if (typeof value === \"object\" && \"unit\" in value) {\n      return {\n        ...value,\n\n        amount: value.amount !== undefined ? BigInt(value.amount) : null,\n        unit: value.unit !== \"\" ? value.unit : null,\n      };\n    }\n  },\n  DateString: (value: string, dateFormat = \"yyyy-MM-dd\") => {\n    const momentDate = getDateFromValue(value);\n    const date = normalizeMonthFormat(momentDate);\n    const correctFormat = getDateFormat(dateFormat);\n    const newValue = parseInputString(date, correctFormat);\n\n    const fechaUTC = parse(newValue, correctFormat ?? \"yyyy-MM-dd\", new Date());\n\n    const isoDate = format(fechaUTC, \"yyyy-MM-dd'T'HH:mm:ss.SSS'Z'\");\n    return isoDate;\n  },\n  DateTimeString: (value: string, dateFormat = \"yyyy-MM-dd\") => {\n    const [datePart, timePart] = value.split(\"T\");\n\n    const unFormattedDate = getDateFromValue(datePart);\n    const date = normalizeMonthFormat(unFormattedDate);\n    const correctFormat = getDateFormat(dateFormat);\n\n    const normalizedDate = parseInputString(date, correctFormat);\n    const parsedDate = parse(\n      normalizedDate,\n      correctFormat ?? \"yyyy-MM-dd\",\n      new Date(),\n    );\n\n    const isoDate = format(parsedDate, \"yyyy-MM-dd\");\n\n    return `${isoDate}T${timePart}`;\n  },\n};\n\nexport function castValue(value: any, cast: string): any {\n  const [castType, ...params] = cast.split(\":\");\n  return castFunctions[castType as ValueCast](value, ...params);\n}\n"],"mappings":";;;;AAkBA,MAAaM,gBAGT;CACFC,SAASC,UAAkBD,OAAOC,MAAM;CACxCC,SAASD,UAAkBC,OAAOD,MAAM;CACxCE,UAAUF,UAAmBA,OAAOG,MAAM;CAC1CC,eAAeJ,UAAuB;AACpC,MAAI,OAAOA,UAAU,YAAY,UAAUA,MACzC,QAAO;GACL,GAAGA;GAEHK,QAAQL,MAAMK,WAAWC,KAAAA,IAAYL,OAAOD,MAAMK,OAAO,GAAG;GAC5DE,MAAMP,MAAMO,SAAS,KAAKP,MAAMO,OAAO;GACxC;AAEH,MAAI,OAAOP,UAAU,SACnB,QAAO;GACL,GAAGA;GAEHK,QAAQJ,OAAOD,MAAMK,OAAM;GAC5B;AAEH,SAAOJ,OAAOD,MAAM;;CAGtBQ,eAAeR,UAAuB;AACpC,MAAI,OAAOA,UAAU,YAAY,UAAUA,MACzC,QAAO;GACL,GAAGA;GAEHK,QAAQL,MAAMK,WAAWC,KAAAA,IAAYP,OAAOC,MAAMK,OAAO,GAAG;GAC5DE,MAAMP,MAAMO,SAAS,KAAKP,MAAMO,OAAO;GACxC;;CAGLE,aAAaT,OAAeU,aAAa,iBAAiB;EAExD,MAAME,OAAOhB,qBADMF,iBAAiBM,MAAM,CACG;EAC7C,MAAMa,gBAAgBlB,cAAce,WAAW;AAM/C,SADgBlB,OAFCC,MAFAI,iBAAiBe,MAAMC,cAAc,EAErBA,iBAAiB,8BAAc,IAAIG,MAAM,CAAC,EAE1C,+BAA+B;;CAGlEE,iBAAiBlB,OAAeU,aAAa,iBAAiB;EAC5D,MAAM,CAACS,UAAUC,YAAYpB,MAAMqB,MAAM,IAAI;EAG7C,MAAMT,OAAOhB,qBADWF,iBAAiByB,SAAS,CACA;EAClD,MAAMN,gBAAgBlB,cAAce,WAAW;AAW/C,SAAO,GAFSlB,OANGC,MADII,iBAAiBe,MAAMC,cAAc,EAG1DA,iBAAiB,8BACjB,IAAIG,MACN,CAAC,EAEkC,aAAa,CAE/B,GAAII;;CAExB;AAED,SAAgBK,UAAUzB,OAAY0B,MAAmB;CACvD,MAAM,CAACC,UAAU,GAAGC,UAAUF,KAAKL,MAAM,IAAI;AAC7C,QAAOvB,cAAc6B,UAAuB3B,OAAO,GAAG4B,OAAO"}

package/dist/ui/types.d.ts

@@ -0,0 +1,3 @@
+import { C as SelectProps, S as SelectOption, _ as WithDifference, a as AmountInputPropsGeneric, b as RadioGroupProps, c as Currency, d as ErrorMessage, f as FieldErrorHandling, g as ViewMode, h as ValidatorResult, i as AmountFiat, l as CurrencyTicker, m as ValidatorHandler, n as AmountCrypto, o as AmountPercentage, p as InputBaseProps, r as AmountCurrency, s as AmountValue, t as Amount, u as DiffMode, v as IdAutocompleteOption, x as SelectBaseProps, y as IdAutocompleteProps } from "../index-B6YyDoT1.js";
+import { a as TransformerType, c as WeekStartDayNumber, i as TransformerTrigger, n as DatePickerView, o as ValueTransformerFn, r as TransformerObject, s as ValueTransformerProps, t as DateFieldValue } from "../types-BTq-St7H.js";
+export { Amount, AmountCrypto, AmountCurrency, AmountFiat, AmountInputPropsGeneric, AmountPercentage, AmountValue, Currency, CurrencyTicker, DateFieldValue, DatePickerView, DiffMode, ErrorMessage, FieldErrorHandling, IdAutocompleteOption, IdAutocompleteProps, InputBaseProps, RadioGroupProps, SelectBaseProps, SelectOption, SelectProps, TransformerObject, TransformerTrigger, TransformerType, ValidatorHandler, ValidatorResult, ValueTransformerFn, ValueTransformerProps, ViewMode, WeekStartDayNumber, WithDifference };

package/dist/use-id-autocomplete-JE8w4UXf.d.ts

@@ -0,0 +1,47 @@
+import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-B6YyDoT1.js";
+import * as react from "react";
+
+//#region src/ui/components/id-autocomplete/use-id-autocomplete.d.ts
+interface UseIdAutocompleteParams {
+  autoComplete: IdAutocompleteProps["autoComplete"];
+  defaultValue?: string;
+  value?: string;
+  isOpenByDefault: IdAutocompleteProps["isOpenByDefault"];
+  initialOptions: IdAutocompleteProps["initialOptions"];
+  onChange?: IdAutocompleteProps["onChange"];
+  onBlur?: React.FocusEventHandler<HTMLInputElement>;
+  fetchOptions: IdAutocompleteProps["fetchOptionsCallback"];
+  fetchSelectedOption: IdAutocompleteProps["fetchSelectedOptionCallback"];
+}
+declare function useIdAutocomplete({
+  autoComplete,
+  defaultValue,
+  value,
+  isOpenByDefault,
+  initialOptions,
+  onChange,
+  onBlur,
+  fetchOptions,
+  fetchSelectedOption
+}: UseIdAutocompleteParams): {
+  selectedValue: string;
+  selectedOption: IdAutocompleteOption | undefined;
+  isPopoverOpen: boolean;
+  commandListRef: react.RefObject<HTMLDivElement | null>;
+  options: IdAutocompleteOption[];
+  isLoading: boolean;
+  isLoadingSelectedOption: boolean;
+  haveFetchError: boolean;
+  commandValue: string;
+  isFetchSelectedOptionSync: boolean;
+  toggleOption: (optionValue: string) => void;
+  handleOpenChange: (open: boolean) => void;
+  onTriggerBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  handleCommandValue: (value: string) => void;
+  handleFetchSelectedOption: (value: string) => void;
+  handlePaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+};
+//#endregion
+export { useIdAutocomplete as t };
+//# sourceMappingURL=use-id-autocomplete-JE8w4UXf.d.ts.map

package/dist/use-id-autocomplete-JE8w4UXf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-id-autocomplete-JE8w4UXf.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/use-id-autocomplete.ts"],"mappings":";;;;UAKU,uBAAA;EACR,YAAA,EAAc,mBAAA;EACd,YAAA;EACA,KAAA;EACA,eAAA,EAAiB,mBAAA;EACjB,cAAA,EAAgB,mBAAA;EAChB,QAAA,GAAW,mBAAA;EACX,MAAA,GAAS,KAAA,CAAM,iBAAA,CAAkB,gBAAA;EACjC,YAAA,EAAc,mBAAA;EACd,mBAAA,EAAqB,mBAAA;AAAA;AAAA,iBAGP,iBAAA,CAAA;EACd,YAAA;EACA,YAAA;EACA,KAAA;EACA,eAAA;EACA,cAAA;EACA,QAAA;EACA,MAAA;EACA,YAAA;EACA;AAAA,GACC,uBAAA;;;;;;;;;;;;;qBAkKK,KAAA,CAAM,UAAA,CAAW,gBAAA;oBAfjB,KAAA,CAAM,WAAA,CAAY,gBAAA;;;mBAwBlB,KAAA,CAAM,cAAA,CAAe,gBAAA;AAAA"}

package/dist/use-search-autocomplete-IfcQ_gKh.d.ts

@@ -0,0 +1,21 @@
+import { t as SearchAutocompleteOption } from "./types-C04Q_Fan.js";
+import * as react from "react";
+
+//#region src/ui/components/search-autocomplete/use-search-autocomplete.d.ts
+interface UseSearchAutocompleteOptions {
+  fetchOptions?: (query: string) => Promise<SearchAutocompleteOption[]>;
+  debounceMs: number;
+}
+declare function useSearchAutocomplete(options: UseSearchAutocompleteOptions): {
+  query: string;
+  setQuery: react.Dispatch<react.SetStateAction<string>>;
+  results: SearchAutocompleteOption[];
+  isLoading: boolean;
+  error: string | undefined;
+  isOpen: boolean;
+  setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+  handleQueryChange: (value: string) => void;
+};
+//#endregion
+export { useSearchAutocomplete as t };
+//# sourceMappingURL=use-search-autocomplete-IfcQ_gKh.d.ts.map

package/dist/use-search-autocomplete-IfcQ_gKh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-autocomplete-IfcQ_gKh.d.ts","names":[],"sources":["../src/ui/components/search-autocomplete/use-search-autocomplete.ts"],"mappings":";;;;UAGU,4BAAA;EACR,YAAA,IAAgB,KAAA,aAAkB,OAAA,CAAQ,wBAAA;EAC1C,UAAA;AAAA;AAAA,iBAGc,qBAAA,CAAsB,OAAA,EAAS,4BAAA;;2BAA4B,KAAA,CAAA,cAAA"}

package/dist/value-transformer-2yvrA5Rp.d.ts

@@ -0,0 +1,45 @@
+import { s as ValueTransformerProps } from "./types-BTq-St7H.js";
+import React from "react";
+
+//#region src/ui/components/value-transformer/value-transformer.d.ts
+/**
+ * Apply transformers to the value of the input element. A transformer is a function that
+ * will be applied to the value of the input element modifying the value.
+ *
+ * @param transformers - An array of transformers. A transformer is an object with a
+ * `transformer` property, which is a function that will be applied to the value of
+ * the input element, and an optional `options` property. The `options` property can
+ * have a `trigger` property, which is the event that triggers the transformer, and
+ * an `if` property, which is a boolean that indicates if the transformer should be
+ * applied.
+ * @param children - The input element to apply the transformers to as children
+ *
+ * @example
+ * <ValueTransformer transformers={[
+ *   {
+ *     transformer: (value) => value.toUpperCase(),
+ *     options: {
+ *       trigger: "change",
+ *     },
+ *   },
+ * ]}>
+ *   <Input />
+ * </ValueTransformer>
+ *
+ * @example
+ * <ValueTransformer transformers={[
+ *   {
+ *     // trim the value on blur
+ *     transformer: (value) => (value as string).trim(),
+ *   },
+ * ]}>
+ *   <Input />
+ * </ValueTransformer>
+ */
+declare function ValueTransformer({
+  transformers,
+  children
+}: ValueTransformerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+//#endregion
+export { ValueTransformer as t };
+//# sourceMappingURL=value-transformer-2yvrA5Rp.d.ts.map

package/dist/value-transformer-2yvrA5Rp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-transformer-2yvrA5Rp.d.ts","names":[],"sources":["../src/ui/components/value-transformer/value-transformer.tsx"],"mappings":";;;;;;AA2FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAgB,gBAAA,CAAA;EACd,YAAA;EACA;AAAA,GACC,qBAAA,GAAqB,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}

package/dist/with-field-validation-YcGrdIrv.d.ts

@@ -0,0 +1,19 @@
+import { f as FieldErrorHandling, m as ValidatorHandler, p as InputBaseProps } from "./index-B6YyDoT1.js";
+import { ComponentType, ElementRef, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
+
+//#region src/ui/components/with-field-validation/with-field-validation.d.ts
+interface PossibleProps extends InputBaseProps<unknown>, FieldErrorHandling {
+  pattern?: RegExp;
+  maxLength?: number;
+  minLength?: number;
+  minValue?: number;
+  maxValue?: number;
+}
+interface ValidationOptions<T> {
+  validations?: Record<string, (parentProps: T) => ValidatorHandler>;
+  transformValue?: (value: any) => any;
+}
+declare const withFieldValidation: <T extends PossibleProps, R extends ElementRef<any> = ElementRef<any>>(Component: ComponentType<T>, options?: ValidationOptions<T>) => ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<R>>;
+//#endregion
+export { withFieldValidation as n, ValidationOptions as t };
+//# sourceMappingURL=with-field-validation-YcGrdIrv.d.ts.map

package/dist/with-field-validation-YcGrdIrv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-field-validation-YcGrdIrv.d.ts","names":[],"sources":["../src/ui/components/with-field-validation/with-field-validation.tsx"],"mappings":";;;;UAiBU,aAAA,SAAsB,cAAA,WAAyB,kBAAA;EACvD,OAAA,GAAU,MAAA;EACV,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;AAAA;AAAA,UAQe,iBAAA;EACf,WAAA,GAAc,MAAA,UAAgB,WAAA,EAAa,CAAA,KAAM,gBAAA;EACjD,cAAA,IAAkB,KAAA;AAAA;AAAA,cAGP,mBAAA,aACD,aAAA,YACA,UAAA,QAAkB,UAAA,OAE5B,SAAA,EAAW,aAAA,CAAc,CAAA,GACzB,OAAA,GAAU,iBAAA,CAAkB,CAAA,MAC3B,yBAAA,CAA0B,eAAA,CAAgB,CAAA,IAAK,aAAA,CAAc,CAAA"}

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@powerhousedao/design-system",
-  "version": "6.0.0-dev.20",
+  "version": "6.0.0-dev.200",
   "description": "",
   "files": [
     "dist",
-    "assets",
     "theme.css"
   ],
   "type": "module",
@@ -16,47 +15,46 @@
     "access": "public"
   },
   "sideEffects": false,
+  "imports": {
+    "#design-system": "./src/index.ts",
+    "#design-system/ui": "./src/ui/index.ts",
+    "#design-system/ui/lib": "./src/ui/lib/index.ts",
+    "#design-system/ui/*": "./src/ui/*",
+    "#design-system/connect": "./src/connect/index.ts",
+    "#assets/*": "./assets/*"
+  },
   "exports": {
     ".": {
-      "import": "./dist/src/index.js",
-      "types": "./dist/src/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./*": {
-      "import": "./dist/src/*.js",
-      "types": "./dist/src/*.d.ts"
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js"
     },
     "./ui": {
-      "import": "./dist/src/ui/index.js",
-      "types": "./dist/src/ui/index.d.ts"
+      "types": "./dist/ui/index.d.ts",
+      "import": "./dist/ui/index.js"
     },
     "./ui/lib": {
-      "import": "./dist/src/ui/lib/index.js",
-      "types": "./dist/src/ui/lib/index.d.ts"
-    },
-    "./ui/*": "./dist/src/ui/*",
-    "./utils": {
-      "import": "./dist/src/utils/index.js",
-      "types": "./dist/src/utils/index.d.ts"
+      "types": "./dist/ui/lib/index.d.ts",
+      "import": "./dist/ui/lib/index.js"
     },
+    "./ui/*": "./dist/ui/*",
     "./connect": {
-      "import": "./dist/src/connect/index.js",
-      "types": "./dist/src/connect/index.d.ts"
+      "types": "./dist/connect/index.d.ts",
+      "import": "./dist/connect/index.js"
+    },
+    "./connect/toast": {
+      "types": "./dist/connect/components/toast/toast.d.ts",
+      "import": "./dist/connect/components/toast/toast.js"
     },
     "./rwa": {
-      "import": "./dist/src/rwa/index.js",
-      "types": "./dist/src/rwa/index.d.ts"
+      "types": "./dist/rwa/index.d.ts",
+      "import": "./dist/rwa/index.js"
     },
-    "./assets/*.mp4": "./assets/*.mp4",
-    "./assets/*.png": "./assets/*.png",
-    "./assets/*.svg": "./assets/*.svg",
-    "./assets/*.jpg": "./assets/*.jpg",
-    "./assets/*.jpeg": "./assets/*.jpeg",
-    "./assets/*.gif": "./assets/*.gif",
-    "./assets/*.webp": "./assets/*.webp",
-    "./assets/*.avif": "./assets/*.avif",
     "./style.css": "./dist/style.css",
-    "./theme.css": "./theme.css",
-    "./testing": "./dist/src/ui/testing.js"
+    "./theme.css": "./theme.css"
   },
   "author": {
     "name": "https://www.powerhouse.inc/"
@@ -67,8 +65,11 @@
   },
   "homepage": "https://github.com/powerhouse-inc/design-system#readme",
   "devDependencies": {
-    "@hookform/devtools": "^4.3.1",
+    "@babel/core": "^7.29.0",
+    "@babel/plugin-transform-react-pure-annotations": "^7.27.1",
+    "@babel/preset-typescript": "^7.28.5",
     "@prettier/sync": "^0.5.2",
+    "@rollup/plugin-babel": "^7.0.0",
     "@storybook/addon-actions": "^8.6.7",
     "@storybook/addon-docs": "^8.6.3",
     "@storybook/addon-essentials": "^8.6.7",
@@ -76,99 +77,77 @@
     "@storybook/addon-links": "^8.6.7",
     "@storybook/addon-themes": "^8.6.7",
     "@storybook/blocks": "^8.6.7",
-    "@storybook/components": "^8.6.7",
-    "@storybook/manager-api": "^8.6.7",
     "@storybook/preview-api": "^8.6.7",
     "@storybook/react": "^8.6.7",
     "@storybook/react-vite": "^8.6.7",
     "@storybook/test": "^8.6.7",
     "@storybook/types": "^8.6.7",
-    "@tailwindcss/cli": "^4.1.14",
-    "@tailwindcss/vite": "^4.1.14",
+    "@tailwindcss/cli": "4.2.2",
+    "@tailwindcss/vite": "4.2.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/diff": "^7.0.2",
     "@types/jest": "^29.5.14",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@types/react-virtualized": "^9.22.0",
-    "autoprefixer": "^10.4.20",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "camelcase": "^8.0.0",
-    "cross-env": "^7.0.3",
-    "fast-xml-parser": "^4.3.4",
-    "happy-dom": "^17.4.3",
+    "happy-dom": "^20.8.9",
     "jsdom": "^24.0.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "rollup-preserve-directives": "^1.1.3",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "storybook": "^8.6.14",
     "storybook-addon-pseudo-states": "^4.0.4",
     "tailwind-scrollbar": "^4.0.1",
-    "tailwindcss": "^4.1.14",
-    "vite": "^7.1.9",
-    "vitest": "^3.2.4",
-    "@powerhousedao/config": "6.0.0-dev.20",
-    "@powerhousedao/reactor": "6.0.0-dev.20",
-    "@powerhousedao/reactor-browser": "6.0.0-dev.20"
+    "tailwindcss": "4.2.2",
+    "tsdown": "0.21.1",
+    "vite": "8.0.8",
+    "vitest": "4.1.1",
+    "@powerhousedao/config": "6.0.0-dev.200"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
   "dependencies": {
-    "@internationalized/date": "^3.5.6",
-    "@powerhousedao/document-engineering": "^1.40.1",
     "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.5",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-radio-group": "^1.2.1",
-    "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.1",
     "@radix-ui/react-tooltip": "^1.1.3",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@tanstack/react-query": "^5.49.2",
     "@tanstack/react-virtual": "^3.8.1",
-    "change-case": "^5.4.4",
+    "change-case": "5.4.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
-    "date-fns": "^4.1.0",
+    "date-fns": "4.1.0",
     "date-fns-tz": "^3.2.0",
-    "diff": "^7.0.0",
-    "focus-trap-react": "^11.0.3",
-    "mathjs": "^13.1.1",
-    "nanoid": "^5.0.9",
+    "diff": "^8.0.3",
+    "mathjs": "^15.2.0",
     "natural-orderby": "^4.0.0",
-    "react-circle-flags": "^0.0.22",
-    "react-day-picker": "9.4.3",
     "react-hook-form": "^7.53.0",
     "react-json-view-lite": "^2.5.0",
-    "react-multi-select-component": "^4.3.4",
     "react-number-format": "^5.4.2",
     "react-select": "^5.8.0",
     "react-toastify": "^10.0.4",
-    "react-virtualized": "^9.22.6",
-    "tailwind-merge": "^3.0.2",
-    "tsx": "^4.20.3",
+    "tailwind-merge": "3.4.0",
+    "tsx": "4.21.0",
     "usehooks-ts": "^3.1.1",
-    "viem": "^2.16.1",
-    "wagmi": "^2.12.17",
-    "world-countries": "^5.0.0",
-    "zod": "^4.3.5",
-    "@powerhousedao/reactor-browser": "6.0.0-dev.20",
-    "document-drive": "6.0.0-dev.20",
-    "document-model": "6.0.0-dev.20"
+    "@powerhousedao/shared": "6.0.0-dev.200",
+    "document-model": "6.0.0-dev.200",
+    "@powerhousedao/reactor-browser": "6.0.0-dev.200"
   },
   "scripts": {
     "tsc": "tsc",
     "lint": "eslint",
     "create-icon-components": "tsx scripts/create-icon-components.ts",
+    "build": "tsdown && pnpm run build:css",
     "build:css": "pnpm exec tailwindcss -i style.css -o dist/style.css",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build",

package/theme.css

@@ -182,4 +182,4 @@
       transform: translateX(0);
     }
   }
-}
+}

package/dist/scripts/create-icon-components.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=create-icon-components.d.ts.map

package/dist/scripts/create-icon-components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-icon-components.d.ts","sourceRoot":"","sources":["../../scripts/create-icon-components.ts"],"names":[],"mappings":""}

package/dist/scripts/create-icon-components.js

@@ -1,77 +0,0 @@
-import prettier from "@prettier/sync";
-import camelCase from "camelcase";
-import { execSync } from "node:child_process";
-import { existsSync, mkdirSync, readdir, readFileSync, writeFileSync, } from "node:fs";
-import { join } from "node:path";
-const iconsDir = join("public/icons");
-const outputDirPath = join("src/powerhouse/components/icon-components");
-const toPascalCase = (filename) => {
-    return camelCase(filename.replace(".svg", ""), { pascalCase: true });
-};
-// Check if there are changes in the icons directory
-const hasChanges = () => {
-    try {
-        const output = execSync(`git status --porcelain ${iconsDir}`).toString();
-        return output.trim().length > 0;
-    }
-    catch (error) {
-        console.error("Error checking git status:", error);
-        return false;
-    }
-};
-// if (!hasChanges()) {
-//   console.log(
-//     "No changes detected in the icons directory. Skipping generation.",
-//   );
-//   process.exit(0);
-// }
-if (!existsSync(outputDirPath)) {
-    mkdirSync(outputDirPath);
-}
-readdir(iconsDir, (err, files) => {
-    if (err) {
-        console.error("Error reading the icons directory:", err);
-        return;
-    }
-    const svgFiles = files.filter((file) => file.endsWith(".svg"));
-    if (svgFiles.length === 0) {
-        console.log("No SVG files found in the icons directory.");
-        return;
-    }
-    const iconNames = [];
-    svgFiles.forEach((file) => {
-        const filePath = join(iconsDir, file);
-        const componentName = toPascalCase(file);
-        const svgData = readFileSync(filePath, "utf8");
-        const svgDataWithProps = svgData
-            .replace("<svg", "<svg {...props}")
-            .replace(/([a-z-]+)="([^"]*)"/g, (_, attrName, attrValue) => {
-            return `${camelCase(attrName)}="${attrValue}"`;
-        });
-        let iconContent = 'import { Props } from "./index.js";\n';
-        iconContent += `export default function ${componentName}(props: Props) {\n`;
-        iconContent += `  return (\n${svgDataWithProps}\n  );\n`;
-        iconContent += `}\n\n`;
-        const formattedIconContent = prettier.format(iconContent, {
-            parser: "typescript",
-        });
-        writeFileSync(join(outputDirPath, `${componentName}.tsx`), formattedIconContent, "utf8");
-        iconNames.push(componentName);
-    });
-    let indexContent = "import { ComponentPropsWithoutRef } from 'react';\n\n";
-    for (const iconName of iconNames) {
-        indexContent += `import ${iconName} from "./${iconName}.js";\n`;
-    }
-    indexContent += `export type Props = ComponentPropsWithoutRef<'svg'>;\n\n`;
-    indexContent += `export const iconNames = ${JSON.stringify(iconNames, null, 2)} as const;\n\n`;
-    indexContent += `export type IconName = (typeof iconNames)[number];\n`;
-    indexContent += `export const iconComponents: Record<IconName, (props: Props) => React.JSX.Element> = {
-    ${iconNames.map((name) => name).join(",\n    ")}
-  } as const;\n`;
-    const formattedTypesContent = prettier.format(indexContent, {
-        parser: "typescript",
-    });
-    writeFileSync(join(outputDirPath, "index.ts"), formattedTypesContent);
-    console.log(`Generated icon components at: ${outputDirPath}`);
-});
-//# sourceMappingURL=create-icon-components.js.map

package/dist/scripts/create-icon-components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-icon-components.js","sourceRoot":"","sources":["../../scripts/create-icon-components.ts"],"names":[],"mappings":"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"}

package/dist/setupTests.d.ts

@@ -1,2 +0,0 @@
-import "@testing-library/jest-dom";
-//# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/setupTests.js

@@ -1,2 +0,0 @@
-import "@testing-library/jest-dom";
-//# sourceMappingURL=setupTests.js.map

package/dist/setupTests.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-login.d.ts

@@ -1,6 +0,0 @@
-import type { FC } from "react";
-export interface AccountPopoverLoginProps {
-    onLogin: (() => void) | undefined;
-}
-export declare const AccountPopoverLogin: FC<AccountPopoverLoginProps>;
-//# sourceMappingURL=account-popover-login.d.ts.map

package/dist/src/connect/components/account-popover/account-popover-login.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"account-popover-login.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuC5D,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-login.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from "@powerhousedao/design-system";
-import { useState } from "react";
-import { twMerge } from "tailwind-merge";
-export const AccountPopoverLogin = ({ onLogin, }) => {
-    const [loading, setLoading] = useState(false);
-    const allowLogin = !loading && !!onLogin;
-    const content = loading ? (_jsx(Icon, { name: "Reload", size: 14, className: "animate-spin" })) : (_jsx("span", { children: "Connect" }));
-    const handleLogin = () => {
-        if (onLogin) {
-            setLoading(true);
-            onLogin();
-        }
-    };
-    return (_jsxs("div", { className: "p-4", children: [_jsx("div", { className: "mb-4 flex justify-center", children: _jsx("div", { className: "flex h-[22px] w-[83px] items-center justify-center overflow-hidden", children: _jsx(Icon, { name: "RenownLight", size: 83 }) }) }), _jsx("button", { onClick: allowLogin ? handleLogin : undefined, className: twMerge("mt-4 flex h-7 w-full cursor-pointer items-center justify-center rounded-lg border border-gray-300 bg-transparent text-sm active:opacity-70", allowLogin ? "cursor-pointer" : "cursor-wait"), type: "button", children: content })] }));
-};
-//# sourceMappingURL=account-popover-login.js.map