@konoma-development/react-components 0.0.14 → 0.1.0

package/dist/components/form/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldProps } from './types';
+import { FormFieldProps } from './types.ts';
 export default function Checkbox<DataType>({ classesFilled, classesError, classesEmpty, labelClassesFilled, labelClassesError, labelClassesEmpty, iconClassesFilled, value, defaultValue, 
 /** UNUSED, only listed so that the typing for onInput does not clash with the onInput event of the input */
 onInput, onChange, label, indeterminate, disabled, className, name, error, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/checkboxList.d.ts

@@ -1,2 +1,2 @@
-import { FormFieldProps } from './types';
+import { FormFieldProps } from './types.ts';
 export default function CheckboxList<DataType>({ labelClasses, wrapperClasses, classes, classesError, errorClasses, childClasses, label, error, name, options, required, labelPosition, values, onChange, }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/formField.d.ts

@@ -1,12 +1,12 @@
-import { default as Checkbox } from './checkbox';
-import { default as CheckboxList } from './checkboxList';
-import { default as Input } from './input';
-import { default as PhoneInput } from './phoneInput';
-import { default as RadioButtonGroup } from './radiobuttonGroup';
-import { default as Select } from './select';
-import { default as TagList } from './tagList';
-import { default as Textarea } from './textarea';
-import { FormFieldProps } from './types';
+import { default as Checkbox } from './checkbox.tsx';
+import { default as CheckboxList } from './checkboxList.tsx';
+import { default as Input } from './input.tsx';
+import { default as PhoneInput } from './phoneInput.tsx';
+import { default as RadioButtonGroup } from './radiobuttonGroup.tsx';
+import { default as Select } from './select.tsx';
+import { default as TagList } from './tagList.tsx';
+import { default as Textarea } from './textarea.tsx';
+import { FormFieldProps } from './types.ts';
 declare const FormFieldComponents: {
     checkbox: typeof Checkbox;
     checkboxList: typeof CheckboxList;

package/dist/components/form/input.d.ts

@@ -1,2 +1,2 @@
-import { FormFieldProps } from './types';
+import { FormFieldProps } from './types.ts';
 export default function Input<DataType>({ classes, wrapperClasses, labelClasses, iconLeftClasses, iconRightClasses, errorClasses, classesError, classesNeutral, additionalClassesIconLeft, additionalClassesIconRight, wrapperRightClasses, label, iconLeftPath, iconLeftName, iconRightPath, iconRightName, textRight, centered, error, required, name, value, mask, defaultValue, placeholder, className, onIconRightClick, onIconLeftClick, onChange, onClick, onKeyDown, onBlur, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/phoneInput.d.ts

@@ -1,2 +1,2 @@
-import { FormFieldProps } from './types';
+import { FormFieldProps } from './types.ts';
 export default function PhoneInput<DataType>({ classes, wrapperClasses, labelClasses, wrapperLeftClasses, errorClasses, classesError, classesNeutral, label, centered, error, required, name, value, defaultValue, className, onChange, onClick, onKeyDown, onBlur, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/radiobuttonGroup.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldProps, Option } from './types';
+import { FormFieldProps, Option } from './types.ts';
 export default function RadioButtonGroup<DataType>({ classes, controlClasses, optionClasses, labelClasses, classesFilled, classesEmpty, wrapperClasses, labelWrapperClasses, errorClasses, options, error, required, value, label, name, arrangement, onChange, }: FormFieldProps<DataType> & {
     options: Option[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/select.d.ts

@@ -1,2 +1,2 @@
-import { FormFieldProps } from './types';
+import { FormFieldProps } from './types.ts';
 export default function Select<DataType>({ classes, errorClasses, labelClasses, labelWrapperClasses, classesNeutral, classesError, focusClasses, controlClasses, optionClasses, optionSelectedClasses, optionFocusedClasses, valueClasses, placeholderClasses, wrapperClasses, indicatorClasses, valueContainerClasses, options, placeholder, className, required, error, defaultValue, searchable, label, name, isClearable, disabled, noValue, allowCustomValues, customValueLabel, menuPortalTarget, isMulti, onInput, onKeyDown, onChange, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/tagList.d.ts

@@ -1,2 +1,2 @@
-import { FormFieldProps } from './types';
+import { FormFieldProps } from './types.ts';
 export default function TagList<DataType>({ classes, wrapperClasses, labelClasses, errorClasses, classesError, classesNeutral, label, error, required, values, addTagTitle, onChange, className, }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/textarea.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldProps } from './types';
+import { FormFieldProps } from './types.ts';
 export default function Textarea<DataType>({ classes, classesNeutral, classesError, errorClasses, labelClasses, hintClasses, wrapperClasses, resizeClasses, resizeIconClasses, controlClasses, labelWrapperClasses, classesDisabled, resizeIconPath, resizeIconName, label, error, required, initialHeight, maxLength, replacements, name, value, disabled, defaultValue, maxLengthLabel, 
 /** UNUSED, only listed so that the typing for onInput does not clash with the onInput event of the textarea */
 onInput, onChange, ...props }: FormFieldProps<DataType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/columnChooser.d.ts

@@ -1,5 +1,5 @@
 import { ExtendedRefs, FloatingContext } from '@floating-ui/react';
-import { TableColumn } from './table';
+import { TableColumn } from './table.tsx';
 export default function ColumnChooser<DataType>({ columns, context, refs, floatingStyles, wrapperClasses, headerClasses, columnsWrapperClasses, entryClasses, visibleColumnClasses, hiddenColumnClasses, columnsLabel, updateColumns, getFloatingProps, }: {
     columns: TableColumn<DataType>[];
     context: FloatingContext;

package/dist/components/table/table.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { PaginationClasses } from './pagination';
+import { PaginationClasses } from './pagination.tsx';
 export interface TableColumn<DataType> {
     id: keyof DataType;
     title: string | JSX.Element;

package/dist/components/ui/modal.d.ts

@@ -1,4 +1,4 @@
-import { default as Button } from './button';
+import { default as Button } from './button.tsx';
 export default function Modal({ backdropClasses, contentClasses, headerWrapperClasses, footerWrapperClasses, footerLeftClasses, footerRightClasses, titleClasses, closeWrapperClasses, iconClasses, children, headerContent, footerContent, title, footerActions, hasCloseIcon, onClose, }: {
     backdropClasses?: string;
     contentClasses?: string;

package/dist/eslint.config.d.ts

@@ -1,6 +1,6 @@
 declare const _default: (import("eslint").Linter.Config<import("eslint").Linter.RulesRecord> | {
     readonly rules: Readonly<import("eslint").Linter.RulesRecord>;
-} | import("eslint").ESLint.ConfigData<import("eslint").Linter.RulesRecord> | import("@typescript-eslint/utils/dist/ts-eslint").FlatConfig.Config | {
+} | import("eslint").ESLint.ConfigData<import("eslint").Linter.RulesRecord> | import("@typescript-eslint/utils/ts-eslint").FlatConfig.Config | {
     files: string[];
     plugins: {
         'simple-import-sort': import("eslint").ESLint.Plugin;

package/dist/main.d.ts

@@ -1,25 +1,25 @@
-import { default as Checkbox } from './components/form/checkbox';
-import { default as CheckboxList } from './components/form/checkboxList';
-import { default as Form, ErrorContext } from './components/form/form';
-import { default as FormField } from './components/form/formField';
-import { default as Input } from './components/form/input';
-import { default as PhoneInput } from './components/form/phoneInput';
-import { default as RadioButtonGroup } from './components/form/radiobuttonGroup';
-import { default as Select } from './components/form/select';
-import { default as TagList } from './components/form/tagList';
-import { default as TextArea } from './components/form/textarea';
-import { Classes, FormFieldProps, FormValue, Mask, Option } from './components/form/types';
-import { default as ColumnChooser } from './components/table/columnChooser';
-import { default as ColumnChooserEntry } from './components/table/columnChooserEntry';
-import { FilterContext } from './components/table/FilterContext';
-import { default as Pagination } from './components/table/pagination';
-import { TableColumn, default as Table } from './components/table/table';
-import { default as TableActions, TableActionEntry } from './components/table/tableActions';
-import { default as Button } from './components/ui/button';
-import { default as Icon } from './components/ui/icon';
-import { default as LoadingIndicator } from './components/ui/loadingIndicator';
-import { default as Modal } from './components/ui/modal';
-import { default as Tabs } from './components/ui/tabs';
-import { default as Tag } from './components/ui/tag';
-import * as validators from './components/form/validators';
+import { default as Checkbox } from './components/form/checkbox.tsx';
+import { default as CheckboxList } from './components/form/checkboxList.tsx';
+import { default as Form, ErrorContext } from './components/form/form.tsx';
+import { default as FormField } from './components/form/formField.tsx';
+import { default as Input } from './components/form/input.tsx';
+import { default as PhoneInput } from './components/form/phoneInput.tsx';
+import { default as RadioButtonGroup } from './components/form/radiobuttonGroup.tsx';
+import { default as Select } from './components/form/select.tsx';
+import { default as TagList } from './components/form/tagList.tsx';
+import { default as TextArea } from './components/form/textarea.tsx';
+import { Classes, FormFieldProps, FormValue, Mask, Option } from './components/form/types.ts';
+import { default as ColumnChooser } from './components/table/columnChooser.tsx';
+import { default as ColumnChooserEntry } from './components/table/columnChooserEntry.tsx';
+import { FilterContext } from './components/table/FilterContext.ts';
+import { default as Pagination } from './components/table/pagination.tsx';
+import { TableColumn, default as Table } from './components/table/table.tsx';
+import { default as TableActions, TableActionEntry } from './components/table/tableActions.tsx';
+import { default as Button } from './components/ui/button.tsx';
+import { default as Icon } from './components/ui/icon.tsx';
+import { default as LoadingIndicator } from './components/ui/loadingIndicator.tsx';
+import { default as Modal } from './components/ui/modal.tsx';
+import { default as Tabs } from './components/ui/tabs.tsx';
+import { default as Tag } from './components/ui/tag.tsx';
+import * as validators from './components/form/validators.ts';
 export { Button, Checkbox, CheckboxList, Classes, ColumnChooser, ColumnChooserEntry, ErrorContext, FilterContext, Form, FormField, FormFieldProps, FormValue, Icon, Input, LoadingIndicator, Mask, Modal, Option, Pagination, PhoneInput, RadioButtonGroup, Select, Table, TableActionEntry, TableActions, TableColumn, Tabs, Tag, TagList, TextArea, validators, };

package/dist/postcss.config.d.ts

@@ -1,7 +1,6 @@
 declare const _default: {
     plugins: {
-        tailwindcss: {};
-        autoprefixer: {};
+        '@tailwindcss/postcss': {};
     };
 };
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@konoma-development/react-components",
   "packageManager": "yarn@4.6.0",
-  "version": "0.0.14",
+  "version": "0.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -30,9 +30,10 @@
     "@floating-ui/react": "^0.27.3",
     "@heroicons/react": "^2.2.0",
     "@iconify-icon/react": "^2.3.0",
+    "@tailwindcss/postcss": "^4.1.10",
     "@types/node": "^22.10.8",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
     "@typescript-eslint/parser": "^8.21.0",
     "@vitejs/plugin-react": "^4.3.4",
     "dnd-core": "^16.0.1",
@@ -45,17 +46,17 @@
     "globals": "^15.14.0",
     "jiti": "^2.4.2",
     "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.10",
+    "prettier-plugin-tailwindcss": "^0.6.12",
     "re-resizable": "^6.10.3",
-    "react": "^18.3.1",
+    "react": "^19.1.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dnd-touch-backend": "^16.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.1.0",
     "react-imask": "^7.6.1",
     "react-select": "^5.9.0",
     "rollup": "^4.31.0",
-    "tailwindcss": "^3.0.0",
+    "tailwindcss": "^4.1.10",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.21.0",
     "vite": "^6.0.11",
@@ -65,13 +66,12 @@
   "peerDependencies": {
     "dnd-core": "^16.0.1",
     "re-resizable": "^6.10.3",
-    "react": "^18.3.1",
+    "react": "^19.1.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dnd-touch-backend": "^16.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.1.0",
     "react-imask": "^7.6.1",
-    "react-select": "^5.9.0",
-    "tailwindcss": "^3.0.0"
+    "react-select": "^5.9.0"
   }
 }