@powerhousedao/design-system 6.0.0-dev.25 → 6.0.0-dev.250

package/dist/content-OpXUtrTe.d.ts

@@ -0,0 +1,20 @@
+import { C as SelectProps } from "./index-DtPJq-vz.js";
+import React from "react";
+
+//#region src/ui/components/select-field/content.d.ts
+interface ContentProps {
+  searchable?: boolean;
+  commandListRef: React.RefObject<HTMLDivElement | null>;
+  multiple?: boolean;
+  selectedValues: string[];
+  selectionIcon: "auto" | "checkmark";
+  selectionIconPosition: "left" | "right";
+  options: SelectProps["options"];
+  favoriteOptions?: SelectProps["options"];
+  toggleAll: () => void;
+  toggleOption: (value: string) => void;
+}
+declare const Content: React.FC<ContentProps>;
+//#endregion
+export { Content as t };
+//# sourceMappingURL=content-OpXUtrTe.d.ts.map

package/dist/content-OpXUtrTe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-OpXUtrTe.d.ts","names":[],"sources":["../src/ui/components/select-field/content.tsx"],"mappings":";;;;UAYU,YAAA;EACR,UAAA;EACA,cAAA,EAAgB,KAAA,CAAM,SAAA,CAAU,cAAA;EAChC,QAAA;EACA,cAAA;EACA,aAAA;EACA,qBAAA;EACA,OAAA,EAAS,WAAA;EACT,eAAA,GAAkB,WAAA;EAClB,SAAA;EACA,YAAA,GAAe,KAAA;AAAA;AAAA,cAGJ,OAAA,EAAS,KAAA,CAAM,EAAA,CAAG,YAAA"}

package/dist/enum-field-Db9I-jO3.d.ts

@@ -0,0 +1,16 @@
+import { n as RadioGroupFieldProps } from "./radio-group-field-CY2UGZp_.js";
+import { n as SelectFieldProps } from "./select-field-BClhLm83.js";
+import React from "react";
+
+//#region src/ui/components/enum-field/enum-field.d.ts
+type EnumFieldProps = ({
+  variant?: "auto";
+} & (RadioGroupFieldProps | SelectFieldProps)) | ({
+  variant: "RadioGroup";
+} & RadioGroupFieldProps) | ({
+  variant: "Select";
+} & SelectFieldProps);
+declare const EnumField: React.ForwardRefExoticComponent<EnumFieldProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+//#endregion
+export { EnumFieldProps as n, EnumField as t };
+//# sourceMappingURL=enum-field-Db9I-jO3.d.ts.map

package/dist/enum-field-Db9I-jO3.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-field-Db9I-jO3.d.ts","names":[],"sources":["../src/ui/components/enum-field/enum-field.tsx"],"mappings":";;;;;KAUY,cAAA;EAEN,OAAA;AAAA,KACG,oBAAA,GAAuB,gBAAA;EAE1B,OAAA;AAAA,IACE,oBAAA;EAEF,OAAA;AAAA,IACE,gBAAA;AAAA,cAEK,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA,GAAA,cAAA"}

package/dist/form-B9JNvrH6.d.ts

