@powerhousedao/design-system 6.2.3-dev.77 → 6.2.3-dev.79

package/dist/{add-local-drive-form.impl-B8f13Rzz.js → add-local-drive-form.impl-COIpcmgW.js}

@@ -6,11 +6,12 @@ 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) {
+	const builtBy = app.builtBy ?? "Powerhouse";
 	return {
 		value: app.id,
 		displayValue: app.name,
-		icon: /* @__PURE__ */ jsx(Icon, { name: "PowerhouseLogoSmall" }),
-		description: "Built by Powerhouse"
+		icon: /* @__PURE__ */ jsx(Icon, { name: builtBy === "Powerhouse" ? "PowerhouseLogoSmall" : "AppModule" }),
+		description: `Built by ${builtBy}`
 	};
 }
 function AppFormInput(props) {
@@ -72,4 +73,4 @@ function AddLocalDriveForm(props) {
 //#endregion
 export { AddLocalDriveForm };
 
-//# sourceMappingURL=add-local-drive-form.impl-B8f13Rzz.js.map
+//# sourceMappingURL=add-local-drive-form.impl-COIpcmgW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-local-drive-form.impl-COIpcmgW.js","names":["Icon","Controller","ConnectSelect","appToInputOption","app","builtBy","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  const builtBy = app.builtBy ?? \"Powerhouse\";\n  return {\n    value: app.id,\n    displayValue: app.name,\n    icon: (\n      <Icon\n        name={builtBy === \"Powerhouse\" ? \"PowerhouseLogoSmall\" : \"AppModule\"}\n      />\n    ),\n    description: `Built by ${builtBy}`,\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,MAAMC,UAAUD,IAAIC,WAAW;CAC/B,OAAO;EACLC,OAAOF,IAAIG;EACXC,cAAcJ,IAAIK;EAClBC,MACE,oBAAC,MAAD,EACE,MAAML,YAAY,eAAe,wBAAwB,YAAY,CAAA;EAGzEM,aAAa,YAAYN;CAC3B;AACF;AASA,SAAgBO,aACdC,OACA;CACA,MAAM,EAAEC,SAASC,YAAY,GAAGC,mBAAmBH;CACnD,MAAMI,QAAQF,WAAWG,IAAIf,gBAAgB;CAE7C,OACE,oBAAC,YAAD;EACWW;EACT,MAAM;EACN,SAAS,EAAEK,YACT,oBAAC,eAAD;GAAe,GAAIH;GAAgB,GAAIG;GAAO,IAAG;GAAYF;EAAM,CAAA;CACnE,CAAA;AAGR;;;AC5BA,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/{checkbox-BIhO-KB2.d.ts → checkbox-BIAGwP7d.d.ts}

@@ -1,4 +1,4 @@
-import { p as InputBaseProps } from "./index-Ck34z7kD.js";
+import { p as InputBaseProps } from "./index-5FEr1tXH.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-BIhO-KB2.d.ts.map
+//# sourceMappingURL=checkbox-BIAGwP7d.d.ts.map

package/dist/{checkbox-BIhO-KB2.d.ts.map → checkbox-BIAGwP7d.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-BIhO-KB2.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-BIAGwP7d.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/connect/index.d.ts

@@ -1,6 +1,6 @@
-import { $ as PowerhouseButton, A as SidebarFooter, G as Modal, K as Icon, S as SelectOption, T as useWindowSize, at as AppOptions, ct as INITIAL_SYNC, dt as SYNCING, ft as syncStatuses, j as SidebarHeader, lt as MISSING, ot as CONFLICT, rt as SyncStatus$1, st as ERROR, ut as SUCCESS } from "../index-Ck34z7kD.js";
+import { $ as PowerhouseButton, A as SidebarFooter, G as Modal, K as Icon, S as SelectOption, T as useWindowSize, at as AppOptions, ct as INITIAL_SYNC, dt as SYNCING, ft as syncStatuses, j as SidebarHeader, lt as MISSING, ot as CONFLICT, rt as SyncStatus$1, st as ERROR, ut as SUCCESS } from "../index-5FEr1tXH.js";
 import { i as Size, n as DivProps, o as IconName } from "../types-TZijOYrE.js";
-import { t as Checkbox } from "../checkbox-BIhO-KB2.js";
+import { t as Checkbox } from "../checkbox-BIAGwP7d.js";
 import "../ui/index.js";
 import React$1, { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, FC, HTMLAttributes, PropsWithChildren, ReactNode, RefAttributes } from "react";
 import { TooltipProps } from "@radix-ui/react-tooltip";

package/dist/connect/index.js

@@ -4077,7 +4077,7 @@ const FormInput = /*#__PURE__*/ forwardRef(function FormInput(props, ref) {
 });
 //#endregion
 //#region src/connect/components/form/add-local-drive-form.tsx
-const AddLocalDriveForm = lazyComponent(() => import("../add-local-drive-form.impl-B8f13Rzz.js").then((m) => m.AddLocalDriveForm));
+const AddLocalDriveForm = lazyComponent(() => import("../add-local-drive-form.impl-COIpcmgW.js").then((m) => m.AddLocalDriveForm));
 //#endregion
 //#region src/connect/components/form/add-remote-drive-form.tsx
 const AddRemoteDriveForm = lazyComponent(() => import("../add-remote-drive-form.impl-_SqOzbSt.js").then((m) => m.AddRemoteDriveForm));

package/dist/{content-Ch3oDYCL.d.ts → content-Cv0kRppo.d.ts}

@@ -1,4 +1,4 @@
-import { C as SelectProps } from "./index-Ck34z7kD.js";
+import { C as SelectProps } from "./index-5FEr1tXH.js";
 import React from "react";
 //#region src/ui/components/select-field/content.d.ts
 interface ContentProps {
@@ -17,4 +17,4 @@ declare const Content: React.FC<ContentProps>;
 //#endregion
 export { Content as t };
 export {};
-//# sourceMappingURL=content-Ch3oDYCL.d.ts.map
+//# sourceMappingURL=content-Cv0kRppo.d.ts.map

package/dist/{content-Ch3oDYCL.d.ts.map → content-Cv0kRppo.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"content-Ch3oDYCL.d.ts","names":[],"sources":["../src/ui/components/select-field/content.tsx"],"mappings":";;;UAaU;EACR;EACA,gBAAgB,MAAM,UAAU;EAChC;EACA;EACA;EACA;EACA,SAAS;EACT,kBAAkB;EAClB;EACA,eAAe;;cAGJ,SAAS,MAAM,GAAG"}
+{"version":3,"file":"content-Cv0kRppo.d.ts","names":[],"sources":["../src/ui/components/select-field/content.tsx"],"mappings":";;;UAaU;EACR;EACA,gBAAgB,MAAM,UAAU;EAChC;EACA;EACA;EACA;EACA,SAAS;EACT,kBAAkB;EAClB;EACA,eAAe;;cAGJ,SAAS,MAAM,GAAG"}

package/dist/{enum-field-DsyC0ml7.d.ts → enum-field-Cub1rt3e.d.ts}

@@ -1,5 +1,5 @@
-import { n as RadioGroupFieldProps } from "./radio-group-field-0-cC_e65.js";
-import { n as SelectFieldProps } from "./select-field-VZPf666l.js";
+import { n as RadioGroupFieldProps } from "./radio-group-field-X18o287K.js";
+import { n as SelectFieldProps } from "./select-field-DHaCiAso.js";
 import React from "react";
 //#region src/ui/components/enum-field/enum-field.d.ts
 type EnumFieldProps = ({
@@ -13,4 +13,4 @@ declare const EnumField: React.ForwardRefExoticComponent<EnumFieldProps & React.
 //#endregion
 export { EnumFieldProps as n, EnumField as t };
 export {};
-//# sourceMappingURL=enum-field-DsyC0ml7.d.ts.map
+//# sourceMappingURL=enum-field-Cub1rt3e.d.ts.map

package/dist/{enum-field-DsyC0ml7.d.ts.map → enum-field-Cub1rt3e.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"enum-field-DsyC0ml7.d.ts","names":[],"sources":["../src/ui/components/enum-field/enum-field.tsx"],"mappings":";;;;KAUY;EAEN;KACG,uBAAuB;EAE1B;IACE;EAEF;IACE;cAEK,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA,oBAAA"}
+{"version":3,"file":"enum-field-Cub1rt3e.d.ts","names":[],"sources":["../src/ui/components/enum-field/enum-field.tsx"],"mappings":";;;;KAUY;EAEN;KACG,uBAAuB;EAE1B;IACE;EAEF;IACE;cAEK,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA,oBAAA"}

package/dist/{id-autocomplete-Cr7p129s.d.ts → id-autocomplete-8LcmtjSR.d.ts}

@@ -1,8 +1,8 @@
-import { y as IdAutocompleteProps } from "./index-Ck34z7kD.js";
+import { y as IdAutocompleteProps } from "./index-5FEr1tXH.js";
 import React from "react";
 //#region src/ui/components/id-autocomplete/id-autocomplete.d.ts
 declare const IdAutocomplete: React.ForwardRefExoticComponent<IdAutocompleteProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { IdAutocomplete as t };
 export {};
-//# sourceMappingURL=id-autocomplete-Cr7p129s.d.ts.map
+//# sourceMappingURL=id-autocomplete-8LcmtjSR.d.ts.map

package/dist/id-autocomplete-8LcmtjSR.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-8LcmtjSR.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete.tsx"],"mappings":";;;cAkBM,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA"}

package/dist/{id-autocomplete-input-container-iTw9wYZn.d.ts → id-autocomplete-input-container-D2L7p-Yh.d.ts}

@@ -1,4 +1,4 @@
-import { p as InputBaseProps, v as IdAutocompleteOption } from "./index-Ck34z7kD.js";
+import { p as InputBaseProps, v as IdAutocompleteOption } from "./index-5FEr1tXH.js";
 import React from "react";
 //#region src/ui/components/id-autocomplete/id-autocomplete-input-container.d.ts
 interface IdAutocompleteInputContainerProps extends Omit<InputBaseProps<string>, "defaultValue" | "errors" | "warnings"> {
@@ -23,4 +23,4 @@ declare const IdAutocompleteInputContainer: React.ForwardRefExoticComponent<IdAu
 //#endregion
 export { IdAutocompleteInputContainerProps as n, IdAutocompleteInputContainer as t };
 export {};
-//# sourceMappingURL=id-autocomplete-input-container-iTw9wYZn.d.ts.map
+//# sourceMappingURL=id-autocomplete-input-container-D2L7p-Yh.d.ts.map

package/dist/{id-autocomplete-input-container-iTw9wYZn.d.ts.map → id-autocomplete-input-container-D2L7p-Yh.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"id-autocomplete-input-container-iTw9wYZn.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-input-container.tsx"],"mappings":";;;UAaU,0CAA0C,KAClD;EAGA;EACA;EACA,YAAY,GAAG,MAAM,YAAY;EACjC,UAAU,GAAG,MAAM,WAAW;EAC9B,WAAW,GAAG,MAAM,WAAW;EAC/B,iBAAiB;EACjB;EACA,oBAAoB;EACpB,aAAa,GAAG,MAAM,cAAc;EACpC,eAAe,GAAG,MAAM,WAAW;EACnC;EACA;EACA;EACA;EACA,eAAe,GAAG,MAAM,eAAe;EACvC,WAAW,GAAG,MAAM,eAAe;;cAG/B,8BAA4B,MAAA,0BAAA,oCAAA,MAAA,cAAA"}
+{"version":3,"file":"id-autocomplete-input-container-D2L7p-Yh.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-input-container.tsx"],"mappings":";;;UAaU,0CAA0C,KAClD;EAGA;EACA;EACA,YAAY,GAAG,MAAM,YAAY;EACjC,UAAU,GAAG,MAAM,WAAW;EAC9B,WAAW,GAAG,MAAM,WAAW;EAC/B,iBAAiB;EACjB;EACA,oBAAoB;EACpB,aAAa,GAAG,MAAM,cAAc;EACpC,eAAe,GAAG,MAAM,WAAW;EACnC;EACA;EACA;EACA;EACA,eAAe,GAAG,MAAM,eAAe;EACvC,WAAW,GAAG,MAAM,eAAe;;cAG/B,8BAA4B,MAAA,0BAAA,oCAAA,MAAA,cAAA"}

package/dist/{id-autocomplete-list-BIC3RxOp.d.ts → id-autocomplete-list-BXvN07Hr.d.ts}

@@ -1,4 +1,4 @@
-import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-Ck34z7kD.js";
+import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-5FEr1tXH.js";
 import React from "react";
 //#region src/ui/components/id-autocomplete/id-autocomplete-list.d.ts
 interface IdAutocompleteListProps {
@@ -20,4 +20,4 @@ declare const IdAutocompleteList: React.FC<IdAutocompleteListProps>;
 //#endregion
 export { IdAutocompleteListProps as n, IdAutocompleteList as t };
 export {};
-//# sourceMappingURL=id-autocomplete-list-BIC3RxOp.d.ts.map
+//# sourceMappingURL=id-autocomplete-list-BXvN07Hr.d.ts.map

package/dist/{id-autocomplete-list-BIC3RxOp.d.ts.map → id-autocomplete-list-BXvN07Hr.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"id-autocomplete-list-BIC3RxOp.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list.tsx"],"mappings":";;;UAYU;EACR,SAAS;EACT,iBAAiB,MAAM,UAAU;EACjC;EACA,UAAU;EACV,gBAAgB;EAChB,gBACE,QAAQ,sBACR;IACE;IACA;IACA;IACA,6BAA6B;IAC7B;QAEC,MAAM;EACX,qBAAqB;;cAGjB,oBAAoB,MAAM,GAAG"}
+{"version":3,"file":"id-autocomplete-list-BXvN07Hr.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list.tsx"],"mappings":";;;UAYU;EACR,SAAS;EACT,iBAAiB,MAAM,UAAU;EACjC;EACA,UAAU;EACV,gBAAgB;EAChB,gBACE,QAAQ,sBACR;IACE;IACA;IACA;IACA,6BAA6B;IAC7B;QAEC,MAAM;EACX,qBAAqB;;cAGjB,oBAAoB,MAAM,GAAG"}

package/dist/{id-autocomplete-list-option-DlpZer-2.d.ts → id-autocomplete-list-option-D_1BOv50.d.ts}

@@ -1,4 +1,4 @@
-import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-Ck34z7kD.js";
+import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-5FEr1tXH.js";
 import { o as IconName } from "./types-TZijOYrE.js";
 import React from "react";
 //#region src/ui/components/id-autocomplete/id-autocomplete-list-option.d.ts
@@ -16,4 +16,4 @@ declare const IdAutocompleteListOption: React.FC<IdAutocompleteListOptionProps>;
 //#endregion
 export { IdAutocompleteListOptionProps as n, IdAutocompleteListOption as t };
 export {};
-//# sourceMappingURL=id-autocomplete-list-option-DlpZer-2.d.ts.map
+//# sourceMappingURL=id-autocomplete-list-option-D_1BOv50.d.ts.map

package/dist/{id-autocomplete-list-option-DlpZer-2.d.ts.map → id-autocomplete-list-option-D_1BOv50.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"id-autocomplete-list-option-DlpZer-2.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx"],"mappings":";;;;KAyEK;EACH,SAAS;EACT;EACA;EACA;EACA,6BAA6B;EAC7B;EACA;EACA,kBAAkB,WAAW,MAAM;IACjC,qBAAqB;cAEnB,0BAA0B,MAAM,GAAG"}
+{"version":3,"file":"id-autocomplete-list-option-D_1BOv50.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx"],"mappings":";;;;KAyEK;EACH,SAAS;EACT;EACA;EACA;EACA,6BAA6B;EAC7B;EACA;EACA,kBAAkB,WAAW,MAAM;IACjC,qBAAqB;cAEnB,0BAA0B,MAAM,GAAG"}

package/dist/{index-Ck34z7kD.d.ts → index-5FEr1tXH.d.ts}

@@ -16,6 +16,8 @@ declare const syncStatuses: readonly ["INITIAL_SYNC", "SYNCING", "SUCCESS", "CON
 type AppOptions = {
   name: string;
   id: string;
+  /** Who built the app, as "Built by …" shows it; Powerhouse when absent. */
+  builtBy?: string;
   sharingType: SharingType;
   availableOffline: boolean;
 };
@@ -346,4 +348,4 @@ type AmountValue = Amount | AmountPercentage | AmountFiat | AmountCrypto | Amoun
 //#endregion
 export { PowerhouseButton as $, SidebarFooter as A, UsePaginationOptions as B, SelectProps as C, useEnterAnimation as D, useAnimation as E, PaginationEvent as F, Modal as G, usePagination as H, PaginationPageEvent as I, DropdownMenu as J, Icon as K, PaginationProps as L, SidebarPanel as M, SidebarPanelProps as N, useExitAnimation as O, Pagination as P, DropdownMenuTrigger as Q, PageItem as R, SelectOption as S, useWindowSize as T, PackageAnimation as U, UsePaginationResult as V, PackageAnimationProps as W, DropdownMenuItem as X, DropdownMenuContent as Y, DropdownMenuLabel as Z, WithDifference as _, AmountInputPropsGeneric as a, AppOptions as at, RadioGroupProps as b, Currency as c, INITIAL_SYNC as ct, ErrorMessage as d, SYNCING as dt, PowerhouseButtonProps as et, FieldErrorHandling as f, syncStatuses as ft, ViewMode as g, ValidatorResult as h, AmountFiat as i, SyncStatuses as it, SidebarHeader as j, Sidebar as k, CurrencyTicker as l, MISSING as lt, ValidatorHandler as m, AmountCrypto as n, OptionMetadata as nt, AmountPercentage as o, CONFLICT as ot, InputBaseProps as p, iconComponents as q, AmountCurrency as r, SyncStatus as rt, AmountValue as s, ERROR as st, Amount as t, DriveLocation as tt, DiffMode as u, SUCCESS as ut, IdAutocompleteOption as v, getDimensions as w, SelectBaseProps as x, IdAutocompleteProps as y, UsePaginationBaseResult as z };
 export {};
-//# sourceMappingURL=index-Ck34z7kD.d.ts.map
+//# sourceMappingURL=index-5FEr1tXH.d.ts.map

package/dist/index-5FEr1tXH.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-5FEr1tXH.d.ts","names":[],"sources":["../src/connect/constants/syncing.ts","../src/connect/components/types.ts","../src/connect/types.ts","../src/powerhouse/components/button/button.tsx","../src/powerhouse/components/dropdown-menu/dropdown-menu.tsx","../src/powerhouse/components/icon/icon-components.tsx","../src/powerhouse/components/icon/icon.tsx","../src/powerhouse/components/modal/modal.tsx","../src/powerhouse/components/package-animation/package-animation.tsx","../src/powerhouse/hooks/usePagination.ts","../src/powerhouse/components/pagination/pagination.tsx","../src/powerhouse/components/sidebar/sidebar-panel.tsx","../src/powerhouse/components/sidebar/sidebar.tsx","../src/powerhouse/hooks/animation.ts","../src/powerhouse/hooks/useWindowSize.ts","../src/powerhouse/utils/getDimensions.ts","../src/ui/components/enum-field/types.ts","../src/ui/components/id-autocomplete/types.ts","../src/ui/types.ts"],"mappings":"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"}

package/dist/index-i-xHUsLr.d.ts

@@ -0,0 +1,30 @@
+import "./button-BYcXvZXr.js";
+import "./checkbox-base-Bm0GPWgm.js";
+import "./checkbox-BIAGwP7d.js";
+import "./command-DHHTsHfH.js";
+import "./radio-group-field-X18o287K.js";
+import "./select-field-DHaCiAso.js";
+import "./enum-field-Cub1rt3e.js";
+import "./form-Brj5AQNr.js";
+import "./id-autocomplete-input-container-D2L7p-Yh.js";
+import "./id-autocomplete-list-option-D_1BOv50.js";
+import "./id-autocomplete-list-BXvN07Hr.js";
+import "./id-autocomplete-8LcmtjSR.js";
+import "./use-id-autocomplete-m9Bf0qCy.js";
+import "./input-WDvjJFqf.js";
+import "./splitted-input-diff-DNKcSOAB.js";
+import "./json-viewer-Kg0IBIt-.js";
+import "./popover-TvQxa0RU.js";
+import "./radio-group-CROIwgYz.js";
+import "./radio-CTS4WsNy.js";
+import "./index-D6Zk5OLV.js";
+import "./content-Cv0kRppo.js";
+import "./selected-content-CSTFkQr9.js";
+import "./text-input-CRjOT54_.js";
+import "./text-field-Dq1DTC_t.js";
+import "./text-input-diff-CcF0QblL.js";
+import "./index-C-Tup7Br.js";
+import "./tooltip-B4uQJPUm.js";
+import "./value-transformer-BtUh3-UP.js";
+import "./with-field-validation-Bh26a6fr.js";
+export {};

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { $ as PowerhouseButton, A as SidebarFooter, B as UsePaginationOptions, C as SelectProps, D as useEnterAnimation, E as useAnimation, F as PaginationEvent, G as Modal, H as usePagination, I as PaginationPageEvent, J as DropdownMenu, K as Icon, L as PaginationProps, M as SidebarPanel, N as SidebarPanelProps, O as useExitAnimation, P as Pagination, Q as DropdownMenuTrigger, R as PageItem, S as SelectOption, T as useWindowSize, U as PackageAnimation, V as UsePaginationResult, W as PackageAnimationProps, X as DropdownMenuItem, Y as DropdownMenuContent, Z as DropdownMenuLabel, _ as WithDifference, a as AmountInputPropsGeneric, at as AppOptions, b as RadioGroupProps, c as Currency, d as ErrorMessage, et as PowerhouseButtonProps, f as FieldErrorHandling, g as ViewMode, h as ValidatorResult, i as AmountFiat, it as SyncStatuses, j as SidebarHeader, k as Sidebar, l as CurrencyTicker, m as ValidatorHandler, n as AmountCrypto, nt as OptionMetadata, o as AmountPercentage, p as InputBaseProps, q as iconComponents, r as AmountCurrency, rt as SyncStatus, s as AmountValue, t as Amount, tt as DriveLocation, u as DiffMode, v as IdAutocompleteOption, w as getDimensions, x as SelectBaseProps, y as IdAutocompleteProps, z as UsePaginationBaseResult } from "./index-Ck34z7kD.js";
+import { $ as PowerhouseButton, A as SidebarFooter, B as UsePaginationOptions, C as SelectProps, D as useEnterAnimation, E as useAnimation, F as PaginationEvent, G as Modal, H as usePagination, I as PaginationPageEvent, J as DropdownMenu, K as Icon, L as PaginationProps, M as SidebarPanel, N as SidebarPanelProps, O as useExitAnimation, P as Pagination, Q as DropdownMenuTrigger, R as PageItem, S as SelectOption, T as useWindowSize, U as PackageAnimation, V as UsePaginationResult, W as PackageAnimationProps, X as DropdownMenuItem, Y as DropdownMenuContent, Z as DropdownMenuLabel, _ as WithDifference, a as AmountInputPropsGeneric, at as AppOptions, b as RadioGroupProps, c as Currency, d as ErrorMessage, et as PowerhouseButtonProps, f as FieldErrorHandling, g as ViewMode, h as ValidatorResult, i as AmountFiat, it as SyncStatuses, j as SidebarHeader, k as Sidebar, l as CurrencyTicker, m as ValidatorHandler, n as AmountCrypto, nt as OptionMetadata, o as AmountPercentage, p as InputBaseProps, q as iconComponents, r as AmountCurrency, rt as SyncStatus, s as AmountValue, t as Amount, tt as DriveLocation, u as DiffMode, v as IdAutocompleteOption, w as getDimensions, x as SelectBaseProps, y as IdAutocompleteProps, z as UsePaginationBaseResult } from "./index-5FEr1tXH.js";
 import { a as IconComponentProps, i as Size, n as DivProps, o as IconName, r as DivWithRefProps, s as iconNames, t as Color } from "./types-TZijOYrE.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-CpFPFB1a.js";
 export { type Amount, type AmountCrypto, type AmountCurrency, type AmountFiat, type AmountInputPropsGeneric, type AmountPercentage, type AmountValue, type AppOptions, type Color, type Currency, type CurrencyTicker, type DateFieldValue, type DatePickerView, type DiffMode, type DivProps, type DivWithRefProps, type DriveLocation, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, type ErrorMessage, type FieldErrorHandling, Icon, type IconComponentProps, type IconName, type IdAutocompleteOption, type IdAutocompleteProps, type InputBaseProps, Modal, type OptionMetadata, PackageAnimation, PackageAnimationProps, PageItem, Pagination, PaginationEvent, PaginationPageEvent, PaginationProps, PowerhouseButton, PowerhouseButtonProps, type RadioGroupProps, type SelectBaseProps, type SelectOption, type SelectProps, Sidebar, SidebarFooter, SidebarHeader, SidebarPanel, SidebarPanelProps, type Size, type SyncStatus, type SyncStatuses, type TransformerObject, type TransformerTrigger, type TransformerType, UsePaginationBaseResult, UsePaginationOptions, UsePaginationResult, type ValidatorHandler, type ValidatorResult, type ValueTransformerFn, type ValueTransformerProps, type ViewMode, type WeekStartDayNumber, type WithDifference, getDimensions, iconComponents, iconNames, useAnimation, useEnterAnimation, useExitAnimation, usePagination, useWindowSize };

package/dist/{radio-group-field-0-cC_e65.d.ts → radio-group-field-X18o287K.d.ts}

@@ -1,4 +1,4 @@
-import { b as RadioGroupProps, f as FieldErrorHandling, p as InputBaseProps } from "./index-Ck34z7kD.js";
+import { b as RadioGroupProps, f as FieldErrorHandling, p as InputBaseProps } from "./index-5FEr1tXH.js";
 import { HTMLAttributes } from "react";
 //#region src/ui/components/radio-group-field/radio-group-field.d.ts
 type RadioGroupFieldBaseProps = Omit<HTMLAttributes<HTMLDivElement>, keyof InputBaseProps<string> | keyof FieldErrorHandling | keyof RadioGroupProps | "dir"> & {
@@ -11,4 +11,4 @@ declare const RadioGroupField: import("react").ForwardRefExoticComponent<Omit<HT
 //#endregion
 export { RadioGroupFieldProps as n, RadioGroupField as t };
 export {};
-//# sourceMappingURL=radio-group-field-0-cC_e65.d.ts.map
+//# sourceMappingURL=radio-group-field-X18o287K.d.ts.map

package/dist/{radio-group-field-0-cC_e65.d.ts.map → radio-group-field-X18o287K.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-group-field-0-cC_e65.d.ts","names":[],"sources":["../src/ui/components/radio-group-field/radio-group-field.tsx"],"mappings":";;;KAUK,2BAA2B,KAC9B,eAAe,uBACP,+BACA,2BACA;EAGR;;KAGU,uBAAuB,2BACjC,yBACA,qBACA;cAkFW,iCAAe,0BAAA,KAAA,eAAA,+BAAA,2BAAA,+BAAA;EAxFpB;IA+FN,yBAAA,qBAAA,kCAAA,cAAA"}
+{"version":3,"file":"radio-group-field-X18o287K.d.ts","names":[],"sources":["../src/ui/components/radio-group-field/radio-group-field.tsx"],"mappings":";;;KAUK,2BAA2B,KAC9B,eAAe,uBACP,+BACA,2BACA;EAGR;;KAGU,uBAAuB,2BACjC,yBACA,qBACA;cAkFW,iCAAe,0BAAA,KAAA,eAAA,+BAAA,2BAAA,+BAAA;EAxFpB;IA+FN,yBAAA,qBAAA,kCAAA,cAAA"}

package/dist/{select-field-VZPf666l.d.ts → select-field-DHaCiAso.d.ts}

@@ -1,4 +1,4 @@
-import { C as SelectProps, S as SelectOption, f as FieldErrorHandling, p as InputBaseProps } from "./index-Ck34z7kD.js";
+import { C as SelectProps, S as SelectOption, f as FieldErrorHandling, p as InputBaseProps } from "./index-5FEr1tXH.js";
 import React from "react";
 //#region src/ui/components/select-field/select-field.d.ts
 type SelectFieldBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string | string[]> | keyof FieldErrorHandling | keyof SelectProps>;
@@ -17,4 +17,4 @@ declare const SelectField: React.ForwardRefExoticComponent<SelectFieldBaseProps
 //#endregion
 export { SelectFieldProps as n, SelectFieldRaw as r, SelectField as t };
 export {};
-//# sourceMappingURL=select-field-VZPf666l.d.ts.map
+//# sourceMappingURL=select-field-DHaCiAso.d.ts.map

package/dist/{select-field-VZPf666l.d.ts.map → select-field-DHaCiAso.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"select-field-VZPf666l.d.ts","names":[],"sources":["../src/ui/components/select-field/select-field.tsx"],"mappings":";;;KAgBK,uBAAuB,KAC1B,MAAM,qBAAqB,0BACnB,0CACA,2BACA;KAGE,mBAAmB,uBAC7B,oCACA;EACE,UAAU;EACV,kBAAkB;IAChB,KAAK;cAEE,gBAAc,MAAA,0BAAA,uBAAA,oCAAA;EAJb,UAAA;EACQ,kBAAA;IAwLrB,KAAA,8CAAA,MAAA,cAAA;cAEY,aAAW,MAAA,0BAAA,uBAAA,oCAAA;EA3LV,UAAA;EACQ,kBAAA;IA2LiC,KAAA,8CAAA,MAAA"}
+{"version":3,"file":"select-field-DHaCiAso.d.ts","names":[],"sources":["../src/ui/components/select-field/select-field.tsx"],"mappings":";;;KAgBK,uBAAuB,KAC1B,MAAM,qBAAqB,0BACnB,0CACA,2BACA;KAGE,mBAAmB,uBAC7B,oCACA;EACE,UAAU;EACV,kBAAkB;IAChB,KAAK;cAEE,gBAAc,MAAA,0BAAA,uBAAA,oCAAA;EAJb,UAAA;EACQ,kBAAA;IAwLrB,KAAA,8CAAA,MAAA,cAAA;cAEY,aAAW,MAAA,0BAAA,uBAAA,oCAAA;EA3LV,UAAA;EACQ,kBAAA;IA2LiC,KAAA,8CAAA,MAAA"}

package/dist/{selected-content-D6NWiceG.d.ts → selected-content-CSTFkQr9.d.ts}

@@ -1,4 +1,4 @@
-import { C as SelectProps } from "./index-Ck34z7kD.js";
+import { C as SelectProps } from "./index-5FEr1tXH.js";
 import React from "react";
 //#region src/ui/components/select-field/selected-content.d.ts
 interface SelectedContentProps {
@@ -13,4 +13,4 @@ declare const SelectedContent: React.FC<SelectedContentProps>;
 //#endregion
 export { SelectedContent as t };
 export {};
-//# sourceMappingURL=selected-content-D6NWiceG.d.ts.map
+//# sourceMappingURL=selected-content-CSTFkQr9.d.ts.map

package/dist/{selected-content-D6NWiceG.d.ts.map → selected-content-CSTFkQr9.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"selected-content-D6NWiceG.d.ts","names":[],"sources":["../src/ui/components/select-field/selected-content.tsx"],"mappings":";;;UAMU;EACR;EACA,SAAS;EACT;EACA;EACA;EACA;;cAGW,iBAAiB,MAAM,GAAG"}
+{"version":3,"file":"selected-content-CSTFkQr9.d.ts","names":[],"sources":["../src/ui/components/select-field/selected-content.tsx"],"mappings":";;;UAMU;EACR;EACA,SAAS;EACT;EACA;EACA;EACA;;cAGW,iBAAiB,MAAM,GAAG"}

package/dist/{splitted-input-diff-Bkoi0Odc.d.ts → splitted-input-diff-DNKcSOAB.d.ts}

@@ -1,4 +1,4 @@
-import { _ as WithDifference } from "./index-Ck34z7kD.js";
+import { _ as WithDifference } from "./index-5FEr1tXH.js";
 //#region src/ui/components/input/splitted-input-diff.d.ts
 interface SplittedInputDiffProps extends WithDifference<string> {
   value: string;
@@ -8,4 +8,4 @@ declare const SplittedInputDiff: ({ baseValue, value, viewMode, diffMode, showCo
 //#endregion
 export { SplittedInputDiff as t };
 export {};
-//# sourceMappingURL=splitted-input-diff-Bkoi0Odc.d.ts.map
+//# sourceMappingURL=splitted-input-diff-DNKcSOAB.d.ts.map

package/dist/{splitted-input-diff-Bkoi0Odc.d.ts.map → splitted-input-diff-DNKcSOAB.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"splitted-input-diff-Bkoi0Odc.d.ts","names":[],"sources":["../src/ui/components/input/splitted-input-diff.tsx"],"mappings":";;UAwDU,+BAA+B;EACvC;EACA;;cAGW,sBAAiB,WAAA,OAAA,UAAA,UAAA,gBAM3B,uDAAsB,IAAA"}
+{"version":3,"file":"splitted-input-diff-DNKcSOAB.d.ts","names":[],"sources":["../src/ui/components/input/splitted-input-diff.tsx"],"mappings":";;UAwDU,+BAA+B;EACvC;EACA;;cAGW,sBAAiB,WAAA,OAAA,UAAA,UAAA,gBAM3B,uDAAsB,IAAA"}

package/dist/style.css

@@ -1006,6 +1006,91 @@ input[type="number"] {
     background-color: var(--background);
     color: var(--muted-foreground);
   }
+  .ph-default-styles select {
+    margin-bottom: calc(var(--spacing, 0.25rem) * 2.5);
+    box-sizing: border-box;
+    width: 100%;
+    border-radius: var(--radius-md, 0.375rem);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--input);
+    background-color: var(--card);
+    padding-inline: calc(var(--spacing, 0.25rem) * 3);
+    padding-block: calc(var(--spacing, 0.25rem) * 1.75);
+    font-family: var(--font-sans);
+    font-size: var(--text-sm, 0.875rem);
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    --tw-leading: calc(var(--spacing, 0.25rem) * 5);
+    line-height: calc(var(--spacing, 0.25rem) * 5);
+    --tw-font-weight: var(--font-weight-normal, 400);
+    font-weight: var(--font-weight-normal, 400);
+    color: var(--foreground);
+  }
+  .ph-default-styles select:disabled {
+    background-color: var(--background);
+    color: var(--muted-foreground);
+  }
+  .ph-default-styles input[type="checkbox"], .ph-default-styles input[type="radio"] {
+    width: calc(var(--spacing, 0.25rem) * 4);
+    height: calc(var(--spacing, 0.25rem) * 4);
+    accent-color: var(--primary);
+  }
+  .ph-default-styles button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: calc(var(--spacing, 0.25rem) * 2);
+    border-radius: var(--radius-md, 0.375rem);
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--input);
+    background-color: var(--card);
+    padding-inline: calc(var(--spacing, 0.25rem) * 3);
+    padding-block: calc(var(--spacing, 0.25rem) * 1.5);
+    font-family: var(--font-sans);
+    font-size: var(--text-sm, 0.875rem);
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    --tw-leading: calc(var(--spacing, 0.25rem) * 5);
+    line-height: calc(var(--spacing, 0.25rem) * 5);
+    --tw-font-weight: var(--font-weight-medium, 500);
+    font-weight: var(--font-weight-medium, 500);
+    color: var(--foreground);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
+    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
+  }
+  .ph-default-styles button:hover:not(:disabled) {
+    background-color: var(--accent);
+    color: var(--accent-foreground);
+  }
+  .ph-default-styles button:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .ph-default-styles button:disabled {
+    cursor: not-allowed;
+    opacity: 50%;
+  }
+  .ph-default-styles button[type="submit"] {
+    border-color: var(--primary);
+    background-color: var(--primary);
+    color: var(--primary-foreground);
+  }
+  .ph-default-styles button[type="submit"]:hover:not(:disabled) {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+    }
+    color: var(--primary-foreground);
+  }
   .ph-default-styles a {
     color: var(--info);
     text-decoration-line: none;
@@ -1069,123 +1154,123 @@ input[type="number"] {
   inherits: false;
   initial-value: solid;
 }
-@property --tw-blur {
+@property --tw-shadow {
   syntax: "*";
   inherits: false;
+  initial-value: 0 0 #0000;
 }
-@property --tw-brightness {
+@property --tw-shadow-color {
   syntax: "*";
   inherits: false;
 }
-@property --tw-contrast {
-  syntax: "*";
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
   inherits: false;
+  initial-value: 100%;
 }
-@property --tw-grayscale {
+@property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
+  initial-value: 0 0 #0000;
 }
-@property --tw-hue-rotate {
+@property --tw-inset-shadow-color {
   syntax: "*";
   inherits: false;
 }
-@property --tw-invert {
-  syntax: "*";
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
   inherits: false;
+  initial-value: 100%;
 }
-@property --tw-opacity {
+@property --tw-ring-color {
   syntax: "*";
   inherits: false;
 }
-@property --tw-saturate {
+@property --tw-ring-shadow {
   syntax: "*";
   inherits: false;
+  initial-value: 0 0 #0000;
 }
-@property --tw-sepia {
+@property --tw-inset-ring-color {
   syntax: "*";
   inherits: false;
 }
-@property --tw-drop-shadow {
+@property --tw-inset-ring-shadow {
   syntax: "*";
   inherits: false;
+  initial-value: 0 0 #0000;
 }
-@property --tw-drop-shadow-color {
+@property --tw-ring-inset {
   syntax: "*";
   inherits: false;
 }
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
+@property --tw-ring-offset-width {
+  syntax: "<length>";
   inherits: false;
-  initial-value: 100%;
+  initial-value: 0px;
 }
-@property --tw-drop-shadow-size {
+@property --tw-ring-offset-color {
   syntax: "*";
   inherits: false;
+  initial-value: #fff;
 }
-@property --tw-shadow {
+@property --tw-ring-offset-shadow {
   syntax: "*";
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-shadow-color {
+@property --tw-blur {
   syntax: "*";
   inherits: false;
 }
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
+@property --tw-brightness {
+  syntax: "*";
   inherits: false;
-  initial-value: 100%;
 }
-@property --tw-inset-shadow {
+@property --tw-contrast {
   syntax: "*";
   inherits: false;
-  initial-value: 0 0 #0000;
 }
-@property --tw-inset-shadow-color {
+@property --tw-grayscale {
   syntax: "*";
   inherits: false;
 }
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
+@property --tw-hue-rotate {
+  syntax: "*";
   inherits: false;
-  initial-value: 100%;
 }
-@property --tw-ring-color {
+@property --tw-invert {
   syntax: "*";
   inherits: false;
 }
-@property --tw-ring-shadow {
+@property --tw-opacity {
   syntax: "*";
   inherits: false;
-  initial-value: 0 0 #0000;
 }
-@property --tw-inset-ring-color {
+@property --tw-saturate {
   syntax: "*";
   inherits: false;
 }
-@property --tw-inset-ring-shadow {
+@property --tw-sepia {
   syntax: "*";
   inherits: false;
-  initial-value: 0 0 #0000;
 }
-@property --tw-ring-inset {
+@property --tw-drop-shadow {
   syntax: "*";
   inherits: false;
 }
-@property --tw-ring-offset-width {
-  syntax: "<length>";
+@property --tw-drop-shadow-color {
+  syntax: "*";
   inherits: false;
-  initial-value: 0px;
 }
-@property --tw-ring-offset-color {
-  syntax: "*";
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
   inherits: false;
-  initial-value: #fff;
+  initial-value: 100%;
 }
-@property --tw-ring-offset-shadow {
+@property --tw-drop-shadow-size {
   syntax: "*";
   inherits: false;
-  initial-value: 0 0 #0000;
 }
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
@@ -1193,19 +1278,6 @@ input[type="number"] {
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-border-style: solid;
-      --tw-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -1220,6 +1292,19 @@ input[type="number"] {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
     }
   }
 }