@powerhousedao/design-system 6.0.2-staging.8 → 6.1.0-dev.0

package/dist/ui/components/with-field-validation/with-field-validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-field-validation.js","names":["forwardRef","useCallback","useEffect","useState","Controller","useFormContext","useFormState","withFieldValidation","Component","options","value","name","showErrorOnBlur","showErrorOnChange","validators","customValidators","props","ref","onChange","onChangeProp","onBlur","onBlurProp","control","formState","errors","formErrors","defaultValues","trigger","setValue","getValues","submitCount","Error","displayName","types","Object","values","length","push","required","initialized","setInitialized","undefined","console","warn","defaultValue","disabled","field","_","onBlurController","internalValue","rest","onBlurCallback","event","onChangeCallback","hasOwn","target","Event","HTMLElement","formFieldRef","combinedRef","element","current","message","pattern","RegExp","maxLength","minLength","minValue","min","maxValue","max","validate","fromEntries","Array","isArray","map","error","index","validations","entries","key","validatorFactory","propsWithValues","validator"],"sources":["../../../../src/ui/components/with-field-validation/with-field-validation.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ComponentType,\n  ElementRef,\n  FocusEvent,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from \"react\";\nimport { forwardRef, useCallback, useEffect, useState } from \"react\";\nimport { Controller, useFormContext, useFormState } from \"react-hook-form\";\nimport type {\n  FieldErrorHandling,\n  InputBaseProps,\n  ValidatorHandler,\n} from \"../../types.js\";\n\ninterface PossibleProps extends InputBaseProps<unknown>, FieldErrorHandling {\n  pattern?: RegExp;\n  maxLength?: number;\n  minLength?: number;\n  minValue?: number;\n  maxValue?: number;\n}\n\ninterface PossibleEventsProps {\n  onChange?: (event: ChangeEvent<unknown>) => unknown;\n  onBlur?: (event: FocusEvent<unknown>) => unknown;\n}\n\nexport interface ValidationOptions<T> {\n  validations?: Record<string, (parentProps: T) => ValidatorHandler>;\n  transformValue?: (value: any) => any;\n}\n\nexport const withFieldValidation = <\n  T extends PossibleProps,\n  R extends ElementRef<any> = ElementRef<any>,\n>(\n  Component: ComponentType<T>,\n  options?: ValidationOptions<T>,\n): ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<R>> => {\n  return forwardRef<R, T>(\n    (\n      {\n        value,\n        name,\n        showErrorOnBlur,\n        showErrorOnChange,\n        validators: customValidators,\n        ...props\n      },\n      ref,\n    ) => {\n      const { onChange: onChangeProp, onBlur: onBlurProp } =\n        props as PossibleEventsProps;\n      const {\n        control,\n        formState: { errors: formErrors, defaultValues },\n        trigger,\n        setValue,\n        getValues,\n      } = useFormContext();\n      const { submitCount } = useFormState();\n\n      if (!name) {\n        throw new Error(\n          `[Field: ${Component.displayName}] The name prop is required.`,\n        );\n      }\n\n      const errors = [\n        ...(formErrors[name]?.types\n          ? (Object.values(formErrors[name].types ?? []) as string[])\n          : []),\n      ];\n      if (errors.length === 0 && !!formErrors[name]) {\n        // the field is invalid but no error message was provided\n        errors.push(\"Invalid value\");\n      }\n\n      useEffect(() => {\n        if (submitCount > 0) {\n          void trigger(name);\n        }\n        // we should trigger a re-validation after the form is submitted, the errors are shown\n        // and the required prop is changed. Other deps can not be added, otherwise a revalidation\n        // will be triggered unnecessarily\n      }, [props.required]);\n\n      useEffect(() => {\n        // if custom errors are provided, then we need to trigger the validation\n        // otherwise the errors will not be shown till the form is submitted\n        if (props.errors && props.errors.length > 0) {\n          void trigger(name);\n        }\n      }, [name, props.errors, trigger]);\n\n      const [initialized, setInitialized] = useState(false);\n      useEffect(() => {\n        if (initialized) {\n          setValue(name, value);\n        }\n        setInitialized(true);\n        // initialized can not be in the dependencies because it would cause\n        // a change of the value on initial render\n      }, [name, value]);\n\n      if (value !== undefined && !onChangeProp) {\n        console.warn(\n          `[Field: ${name}] Value prop provided without onChange so it will be ignored. Use disabled/readOnly if you want to prevent changes.`,\n        );\n      }\n\n      return (\n        <Controller\n          control={control}\n          name={name}\n          defaultValue={(value ?? props.defaultValue) as unknown}\n          disabled={props.disabled}\n          render={({\n            field: {\n              // just preventing that onChange is included in the rest of the props\n              onChange: _,\n              onBlur: onBlurController,\n              value: internalValue,\n              ...rest\n            },\n          }) => {\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onBlurCallback = useCallback(\n              (event: FocusEvent<HTMLInputElement>) => {\n                if (showErrorOnBlur) {\n                  void trigger(name);\n                } else {\n                  onBlurController(); // default behavior\n                }\n\n                // trigger parent onBlur\n                if (onBlurProp) {\n                  onBlurProp(event);\n                }\n              },\n              [onBlurController, showErrorOnBlur],\n            );\n\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onChangeCallback = useCallback(\n              (event: ChangeEvent<HTMLInputElement>) => {\n                // update value state\n                if (onChangeProp) {\n                  if (Object.hasOwn(event, \"target\")) {\n                    // it is probably an actual event\n                    setValue(name, event.target.value);\n                  } else {\n                    // it is a custom onChange and it pass the value directly\n                    setValue(name, event);\n                  }\n\n                  // the fields is controlled by the parent\n                  onChangeProp(event);\n                } else {\n                  // sometimes the onChange is overridden by the parent and use the new value as parameter instead of event\n                  let value: unknown = event;\n                  if (\n                    event instanceof Event ||\n                    event.target instanceof HTMLElement\n                  ) {\n                    value = event.target.value;\n                  }\n                  setValue(name, value); // default behavior\n                }\n\n                // now let's validate the field\n                if (\n                  showErrorOnChange === undefined &&\n                  showErrorOnBlur === undefined\n                ) {\n                  // use form validation mode...\n                  // if previously validated, then validate on change\n                  if (submitCount > 0) {\n                    void trigger(name);\n                  }\n                } else {\n                  // default validation behavior was overridden\n                  if (showErrorOnChange) {\n                    void trigger(name);\n                  }\n                }\n              },\n              // `internalValue` is the value of the field that is controlled by the form\n              // it is used to trigger the validation on change, so we need to add it to the dependencies\n              // otherwise the validation will not be triggered on change\n              [internalValue, showErrorOnChange, showErrorOnBlur, submitCount],\n            );\n\n            // extract ref from rest\n            const { ref: formFieldRef } = rest;\n\n            // create a combined ref\n            const combinedRef = (element: R) => {\n              // apply external ref if exists\n              if (typeof ref === \"function\") {\n                ref(element);\n              } else if (ref) {\n                ref.current = element;\n              }\n              // apply field ref\n              formFieldRef(element);\n            };\n\n            return (\n              <Component\n                {...(props as unknown as T)}\n                {...rest}\n                value={internalValue as unknown}\n                onBlur={onBlurCallback}\n                onChange={onChangeCallback}\n                errors={errors}\n                ref={combinedRef}\n              />\n            );\n          }}\n          rules={{\n            ...(props.required\n              ? {\n                  required: {\n                    value: props.required,\n                    message: \"This field is required\",\n                  },\n                }\n              : {\n                  required: undefined,\n                }),\n            ...(props.pattern && {\n              pattern: {\n                value: new RegExp(props.pattern),\n                message: \"This field does not match the required pattern\",\n              },\n            }),\n            ...(props.maxLength !== undefined && props.maxLength >= 0\n              ? {\n                  maxLength: {\n                    value: props.maxLength,\n                    message: `This field must be at most ${props.maxLength} characters`,\n                  },\n                }\n              : {\n                  maxLength: undefined,\n                }),\n            ...(props.minLength !== undefined && props.minLength >= 0\n              ? {\n                  minLength: {\n                    value: props.minLength,\n                    message: `This field must be at least ${props.minLength} characters`,\n                  },\n                }\n              : {\n                  minLength: undefined,\n                }),\n            ...(props.minValue && {\n              min: {\n                value: props.minValue,\n                message: `This field must be greater than or equal to ${props.minValue}`,\n              },\n            }),\n            ...(props.maxValue && {\n              max: {\n                value: props.maxValue,\n                message: `This field must be less than or equal to ${props.maxValue}`,\n              },\n            }),\n            validate: {\n              // custom errors provided as props\n              ...(props.errors\n                ? Object.fromEntries(\n                    Array.isArray(props.errors)\n                      ? props.errors.map((error, index) => [\n                          `_propError${index}`,\n                          () => error,\n                        ])\n                      : [],\n                  )\n                : {}),\n              // built in validations by the field in the library\n              ...(options?.validations\n                ? Object.fromEntries(\n                    Object.entries(options.validations).map(\n                      ([key, validatorFactory]) => {\n                        const propsWithValues = {\n                          value: getValues(name) as unknown, // get the actual value of the field in the form\n                          name,\n                          showErrorOnBlur,\n                          showErrorOnChange,\n                          ...props,\n                        };\n                        return [\n                          key,\n                          validatorFactory(propsWithValues as unknown as T),\n                        ];\n                      },\n                    ),\n                  )\n                : {}),\n              // custom validations by the user/developer\n              ...(customValidators !== undefined\n                ? Object.fromEntries(\n                    (Array.isArray(customValidators)\n                      ? customValidators\n                      : [customValidators]\n                    ).map((validator, index) => [\n                      `customValidation${index}`,\n                      validator,\n                    ]),\n                  )\n                : {}),\n            },\n          }}\n        />\n      );\n    },\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"with-field-validation.js","names":["forwardRef","useEffect","useState","Controller","useFormContext","useFormState","withFieldValidation","Component","options","value","name","showErrorOnBlur","showErrorOnChange","validators","customValidators","props","ref","onChange","onChangeProp","onBlur","onBlurProp","control","formState","errors","formErrors","defaultValues","trigger","setValue","getValues","submitCount","Error","displayName","types","Object","values","length","push","required","initialized","setInitialized","undefined","console","warn","defaultValue","disabled","field","_","onBlurController","internalValue","rest","onBlurCallback","event","onChangeCallback","hasOwn","target","Event","HTMLElement","formFieldRef","combinedRef","element","current","message","pattern","RegExp","maxLength","minLength","minValue","min","maxValue","max","validate","fromEntries","Array","isArray","map","error","index","validations","entries","key","validatorFactory","propsWithValues","validator"],"sources":["../../../../src/ui/components/with-field-validation/with-field-validation.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ComponentType,\n  ElementRef,\n  FocusEvent,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from \"react\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Controller, useFormContext, useFormState } from \"react-hook-form\";\nimport type {\n  FieldErrorHandling,\n  InputBaseProps,\n  ValidatorHandler,\n} from \"../../types.js\";\n\ninterface PossibleProps extends InputBaseProps<unknown>, FieldErrorHandling {\n  pattern?: RegExp;\n  maxLength?: number;\n  minLength?: number;\n  minValue?: number;\n  maxValue?: number;\n}\n\ninterface PossibleEventsProps {\n  onChange?: (event: ChangeEvent<unknown>) => unknown;\n  onBlur?: (event: FocusEvent<unknown>) => unknown;\n}\n\nexport interface ValidationOptions<T> {\n  validations?: Record<string, (parentProps: T) => ValidatorHandler>;\n  transformValue?: (value: any) => any;\n}\n\nexport const withFieldValidation = <\n  T extends PossibleProps,\n  R extends ElementRef<any> = ElementRef<any>,\n>(\n  Component: ComponentType<T>,\n  options?: ValidationOptions<T>,\n): ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<R>> => {\n  return forwardRef<R, T>(\n    (\n      {\n        value,\n        name,\n        showErrorOnBlur,\n        showErrorOnChange,\n        validators: customValidators,\n        ...props\n      },\n      ref,\n    ) => {\n      const { onChange: onChangeProp, onBlur: onBlurProp } =\n        props as PossibleEventsProps;\n      const {\n        control,\n        formState: { errors: formErrors, defaultValues },\n        trigger,\n        setValue,\n        getValues,\n      } = useFormContext();\n      const { submitCount } = useFormState();\n\n      if (!name) {\n        throw new Error(\n          `[Field: ${Component.displayName}] The name prop is required.`,\n        );\n      }\n\n      const errors = [\n        ...(formErrors[name]?.types\n          ? (Object.values(formErrors[name].types ?? []) as string[])\n          : []),\n      ];\n      if (errors.length === 0 && !!formErrors[name]) {\n        // the field is invalid but no error message was provided\n        errors.push(\"Invalid value\");\n      }\n\n      useEffect(() => {\n        if (submitCount > 0) {\n          void trigger(name);\n        }\n        // we should trigger a re-validation after the form is submitted, the errors are shown\n        // and the required prop is changed. Other deps can not be added, otherwise a revalidation\n        // will be triggered unnecessarily\n      }, [props.required]);\n\n      useEffect(() => {\n        // if custom errors are provided, then we need to trigger the validation\n        // otherwise the errors will not be shown till the form is submitted\n        if (props.errors && props.errors.length > 0) {\n          void trigger(name);\n        }\n      }, [name, props.errors, trigger]);\n\n      const [initialized, setInitialized] = useState(false);\n      useEffect(() => {\n        if (initialized) {\n          setValue(name, value);\n        }\n        setInitialized(true);\n        // initialized can not be in the dependencies because it would cause\n        // a change of the value on initial render\n      }, [name, value]);\n\n      if (value !== undefined && !onChangeProp) {\n        console.warn(\n          `[Field: ${name}] Value prop provided without onChange so it will be ignored. Use disabled/readOnly if you want to prevent changes.`,\n        );\n      }\n\n      return (\n        <Controller\n          control={control}\n          name={name}\n          defaultValue={(value ?? props.defaultValue) as unknown}\n          disabled={props.disabled}\n          render={({\n            field: {\n              // just preventing that onChange is included in the rest of the props\n              onChange: _,\n              onBlur: onBlurController,\n              value: internalValue,\n              ...rest\n            },\n          }) => {\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onBlurCallback = (event: FocusEvent<HTMLInputElement>) => {\n              if (showErrorOnBlur) {\n                void trigger(name);\n              } else {\n                onBlurController(); // default behavior\n              }\n\n              // trigger parent onBlur\n              if (onBlurProp) {\n                onBlurProp(event);\n              }\n            };\n\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onChangeCallback = (event: ChangeEvent<HTMLInputElement>) => {\n              // update value state\n              if (onChangeProp) {\n                if (Object.hasOwn(event, \"target\")) {\n                  // it is probably an actual event\n                  setValue(name, event.target.value);\n                } else {\n                  // it is a custom onChange and it pass the value directly\n                  setValue(name, event);\n                }\n\n                // the fields is controlled by the parent\n                onChangeProp(event);\n              } else {\n                // sometimes the onChange is overridden by the parent and use the new value as parameter instead of event\n                let value: unknown = event;\n                if (\n                  event instanceof Event ||\n                  event.target instanceof HTMLElement\n                ) {\n                  value = event.target.value;\n                }\n                setValue(name, value); // default behavior\n              }\n\n              // now let's validate the field\n              if (\n                showErrorOnChange === undefined &&\n                showErrorOnBlur === undefined\n              ) {\n                // use form validation mode...\n                // if previously validated, then validate on change\n                if (submitCount > 0) {\n                  void trigger(name);\n                }\n              } else {\n                // default validation behavior was overridden\n                if (showErrorOnChange) {\n                  void trigger(name);\n                }\n              }\n            };\n\n            // extract ref from rest\n            const { ref: formFieldRef } = rest;\n\n            // create a combined ref\n            const combinedRef = (element: R) => {\n              // apply external ref if exists\n              if (typeof ref === \"function\") {\n                ref(element);\n              } else if (ref) {\n                ref.current = element;\n              }\n              // apply field ref\n              formFieldRef(element);\n            };\n\n            return (\n              <Component\n                {...(props as unknown as T)}\n                {...rest}\n                value={internalValue as unknown}\n                onBlur={onBlurCallback}\n                onChange={onChangeCallback}\n                errors={errors}\n                ref={combinedRef}\n              />\n            );\n          }}\n          rules={{\n            ...(props.required\n              ? {\n                  required: {\n                    value: props.required,\n                    message: \"This field is required\",\n                  },\n                }\n              : {\n                  required: undefined,\n                }),\n            ...(props.pattern && {\n              pattern: {\n                value: new RegExp(props.pattern),\n                message: \"This field does not match the required pattern\",\n              },\n            }),\n            ...(props.maxLength !== undefined && props.maxLength >= 0\n              ? {\n                  maxLength: {\n                    value: props.maxLength,\n                    message: `This field must be at most ${props.maxLength} characters`,\n                  },\n                }\n              : {\n                  maxLength: undefined,\n                }),\n            ...(props.minLength !== undefined && props.minLength >= 0\n              ? {\n                  minLength: {\n                    value: props.minLength,\n                    message: `This field must be at least ${props.minLength} characters`,\n                  },\n                }\n              : {\n                  minLength: undefined,\n                }),\n            ...(props.minValue && {\n              min: {\n                value: props.minValue,\n                message: `This field must be greater than or equal to ${props.minValue}`,\n              },\n            }),\n            ...(props.maxValue && {\n              max: {\n                value: props.maxValue,\n                message: `This field must be less than or equal to ${props.maxValue}`,\n              },\n            }),\n            validate: {\n              // custom errors provided as props\n              ...(props.errors\n                ? Object.fromEntries(\n                    Array.isArray(props.errors)\n                      ? props.errors.map((error, index) => [\n                          `_propError${index}`,\n                          () => error,\n                        ])\n                      : [],\n                  )\n                : {}),\n              // built in validations by the field in the library\n              ...(options?.validations\n                ? Object.fromEntries(\n                    Object.entries(options.validations).map(\n                      ([key, validatorFactory]) => {\n                        const propsWithValues = {\n                          value: getValues(name) as unknown, // get the actual value of the field in the form\n                          name,\n                          showErrorOnBlur,\n                          showErrorOnChange,\n                          ...props,\n                        };\n                        return [\n                          key,\n                          validatorFactory(propsWithValues as unknown as T),\n                        ];\n                      },\n                    ),\n                  )\n                : {}),\n              // custom validations by the user/developer\n              ...(customValidators !== undefined\n                ? Object.fromEntries(\n                    (Array.isArray(customValidators)\n                      ? customValidators\n                      : [customValidators]\n                    ).map((validator, index) => [\n                      `customValidation${index}`,\n                      validator,\n                    ]),\n                  )\n                : {}),\n            },\n          }}\n        />\n      );\n    },\n  );\n};\n"],"mappings":"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"}