@@ -0,0 +1,117 @@
+import * as react from "react";
+import { UseFormProps, UseFormReturn } from "react-hook-form";
+
+//#region src/ui/components/form/form.d.ts
+type FormMethods = UseFormReturn & {
+  /**
+   * Trigger the form submit event
+   */
+  triggerSubmit: () => void;
+  /**
+   * The id of the form in the DOM
+   */
+  formId: string;
+};
+interface FormProps {
+  /**
+   * Content of the form. Can be either React nodes or a render function that receives form methods
+   * and returns React nodes. The render function approach is useful when you need access to form state
+   * or methods (e.g., to disable submit button while submitting).
+   */
+  children: React.ReactNode | ((methods: FormMethods) => React.ReactNode);
+  /**
+   * Handler called when the form is submitted. Receives the form data as an argument.
+   * The data structure will match the names of your form fields.
+   *
+   * @param data - An object containing the form values, keyed by field names
+   */
+  onSubmit: (data: any) => void | Promise<void>;
+  /**
+   * Whether to reset the form after a successful submit.
+   *
+   * @default false
+   */
+  resetOnSuccessfulSubmit?: boolean;
+  /**
+   * Whether to submit only changed values.
+   *
+   * When enabled, the `onSubmit` callback will only receive fields whose values differ from their
+   * corresponding `defaultValues`.
+   *
+   * @default false
+   */
+  submitChangesOnly?: boolean;
+  /**
+   * Initial values for the form fields. Keys should match the 'name' props of your form fields.
+   * Useful for editing existing data or setting initial state.
+   */
+  defaultValues?: Record<string, any>;
+  /**
+   * Whether to handle errors that happen during the submit process manually instead of showing
+   * them automatically.
+   *
+   * @default false The errors will be rendered automatically on top of the form.
+   */
+  renderSubmitErrorsManually?: boolean;
+  /**
+   * Additional props to pass to the form config from react-hook-form.
+   *
+   * Note: this could affect the form behavior, use with caution.
+   */
+  extraFormProps?: UseFormProps;
+  /**
+   * Callback to match a submission error with one or more form fields or form level errors.
+   *
+   * @default defaultOnError The form tries to match the error with a field name by default and if it
+   * doesn't match any field name, then an generic error or the error message will be shown as a form
+   * level error.
+   *
+   * @returns An object where each key should be a field name or "root.serverError" for form level errors.
+   * If the keys doesn't match any field name, then the UI error should be handled manually using the form
+   * error state to get the message.
+   */
+  submissionErrorMatcher?: (error: Error, fieldNames: string[]) => Record<string, string>;
+  /**
+   * Additional CSS class name to apply to the form element.
+   * Use this to customize the form's styling.
+   */
+  className?: string;
+}
+/**
+ * A form component that integrates with react-hook-form for form state management and validation.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Form onSubmit={handleSubmit}>
+ *   <StringField name="email" label="Email" />
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ *
+ * // With form methods access
+ * <Form onSubmit={handleSubmit}>
+ *   {({ formState: { isSubmitting } }) => (
+ *     <>
+ *       <StringField name="email" label="Email" />
+ *       <Button type="submit" disabled={isSubmitting}>
+ *         {isSubmitting ? 'Submitting...' : 'Submit'}
+ *       </Button>
+ *     </>
+ *   )}
+ * </Form>
+ *
+ * // With default values
+ * <Form
+ *   onSubmit={handleSubmit}
+ *   defaultValues={{
+ *     email: 'user@example.com'
+ *   }}
+ * >
+ *   <StringField name="email" label="Email" />
+ * </Form>
+ * ```
+ */
+declare const Form: react.ForwardRefExoticComponent<FormProps & react.RefAttributes<UseFormReturn>>;
+//#endregion
+export { Form as t };
+//# sourceMappingURL=form-B9JNvrH6.d.ts.map

package/dist/form-B9JNvrH6.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-B9JNvrH6.d.ts","names":[],"sources":["../src/ui/components/form/form.tsx"],"mappings":";;;;KAcK,WAAA,GAAc,aAAA;;;AALgD;EASjE,aAAA;;;;EAKA,MAAA;AAAA;AAAA,UAEQ,SAAA;EAFF;AAAA;;;;EAQN,QAAA,EAAU,KAAA,CAAM,SAAA,KAAc,OAAA,EAAS,WAAA,KAAgB,KAAA,CAAM,SAAA;EAAN;;;;;;EAQvD,QAAA,GAAW,IAAA,iBAAqB,OAAA;EAsDrB;;;;;EA/CX,uBAAA;EAfuD;;;;;;;;EAyBvD,iBAAA;EAcA;;;;EARA,aAAA,GAAgB,MAAA;EA6Bd;;;;;;EArBF,0BAAA;EAyND;;;;;EAlNC,cAAA,GAAiB,YAAA;EA2DF;;;;;;;;;;;EA9Cf,sBAAA,IACE,KAAA,EAAO,KAAA,EACP,UAAA,eACG,MAAA;;;;;EAML,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqCW,IAAA,EAAI,KAAA,CAAA,yBAAA,CAAA,SAAA,GAAA,KAAA,CAAA,aAAA,CAAA,aAAA"}

