@powerhousedao/design-system 1.39.1 → 1.39.2-dev.0

package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "#powerhouse";
-import { Input } from "#scalars";
+import { Input } from "#ui";
 import { useCallback, useState } from "react";
 export const PackageManagerInput = (props) => {
     const { onInstall, className } = props;

package/dist/src/scalars/components/aid-field/aid-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aid-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/aid-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAa,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,cAAc,CAAC,MAAM,CAAC,GAC5B,MAAM,kBAAkB,GACxB,MAAM,QAAQ,GACd,SAAS,CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,cAAc,CAAC,MAAM,CAAC,GACtB,kBAAkB,GAClB,QAAQ,CAAC;AAuIX,eAAO,MAAM,QAAQ,+EAuDnB,CAAC"}
+{"version":3,"file":"aid-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/aid-field/aid-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAa,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,cAAc,CAAC,MAAM,CAAC,GAC5B,MAAM,kBAAkB,GACxB,MAAM,QAAQ,GACd,SAAS,CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,cAAc,CAAC,MAAM,CAAC,GACtB,kBAAkB,GAClB,QAAQ,CAAC;AA2IX,eAAO,MAAM,QAAQ,+EAuDnB,CAAC"}

package/dist/src/scalars/components/aid-field/aid-field.js

@@ -13,7 +13,9 @@ initialOptions, // to be used only in stories
     const id = idProp ?? `${prefix}-aid`;
     const autoComplete = autoCompleteProp ?? true;
     const contextValue = useMemo(() => ({ supportedNetworks }), [supportedNetworks]);
-    const renderOption = useCallback((option, displayProps) => (_jsx(IdAutocompleteListOption, { variant: variant, icon: option.icon, title: option.title, path: option.path, value: displayProps?.asPlaceholder ? "did not available" : option.value, description: option.description, agentType: displayProps?.asPlaceholder
+    const renderOption = useCallback((option, displayProps) => (_jsx(IdAutocompleteListOption, { variant: variant, icon: option.icon, title: option.title, path: displayProps?.asPlaceholder
+            ? { text: "URL not available" }
+            : option.path, value: displayProps?.asPlaceholder ? "aid not available" : option.value, description: option.description, agentType: displayProps?.asPlaceholder
             ? "Agent type not available"
             : option.agentType, placeholderIcon: "Person", ...displayProps })), [variant]);
     return (_jsx(IdAutocompleteContext.Provider, { value: contextValue, children: autoComplete && fetchOptionsCallback ? (_jsx(IdAutocompleteFieldRaw, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: true, variant: variant, maxLength: maxLength, fetchOptionsCallback: fetchOptionsCallback, fetchSelectedOptionCallback: fetchSelectedOptionCallback, isOpenByDefault: isOpenByDefault, initialOptions: initialOptions, renderOption: renderOption, ...props, ref: ref })) : (_jsx(IdAutocompleteFieldRaw, { id: id, name: name, className: className, label: label, description: description, value: value, defaultValue: defaultValue, disabled: disabled, placeholder: placeholder, required: required, errors: errors, warnings: warnings, onChange: onChange, onBlur: onBlur, onClick: onClick, onMouseDown: onMouseDown, autoComplete: false, maxLength: maxLength, ...props, ref: ref })) }));

package/dist/src/scalars/components/amount-field/amount-currency-validations.d.ts

@@ -0,0 +1,3 @@
+import { type AmountFieldProps } from "./amount-field.js";
+export declare const validateAmountCurrency: ({ type, units }: AmountFieldProps) => (value: unknown) => true | "Please select a valid currency";
+//# sourceMappingURL=amount-currency-validations.d.ts.map

package/dist/src/scalars/components/amount-field/amount-currency-validations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"amount-currency-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-currency-validations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,sBAAsB,GAChC,iBAAiB,gBAAgB,MACjC,OAAO,OAAO,4CAmBd,CAAC"}

package/dist/src/scalars/components/amount-field/amount-currency-validations.js

@@ -0,0 +1,12 @@
+export const validateAmountCurrency = ({ type, units }) => (value) => {
+    if (!value)
+        return true;
+    if (typeof value === "object" && "unit" in value) {
+        if (["AmountFiat", "AmountCrypto", "AmountCurrency", "Amount"].includes(type)) {
+            if (!units?.some((currency) => currency.ticker === value.unit)) {
+                return "Please select a valid currency";
+            }
+        }
+    }
+    return true;
+};

package/dist/src/scalars/components/amount-field/amount-field-validations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"amount-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field-validations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA6C1D,eAAO,MAAM,cAAc,GACxB,+DAOE,gBAAgB,MAClB,OAAO,OAAO,KAAG,eA+DjB,CAAC"}
+{"version":3,"file":"amount-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field-validations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA6C1D,eAAO,MAAM,cAAc,GACxB,+DAOE,gBAAgB,MAClB,OAAO,OAAO,KAAG,eA6DjB,CAAC"}

package/dist/src/scalars/components/amount-field/amount-field-validations.js

@@ -1,5 +1,5 @@
 import { isValidNumber } from "../number-field/number-field-validations.js";
-import { isValidBigInt, isValidUnit } from "./utils.js";
+import { isValidBigInt } from "./utils.js";
 const isAmountCurrencyFiat = (type) => type === "AmountFiat";
 const isAmountCurrencyCrypto = (type) => type === "AmountCrypto";
 const isAmountCurrencyUniversal = (type) => type === "AmountCurrency";
@@ -32,9 +32,6 @@ export const validateAmount = ({ type, required, minValue, maxValue, allowNegati
         }
         return true;
     }
-    if (!isValidUnit(type, value, units)) {
-        return "Select a valid currency";
-    }
     if (!isValidNumber(amount) && type !== "AmountCurrency") {
         return "Value is not a valid number";
     }

package/dist/src/scalars/components/amount-field/amount-field.d.ts

@@ -1,8 +1,8 @@
 import { type NumberFieldProps } from "#scalars";
+import type { Currency } from "../currency-code-field/types.js";
 import { type SelectFieldProps } from "../fragments/index.js";
 import type { InputNumberProps } from "../number-field/types.js";
 import type { AmountFieldPropsGeneric, AmountValue } from "./types.js";
-import type { Currency } from "../currency-code-field/types.js";
 export type AmountFieldProps = AmountFieldPropsGeneric & Omit<InputNumberProps, "onChange" | "onBlur" | "precision"> & {
     className?: string;
     name: string;

package/dist/src/scalars/components/amount-field/amount-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"amount-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AAErE,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAIvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACpD,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,IAAI,CAChB,gBAAgB,EAChB,aAAa,GAAG,eAAe,GAAG,QAAQ,CAC3C,CAAC;IACF,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAwLJ,eAAO,MAAM,WAAW,sGAOvB,CAAC"}
+{"version":3,"file":"amount-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/amount-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AAGrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGvE,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACpD,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,IAAI,CAChB,gBAAgB,EAChB,aAAa,GAAG,eAAe,GAAG,QAAQ,CAC3C,CAAC;IACF,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAwLJ,eAAO,MAAM,WAAW,sGAQvB,CAAC"}

package/dist/src/scalars/components/amount-field/amount-field.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn, NumberFieldRaw } from "#scalars";
 import { forwardRef, useId } from "react";
+import { CurrencyCodeFieldRaw } from "../currency-code-field/currency-code-field.js";
 import { FormDescription, FormGroup, FormLabel, FormMessageList, } from "../fragments/index.js";
 import { withFieldValidation } from "../fragments/with-field-validation/with-field-validation.js";
-import { useAmountField } from "./use-amount-field.js";
-import { CurrencyCodeFieldRaw } from "../currency-code-field/currency-code-field.js";
+import { validateAmountCurrency } from "./amount-currency-validations.js";
 import { validateAmount } from "./amount-field-validations.js";
+import { useAmountField } from "./use-amount-field.js";
 const AmountFieldRaw = forwardRef(({ label, value, id: propId, minValue, maxValue, onChange, onBlur, disabled, className, required, errors, warnings, description, defaultValue, type, numberProps, selectProps, step = 1, currencyPosition = "right", name, trailingZeros, viewPrecision, precision, placeholder, placeholderSelect, units, includeCurrencySymbols, symbolPosition, }, ref) => {
     const generatedId = useId();
     const id = propId ?? generatedId;
@@ -20,7 +21,7 @@ const AmountFieldRaw = forwardRef(({ label, value, id: propId, minValue, maxValu
         trailingZeros,
         units,
     });
-    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, className: cn(disabled && "mb-[3px]"), children: label })), _jsxs("div", { className: cn("relative flex items-center"), children: [_jsx("input", { name: name, type: "hidden", "data-cast": isBigInt ? "AmountBigInt" : "AmountNumber" }), _jsxs("div", { className: cn("relative flex items-center"), children: [isShowSelect && currencyPosition === "left" && (_jsx(CurrencyCodeFieldRaw, { contentAlign: "start", contentClassName: "min-w-[160px]", disabled: disabled, currencies: options, onChange: handleOnChangeSelect, placeholder: placeholderSelect, includeCurrencySymbols: includeCurrencySymbols, symbolPosition: symbolPosition, searchable: false, className: cn("rounded-l-md rounded-r-none border border-gray-300", "border-r-[0.5px]", 
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, className: cn(disabled && "mb-[3px]"), children: label })), _jsxs("div", { className: cn("relative flex items-center"), children: [_jsx("input", { name: name, type: "hidden", "data-cast": isBigInt ? "AmountBigInt" : "AmountNumber" }), _jsxs("div", { className: cn("relative flex items-center"), children: [isShowSelect && currencyPosition === "left" && (_jsx(CurrencyCodeFieldRaw, { contentAlign: "start", contentClassName: "min-w-[160px]", disabled: disabled, currencies: options ?? [], onChange: handleOnChangeSelect, placeholder: placeholderSelect, includeCurrencySymbols: includeCurrencySymbols, symbolPosition: symbolPosition, searchable: false, className: cn("rounded-l-md rounded-r-none border border-gray-300", "border-r-[0.5px]", 
                                 // focus state
                                 "focus:border-r-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0", "focus:outline-none", selectProps?.className), ...(selectProps ?? { name: "" }) })), _jsx(NumberFieldRaw, { name: "", step: step, required: required, disabled: disabled, value: valueInput === undefined
                                     ? undefined
@@ -28,7 +29,7 @@ const AmountFieldRaw = forwardRef(({ label, value, id: propId, minValue, maxValu
                                     "rounded-l-none border border-l-[0.5px] border-gray-300", currencyPosition === "right" &&
                                     "rounded-r-none border border-r-[0.5px] border-gray-300", isPercent && "rounded-md pr-7", 
                                 // focus state
-                                "focus:border-r-0", isAmountWithoutUnit && "rounded-md", className), onBlur: handleBlur, ref: ref, ...(numberProps || {}) }), isPercent && !inputFocused && (_jsx("span", { className: cn("pointer-events-none absolute inset-y-0 right-2 ml-2 flex items-center", disabled ? "text-gray-400" : "text-gray-900"), children: "%" }))] }), isShowSelect && currencyPosition === "right" && (_jsx(CurrencyCodeFieldRaw, { contentAlign: "end", contentClassName: "min-w-[160px]", disabled: disabled, includeCurrencySymbols: includeCurrencySymbols, currencies: options, value: valueSelect, onChange: handleOnChangeSelect, name: "", placeholder: placeholderSelect, symbolPosition: symbolPosition, searchable: false, className: cn("rounded-l-none rounded-r-md border border-gray-300", "border-l-[0.5px]", 
+                                "focus:border-r-0", isAmountWithoutUnit && "rounded-md", className), onBlur: handleBlur, ref: ref, ...(numberProps || {}) }), isPercent && !inputFocused && (_jsx("span", { className: cn("pointer-events-none absolute inset-y-0 right-2 ml-2 flex items-center", disabled ? "text-gray-400" : "text-gray-900"), children: "%" }))] }), isShowSelect && currencyPosition === "right" && (_jsx(CurrencyCodeFieldRaw, { contentAlign: "end", contentClassName: "min-w-[160px]", disabled: disabled, includeCurrencySymbols: includeCurrencySymbols, currencies: options ?? [], value: valueSelect, onChange: handleOnChangeSelect, name: "", placeholder: placeholderSelect, symbolPosition: symbolPosition, searchable: false, className: cn("rounded-l-none rounded-r-md border border-gray-300", "border-l-[0.5px]", 
                         // focus state
                         "focus:border-l-none focus:z-10 focus:ring-1 focus:ring-gray-900 focus:ring-offset-0", "focus:outline-none", selectProps?.className) }))] }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
 });
@@ -36,6 +37,7 @@ AmountFieldRaw.displayName = "AmountFieldRaw";
 export const AmountField = withFieldValidation(AmountFieldRaw, {
     validations: {
         _numericAmount: validateAmount,
+        _validOptionCurrency: validateAmountCurrency,
     },
 });
 AmountField.displayName = "AmountField";

package/dist/src/scalars/components/amount-field/use-amount-field.d.ts

@@ -14,7 +14,7 @@ interface UseAmountFieldProps {
 export declare const useAmountField: ({ value, defaultValue, type, onChange, onBlur, precision, viewPrecision, trailingZeros, units, }: UseAmountFieldProps) => {
     isPercent: boolean;
     isShowSelect: boolean;
-    options: Currency[];
+    options: Currency[] | undefined;
     valueInput: string | number | undefined;
     valueSelect: string | undefined;
     handleOnChangeInput: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/src/scalars/components/amount-field/use-amount-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-amount-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/use-amount-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAYpB,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,IAAI,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,kGAU5B,mBAAmB;;;;;;6BAwIY,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;8BAoDlC,MAAM,GAAG,MAAM,EAAE;oBAmC3B,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;;CA8J1D,CAAC"}
+{"version":3,"file":"use-amount-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/use-amount-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAWpB,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,IAAI,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,kGAU5B,mBAAmB;;;;;;6BAwIY,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;8BAoDlC,MAAM,GAAG,MAAM,EAAE;oBAmC3B,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;;CA8J1D,CAAC"}

package/dist/src/scalars/components/amount-field/use-amount-field.js

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "react";
 import { isValidNumber } from "../number-field/number-field-validations.js";
-import { createAmountValue, displayValueAmount, getDefaultUnits, handleEventOnBlur, handleEventOnChange, isNotSafeValue, isValidBigInt, isValidNumberGreaterThanMaxSafeInteger, } from "./utils.js";
+import { createAmountValue, displayValueAmount, handleEventOnBlur, handleEventOnChange, isNotSafeValue, isValidBigInt, isValidNumberGreaterThanMaxSafeInteger, } from "./utils.js";
 export const useAmountField = ({ value, defaultValue, type, onChange, onBlur, precision, viewPrecision, trailingZeros, units, }) => {
     const currentValue = value ?? defaultValue;
     const baseValue = useMemo(() => {
@@ -288,7 +288,7 @@ export const useAmountField = ({ value, defaultValue, type, onChange, onBlur, pr
     const handleIsInputFocused = () => {
         setInputFocused(true);
     };
-    const options = units ?? getDefaultUnits(type);
+    const options = units;
     //Put the placeholder in case that value its not in the options
     const validatedValueSelect = valueSelect && units?.some((unit) => unit.ticker === valueSelect)
         ? valueSelect

package/dist/src/scalars/components/amount-field/utils.d.ts

@@ -1,9 +1,5 @@
 import type { Currency } from "../currency-code-field/types.js";
 import type { AmountFieldPropsGeneric, AmountValue } from "./types.js";
-export declare const DEFAULT_FIAT_CURRENCIES: Currency[];
-export declare const DEFAULT_CRYPTO_CURRENCIES: Currency[];
-export declare const DEFAULT_ALL_CURRENCIES: Currency[];
-export declare const getDefaultUnits: (type: AmountFieldPropsGeneric["type"]) => Currency[];
 export declare const isValidBigInt: (value: string | undefined) => boolean;
 export declare const isValidNumberGreaterThanMaxSafeInteger: (value: string | undefined) => boolean;
 export declare const isNotSafeValue: (value: string) => boolean;

package/dist/src/scalars/components/amount-field/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvE,eAAO,MAAM,uBAAuB,EAAE,QAAQ,EAI7C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,QAAQ,EAO/C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,EAG5C,CAAC;AACF,eAAO,MAAM,eAAe,GAAI,MAAM,uBAAuB,CAAC,MAAM,CAAC,eAWpE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,OAOzD,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,OAAO,MAAM,GAAG,SAAS,YAS1B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,YAE3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,MAAM,EACd,YAAY,MAAM,EAClB,gBAAgB,MAAM,EACtB,gBAAgB,OAAO,gCA4BxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,OAAO,CAAC,KASZ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CACpE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,OAAO,CAAC,KASV,KAAK,CAAC,UAAU,CAAC,gBAAgB,CACnE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,uBAEnD,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,uBAAuB,CAAC,MAAM,CAAC,EACrC,OAAO,WAAW,EAClB,QAAQ,QAAQ,EAAE,YAiBnB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/amount-field/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvE,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,SAAS,KAAG,OAOzD,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,OAAO,MAAM,GAAG,SAAS,YAS1B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,YAE3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,MAAM,EACd,YAAY,MAAM,EAClB,gBAAgB,MAAM,EACtB,gBAAgB,OAAO,gCA4BxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,OAAO,CAAC,KASZ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CACpE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,OAAO,CAAC,KASV,KAAK,CAAC,UAAU,CAAC,gBAAgB,CACnE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,uBAEnD,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,uBAAuB,CAAC,MAAM,CAAC,EACrC,OAAO,WAAW,EAClB,QAAQ,QAAQ,EAAE,YAiBnB,CAAC"}

package/dist/src/scalars/components/amount-field/utils.js

@@ -1,32 +1,3 @@
-export const DEFAULT_FIAT_CURRENCIES = [
-    { ticker: "USD", crypto: false, label: "USD", symbol: "$" },
-    { ticker: "EUR", crypto: false, label: "EUR", symbol: "€" },
-    { ticker: "GBP", crypto: false, label: "GBP", symbol: "£" },
-];
-export const DEFAULT_CRYPTO_CURRENCIES = [
-    { ticker: "DAI", crypto: true, label: "DAI", symbol: "DAI" },
-    { ticker: "ETH", crypto: true, label: "ETH", symbol: "ETH" },
-    { ticker: "MKR", crypto: true, label: "MKR", symbol: "MKR" },
-    { ticker: "SKY", crypto: true, label: "SKY", symbol: "SKY" },
-    { ticker: "USDC", crypto: true, label: "USDC", symbol: "USDC" },
-    { ticker: "USDS", crypto: true, label: "USDS", symbol: "USDS" },
-];
-export const DEFAULT_ALL_CURRENCIES = [
-    ...DEFAULT_FIAT_CURRENCIES,
-    ...DEFAULT_CRYPTO_CURRENCIES,
-];
-export const getDefaultUnits = (type) => {
-    switch (type) {
-        case "AmountFiat":
-            return DEFAULT_FIAT_CURRENCIES;
-        case "AmountCrypto":
-            return DEFAULT_CRYPTO_CURRENCIES;
-        case "AmountCurrency":
-            return DEFAULT_ALL_CURRENCIES;
-        default:
-            return [];
-    }
-};
 export const isValidBigInt = (value) => {
     if (!value) {
         return false;
@@ -104,5 +75,5 @@ export const isValidUnit = (type, value, units) => {
     if (type === "AmountFiat" && typeof value === "object") {
         return units.some((u) => u.ticker === value.unit);
     }
-    return true;
+    return false;
 };

package/dist/src/scalars/components/boolean-field/boolean-field.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CheckboxProps } from "../fragments/checkbox-field/checkbox.js";
-import type { ToggleProps } from "../fragments/toggle-field/toggle.js";
+import type { CheckboxProps } from "../../../ui/components/data-entry/checkbox/checkbox.js";
+import type { ToggleProps } from "../../../ui/components/data-entry/toggle/toggle.js";
 export interface BooleanFieldProps extends Omit<CheckboxProps, "defaultValue" | "onChange" | "value">, Omit<ToggleProps, "onChange" | "value"> {
     isToggle?: boolean;
     onChange?: (value: boolean) => void;

package/dist/src/scalars/components/boolean-field/boolean-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"boolean-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/boolean-field/boolean-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC,EAChE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,6FAavB,CAAC"}
+{"version":3,"file":"boolean-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/boolean-field/boolean-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AAGtF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC,EAChE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,6FAavB,CAAC"}

package/dist/src/scalars/components/currency-code-field/currency-code-field.d.ts

@@ -1,14 +1,13 @@
 import React from "react";
 import type { FieldErrorHandling, InputBaseProps } from "../types.js";
-import type { Currency, CurrencyType } from "./types.js";
+import type { Currency } from "./types.js";
 type CurrencyCodeFieldBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string | string[]> | keyof FieldErrorHandling | "onChange" | "onBlur">;
 export interface CurrencyCodeFieldProps extends CurrencyCodeFieldBaseProps, InputBaseProps<string | string[]>, FieldErrorHandling {
     placeholder?: string;
     onChange?: (value: string | string[]) => void;
     onBlur?: () => void;
-    currencies?: Currency[];
+    currencies: Currency[];
     includeCurrencySymbols?: boolean;
-    allowedTypes?: CurrencyType | "Both";
     favoriteCurrencies?: string[];
     symbolPosition?: "left" | "right";
     searchable?: boolean;

package/dist/src/scalars/components/currency-code-field/currency-code-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"currency-code-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/currency-code-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEzD,KAAK,0BAA0B,GAAG,IAAI,CACpC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GACvC,MAAM,kBAAkB,GACxB,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,0BAA0B,EAChC,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EACjC,kBAAkB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACrC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAC3C;AAED,eAAO,MAAM,oBAAoB,kGA6FhC,CAAC;AAIF,eAAO,MAAM,iBAAiB,wFACqC,CAAC"}
+{"version":3,"file":"currency-code-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/currency-code-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,KAAK,0BAA0B,GAAG,IAAI,CACpC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GACvC,MAAM,kBAAkB,GACxB,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,0BAA0B,EAChC,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EACjC,kBAAkB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAC3C;AAED,eAAO,MAAM,oBAAoB,kGA4GhC,CAAC;AAIF,eAAO,MAAM,iBAAiB,wFACqC,CAAC"}

package/dist/src/scalars/components/currency-code-field/currency-code-field.js

@@ -1,16 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from "react";
-import { SelectFieldRaw } from "../fragments/index.js";
+import { FormGroup, FormMessageList, SelectFieldRaw, } from "../fragments/index.js";
 import { withFieldValidation } from "../fragments/with-field-validation/with-field-validation.js";
-export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies, favoriteCurrencies = [], includeCurrencySymbols = true, symbolPosition = "right", searchable = false, contentClassName, contentAlign = "start", 
-// TODO: implement following props
-// allowedTypes = "Both",
-// favoriteCurrencies,
-...props }, ref) => {
+export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies, favoriteCurrencies = [], includeCurrencySymbols = true, symbolPosition = "right", searchable = false, contentClassName, contentAlign = "start", warnings, errors, ...props }, ref) => {
     const options = useMemo(() => {
         const favoriteTickers = new Set(favoriteCurrencies);
         return (currencies
-            ?.map((currency) => {
+            .map((currency) => {
             if (favoriteTickers.has(currency.ticker)) {
                 return null;
             }
@@ -21,10 +17,14 @@ export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies,
                         ? `${label} (${currency.symbol})`
                         : `(${currency.symbol}) ${label}`;
             }
-            return {
+            const option = {
                 label,
                 value: currency.ticker,
             };
+            if ("icon" in currency) {
+                option.icon = currency.icon;
+            }
+            return option;
         })
             .filter(Boolean) ?? []);
     }, [
@@ -34,9 +34,9 @@ export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies,
         favoriteCurrencies,
     ]);
     const favoriteOptions = useMemo(() => {
-        const favoriteTickers = new Set(favoriteCurrencies || []);
+        const favoriteTickers = new Set(favoriteCurrencies);
         return (currencies
-            ?.filter((currency) => favoriteTickers.has(currency.ticker))
+            .filter((currency) => favoriteTickers.has(currency.ticker))
             .map((currency) => {
             let label = currency.label ?? currency.ticker;
             if (includeCurrencySymbols && currency.symbol) {
@@ -45,10 +45,14 @@ export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies,
                         ? `${label} (${currency.symbol})`
                         : `(${currency.symbol}) ${label}`;
             }
-            return {
+            const option = {
                 label,
                 value: currency.ticker,
             };
+            if ("icon" in currency) {
+                option.icon = currency.icon;
+            }
+            return option;
         }) ?? []);
     }, [
         currencies,
@@ -56,7 +60,7 @@ export const CurrencyCodeFieldRaw = React.forwardRef(({ placeholder, currencies,
         includeCurrencySymbols,
         symbolPosition,
     ]);
-    return (_jsx(SelectFieldRaw, { ref: ref, options: options, selectionIcon: "checkmark", searchable: searchable, multiple: false, placeholder: placeholder, contentAlign: contentAlign, contentClassName: contentClassName, favoriteOptions: favoriteOptions, ...props }));
+    return (_jsxs(FormGroup, { children: [_jsx(SelectFieldRaw, { ref: ref, options: options, selectionIcon: "checkmark", searchable: searchable, multiple: false, placeholder: placeholder, contentAlign: contentAlign, contentClassName: contentClassName, favoriteOptions: favoriteOptions, ...props }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
 });
 CurrencyCodeFieldRaw.displayName = "CurrencyCodeFieldRaw";
 export const CurrencyCodeField = withFieldValidation(CurrencyCodeFieldRaw);

package/dist/src/scalars/components/currency-code-field/index.d.ts

@@ -1,4 +1,5 @@
-export { commonCryptoCurrencies, commonFiatCurrencies } from "./defaults.js";
 export { CurrencyCodeField } from "./currency-code-field.js";
+export { commonCryptoCurrencies, commonFiatCurrencies } from "./defaults.js";
 export type { Currency, CurrencyType } from "./types.js";
+export { cryptoCurrencies, currencies, fiatCurrencies } from "./utils.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/scalars/components/currency-code-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/scalars/components/currency-code-field/index.js

@@ -1,2 +1,4 @@
-export { commonCryptoCurrencies, commonFiatCurrencies } from "./defaults.js";
+/* eslint-disable prettier/prettier */
 export { CurrencyCodeField } from "./currency-code-field.js";
+export { commonCryptoCurrencies, commonFiatCurrencies } from "./defaults.js";
+export { cryptoCurrencies, currencies, fiatCurrencies } from "./utils.js";

package/dist/src/scalars/components/currency-code-field/types.d.ts

@@ -1,9 +1,17 @@
+import type { IconName } from "#powerhouse";
+import type React from "react";
 export interface Currency {
     ticker: string;
     crypto: boolean;
     label?: string;
     symbol?: string;
-    icon?: string;
+    icon?: IconName | React.ComponentType<{
+        className?: string;
+    }>;
+}
+export declare enum CurrencyType {
+    FIAT = "fiat",
+    CRYPTO = "crypto",
+    ALL = "all"
 }
-export type CurrencyType = "Fiat" | "Crypto";
 //# sourceMappingURL=types.d.ts.map

package/dist/src/scalars/components/currency-code-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ"}

package/dist/src/scalars/components/currency-code-field/types.js

@@ -1 +1,6 @@
-export {};
+export var CurrencyType;
+(function (CurrencyType) {
+    CurrencyType["FIAT"] = "fiat";
+    CurrencyType["CRYPTO"] = "crypto";
+    CurrencyType["ALL"] = "all";
+})(CurrencyType || (CurrencyType = {}));

package/dist/src/scalars/components/currency-code-field/utils.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Get the fiat currencies
+ * @returns {Currency[]} The fiat currencies
+ */
+export declare const fiatCurrencies: () => {
+    ticker: string;
+    crypto: boolean;
+    label: string;
+    symbol: string;
+}[];
+/**
+ * Get the crypto currencies
+ * @returns {Currency[]} The crypto currencies
+ */
+export declare const cryptoCurrencies: () => {
+    ticker: string;
+    crypto: boolean;
+    label: string;
+    symbol: string;
+}[];
+/**
+ * Get the currencies
+ * @returns {Currency[]} The currencies
+ */
+export declare const currencies: () => {
+    ticker: string;
+    crypto: boolean;
+    label: string;
+    symbol: string;
+}[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/scalars/components/currency-code-field/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/currency-code-field/utils.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;GAI1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;GAO5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;GAEtB,CAAC"}

package/dist/src/scalars/components/currency-code-field/utils.js

@@ -0,0 +1,29 @@
+// add docs
+/**
+ * Get the fiat currencies
+ * @returns {Currency[]} The fiat currencies
+ */
+export const fiatCurrencies = () => [
+    { ticker: "USD", crypto: false, label: "USD", symbol: "$" },
+    { ticker: "EUR", crypto: false, label: "EUR", symbol: "€" },
+    { ticker: "GBP", crypto: false, label: "GBP", symbol: "£" },
+];
+/**
+ * Get the crypto currencies
+ * @returns {Currency[]} The crypto currencies
+ */
+export const cryptoCurrencies = () => [
+    { ticker: "DAI", crypto: true, label: "DAI", symbol: "DAI" },
+    { ticker: "ETH", crypto: true, label: "ETH", symbol: "ETH" },
+    { ticker: "MKR", crypto: true, label: "MKR", symbol: "MKR" },
+    { ticker: "SKY", crypto: true, label: "SKY", symbol: "SKY" },
+    { ticker: "USDC", crypto: true, label: "USDC", symbol: "USDC" },
+    { ticker: "USDS", crypto: true, label: "USDS", symbol: "USDS" },
+];
+/**
+ * Get the currencies
+ * @returns {Currency[]} The currencies
+ */
+export const currencies = () => {
+    return [...fiatCurrencies(), ...cryptoCurrencies()];
+};

package/dist/src/scalars/components/date-field/date-field.d.ts

@@ -1,4 +1,4 @@
-import { type InputProps } from "../fragments/index.js";
+import { type InputProps } from "../../../ui/components/data-entry/index.js";
 import type { FieldErrorHandling, InputBaseProps } from "../types.js";
 import type { DateFieldValue } from "./types.js";
 export interface DateFieldProps extends InputBaseProps<DateFieldValue>, FieldErrorHandling {

package/dist/src/scalars/components/date-field/date-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-field/date-field.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,IAAI,CACf,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmKD,eAAO,MAAM,SAAS,oGAIpB,CAAC"}
+{"version":3,"file":"date-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-field/date-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAO7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,IAAI,CACf,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmKD,eAAO,MAAM,SAAS,oGAIpB,CAAC"}

package/dist/src/scalars/components/date-field/date-validations.d.ts

@@ -1,3 +1,3 @@
 import { type DateFieldProps } from "./date-field.js";
-export declare const validateDatePicker: ({ dateFormat, minDate, maxDate }: DateFieldProps) => (value: unknown) => string | true;
+export declare const validateDatePicker: ({ dateFormat, minDate, maxDate, disablePastDates, disableFutureDates, }: DateFieldProps) => (value: unknown) => string | true;
 //# sourceMappingURL=date-validations.d.ts.map

package/dist/src/scalars/components/date-field/date-validations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-field/date-validations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAatD,eAAO,MAAM,kBAAkB,GAC5B,kCAAkC,cAAc,MAChD,OAAO,OAAO,kBAkCd,CAAC"}
+{"version":3,"file":"date-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-field/date-validations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAatD,eAAO,MAAM,kBAAkB,GAC5B,yEAME,cAAc,MAChB,OAAO,OAAO,kBAgDd,CAAC"}

package/dist/src/scalars/components/date-field/date-validations.js

@@ -1,7 +1,7 @@
 import { format } from "date-fns";
 import { formatDateToValidCalendarDateFormat, getDateFromValue, } from "./utils.js";
 import { getDateFormat, isDateFormatAllowed, normalizeMonthFormat, } from "../date-time-field/utils.js";
-export const validateDatePicker = ({ dateFormat, minDate, maxDate }) => (value) => {
+export const validateDatePicker = ({ dateFormat, minDate, maxDate, disablePastDates, disableFutureDates, }) => (value) => {
     if (value === "" || value === undefined) {
         return true;
     }
@@ -27,5 +27,19 @@ export const validateDatePicker = ({ dateFormat, minDate, maxDate }) => (value)
             return `Date must be on or before ${formattedMaxDate}.`;
         }
     }
+    if (disablePastDates) {
+        const today = new Date();
+        if (validDate < today) {
+            const formattedToday = format(today, "dd/MM/yyyy");
+            return `Date must be on or after ${formattedToday}.`;
+        }
+    }
+    if (disableFutureDates) {
+        const today = new Date();
+        if (validDate > today) {
+            const formattedToday = format(today, "dd/MM/yyyy");
+            return `Date must be on or before ${formattedToday}.`;
+        }
+    }
     return true;
 };

package/dist/src/scalars/components/date-time-field/base-picker-field.d.ts

@@ -1,6 +1,6 @@
 import { type IconName } from "#powerhouse";
 import React from "react";
-import { type InputProps } from "../fragments/index.js";
+import { type InputProps } from "../../../ui/components/data-entry/index.js";
 import type { FieldErrorHandling, InputBaseProps } from "../types.js";
 export interface BasePickerFieldProps extends InputBaseProps<string>, FieldErrorHandling {
     id?: string;

package/dist/src/scalars/components/date-time-field/base-picker-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-picker-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-field/base-picker-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAM/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,oBACf,SAAQ,cAAc,CAAC,MAAM,CAAC,EAC5B,kBAAkB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,IAAI,CACf,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe;;0CAmG3B,CAAC"}
+{"version":3,"file":"base-picker-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-field/base-picker-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,4CAA4C,CAAC;AAOpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,oBACf,SAAQ,cAAc,CAAC,MAAM,CAAC,EAC5B,kBAAkB;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,IAAI,CACf,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe;;0CAmG3B,CAAC"}

package/dist/src/scalars/components/date-time-field/base-picker-field.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "#powerhouse";
 import { cn } from "#scalars";
 import React from "react";
+import { Input, } from "../../../ui/components/data-entry/index.js";
 import { Button } from "../fragments/button/button.js";
-import { Input } from "../fragments/index.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../fragments/popover/popover.js";
 export const BasePickerField = React.forwardRef(({ id, name, disabled, required, iconName, placeholder, children, value, defaultValue, isOpen, setIsOpen, onInputChange, handleBlur, inputProps, className, ...props }, ref) => {
     return (_jsx("div", { className: "flex flex-col space-y-2", children: _jsxs("div", { className: cn("flex w-[275px] rounded-md text-sm", "focus-within:ring-ring dark:ring-charcoal-300 ring-gray-900 focus-within:ring-1 focus-within:ring-offset-0", "dark:border-charcoal-700 dark:bg-charcoal-900 border border-gray-300 bg-white", 

package/dist/src/scalars/components/date-time-field/date-time-field-validations.d.ts

@@ -1,3 +1,3 @@
 import { type DateFieldProps } from "../date-field/date-field.js";
-export declare const dateTimeFieldValidations: ({ dateFormat, minDate, maxDate }: DateFieldProps) => (value: unknown) => string | true;
+export declare const dateTimeFieldValidations: ({ dateFormat, minDate, maxDate, disablePastDates, disableFutureDates, }: DateFieldProps) => (value: unknown) => string | true;
 //# sourceMappingURL=date-time-field-validations.d.ts.map

package/dist/src/scalars/components/date-time-field/date-time-field-validations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-field/date-time-field-validations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAclE,eAAO,MAAM,wBAAwB,GAClC,kCAAkC,cAAc,MAChD,OAAO,OAAO,kBA8Cd,CAAC"}
+{"version":3,"file":"date-time-field-validations.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/date-time-field/date-time-field-validations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAclE,eAAO,MAAM,wBAAwB,GAClC,yEAME,cAAc,MAChB,OAAO,OAAO,kBA2Dd,CAAC"}