package/dist/ui/index.d.ts

@@ -1,39 +1,39 @@
-import { C as SelectProps, S as SelectOption, _ as WithDifference, a as AmountInputPropsGeneric, b as RadioGroupProps, c as Currency, d as ErrorMessage, f as FieldErrorHandling, g as ViewMode, h as ValidatorResult, i as AmountFiat, l as CurrencyTicker, m as ValidatorHandler, n as AmountCrypto, o as AmountPercentage, p as InputBaseProps, r as AmountCurrency, s as AmountValue, t as Amount, u as DiffMode, v as IdAutocompleteOption, x as SelectBaseProps, y as IdAutocompleteProps } from "../index-DoFR9kRM.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-BLss8ZBX.js";
-import { n as ButtonProps, r as buttonVariants, t as Button } from "../button-DIE3LLBZ.js";
-import { n as CharacterCounterProps, t as CharacterCounter } from "../character-counter-BZ-4xC7Q.js";
-import { n as CheckboxValue, t as CheckboxBase } from "../checkbox-base-Bh08IVG2.js";
-import { n as CheckboxProps, t as Checkbox } from "../checkbox-BgS8z46p.js";
-import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../command-COqe4AfR.js";
-import { n as RadioGroupFieldProps, t as RadioGroupField } from "../radio-group-field-xAiLWNsq.js";
-import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../select-field-U8KSDxbg.js";
-import { n as EnumFieldProps, t as EnumField } from "../enum-field-7NPFL29j.js";
-import { n as FormDescriptionProps, t as FormDescription } from "../form-description-Bsurk7mm.js";
-import { t as FormGroup } from "../form-group-B092xF-f.js";
-import { n as FormLabelProps, t as FormLabel } from "../form-label-CURXUfpb.js";
-import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../form-message-BeAVBzjc.js";
-import { t as FormServerErrorMessage } from "../form-server-error-message-CbKMtocn.js";
-import { t as FormMessageList } from "../message-list-DDi6OrSM.js";
-import { t as Form } from "../form-6Lmx7pU_.js";
-import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../id-autocomplete-input-container-DefHskQg.js";
-import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../id-autocomplete-list-option-CyF3v8IB.js";
-import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../id-autocomplete-list-C5uiH5nJ.js";
-import { t as IdAutocomplete } from "../id-autocomplete-DGTfhFRw.js";
-import { t as useIdAutocomplete } from "../use-id-autocomplete-BRzpIF4U.js";
-import { n as InputProps, t as Input } from "../input-BMf1G8BP.js";
-import { t as SplittedInputDiff } from "../splitted-input-diff-DSME-KaQ.js";
-import { t as JsonViewer } from "../json-viewer-DD7b-PP2.js";
-import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../popover-BXlVJZZW.js";
-import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../radio-group-D2NSfihe.js";
-import { n as RadioProps, t as Radio } from "../radio-YzIhzpRk.js";
-import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../types-BDeBOEOj.js";
-import { t as SearchAutocomplete } from "../search-autocomplete-CfSjqceY.js";
-import { t as useSearchAutocomplete } from "../use-search-autocomplete-ZLxfAC6X.js";
-import { t as Content } from "../content-ZWaCzypo.js";
-import { t as SelectedContent } from "../selected-content-iwV6vmSI.js";
-import { n as TextInputProps, t as TextInput } from "../text-input-t0uGOMAO.js";
-import { n as TextFieldProps, t as TextField } from "../text-field-Cxpz1D2u.js";
-import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../tooltip-Db1dLIxg.js";
-import { t as ValueTransformer } from "../value-transformer-MGhQTCdM.js";
-import { n as withFieldValidation, t as ValidationOptions } from "../with-field-validation-DWMigXJz.js";
+import { C as SelectProps, S as SelectOption, _ as WithDifference, a as AmountInputPropsGeneric, b as RadioGroupProps, c as Currency, d as ErrorMessage, f as FieldErrorHandling, g as ViewMode, h as ValidatorResult, i as AmountFiat, l as CurrencyTicker, m as ValidatorHandler, n as AmountCrypto, o as AmountPercentage, p as InputBaseProps, r as AmountCurrency, s as AmountValue, t as Amount, u as DiffMode, v as IdAutocompleteOption, x as SelectBaseProps, y as IdAutocompleteProps } from "../index-DtPJq-vz.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-tThrTH_c.js";
+import { n as ButtonProps, r as buttonVariants, t as Button } from "../button-49Walvwn.js";
+import { n as CharacterCounterProps, t as CharacterCounter } from "../character-counter-BcuG4STA.js";
+import { n as CheckboxValue, t as CheckboxBase } from "../checkbox-base-8xXJvAbj.js";
+import { n as CheckboxProps, t as Checkbox } from "../checkbox-dqrYEK5V.js";
+import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../command-BtOLY735.js";
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../radio-group-field-C8MQjHb7.js";
+import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../select-field-BClhLm83.js";
+import { n as EnumFieldProps, t as EnumField } from "../enum-field-BEyFQh8A.js";
+import { n as FormDescriptionProps, t as FormDescription } from "../form-description-BpST5Ww-.js";
+import { t as FormGroup } from "../form-group-BauWlFkQ.js";
+import { n as FormLabelProps, t as FormLabel } from "../form-label-Cz_gcj-B.js";
+import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../form-message-BPqNM4gG.js";
+import { t as FormServerErrorMessage } from "../form-server-error-message-CzMQQ8ru.js";
+import { t as FormMessageList } from "../message-list-aysvo-xf.js";
+import { t as Form } from "../form-B9JNvrH6.js";
+import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../id-autocomplete-input-container-NIuWfCB_.js";
+import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../id-autocomplete-list-option-CA9HIqEh.js";
+import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../id-autocomplete-list-Bi2IXdXg.js";
+import { t as IdAutocomplete } from "../id-autocomplete-jkaREmPP.js";
+import { t as useIdAutocomplete } from "../use-id-autocomplete-BPHVmVE8.js";
+import { n as InputProps, t as Input } from "../input-D11GgWGm.js";
+import { t as SplittedInputDiff } from "../splitted-input-diff-Ch6IKdEa.js";
+import { t as JsonViewer } from "../json-viewer-vWp8vOvz.js";
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../popover-glLRVxPS.js";
+import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../radio-group-DjJbcDzB.js";
+import { n as RadioProps, t as Radio } from "../radio-DZ4xl9oz.js";
+import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../types-9JRQnd7a.js";
+import { t as SearchAutocomplete } from "../search-autocomplete-OeZbE-VN.js";
+import { t as useSearchAutocomplete } from "../use-search-autocomplete-Xf7shCtk.js";
+import { t as Content } from "../content-OpXUtrTe.js";
+import { t as SelectedContent } from "../selected-content-q33DjCYy.js";
+import { n as TextInputProps, t as TextInput } from "../text-input-DUddj4-C.js";
+import { n as TextFieldProps, t as TextField } from "../text-field-Cx-EfZP6.js";
+import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../tooltip-Cf5jSzdt.js";
+import { t as ValueTransformer } from "../value-transformer-DCiU65Qa.js";
+import { n as withFieldValidation, t as ValidationOptions } from "../with-field-validation-vt0l1Sp7.js";
 export { Amount, AmountCrypto, AmountCurrency, AmountFiat, AmountInputPropsGeneric, AmountPercentage, AmountValue, Button, ButtonProps, CharacterCounter, CharacterCounterProps, Checkbox, CheckboxBase, CheckboxProps, CheckboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, Content, Currency, CurrencyTicker, CustomizableRadioGroupProps, DateFieldValue, DatePickerView, DiffMode, EnumField, EnumFieldProps, ErrorMessage, FieldErrorHandling, Form, FormDescription, FormDescriptionProps, FormGroup, FormLabel, FormLabelProps, FormMessage, FormMessageList, FormMessageProps, FormMessageType, FormServerErrorMessage, IdAutocomplete, IdAutocompleteInputContainer, IdAutocompleteInputContainerProps, IdAutocompleteList, IdAutocompleteListOption, IdAutocompleteListOptionProps, IdAutocompleteListProps, IdAutocompleteOption, IdAutocompleteProps, Input, InputBaseProps, InputProps, JsonViewer, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Radio, RadioGroup, RadioGroupField, RadioGroupFieldProps, RadioGroupProps, RadioProps, SearchAutocomplete, SearchAutocompleteOption, SearchAutocompleteProps, SearchAutocompleteRowContext, SelectBaseProps, SelectField, SelectFieldProps, SelectFieldRaw, SelectOption, SelectProps, SelectedContent, SplittedInputDiff, TextField, TextFieldProps, TextInput, TextInputProps, Tooltip, TooltipContent, TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, TransformerObject, TransformerTrigger, TransformerType, ValidationOptions, ValidatorHandler, ValidatorResult, ValueTransformer, ValueTransformerFn, ValueTransformerProps, ViewMode, WeekStartDayNumber, WithDifference, buttonVariants, useIdAutocomplete, useSearchAutocomplete, withFieldValidation };