package/dist/form-description-BpST5Ww-.d.ts

@@ -0,0 +1,9 @@
+//#region src/ui/components/form-description/form-description.d.ts
+interface FormDescriptionProps extends React.PropsWithChildren {
+  as?: React.ElementType;
+  className?: string;
+}
+declare const FormDescription: React.FC<FormDescriptionProps>;
+//#endregion
+export { FormDescriptionProps as n, FormDescription as t };
+//# sourceMappingURL=form-description-BpST5Ww-.d.ts.map

package/dist/form-description-BpST5Ww-.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-description-BpST5Ww-.d.ts","names":[],"sources":["../src/ui/components/form-description/form-description.tsx"],"mappings":";UAEiB,oBAAA,SAA6B,KAAA,CAAM,iBAAA;EAClD,EAAA,GAAK,KAAA,CAAM,WAAA;EACX,SAAA;AAAA;AAAA,cAGI,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,oBAAA"}

package/dist/form-group-BauWlFkQ.d.ts

@@ -0,0 +1,5 @@
+//#region src/ui/components/form-group/form-group.d.ts
+declare const FormGroup: React.FC<React.PropsWithChildren>;
+//#endregion
+export { FormGroup as t };
+//# sourceMappingURL=form-group-BauWlFkQ.d.ts.map

package/dist/form-group-BauWlFkQ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-group-BauWlFkQ.d.ts","names":[],"sources":["../src/ui/components/form-group/form-group.tsx"],"mappings":";cAAa,SAAA,EAAW,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,iBAAA"}

package/dist/form-label-Cz_gcj-B.d.ts

@@ -0,0 +1,13 @@
+//#region src/ui/components/form-label/form-label.d.ts
+interface FormLabelProps extends React.PropsWithChildren, React.LabelHTMLAttributes<HTMLLabelElement> {
+  required?: boolean;
+  disabled?: boolean;
+  description?: string;
+  hasError?: boolean;
+  inline?: boolean;
+  className?: string;
+}
+declare const FormLabel: React.FC<FormLabelProps>;
+//#endregion
+export { FormLabelProps as n, FormLabel as t };
+//# sourceMappingURL=form-label-Cz_gcj-B.d.ts.map

package/dist/form-label-Cz_gcj-B.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label-Cz_gcj-B.d.ts","names":[],"sources":["../src/ui/components/form-label/form-label.tsx"],"mappings":";UAGiB,cAAA,SACP,KAAA,CAAM,iBAAA,EAAmB,KAAA,CAAM,mBAAA,CAAoB,gBAAA;EAC3D,QAAA;EACA,QAAA;EACA,WAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;AAAA;AAAA,cAGW,SAAA,EAAW,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/form-message-BPqNM4gG.d.ts

@@ -0,0 +1,13 @@
+//#region src/ui/components/form-message/form-message.d.ts
+type FormMessageType = "error" | "info" | "warning";
+type FormMessageOwnProps<E extends React.ElementType = React.ElementType> = {
+  type?: FormMessageType;
+  as?: E;
+  className?: string;
+};
+type FormMessageProps<E extends React.ElementType> = FormMessageOwnProps<E> & Omit<React.ComponentPropsWithoutRef<E>, keyof FormMessageOwnProps>;
+declare const defaultElement = "p";
+declare const FormMessage: <E extends React.ElementType = typeof defaultElement>(props: FormMessageProps<E>) => React.ReactElement | null;
+//#endregion
+export { FormMessageProps as n, FormMessageType as r, FormMessage as t };
+//# sourceMappingURL=form-message-BPqNM4gG.d.ts.map

