@sqrzro/ui 4.0.0-alpha.33 → 4.0.0-alpha.36

package/dist/forms/components/Dropdown/index.js

@@ -36,9 +36,9 @@ function Dropdown({ classNames, classNameProps, hasError, isDisabled, isOptional
     if (isPanelOnly) {
         return _jsx(DropdownList, { name: name, onChange: handleChange, options: options, value: value });
     }
-    return (_jsxs("div", { ref: node, className: tw('relative', componentClassNames?.root), children: [_jsx(StaticTextInput, { classNames: {
+    return (_jsxs("div", { ref: node, className: tw('relative', componentClassNames?.root), children: [_jsx(StaticTextInput, { classNameProps: classNameProps, classNames: {
                     clear: componentClassNames?.clear,
                     icon: componentClassNames?.icon,
-                }, details: renderDetails(options, value), hasError: hasError, isDisabled: isDisabled || !options?.length, isOptional: isOptional, label: renderLabel(options, value), name: name, onClear: handleClear, onClick: toggleIsOpen, placeholder: placeholder || 'Select...', value: value ? String(value) : '' }), _jsx(Popover, { align: "center", isOpen: isOpen ? !isDisabled : false, isScrollable: true, children: _jsx(DropdownList, { name: name, onChange: handleChange, options: options, value: value }) })] }));
+                }, details: renderDetails(options, value), hasError: hasError, isDisabled: isDisabled || !options?.length, isOptional: isOptional, label: renderLabel(options, value), name: name, onClear: handleClear, onClick: toggleIsOpen, placeholder: placeholder || 'Select...', value: value ? String(value) : '' }), _jsx(Popover, { align: "center", isOpen: isOpen ? !isDisabled : false, isScrollable: true, children: _jsx(DropdownList, { classNameProps: classNameProps, classNames: classNames, name: name, onChange: handleChange, options: options, value: value }) })] }));
 }
 export default Dropdown;

package/dist/forms/components/DropdownList/index.js

@@ -13,6 +13,6 @@ function DropdownList({ classNames, classNameProps, name, onChange, options, val
             });
         };
     }
-    return (_jsx("ul", { className: componentClassNames?.list, role: "listbox", children: options.map((item, index) => (_jsx(DropdownItem, { ...item, isSelected: Boolean(value) && value === item.value, onChange: handleChange }, index))) }));
+    return (_jsx("ul", { className: componentClassNames?.list, role: "listbox", children: options.map((item, index) => (_jsx(DropdownItem, { ...item, classNameProps: classNameProps, classNames: classNames, isSelected: Boolean(value) && value === item.value, onChange: handleChange }, index))) }));
 }
 export default DropdownList;

package/dist/forms/components/FormError/index.d.ts

@@ -1,6 +1,6 @@
 import type { ClassNameProps } from '../../../styles/classnames/interfaces';
 import type { FormFieldClassNames } from '../FormField';
-interface FormErrorProps extends ClassNameProps<FormFieldClassNames> {
+export interface FormErrorProps extends ClassNameProps<FormFieldClassNames> {
     children: React.ReactNode;
     id: string;
     isAssistive?: boolean;

package/dist/forms/index.d.ts

@@ -11,6 +11,8 @@ export type { EditableFormFieldProps } from './components/EditableFormField';
 export { default as EditableFormField } from './components/EditableFormField';
 export type { FormClassNames, FormProps } from './components/Form';
 export { default as Form } from './components/Form';
+export type { FormErrorProps } from './components/FormError';
+export { default as FormError } from './components/FormError';
 export type { FormFieldClassNames, FormFieldProps } from './components/FormField';
 export { default as FormField } from './components/FormField';
 export type { FormSubmitProps } from './components/FormSubmit';

package/dist/forms/index.js

@@ -5,6 +5,7 @@ export { default as Dropdown } from './components/Dropdown';
 export { default as EditableForm } from './components/EditableForm';
 export { default as EditableFormField } from './components/EditableFormField';
 export { default as Form } from './components/Form';
+export { default as FormError } from './components/FormError';
 export { default as FormField } from './components/FormField';
 export { default as FormSubmit } from './components/FormSubmit';
 export { default as ModalForm } from './components/ModalForm';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/ui",
   "type": "module",
-  "version": "4.0.0-alpha.33",
+  "version": "4.0.0-alpha.36",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
@@ -48,7 +48,7 @@
     "react-dom": "^19.2.4",
     "tailwind-merge": "^3.5.0",
     "use-deep-compare-effect": "^1.8.1",
-    "@sqrzro/utility": "^4.0.0-alpha.13"
+    "@sqrzro/utility": "^4.0.0-alpha.14"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.2.14",