package/dist/ui/lib/date-picker.d.ts

@@ -1,4 +1,4 @@
-import { t as DateFieldValue } from "../../types-BLss8ZBX.js";
+import { t as DateFieldValue } from "../../types-tThrTH_c.js";
 
 //#region src/ui/lib/date-picker.d.ts
 declare const splitIso8601DateTime: (isoString: string) => {

package/dist/ui/lib/shared-value-transformers.d.ts

@@ -1,4 +1,4 @@
-import { r as TransformerObject } from "../../types-BLss8ZBX.js";
+import { r as TransformerObject } from "../../types-tThrTH_c.js";
 
 //#region src/ui/lib/shared-value-transformers.d.ts
 declare const sharedValueTransformers: Record<string, (ifParam?: boolean) => TransformerObject>;

package/dist/ui/lib/types.d.ts

@@ -1,2 +1,2 @@
-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-BLss8ZBX.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-tThrTH_c.js";
 export { DateFieldValue, DatePickerView, TransformerObject, TransformerTrigger, TransformerType, ValueTransformerFn, ValueTransformerProps, WeekStartDayNumber };

package/dist/ui/types.d.ts

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

package/dist/{use-id-autocomplete-BRzpIF4U.d.ts → use-id-autocomplete-BPHVmVE8.d.ts}

@@ -1,4 +1,4 @@
-import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-DoFR9kRM.js";
+import { v as IdAutocompleteOption, y as IdAutocompleteProps } from "./index-DtPJq-vz.js";
 import * as react from "react";
 
 //#region src/ui/components/id-autocomplete/use-id-autocomplete.d.ts
@@ -44,4 +44,4 @@ declare function useIdAutocomplete({
 };
 //#endregion
 export { useIdAutocomplete as t };
-//# sourceMappingURL=use-id-autocomplete-BRzpIF4U.d.ts.map
+//# sourceMappingURL=use-id-autocomplete-BPHVmVE8.d.ts.map

package/dist/{use-id-autocomplete-BRzpIF4U.d.ts.map → use-id-autocomplete-BPHVmVE8.d.ts.map}

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

package/dist/{use-search-autocomplete-ZLxfAC6X.d.ts → use-search-autocomplete-Xf7shCtk.d.ts}

@@ -1,4 +1,4 @@
-import { t as SearchAutocompleteOption } from "./types-BDeBOEOj.js";
+import { t as SearchAutocompleteOption } from "./types-9JRQnd7a.js";
 import * as react from "react";
 
 //#region src/ui/components/search-autocomplete/use-search-autocomplete.d.ts
@@ -18,4 +18,4 @@ declare function useSearchAutocomplete(options: UseSearchAutocompleteOptions): {
 };
 //#endregion
 export { useSearchAutocomplete as t };
-//# sourceMappingURL=use-search-autocomplete-ZLxfAC6X.d.ts.map
+//# sourceMappingURL=use-search-autocomplete-Xf7shCtk.d.ts.map

package/dist/{use-search-autocomplete-ZLxfAC6X.d.ts.map → use-search-autocomplete-Xf7shCtk.d.ts.map}

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

package/dist/{value-transformer-MGhQTCdM.d.ts → value-transformer-DCiU65Qa.d.ts}

@@ -1,4 +1,4 @@
-import { s as ValueTransformerProps } from "./types-BLss8ZBX.js";
+import { s as ValueTransformerProps } from "./types-tThrTH_c.js";
 import React from "react";
 
 //#region src/ui/components/value-transformer/value-transformer.d.ts
@@ -42,4 +42,4 @@ declare function ValueTransformer({
 }: ValueTransformerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //#endregion
 export { ValueTransformer as t };
-//# sourceMappingURL=value-transformer-MGhQTCdM.d.ts.map
+//# sourceMappingURL=value-transformer-DCiU65Qa.d.ts.map

package/dist/{value-transformer-MGhQTCdM.d.ts.map → value-transformer-DCiU65Qa.d.ts.map}

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

package/dist/{with-field-validation-DWMigXJz.d.ts → with-field-validation-vt0l1Sp7.d.ts}

@@ -1,4 +1,4 @@
-import { f as FieldErrorHandling, m as ValidatorHandler, p as InputBaseProps } from "./index-DoFR9kRM.js";
+import { f as FieldErrorHandling, m as ValidatorHandler, p as InputBaseProps } from "./index-DtPJq-vz.js";
 import { ComponentType, ElementRef, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
 
 //#region src/ui/components/with-field-validation/with-field-validation.d.ts
@@ -16,4 +16,4 @@ interface ValidationOptions<T> {
 declare const withFieldValidation: <T extends PossibleProps, R extends ElementRef<any> = ElementRef<any>>(Component: ComponentType<T>, options?: ValidationOptions<T>) => ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<R>>;
 //#endregion
 export { withFieldValidation as n, ValidationOptions as t };
-//# sourceMappingURL=with-field-validation-DWMigXJz.d.ts.map
+//# sourceMappingURL=with-field-validation-vt0l1Sp7.d.ts.map

package/dist/{with-field-validation-DWMigXJz.d.ts.map → with-field-validation-vt0l1Sp7.d.ts.map}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powerhousedao/design-system",
-  "version": "6.0.2-staging.8",
+  "version": "6.1.0-dev.0",
   "description": "",
   "files": [
     "dist",
@@ -25,6 +25,7 @@
   },
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
@@ -33,19 +34,23 @@
       "import": "./dist/*.js"
     },
     "./ui": {
+      "source": "./src/ui/index.ts",
       "types": "./dist/ui/index.d.ts",
       "import": "./dist/ui/index.js"
     },
     "./ui/lib": {
+      "source": "./src/ui/lib/index.ts",
       "types": "./dist/ui/lib/index.d.ts",
       "import": "./dist/ui/lib/index.js"
     },
     "./ui/*": "./dist/ui/*",
     "./connect": {
+      "source": "./src/connect/index.ts",
       "types": "./dist/connect/index.d.ts",
       "import": "./dist/connect/index.js"
     },
     "./connect/toast": {
+      "source": "./src/connect/components/toast/toast.tsx",
       "types": "./dist/connect/components/toast/toast.d.ts",
       "import": "./dist/connect/components/toast/toast.js"
     },
@@ -80,6 +85,7 @@
     "@storybook/types": "^8.6.18",
     "@tailwindcss/cli": "4.2.2",
     "@tailwindcss/vite": "4.2.2",
+    "@tanstack/react-query": "^5.49.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
@@ -101,7 +107,7 @@
     "tsx": "4.21.0",
     "vite": "8.0.8",
     "vitest": "4.1.1",
-    "@powerhousedao/config": "6.0.2-staging.8"
+    "@powerhousedao/config": "6.1.0-dev.0"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -117,7 +123,6 @@
     "@radix-ui/react-tabs": "^1.1.1",
     "@radix-ui/react-tooltip": "^1.1.3",
     "@radix-ui/react-visually-hidden": "^1.1.0",
-    "@tanstack/react-query": "^5.49.2",
     "@tanstack/react-virtual": "^3.8.1",
     "@uiw/react-json-view": "2.0.0-alpha.42",
     "change-case": "5.4.4",
@@ -132,9 +137,10 @@
     "react-toastify": "^10.0.4",
     "remeda": "2.33.7",
     "tailwind-merge": "3.4.0",
+    "type-fest": "5.6.0",
     "usehooks-ts": "^3.1.1",
-    "@powerhousedao/reactor-browser": "6.0.2-staging.8",
-    "@powerhousedao/shared": "6.0.2-staging.8"
+    "@powerhousedao/reactor-browser": "6.1.0-dev.0",
+    "@powerhousedao/shared": "6.1.0-dev.0"
   },
   "scripts": {
     "tsc": "tsc",

package/theme.css

@@ -25,7 +25,6 @@
   --color-slate-700: hsl(204 9% 11%);
   --color-slate-800: hsl(195 9% 9%);
   --color-slate-900: hsl(195 6% 6%);
-  --color-slate-950: hsl(0 0% 0%);
   --color-blue-100: hsl(209 100% 90%);
   --color-blue-200: hsl(209 97% 85%);
   --color-blue-300: hsl(209 100% 80%);
@@ -104,7 +103,8 @@
     0px -1px 1px 0px rgba(0, 0, 0, 0.04) inset,
     0px 2px 0px 0px rgba(255, 255, 255, 0.25) inset,
     0px 4px 8px -4px rgba(0, 0, 0, 0.1);
-
+--shadow-charcoal: 1px 4px 15px rgba(74, 88, 115, 0.25);
+--shadow-inner: inset 0px 0px 2px rgba(255, 255, 255, 0.5);
   --animate-fade-in: fadeIn 0.3s ease-in-out;
   --animate-fade-out: fadeOut 0.1s ease-in-out;
   --animate-zoom-in: zoomIn 0.3s ease-in-out;