package/dist/form-message-BPqNM4gG.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-message-BPqNM4gG.d.ts","names":[],"sources":["../src/ui/components/form-message/form-message.tsx"],"mappings":";KAEY,eAAA;AAAA,KAEP,mBAAA,WAA8B,KAAA,CAAM,WAAA,GAAc,KAAA,CAAM,WAAA;EAC3D,IAAA,GAAO,eAAA;EACP,EAAA,GAAK,CAAA;EACL,SAAA;AAAA;AAAA,KAGU,gBAAA,WAA2B,KAAA,CAAM,WAAA,IAC3C,mBAAA,CAAoB,CAAA,IAClB,IAAA,CAAK,KAAA,CAAM,wBAAA,CAAyB,CAAA,SAAU,mBAAA;AAAA,cAE5C,cAAA;AAAA,cAEO,WAAA,aAAwB,KAAA,CAAM,WAAA,UAAqB,cAAA,EAC9D,KAAA,EAAO,gBAAA,CAAiB,CAAA,MACrB,KAAA,CAAM,YAAA"}

package/dist/form-server-error-message-CzMQQ8ru.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/components/form-message/form-server-error-message.d.ts
+declare const FormServerErrorMessage: () => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { FormServerErrorMessage as t };
+//# sourceMappingURL=form-server-error-message-CzMQQ8ru.d.ts.map

package/dist/form-server-error-message-CzMQQ8ru.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-server-error-message-CzMQQ8ru.d.ts","names":[],"sources":["../src/ui/components/form-message/form-server-error-message.tsx"],"mappings":";;;cAGa,sBAAA,QAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/id-autocomplete-input-container-NIuWfCB_.d.ts

@@ -0,0 +1,26 @@
+import { p as InputBaseProps, v as IdAutocompleteOption } from "./index-DtPJq-vz.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"> {
+  isLoading: boolean;
+  haveFetchError: boolean;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+  onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+  selectedOption?: IdAutocompleteOption;
+  optionsLength: number;
+  handleOpenChange?: (open: boolean) => void;
+  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+  onMouseDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
+  placeholder?: string;
+  hasError: boolean;
+  isPopoverOpen: boolean;
+  maxLength?: number;
+  handlePaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+  onPaste?: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+}
+declare const IdAutocompleteInputContainer: React.ForwardRefExoticComponent<IdAutocompleteInputContainerProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { IdAutocompleteInputContainerProps as n, IdAutocompleteInputContainer as t };
+//# sourceMappingURL=id-autocomplete-input-container-NIuWfCB_.d.ts.map

package/dist/id-autocomplete-input-container-NIuWfCB_.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-input-container-NIuWfCB_.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-input-container.tsx"],"mappings":";;;;UAYU,iCAAA,SAA0C,IAAA,CAClD,cAAA;EAGA,SAAA;EACA,cAAA;EACA,QAAA,IAAY,CAAA,EAAG,KAAA,CAAM,WAAA,CAAY,gBAAA;EACjC,MAAA,IAAU,CAAA,EAAG,KAAA,CAAM,UAAA,CAAW,gBAAA;EAC9B,OAAA,IAAW,CAAA,EAAG,KAAA,CAAM,UAAA,CAAW,gBAAA;EAC/B,cAAA,GAAiB,oBAAA;EACjB,aAAA;EACA,gBAAA,IAAoB,IAAA;EACpB,SAAA,IAAa,CAAA,EAAG,KAAA,CAAM,aAAA,CAAc,gBAAA;EACpC,WAAA,IAAe,CAAA,EAAG,KAAA,CAAM,UAAA,CAAW,gBAAA;EACnC,WAAA;EACA,QAAA;EACA,aAAA;EACA,SAAA;EACA,WAAA,IAAe,CAAA,EAAG,KAAA,CAAM,cAAA,CAAe,gBAAA;EACvC,OAAA,IAAW,CAAA,EAAG,KAAA,CAAM,cAAA,CAAe,gBAAA;AAAA;AAAA,cAG/B,4BAAA,EAA4B,KAAA,CAAA,yBAAA,CAAA,iCAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/id-autocomplete-jkaREmPP.d.ts

@@ -0,0 +1,8 @@
+import { y as IdAutocompleteProps } from "./index-DtPJq-vz.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 };
+//# sourceMappingURL=id-autocomplete-jkaREmPP.d.ts.map

package/dist/id-autocomplete-jkaREmPP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-jkaREmPP.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete.tsx"],"mappings":";;;;cAkBM,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA"}

