@sikka/hawa 0.11.17-next → 0.11.19-next

package/dist/index.d.mts

@@ -466,6 +466,7 @@ type DataTableProps<DataProps = {}> = {
     direction?: "rtl" | "ltr";
     columns: ColumnDef<DataProps>[];
     data: DataProps[];
+    itemsPerPage?: any[];
     showCount?: boolean;
     condensed?: boolean;
     isLoading?: boolean;
@@ -1036,8 +1037,7 @@ type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
     loginText?: string;
 };
 type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullNameLabel: string;
-    fullNamePlaceholder: string;
+    fullName: BaseInputType;
     email?: TextInputType;
     username?: UsernameInputType;
     password?: PasswordInputType;
@@ -1053,6 +1053,23 @@ type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
     registerText: string;
     loginText: string;
 };
+type ResetPasswordTextsTypes = {
+    email: TextInputType;
+    emailSentText: string;
+    registerText: string;
+    resetPassword: string;
+    dontHaveAccount: string;
+    headTitle?: string;
+    headDescription?: string;
+};
+type NewPasswordTextsTypes = {
+    password?: PasswordInputType;
+    confirm?: ConfirmInputType;
+    updatePassword: string;
+    passwordChanged: string;
+    dontHaveAccount?: string;
+    registerText?: string;
+};
 
 type LoginFormTypes = {
     texts?: LoginFormTextsTypes;
@@ -1224,20 +1241,7 @@ type NewPasswordTypes = {
     headless?: boolean;
     allowRegister?: boolean;
     passwordChanged: any;
-    texts: {
-        passwordPlaceholder: string;
-        passwordRequired: string;
-        passwordLabel: string;
-        passwordMatchError: string;
-        passwordTooShort: string;
-        updatePassword: string;
-        passwordChanged: string;
-        confirmPasswordPlaceholder: string;
-        confirmPasswordLabel: string;
-        confirmPasswordRequired: string;
-        dontHaveAccount?: string;
-        registerText?: string;
-    };
+    texts: NewPasswordTextsTypes;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -1248,25 +1252,11 @@ type ResetPasswordType = {
     headless?: boolean;
     allowRegister?: boolean;
     direction?: "rtl" | "ltr";
-    texts?: {
-        emailLabel: string;
-        emailPlaceholder: string;
-        emailRequired: string;
-        emailInvalid: string;
-        emailSentText: string;
-        registerText: string;
-        resetPassword: string;
-        dontHaveAccount: string;
-        headTitle?: string;
-        headDescription?: string;
-    };
+    texts?: ResetPasswordTextsTypes;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
-    showError?: any;
-    errorTitle?: any;
-    errorText?: any;
     texts?: {
         checkYourPhone?: string;
         weSentCode?: string;
@@ -1279,6 +1269,9 @@ type TConfirmation = {
         confirm?: string;
         cancel?: string;
     };
+    showError?: any;
+    errorTitle?: any;
+    errorText?: any;
     phoneNumber?: string;
     handleConfirm?: any;
 };

package/dist/index.d.ts

@@ -466,6 +466,7 @@ type DataTableProps<DataProps = {}> = {
     direction?: "rtl" | "ltr";
     columns: ColumnDef<DataProps>[];
     data: DataProps[];
+    itemsPerPage?: any[];
     showCount?: boolean;
     condensed?: boolean;
     isLoading?: boolean;
@@ -1036,8 +1037,7 @@ type LoginFormTextsTypes = ThirdPartyAuthTextsTypes & {
     loginText?: string;
 };
 type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
-    fullNameLabel: string;
-    fullNamePlaceholder: string;
+    fullName: BaseInputType;
     email?: TextInputType;
     username?: UsernameInputType;
     password?: PasswordInputType;
@@ -1053,6 +1053,23 @@ type RegisterFormTextsTypes = ThirdPartyAuthTextsTypes & {
     registerText: string;
     loginText: string;
 };
+type ResetPasswordTextsTypes = {
+    email: TextInputType;
+    emailSentText: string;
+    registerText: string;
+    resetPassword: string;
+    dontHaveAccount: string;
+    headTitle?: string;
+    headDescription?: string;
+};
+type NewPasswordTextsTypes = {
+    password?: PasswordInputType;
+    confirm?: ConfirmInputType;
+    updatePassword: string;
+    passwordChanged: string;
+    dontHaveAccount?: string;
+    registerText?: string;
+};
 
 type LoginFormTypes = {
     texts?: LoginFormTextsTypes;
@@ -1224,20 +1241,7 @@ type NewPasswordTypes = {
     headless?: boolean;
     allowRegister?: boolean;
     passwordChanged: any;
-    texts: {
-        passwordPlaceholder: string;
-        passwordRequired: string;
-        passwordLabel: string;
-        passwordMatchError: string;
-        passwordTooShort: string;
-        updatePassword: string;
-        passwordChanged: string;
-        confirmPasswordPlaceholder: string;
-        confirmPasswordLabel: string;
-        confirmPasswordRequired: string;
-        dontHaveAccount?: string;
-        registerText?: string;
-    };
+    texts: NewPasswordTextsTypes;
 };
 declare const NewPasswordForm: FC<NewPasswordTypes>;
 
@@ -1248,25 +1252,11 @@ type ResetPasswordType = {
     headless?: boolean;
     allowRegister?: boolean;
     direction?: "rtl" | "ltr";
-    texts?: {
-        emailLabel: string;
-        emailPlaceholder: string;
-        emailRequired: string;
-        emailInvalid: string;
-        emailSentText: string;
-        registerText: string;
-        resetPassword: string;
-        dontHaveAccount: string;
-        headTitle?: string;
-        headDescription?: string;
-    };
+    texts?: ResetPasswordTextsTypes;
 };
 declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
-    showError?: any;
-    errorTitle?: any;
-    errorText?: any;
     texts?: {
         checkYourPhone?: string;
         weSentCode?: string;
@@ -1279,6 +1269,9 @@ type TConfirmation = {
         confirm?: string;
         cancel?: string;
     };
+    showError?: any;
+    errorTitle?: any;
+    errorText?: any;
     phoneNumber?: string;
     handleConfirm?: any;
 };

package/dist/index.js

@@ -5086,7 +5086,7 @@ var DataTable = function(_param) {
         "columns",
         "data"
     ]);
-    var _props_texts, _table_getRowModel_rows, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9, _props_texts10;
+    var _props_texts, _props_itemsPerPage, _props_texts1, _table_getRowModel_rows, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6;
     var _React38_useState = _sliced_to_array(React38.useState([
         {
             id: props.defaultSort || "",
@@ -5121,12 +5121,19 @@ var DataTable = function(_param) {
             expanded: expanded
         }
     });
+    var pageText = ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.page) || "page";
+    var itemsPerPageOptions = (_props_itemsPerPage = props.itemsPerPage) === null || _props_itemsPerPage === void 0 ? void 0 : _props_itemsPerPage.map(function(item) {
+        return {
+            label: "".concat(item, " / ").concat(pageText),
+            value: item
+        };
+    });
     return /* @__PURE__ */ React38.createElement("div", {
         className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4"
     }, /* @__PURE__ */ React38.createElement("div", {
         className: "hawa-flex hawa-items-center"
     }, /* @__PURE__ */ React38.createElement(Input, {
-        placeholder: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.searchPlaceholder,
+        placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.searchPlaceholder,
         value: globalFilter !== null && globalFilter !== void 0 ? globalFilter : "",
         onChange: function(event) {
             return setGlobalFilter(event.target.value);
@@ -5164,38 +5171,38 @@ var DataTable = function(_param) {
     }) : /* @__PURE__ */ React38.createElement(TableRow, null, /* @__PURE__ */ React38.createElement(TableCell, {
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
-    }, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.noData))))), /* @__PURE__ */ React38.createElement("div", {
+    }, (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.noData))))), /* @__PURE__ */ React38.createElement("div", {
         className: "hawa-flex hawa-items-center hawa-justify-between"
     }, !props.showCount && /* @__PURE__ */ React38.createElement("div", {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground"
     }), props.showCount && /* @__PURE__ */ React38.createElement("div", {
         className: "text-sm text-muted-foreground",
         dir: props.direction
-    }, /* @__PURE__ */ React38.createElement("span", null, (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.total), " ", /* @__PURE__ */ React38.createElement("span", null, table.getFilteredRowModel().rows.length)), table.getPageCount() !== 0 && /* @__PURE__ */ React38.createElement("div", {
+    }, /* @__PURE__ */ React38.createElement("span", null, (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.total), " ", /* @__PURE__ */ React38.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())), table.getPageCount() !== 0 && /* @__PURE__ */ React38.createElement("div", {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 "
     }, /* @__PURE__ */ React38.createElement(DropdownMenu, {
         size: "sm",
-        width: "parent",
+        width: "sm",
         direction: props.direction,
-        items: [
+        items: itemsPerPageOptions || [
             {
-                label: "10 / ".concat((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.page),
+                label: "10 / ".concat(pageText),
                 value: 10
             },
             {
-                label: "20 / ".concat((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.page),
+                label: "20 / ".concat(pageText),
                 value: 20
             },
             {
-                label: "30 / ".concat((_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.page),
+                label: "30 / ".concat(pageText),
                 value: 30
             },
             {
-                label: "40 / ".concat((_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.page),
+                label: "40 / ".concat(pageText),
                 value: 40
             },
             {
-                label: "50 / ".concat((_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.page),
+                label: "50 / ".concat(pageText),
                 value: 50
             }
         ],
@@ -5203,7 +5210,7 @@ var DataTable = function(_param) {
             variant: "outline",
             size: "icon",
             className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
-        }, "".concat(table.getState().pagination.pageSize, " / ").concat((_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.page)),
+        }, "".concat(table.getState().pagination.pageSize, " / ").concat((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.page)),
         onItemSelect: function(e) {
             return table.setPageSize(Number(e));
         }
@@ -5211,13 +5218,14 @@ var DataTable = function(_param) {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  "
     }, /* @__PURE__ */ React38.createElement("span", {
         className: "hawa-flex hawa-items-center hawa-gap-1"
-    }, /* @__PURE__ */ React38.createElement("div", null, (_props_texts9 = props.texts) === null || _props_texts9 === void 0 ? void 0 : _props_texts9.page), /* @__PURE__ */ React38.createElement("div", {
+    }, /* @__PURE__ */ React38.createElement("div", null, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.page), /* @__PURE__ */ React38.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-gap-1"
     }, /* @__PURE__ */ React38.createElement("span", {
         className: "hawa-font-bold"
-    }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React38.createElement("span", null, (_props_texts10 = props.texts) === null || _props_texts10 === void 0 ? void 0 : _props_texts10.of), /* @__PURE__ */ React38.createElement("span", {
+    }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React38.createElement("span", null, (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.of), /* @__PURE__ */ React38.createElement("span", {
         className: "hawa-font-bold"
     }, table.getPageCount())))), /* @__PURE__ */ React38.createElement(Button, {
+        "aria-label": "Previous Table Page",
         variant: "outline",
         size: "smallIcon",
         onClick: function() {
@@ -5237,6 +5245,7 @@ var DataTable = function(_param) {
         fillRule: "evenodd",
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
     }))), /* @__PURE__ */ React38.createElement(Button, {
+        "aria-label": "Next Table Page",
         variant: "outline",
         size: "smallIcon",
         onClick: function() {
@@ -5246,12 +5255,12 @@ var DataTable = function(_param) {
         className: cn(props.direction === "rtl" && "hawa-rotate-180")
     }, /* @__PURE__ */ React38.createElement("svg", {
         "aria-label": "Chevron Right Icon",
-        stroke: "currentColor",
         fill: "currentColor",
-        strokeWidth: "0",
-        viewBox: "0 0 16 16",
+        stroke: "currentColor",
+        width: "1em",
         height: "1em",
-        width: "1em"
+        strokeWidth: "0",
+        viewBox: "0 0 16 16"
     }, /* @__PURE__ */ React38.createElement("path", {
         fillRule: "evenodd",
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
@@ -7385,11 +7394,11 @@ var RegisterForm = function(_param) {
                 name: "fullName",
                 render: function(param) {
                     var field = param.field;
-                    var _formState_errors_fullName;
+                    var _texts_fullName, _texts_fullName1, _formState_errors_fullName;
                     return /* @__PURE__ */ import_react39.default.createElement(Input, _object_spread({
                         width: "full",
-                        label: texts === null || texts === void 0 ? void 0 : texts.fullNameLabel,
-                        placeholder: texts === null || texts === void 0 ? void 0 : texts.fullNamePlaceholder,
+                        label: texts === null || texts === void 0 ? void 0 : (_texts_fullName = texts.fullName) === null || _texts_fullName === void 0 ? void 0 : _texts_fullName.label,
+                        placeholder: texts === null || texts === void 0 ? void 0 : (_texts_fullName1 = texts.fullName) === null || _texts_fullName1 === void 0 ? void 0 : _texts_fullName1.placeholder,
                         helperText: (_formState_errors_fullName = formState.errors.fullName) === null || _formState_errors_fullName === void 0 ? void 0 : _formState_errors_fullName.message
                     }, field));
                 }
@@ -7691,25 +7700,26 @@ var NewPasswordForm = function(_param) {
     var texts = _param.texts, props = _object_without_properties(_param, [
         "texts"
     ]);
+    var _texts_password, _texts_password1, _texts_password2, _texts_confirm, _texts_password3, _texts_confirm1, _texts_confirm2;
     var formSchema = z3.object({
         password: z3.string({
-            required_error: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
+            required_error: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.required
         }).min(1, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
+            message: texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.required
         }).min(8, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordTooShort
+            message: texts === null || texts === void 0 ? void 0 : (_texts_password2 = texts.password) === null || _texts_password2 === void 0 ? void 0 : _texts_password2.tooShort
         }),
         confirm_password: z3.string({
-            required_error: texts === null || texts === void 0 ? void 0 : texts.confirmPasswordRequired
+            required_error: texts === null || texts === void 0 ? void 0 : (_texts_confirm = texts.confirm) === null || _texts_confirm === void 0 ? void 0 : _texts_confirm.required
         }).refine(function(value) {
             return value !== "";
         }, {
-            message: texts === null || texts === void 0 ? void 0 : texts.passwordRequired
+            message: texts === null || texts === void 0 ? void 0 : (_texts_password3 = texts.password) === null || _texts_password3 === void 0 ? void 0 : _texts_password3.required
         })
     }).refine(function(data) {
         return data.password === data.confirm_password;
     }, {
-        message: "Passwords don't match",
+        message: texts === null || texts === void 0 ? void 0 : (_texts_confirm1 = texts.confirm) === null || _texts_confirm1 === void 0 ? void 0 : _texts_confirm1.dontMatch,
         path: [
             "confirm_password"
         ]
@@ -7722,7 +7732,7 @@ var NewPasswordForm = function(_param) {
     return /* @__PURE__ */ import_react42.default.createElement(Card, {
         dir: props.direction
     }, matchError && /* @__PURE__ */ import_react42.default.createElement(Alert, {
-        text: texts === null || texts === void 0 ? void 0 : texts.passwordMatchError,
+        text: texts === null || texts === void 0 ? void 0 : (_texts_confirm2 = texts.confirm) === null || _texts_confirm2 === void 0 ? void 0 : _texts_confirm2.dontMatch,
         severity: "error"
     }), props.passwordChanged ? /* @__PURE__ */ import_react42.default.createElement(CardContent, {
         headless: true
@@ -7745,13 +7755,13 @@ var NewPasswordForm = function(_param) {
         name: "password",
         render: function(param) {
             var field = param.field;
-            var _formState_errors_password;
+            var _texts_password, _texts_password1, _formState_errors_password;
             return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
-                label: texts === null || texts === void 0 ? void 0 : texts.passwordLabel,
-                placeholder: texts === null || texts === void 0 ? void 0 : texts.passwordPlaceholder,
+                label: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.label,
+                placeholder: texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder,
                 helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
             }, field));
         }
@@ -7760,13 +7770,13 @@ var NewPasswordForm = function(_param) {
         name: "confirm_password",
         render: function(param) {
             var field = param.field;
-            var _formState_errors_confirm_password;
+            var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
             return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
-                label: texts === null || texts === void 0 ? void 0 : texts.confirmPasswordLabel,
-                placeholder: texts === null || texts === void 0 ? void 0 : texts.confirmPasswordPlaceholder,
+                label: texts === null || texts === void 0 ? void 0 : (_texts_confirm = texts.confirm) === null || _texts_confirm === void 0 ? void 0 : _texts_confirm.label,
+                placeholder: texts === null || texts === void 0 ? void 0 : (_texts_confirm1 = texts.confirm) === null || _texts_confirm1 === void 0 ? void 0 : _texts_confirm1.placeholder,
                 helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
             }, field));
         }
@@ -7788,14 +7798,14 @@ var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var ResetPasswordForm = function(props) {
-    var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8;
+    var _props_texts_email, _props_texts, _props_texts_email1, _props_texts1, _props_texts_email2, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8;
     var formSchema = z4.object({
         email: z4.string({
-            required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailRequired
+            required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : (_props_texts_email = _props_texts.email) === null || _props_texts_email === void 0 ? void 0 : _props_texts_email.required
         }).email({
-            message: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.emailInvalid
+            message: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : (_props_texts_email1 = _props_texts1.email) === null || _props_texts_email1 === void 0 ? void 0 : _props_texts_email1.invalid
         }).min(1, {
-            message: (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.emailRequired
+            message: (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : (_props_texts_email2 = _props_texts2.email) === null || _props_texts_email2 === void 0 ? void 0 : _props_texts_email2.required
         })
     });
     var _ref = (0, import_react_hook_form4.useForm)({
@@ -7820,12 +7830,12 @@ var ResetPasswordForm = function(props) {
         name: "email",
         render: function(param) {
             var field = param.field;
-            var _props_texts, _formState_errors_email, _props_texts1;
+            var _props_texts_email, _props_texts, _formState_errors_email, _props_texts_email1, _props_texts1;
             return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                 width: "full",
-                label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel,
+                label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : (_props_texts_email = _props_texts.email) === null || _props_texts_email === void 0 ? void 0 : _props_texts_email.label,
                 helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
-                placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.emailPlaceholder
+                placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : (_props_texts_email1 = _props_texts1.email) === null || _props_texts_email1 === void 0 ? void 0 : _props_texts_email1.placeholder
             }, field));
         }
     })), /* @__PURE__ */ import_react43.default.createElement(CardFooter, {

package/dist/index.mjs

@@ -4748,10 +4748,7 @@ var DataTable = ({
   ...props
 }) => {
   const [sorting, setSorting] = React38.useState([
-    {
-      id: props.defaultSort || "",
-      desc: false
-    }
+    { id: props.defaultSort || "", desc: false }
   ]);
   const [columnFilters, setColumnFilters] = React38.useState(
     []
@@ -4783,6 +4780,11 @@ var DataTable = ({
       expanded
     }
   });
+  const pageText = props.texts?.page || "page";
+  const itemsPerPageOptions = props.itemsPerPage?.map((item) => ({
+    label: `${item} / ${pageText}`,
+    value: item
+  }));
   return /* @__PURE__ */ React38.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React38.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ React38.createElement(
     Input,
     {
@@ -4840,19 +4842,19 @@ var DataTable = ({
     },
     /* @__PURE__ */ React38.createElement("span", null, props.texts?.total),
     " ",
-    /* @__PURE__ */ React38.createElement("span", null, table.getFilteredRowModel().rows.length)
+    /* @__PURE__ */ React38.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
   ), table.getPageCount() !== 0 && /* @__PURE__ */ React38.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, /* @__PURE__ */ React38.createElement(
     DropdownMenu,
     {
       size: "sm",
-      width: "parent",
+      width: "sm",
       direction: props.direction,
-      items: [
-        { label: `10 / ${props.texts?.page}`, value: 10 },
-        { label: `20 / ${props.texts?.page}`, value: 20 },
-        { label: `30 / ${props.texts?.page}`, value: 30 },
-        { label: `40 / ${props.texts?.page}`, value: 40 },
-        { label: `50 / ${props.texts?.page}`, value: 50 }
+      items: itemsPerPageOptions || [
+        { label: `10 / ${pageText}`, value: 10 },
+        { label: `20 / ${pageText}`, value: 20 },
+        { label: `30 / ${pageText}`, value: 30 },
+        { label: `40 / ${pageText}`, value: 40 },
+        { label: `50 / ${pageText}`, value: 50 }
       ],
       trigger: /* @__PURE__ */ React38.createElement(
         Button,
@@ -4868,6 +4870,7 @@ var DataTable = ({
   ), /* @__PURE__ */ React38.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React38.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React38.createElement("div", null, props.texts?.page), /* @__PURE__ */ React38.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React38.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React38.createElement("span", null, props.texts?.of), /* @__PURE__ */ React38.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React38.createElement(
     Button,
     {
+      "aria-label": "Previous Table Page",
       variant: "outline",
       size: "smallIcon",
       onClick: () => table.previousPage(),
@@ -4896,6 +4899,7 @@ var DataTable = ({
   ), /* @__PURE__ */ React38.createElement(
     Button,
     {
+      "aria-label": "Next Table Page",
       variant: "outline",
       size: "smallIcon",
       onClick: () => table.nextPage(),
@@ -4906,12 +4910,12 @@ var DataTable = ({
       "svg",
       {
         "aria-label": "Chevron Right Icon",
-        stroke: "currentColor",
         fill: "currentColor",
-        strokeWidth: "0",
-        viewBox: "0 0 16 16",
+        stroke: "currentColor",
+        width: "1em",
         height: "1em",
-        width: "1em"
+        strokeWidth: "0",
+        viewBox: "0 0 16 16"
       },
       /* @__PURE__ */ React38.createElement(
         "path",
@@ -7313,8 +7317,8 @@ var RegisterForm = ({ texts, ...props }) => {
               Input,
               {
                 width: "full",
-                label: texts?.fullNameLabel,
-                placeholder: texts?.fullNamePlaceholder,
+                label: texts?.fullName?.label,
+                placeholder: texts?.fullName?.placeholder,
                 helperText: formState.errors.fullName?.message,
                 ...field
               }
@@ -7649,19 +7653,19 @@ import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
 var NewPasswordForm = ({ texts, ...props }) => {
   const formSchema = z3.object({
-    password: z3.string({ required_error: texts?.passwordRequired }).min(1, { message: texts?.passwordRequired }).min(8, { message: texts?.passwordTooShort }),
-    confirm_password: z3.string({ required_error: texts?.confirmPasswordRequired }).refine((value) => value !== "", {
-      message: texts?.passwordRequired
+    password: z3.string({ required_error: texts?.password?.required }).min(1, { message: texts?.password?.required }).min(8, { message: texts?.password?.tooShort }),
+    confirm_password: z3.string({ required_error: texts?.confirm?.required }).refine((value) => value !== "", {
+      message: texts?.password?.required
     })
   }).refine((data) => data.password === data.confirm_password, {
-    message: "Passwords don't match",
+    message: texts?.confirm?.dontMatch,
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = useForm3({
     resolver: zodResolver3(formSchema)
   });
   const [matchError, setMatchError] = useState24(false);
-  return /* @__PURE__ */ React66.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React66.createElement(Alert, { text: texts?.passwordMatchError, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React66.createElement(CardContent, { headless: true }, /* @__PURE__ */ React66.createElement("div", { className: "hawa-text-center" }, texts?.passwordChanged)) : /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React66.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React66.createElement(Alert, { text: texts?.confirm?.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React66.createElement(CardContent, { headless: true }, /* @__PURE__ */ React66.createElement("div", { className: "hawa-text-center" }, texts?.passwordChanged)) : /* @__PURE__ */ React66.createElement(
     "form",
     {
       noValidate: true,
@@ -7693,8 +7697,8 @@ var NewPasswordForm = ({ texts, ...props }) => {
               width: "full",
               type: "password",
               autoComplete: "new-password",
-              label: texts?.passwordLabel,
-              placeholder: texts?.passwordPlaceholder,
+              label: texts?.password?.label,
+              placeholder: texts?.password?.placeholder,
               helperText: formState.errors.password?.message,
               ...field
             }
@@ -7712,8 +7716,8 @@ var NewPasswordForm = ({ texts, ...props }) => {
               width: "full",
               type: "password",
               autoComplete: "new-password",
-              label: texts?.confirmPasswordLabel,
-              placeholder: texts?.confirmPasswordPlaceholder,
+              label: texts?.confirm?.label,
+              placeholder: texts?.confirm?.placeholder,
               helperText: formState.errors.confirm_password?.message,
               ...field
             }
@@ -7739,7 +7743,7 @@ import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = (props) => {
   const formSchema = z4.object({
-    email: z4.string({ required_error: props.texts?.emailRequired }).email({ message: props.texts?.emailInvalid }).min(1, { message: props.texts?.emailRequired })
+    email: z4.string({ required_error: props.texts?.email?.required }).email({ message: props.texts?.email?.invalid }).min(1, { message: props.texts?.email?.required })
   });
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
@@ -7765,9 +7769,9 @@ var ResetPasswordForm = (props) => {
           Input,
           {
             width: "full",
-            label: props.texts?.emailLabel,
+            label: props.texts?.email?.label,
             helperText: formState.errors.email?.message,
-            placeholder: props.texts?.emailPlaceholder,
+            placeholder: props.texts?.email?.placeholder,
             ...field
           }
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.11.17-next",
+  "version": "0.11.19-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {