@powerhousedao/design-system 6.0.0-dev.253 → 6.0.0-dev.254

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
7
7
  ref?: React.Ref<HTMLDivElement>;
8
8
  } & {
9
9
  asChild?: boolean;
10
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
10
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
11
11
  label?: string;
12
12
  shouldFilter?: boolean;
13
13
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -18,11 +18,11 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
18
18
  disablePointerSelection?: boolean;
19
19
  vimBindings?: boolean;
20
20
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
21
- declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
21
+ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
22
22
  ref?: React.Ref<HTMLInputElement>;
23
23
  } & {
24
24
  asChild?: boolean;
25
- }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
25
+ }, keyof React.InputHTMLAttributes<HTMLInputElement> | "key" | "asChild">, "value" | "onChange" | "type"> & {
26
26
  value?: string;
27
27
  onValueChange?: (search: string) => void;
28
28
  } & React.RefAttributes<HTMLInputElement>, "ref"> & {
@@ -34,7 +34,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
34
34
  ref?: React.Ref<HTMLDivElement>;
35
35
  } & {
36
36
  asChild?: boolean;
37
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
37
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
38
38
  label?: string;
39
39
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
40
40
  declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
@@ -43,7 +43,7 @@ declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
43
43
  ref?: React.Ref<HTMLDivElement>;
44
44
  } & {
45
45
  asChild?: boolean;
46
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
46
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
47
47
  progress?: number;
48
48
  label?: string;
49
49
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -53,14 +53,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
53
53
  ref?: React.Ref<HTMLDivElement>;
54
54
  } & {
55
55
  asChild?: boolean;
56
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
56
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
57
57
  declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
58
58
  children?: React.ReactNode;
59
59
  } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
60
60
  ref?: React.Ref<HTMLDivElement>;
61
61
  } & {
62
62
  asChild?: boolean;
63
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
63
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
64
64
  heading?: React.ReactNode;
65
65
  value?: string;
66
66
  forceMount?: boolean;
@@ -71,7 +71,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
71
71
  ref?: React.Ref<HTMLDivElement>;
72
72
  } & {
73
73
  asChild?: boolean;
74
- }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
74
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
75
75
  disabled?: boolean;
76
76
  onSelect?: (value: string) => void;
77
77
  value?: string;
@@ -80,4 +80,4 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
80
80
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
81
81
  //#endregion
82
82
  export { CommandItem as a, CommandInput as i, CommandEmpty as n, CommandList as o, CommandGroup as r, CommandLoading as s, Command as t };
83
- //# sourceMappingURL=command-BgTYBG_i.d.ts.map
83
+ //# sourceMappingURL=command-BBihfa1C.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"command-BBihfa1C.d.ts","names":[],"sources":["../src/ui/components/command/command.tsx"],"mappings":";;;cAIM,OAAA,EAAO,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;cAeP,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,mBAAA,CAAA,gBAAA,GAAA,gBAAA,SAAA,KAAA,CAAA,mBAAA,CAAA,gBAAA;;;;;;;;;;cA2CZ,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;cAqBX,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;cAMd,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;cAMZ,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;;cAgBZ,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA"}
@@ -397,7 +397,7 @@ function ConnectConfirmationModal(props) {
397
397
  },
398
398
  ...restProps,
399
399
  children: /* @__PURE__ */ jsxs("div", {
400
- ...mergeClassNameProps(containerProps, "w-[400px] p-6 text-slate-300"),
400
+ ...mergeClassNameProps(containerProps, "w-[400px] bg-white p-6 text-slate-300"),
401
401
  children: [
402
402
  /* @__PURE__ */ jsx("div", {
403
403
  ...mergeClassNameProps(headerProps, "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800"),
@@ -2298,7 +2298,7 @@ function ConnectReplaceDuplicateModal(props) {
2298
2298
  },
2299
2299
  ...restProps,
2300
2300
  children: /* @__PURE__ */ jsxs("div", {
2301
- ...mergeClassNameProps(containerProps, "w-[450px] p-6 text-slate-300"),
2301
+ ...mergeClassNameProps(containerProps, "w-[450px] bg-white p-6 text-slate-300"),
2302
2302
  children: [
2303
2303
  /* @__PURE__ */ jsxs("div", {
2304
2304
  className: "flex items-center justify-between border-b border-slate-50 pb-2",
@@ -3014,7 +3014,7 @@ function EditorActionButtons(props) {
3014
3014
  //#region src/connect/components/editor-undo-redo-buttons/editor-undo-redo-buttons.tsx
3015
3015
  function EditorUndoRedoButtons(props) {
3016
3016
  const { canUndo, canRedo, undo, redo } = props;
3017
- const buttonStyles = "w-8 h-8 rounded-lg flex justify-center items-center rounded border border-gray-200";
3017
+ const buttonStyles = "w-8 h-8 rounded-lg flex justify-center items-center rounded border border-gray-200 bg-white";
3018
3018
  return /* @__PURE__ */ jsxs("div", {
3019
3019
  className: "flex gap-x-2 text-gray-500",
3020
3020
  children: [/* @__PURE__ */ jsx("button", {
@@ -3670,7 +3670,7 @@ function LocationInfo(props) {
3670
3670
  const locationInfo = locationInfoByLocation[location];
3671
3671
  return /* @__PURE__ */ jsxs("div", {
3672
3672
  ...divProps,
3673
- className: twMerge("my-3 flex items-center gap-2 rounded-xl border border-gray-100 p-3 text-gray-800 shadow-sm", className),
3673
+ className: twMerge("my-3 flex items-center gap-2 rounded-xl border border-gray-100 bg-white p-3 text-gray-800 shadow-sm", className),
3674
3674
  children: [locationInfo.icon, /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", { children: locationInfo.title }), /* @__PURE__ */ jsx("p", {
3675
3675
  className: "text-xs text-slate-200",
3676
3676
  children: locationInfo.description
@@ -3857,7 +3857,7 @@ const HomeScreenItem = function HomeScreenItem(props) {
3857
3857
  /* @__PURE__ */ jsxs("div", {
3858
3858
  className: "w-full max-w-full",
3859
3859
  children: [/* @__PURE__ */ jsx("h3", {
3860
- className: "w-full max-w-full truncate px-2 text-slate-50",
3860
+ className: "w-full max-w-full truncate px-2 text-gray-900",
3861
3861
  children: title
3862
3862
  }), description && /* @__PURE__ */ jsx("p", {
3863
3863
  className: "text-gray-500",
@@ -3896,7 +3896,7 @@ const HomeScreen = function HomeScreen(props) {
3896
3896
  return /* @__PURE__ */ jsx("div", {
3897
3897
  className: twMerge("relative container mx-auto flex h-full flex-col", containerClassName),
3898
3898
  children: /* @__PURE__ */ jsxs("div", {
3899
- className: "m-8 flex flex-wrap justify-center gap-4 pt-12 dark:bg-slate-900",
3899
+ className: "m-8 flex flex-wrap justify-center gap-4 bg-white pt-12",
3900
3900
  children: [/* @__PURE__ */ jsx(HomeBackgroundImage, {}), children]
3901
3901
  })
3902
3902
  });
@@ -4268,7 +4268,7 @@ function AddDriveModal(props) {
4268
4268
  open,
4269
4269
  children: /* @__PURE__ */ jsx("div", {
4270
4270
  ...containerProps,
4271
- className: twMerge("w-[408px] rounded-2xl p-6", containerProps?.className),
4271
+ className: twMerge("w-[408px] rounded-2xl bg-white p-6", containerProps?.className),
4272
4272
  children: /* @__PURE__ */ jsxs(Tabs, {
4273
4273
  defaultValue: "Create Drive",
4274
4274
  children: [/* @__PURE__ */ jsx(TabContent, {
@@ -4307,7 +4307,7 @@ function AddLocalDriveModal(props) {
4307
4307
  open,
4308
4308
  children: /* @__PURE__ */ jsxs("div", {
4309
4309
  ...containerProps,
4310
- className: twMerge("max-w-[408px] rounded-2xl p-6", containerProps?.className),
4310
+ className: twMerge("max-w-[408px] rounded-2xl bg-white p-6", containerProps?.className),
4311
4311
  children: [
4312
4312
  /* @__PURE__ */ jsxs("div", {
4313
4313
  className: "flex justify-between",
@@ -4348,7 +4348,7 @@ function AddRemoteDriveModal(props) {
4348
4348
  open,
4349
4349
  children: /* @__PURE__ */ jsxs("div", {
4350
4350
  ...containerProps,
4351
- className: twMerge("max-w-[408px] min-w-[408px] rounded-2xl p-6", containerProps?.className),
4351
+ className: twMerge("max-w-[408px] min-w-[408px] rounded-2xl bg-white p-6", containerProps?.className),
4352
4352
  children: [
4353
4353
  /* @__PURE__ */ jsxs("div", {
4354
4354
  className: "flex justify-between",
@@ -4414,7 +4414,7 @@ function CreateDocumentModal(props) {
4414
4414
  ...restProps,
4415
4415
  children: /* @__PURE__ */ jsxs("form", {
4416
4416
  name: "create-document",
4417
- className: "w-[400px] p-6 text-slate-300",
4417
+ className: "w-[400px] bg-white p-6 text-slate-300",
4418
4418
  onSubmit: handleSubmit,
4419
4419
  children: [
4420
4420
  /* @__PURE__ */ jsx("div", {
@@ -4662,7 +4662,7 @@ function DriveSettingsModal(props) {
4662
4662
  open,
4663
4663
  children: /* @__PURE__ */ jsxs("div", {
4664
4664
  ...containerProps,
4665
- className: twMerge("max-w-[408px] rounded-2xl p-6", containerProps?.className),
4665
+ className: twMerge("max-w-[408px] rounded-2xl bg-white p-6", containerProps?.className),
4666
4666
  children: [
4667
4667
  /* @__PURE__ */ jsxs("div", {
4668
4668
  className: "flex justify-between",
@@ -4725,7 +4725,7 @@ function ObjectInspectorModal({ open, onOpenChange, title, object }) {
4725
4725
  open,
4726
4726
  title,
4727
4727
  children: /* @__PURE__ */ jsxs("div", {
4728
- className: "flex size-full flex-col",
4728
+ className: "flex size-full flex-col bg-white",
4729
4729
  children: [/* @__PURE__ */ jsxs("div", {
4730
4730
  className: "flex shrink-0 items-center justify-between border-b border-gray-200 px-4 py-3",
4731
4731
  children: [/* @__PURE__ */ jsx("h2", {
@@ -6438,7 +6438,7 @@ function InspectorModal({ open, onOpenChange, modalProps, containerProps, dbExpl
6438
6438
  open,
6439
6439
  children: /* @__PURE__ */ jsxs("div", {
6440
6440
  ...containerProps,
6441
- className: twMerge("flex size-full flex-col", containerProps?.className),
6441
+ className: twMerge("flex size-full flex-col bg-white", containerProps?.className),
6442
6442
  children: [/* @__PURE__ */ jsx("div", {
6443
6443
  className: "flex shrink-0 items-center justify-end px-3 pt-3",
6444
6444
  children: /* @__PURE__ */ jsx("button", {
@@ -6549,7 +6549,7 @@ function PackageInstallModal(props) {
6549
6549
  },
6550
6550
  ...restProps,
6551
6551
  children: /* @__PURE__ */ jsxs("div", {
6552
- className: "w-[460px] p-6 text-slate-300",
6552
+ className: "w-[460px] bg-white p-6 text-slate-300",
6553
6553
  children: [
6554
6554
  /* @__PURE__ */ jsx("div", {
6555
6555
  className: "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800",
@@ -6641,7 +6641,7 @@ function ReadRequiredModal(props) {
6641
6641
  },
6642
6642
  ...restProps,
6643
6643
  children: /* @__PURE__ */ jsxs("div", {
6644
- ...mergeClassNameProps(containerProps, "w-[500px] p-6 text-slate-300"),
6644
+ ...mergeClassNameProps(containerProps, "w-[500px] bg-white p-6 text-slate-300"),
6645
6645
  children: [
6646
6646
  /* @__PURE__ */ jsx("div", {
6647
6647
  ...mergeClassNameProps(headerProps, "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800"),
@@ -6892,7 +6892,7 @@ function LocalStorage(props) {
6892
6892
  function DefaultEditor(props) {
6893
6893
  const { className, ...rest } = props;
6894
6894
  return /* @__PURE__ */ jsx("div", {
6895
- className: twMerge("rounded-lg p-3", className),
6895
+ className: twMerge("rounded-lg bg-white p-3", className),
6896
6896
  children: /* @__PURE__ */ jsx(DefaultEditorSelect, { ...rest })
6897
6897
  });
6898
6898
  }
@@ -7276,7 +7276,7 @@ const PackageManagerListItem = (props) => {
7276
7276
  }
7277
7277
  const dropdownItems = getDropdownItems();
7278
7278
  return /* @__PURE__ */ jsxs("li", {
7279
- className: twMerge("relative flex flex-col items-start rounded-md border border-gray-200 p-3 text-sm/5 shadow-sm", className),
7279
+ className: twMerge("relative flex flex-col items-start rounded-md border border-gray-200 bg-white p-3 text-sm/5 shadow-sm", className),
7280
7280
  children: [
7281
7281
  /* @__PURE__ */ jsxs("div", {
7282
7282
  className: "flex flex-wrap items-center gap-2 pr-8",
@@ -7511,7 +7511,7 @@ const PackageList = ({ packages, onInstall, onUninstall }) => {
7511
7511
  const PackageManager = (props) => {
7512
7512
  const { registryPackageList, onInstall, onUninstall, mutable, disabled, className } = props;
7513
7513
  return /* @__PURE__ */ jsxs("div", {
7514
- className: twMerge("flex h-full flex-1 flex-col rounded-lg p-3", className),
7514
+ className: twMerge("flex h-full flex-1 flex-col rounded-lg bg-white p-3", className),
7515
7515
  children: [mutable && /* @__PURE__ */ jsx(PackageManagerInput, {
7516
7516
  className: "mb-4",
7517
7517
  registryPackageList,
@@ -7573,7 +7573,7 @@ function SettingsModal(props) {
7573
7573
  className: "flex flex-col gap-y-1 p-3 pt-6",
7574
7574
  children: tabsContent
7575
7575
  }), /* @__PURE__ */ jsx("div", {
7576
- className: "m-6 flex h-full flex-1 flex-col overflow-hidden rounded-lg border border-slate-50",
7576
+ className: "m-6 flex h-full flex-1 flex-col overflow-hidden rounded-lg border border-slate-50 bg-white",
7577
7577
  children: typeof SelectedTabComponent === "function" ? /* @__PURE__ */ jsx(SelectedTabComponent, {}) : SelectedTabComponent
7578
7578
  })]
7579
7579
  })]
@@ -7628,7 +7628,7 @@ const SettingsModalOld = (props) => {
7628
7628
  },
7629
7629
  ...restProps,
7630
7630
  children: /* @__PURE__ */ jsxs("div", {
7631
- className: "w-[432px] p-4 text-gray-900",
7631
+ className: "w-[432px] bg-white p-4 text-gray-900",
7632
7632
  children: [
7633
7633
  /* @__PURE__ */ jsxs("div", {
7634
7634
  className: "flex justify-between",
@@ -7685,7 +7685,7 @@ function ConnectUpgradeDriveModal(props) {
7685
7685
  },
7686
7686
  ...restProps,
7687
7687
  children: /* @__PURE__ */ jsxs("div", {
7688
- className: "w-[400px] p-6 text-slate-300",
7688
+ className: "w-[400px] bg-white p-6 text-slate-300",
7689
7689
  children: [
7690
7690
  /* @__PURE__ */ jsx("div", {
7691
7691
  className: "border-b border-slate-50 pb-2 text-2xl font-bold text-gray-800",
@@ -7969,7 +7969,7 @@ function Errors(props) {
7969
7969
  });
7970
7970
  const text = hasErrors ? `Error: ${errors[0]}` : "No errors";
7971
7971
  const content = /* @__PURE__ */ jsxs("span", {
7972
- className: twMerge("flex w-fit items-center rounded-lg border border-gray-200 px-2 py-1 text-xs", color, hasErrors && "cursor-pointer"),
7972
+ className: twMerge("flex w-fit items-center rounded-lg border border-gray-200 bg-white px-2 py-1 text-xs", color, hasErrors && "cursor-pointer"),
7973
7973
  children: [icon, /* @__PURE__ */ jsx("span", {
7974
7974
  className: twMerge("inline-block max-w-36 truncate"),
7975
7975
  children: text
@@ -8030,7 +8030,7 @@ function Signature(props) {
8030
8030
  if (!signatures?.length) return null;
8031
8031
  return /* @__PURE__ */ jsx(CodePopover, {
8032
8032
  trigger: /* @__PURE__ */ jsxs("span", {
8033
- className: "flex w-fit cursor-pointer items-center gap-1 rounded-lg border border-gray-200 px-2 py-1",
8033
+ className: "flex w-fit cursor-pointer items-center gap-1 rounded-lg border border-gray-200 bg-white px-2 py-1",
8034
8034
  children: [
8035
8035
  /* @__PURE__ */ jsx(VerificationStatus, { signatures }),
8036
8036
  " ",