package/dist/id-autocomplete-list-Bi2IXdXg.d.ts

@@ -0,0 +1,23 @@
+import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-DtPJq-vz.js";
+import React from "react";
+
+//#region src/ui/components/id-autocomplete/id-autocomplete-list.d.ts
+interface IdAutocompleteListProps {
+  variant: IdAutocompleteProps["variant"];
+  commandListRef?: React.RefObject<HTMLDivElement | null>;
+  selectedValue?: string;
+  options?: IdAutocompleteOption[];
+  toggleOption?: (value: string) => void;
+  renderOption?: (option: IdAutocompleteOption, displayProps?: {
+    asPlaceholder?: boolean;
+    showValue?: boolean;
+    isLoadingSelectedOption?: boolean;
+    handleFetchSelectedOption?: (value: string) => void;
+    className?: string;
+  }) => React.ReactNode;
+  previewPlaceholder?: IdAutocompleteOption;
+}
+declare const IdAutocompleteList: React.FC<IdAutocompleteListProps>;
+//#endregion
+export { IdAutocompleteListProps as n, IdAutocompleteList as t };
+//# sourceMappingURL=id-autocomplete-list-Bi2IXdXg.d.ts.map

package/dist/id-autocomplete-list-Bi2IXdXg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-list-Bi2IXdXg.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list.tsx"],"mappings":";;;;UAYU,uBAAA;EACR,OAAA,EAAS,mBAAA;EACT,cAAA,GAAiB,KAAA,CAAM,SAAA,CAAU,cAAA;EACjC,aAAA;EACA,OAAA,GAAU,oBAAA;EACV,YAAA,IAAgB,KAAA;EAChB,YAAA,IACE,MAAA,EAAQ,oBAAA,EACR,YAAA;IACE,aAAA;IACA,SAAA;IACA,uBAAA;IACA,yBAAA,IAA6B,KAAA;IAC7B,SAAA;EAAA,MAEC,KAAA,CAAM,SAAA;EACX,kBAAA,GAAqB,oBAAA;AAAA;AAAA,cAGjB,kBAAA,EAAoB,KAAA,CAAM,EAAA,CAAG,uBAAA"}

package/dist/id-autocomplete-list-option-CA9HIqEh.d.ts

@@ -0,0 +1,18 @@
+import { nt as IconName, v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-DtPJq-vz.js";
+import React from "react";
+
+//#region src/ui/components/id-autocomplete/id-autocomplete-list-option.d.ts
+type IdAutocompleteListOptionProps = {
+  variant: IdAutocompleteProps["variant"];
+  asPlaceholder?: boolean;
+  showValue?: boolean;
+  isLoadingSelectedOption?: boolean;
+  handleFetchSelectedOption?: (value: string) => void;
+  isFetchSelectedOptionSync?: boolean;
+  className?: string;
+  placeholderIcon?: IconName | React.ReactElement;
+} & IdAutocompleteOption<Record<string, unknown>>;
+declare const IdAutocompleteListOption: React.FC<IdAutocompleteListOptionProps>;
+//#endregion
+export { IdAutocompleteListOptionProps as n, IdAutocompleteListOption as t };
+//# sourceMappingURL=id-autocomplete-list-option-CA9HIqEh.d.ts.map

package/dist/id-autocomplete-list-option-CA9HIqEh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-autocomplete-list-option-CA9HIqEh.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx"],"mappings":";;;;KA0EK,6BAAA;EACH,OAAA,EAAS,mBAAA;EACT,aAAA;EACA,SAAA;EACA,uBAAA;EACA,yBAAA,IAA6B,KAAA;EAC7B,yBAAA;EACA,SAAA;EACA,eAAA,GAAkB,QAAA,GAAW,KAAA,CAAM,YAAA;AAAA,IACjC,oBAAA,CAAqB,MAAA;AAAA,cAEnB,wBAAA,EAA0B,KAAA,CAAM,EAAA,CAAG,6BAAA"}

package/dist/index-CWsYGvaO.d.ts

@@ -0,0 +1 @@
+export { };