@licklist/design 0.78.5-dev.93 → 0.78.5-dev.94

package/dist/v2/navigation/DashboardLayout/DashboardFooter.js

@@ -1,9 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
+import { useTranslation } from 'react-i18next';
 import './DashboardFooter.scss.js';
 
 var DashboardFooter = function(param) {
     var version = param.version;
+    var t = useTranslation([
+        'Design'
+    ]).t;
     var currentYear = new Date().getFullYear();
     return /*#__PURE__*/ jsx("footer", {
         className: "dashboard-footer",
@@ -13,18 +17,17 @@ var DashboardFooter = function(param) {
                 /*#__PURE__*/ jsxs("div", {
                     className: "dashboard-footer__version",
                     children: [
-                        "Version: ",
+                        t('versionLabel'),
                         /*#__PURE__*/ jsx("span", {
                             children: version
                         })
                     ]
                 }),
-                /*#__PURE__*/ jsxs("div", {
+                /*#__PURE__*/ jsx("div", {
                     className: "dashboard-footer__copyright",
-                    children: [
-                        "\xa9 Booked it ",
-                        currentYear
-                    ]
+                    children: t('copyright', {
+                        year: currentYear
+                    })
                 })
             ]
         })

package/dist/v2/navigation/SidebarUserElement/SidebarUserElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarUserElement.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/SidebarUserElement/SidebarUserElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,2BAA2B,CAAA;AAyBlC,MAAM,WAAW,uBAAuB;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0EhE,CAAA"}
+{"version":3,"file":"SidebarUserElement.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/SidebarUserElement/SidebarUserElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,2BAA2B,CAAA;AAyBlC,MAAM,WAAW,uBAAuB;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2EhE,CAAA"}

package/dist/v2/pages/RoleSelection/RoleSelectionPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RoleSelectionPage.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/RoleSelection/RoleSelectionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,0BAA0B,CAAA;AAIjC,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6F9D,CAAA"}
+{"version":3,"file":"RoleSelectionPage.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/RoleSelection/RoleSelectionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,0BAA0B,CAAA;AAIjC,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8F9D,CAAA"}

package/dist/v2/pages/Settings/components/SidebarCustomisation.js

@@ -12,6 +12,7 @@ import '../../../components/NewTable/NewTable.scss.js';
 import '../../../components/ActionMenu/ActionMenu.scss.js';
 import '../../../shadcn/components/ui/checkbox.js';
 import '../../../components/DataTable/DataTable.scss.js';
+import 'react-i18next';
 import '../../../components/TableControls/TableControls.scss.js';
 import '../../../components/EmptyState/EmptyState.scss.js';
 import '../../../components/Tabs/Tabs.scss.js';

package/dist/v2/pages/Settings/components/SidebarNavItem.js

@@ -9,6 +9,7 @@ import '../../../components/NewTable/NewTable.scss.js';
 import '../../../components/ActionMenu/ActionMenu.scss.js';
 import '../../../shadcn/components/ui/checkbox.js';
 import '../../../components/DataTable/DataTable.scss.js';
+import 'react-i18next';
 import '../../../components/TableControls/TableControls.scss.js';
 import '../../../components/EmptyState/EmptyState.scss.js';
 import '../../../components/Tabs/Tabs.scss.js';

package/dist/v2/pages/UserDetails/UserDetailsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserDetailsPage.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/UserDetails/UserDetailsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,wBAAwB,CAAA;AAI/B,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAA;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,8IAA8I;IAC9I,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAeD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuJ1D,CAAA"}
+{"version":3,"file":"UserDetailsPage.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/UserDetails/UserDetailsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,wBAAwB,CAAA;AAI/B,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAA;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,8IAA8I;IAC9I,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAeD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwJ1D,CAAA"}

package/dist/v2/pages/auth/AuthLayout/AuthLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../../../src/v2/pages/auth/AuthLayout/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,mBAAmB,CAAA;AAM1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ChD,CAAA"}
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../../../src/v2/pages/auth/AuthLayout/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,mBAAmB,CAAA;AAM1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ChD,CAAA"}

package/dist/v2/pages/auth/AuthLayout/AuthLayout.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 import './AuthLayout.scss.js';
 import { DashboardFooter } from '../../../navigation/DashboardLayout/DashboardFooter.js';
 import { AuthBgDecorationIcon, BookedLogo } from '../../../icons/index.js';
@@ -54,6 +55,9 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var AuthLayout = function(param) {
     var badgeLabel = param.badgeLabel, icon = param.icon, title = param.title, subtitle = param.subtitle, children = param.children, version = param.version, error = param.error, successMessage = param.successMessage;
+    var t = useTranslation([
+        'Design'
+    ]).t;
     var _useState = _sliced_to_array(useState(false), 2), dismissed = _useState[0], setDismissed = _useState[1];
     useEffect(function() {
         setDismissed(false);
@@ -69,7 +73,7 @@ var AuthLayout = function(param) {
             /*#__PURE__*/ jsx(AuthBgDecorationIcon, {}),
             showError && /*#__PURE__*/ jsx(Alert, {
                 variant: "error",
-                title: "Error",
+                title: t('errorTitle'),
                 message: error,
                 className: "auth-layout__alert",
                 onDismiss: function() {
@@ -78,7 +82,7 @@ var AuthLayout = function(param) {
             }),
             showSuccess && /*#__PURE__*/ jsx(Alert, {
                 variant: "success",
-                title: "Success",
+                title: t('successTitle'),
                 message: successMessage,
                 className: "auth-layout__alert",
                 onDismiss: function() {

package/dist/v2/shadcn/_reference/auth/CreatePasswordPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePasswordPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/CreatePasswordPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAavC,CAAC"}
+{"version":3,"file":"CreatePasswordPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/CreatePasswordPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAcvC,CAAC"}

package/dist/v2/shadcn/_reference/auth/LoginForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAoL7B,CAAC"}
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/LoginForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EA0L7B,CAAC"}

package/dist/v2/shadcn/_reference/auth/LoginPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/LoginPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA+B9B,CAAC"}
+{"version":3,"file":"LoginPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/LoginPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAgC9B,CAAC"}

package/dist/v2/shadcn/_reference/auth/ResetPasswordForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordForm.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/ResetPasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA2FrC,CAAC"}
+{"version":3,"file":"ResetPasswordForm.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/ResetPasswordForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA4FrC,CAAC"}

package/dist/v2/shadcn/_reference/auth/ResetPasswordPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/ResetPasswordPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAatC,CAAC"}
+{"version":3,"file":"ResetPasswordPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/ResetPasswordPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EActC,CAAC"}

package/dist/v2/shadcn/_reference/auth/VerifyEmailForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailForm.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/VerifyEmailForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAqFnC,CAAC"}
+{"version":3,"file":"VerifyEmailForm.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/VerifyEmailForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAsFnC,CAAC"}

package/dist/v2/shadcn/_reference/auth/VerifyEmailPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/VerifyEmailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAapC,CAAC"}
+{"version":3,"file":"VerifyEmailPanel.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/auth/VerifyEmailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAcpC,CAAC"}

package/dist/v2/shadcn/_reference/email/EmailAttachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailAttachment.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/email/EmailAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC3C;AAQD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6FnD,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,eAAe,eAAe,CAAC"}
+{"version":3,"file":"EmailAttachment.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/email/EmailAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC3C;AAQD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8FnD,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,eAAe,eAAe,CAAC"}

package/dist/v2/shadcn/_reference/shared/ConfirmationDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/shared/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsGzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/_reference/shared/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAiBnD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuGzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.5-dev.93",
+  "version": "0.78.5-dev.94",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -42,7 +42,7 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.36.1-dev.42",
+    "@licklist/core": "0.36.1-dev.43",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.36.4-dev.15",
     "clsx": "2.1.1",

package/src/v2/components/AvatarUpload/AvatarUpload.tsx

@@ -1,4 +1,5 @@
 import React, { useRef } from 'react'
+import { useTranslation } from 'react-i18next'
 import './AvatarUpload.scss'
 import { UploadIcon } from '../../icons'
 
@@ -19,6 +20,7 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
   description,
   className = '',
 }) => {
+  const { t } = useTranslation(['Design'])
   const inputRef = useRef<HTMLInputElement>(null)
 
   const handleCircleClick = () => {
@@ -41,7 +43,7 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
         onClick={handleCircleClick}
       >
         {preview ? (
-          <img className="avatar-upload__image" src={preview} alt="Avatar preview" />
+          <img className="avatar-upload__image" src={preview} alt={t('avatarPreview')} />
         ) : (
           <span className="avatar-upload__upload-icon">
             <UploadIcon />
@@ -62,11 +64,11 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
         {description && <span className="avatar-upload__description">{description}</span>}
         {preview ? (
           <button type="button" className="avatar-upload__remove" onClick={onDelete}>
-            Remove
+            {t('remove')}
           </button>
         ) : (
           <button type="button" className="avatar-upload__upload-btn" onClick={handleCircleClick}>
-            Upload
+            {t('upload')}
           </button>
         )}
       </div>

package/src/v2/components/Customer/CustomersList.scss

@@ -458,12 +458,11 @@
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       padding: 0;
+      scrollbar-width: none;
 
       &::-webkit-scrollbar {
         display: none;
       }
-
-      scrollbar-width: none;
     }
 
     &__tab {
@@ -608,13 +607,6 @@
             "next last"
             "divider divider"
             "status actions";
-
-          :is(.waivers-page--compact) & {
-            grid-template-areas:
-              "customer customer"
-              "divider divider"
-              "status actions";
-          }
           border: 1px solid var(--border-primary, #E8E9EF);
           border-radius: 12px;
           margin-bottom: 16px;
@@ -624,6 +616,13 @@
           position: relative;
           overflow: visible;
 
+          :is(.waivers-page--compact) & {
+            grid-template-areas:
+              "customer customer"
+              "divider divider"
+              "status actions";
+          }
+
           &::after {
             content: "";
             grid-area: divider;

package/src/v2/components/IconButton/IconButton.scss

@@ -5,8 +5,8 @@
   gap: var(--spacing-sm, 8px);
   padding: 0 16px 0 12px;
   height: 36px;
-  background: transparent;
-  border: 1px solid var(--border-primary);
+  background: var(--surface-action-soft);
+  border: none;
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -18,33 +18,33 @@
   }
 
   &:hover {
-    background: var(--surface-secondary);
-    color: var(--label-primary);
+    background: var(--surface-action-soft-hover, color-mix(in srgb, var(--surface-action-soft) 85%, var(--label-action)));
 
     .icon-button__icon {
-      color: var(--label-primary);
+      color: var(--label-action);
     }
 
     .icon-button__label {
-      color: var(--label-primary);
+      color: var(--label-action);
     }
   }
 
   &:active {
-    background: var(--surface-tertiary);
+    background: var(--surface-action-soft);
+    opacity: 0.8;
   }
 
   &__icon {
     display: flex;
     align-items: center;
-    color: var(--label-primary);
+    color: var(--label-action);
   }
 
   &__label {
     font-size: 13px;
     font-weight: 500;
     line-height: 16px;
-    color: var(--label-primary);
+    color: var(--label-action);
   }
 }
 

package/src/v2/components/Modal/DeleteModal.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import {
   Dialog,
   DialogContent,
@@ -33,6 +34,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
   confirmationPlaceholder,
   isDeleting = false,
 }) => {
+  const { t } = useTranslation(['Design'])
   const [inputValue, setInputValue] = useState('')
 
   useEffect(() => {
@@ -70,7 +72,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
 
           <div className="delete-modal__confirmation">
             <p className="delete-modal__label">
-              Type <strong>{confirmationText}</strong> to confirm deletion
+              {t('typeWord')} <strong>{confirmationText}</strong> {t('toConfirmDeletion')}
             </p>
             <NewInput
               type="text"
@@ -89,7 +91,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
             onClick={handleConfirm}
             disabled={isConfirmDisabled}
           >
-            {isDeleting ? 'Deleting...' : 'Delete'}
+            {isDeleting ? t('deleting') : t('delete')}
           </button>
           <button
             type="button"
@@ -97,7 +99,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
             onClick={onClose}
             disabled={isDeleting}
           >
-            Cancel
+            {t('cancel')}
           </button>
         </DialogFooter>
       </DialogContent>

package/src/v2/components/StatusBadge/StatusBadge.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import './StatusBadge.scss'
 
 export type StatusBadgeStatus =
@@ -19,22 +20,26 @@ export interface StatusBadgeProps {
   label?: string
 }
 
-const STATUS_LABELS: Record<StatusBadgeStatus, string> = {
-  active: 'Active',
-  disabled: 'Disabled',
-  suspended: 'Suspended',
-  invited: 'Invited',
-  imported: 'Imported',
-  inactive: 'Inactive',
-  expired: 'Expired',
-  success: 'Success',
-  warning: 'Warning',
-  error: 'Error',
-  default: '',
-}
+export const StatusBadge: React.FC<StatusBadgeProps> = ({ status, label }) => {
+  const { t } = useTranslation(['Design'])
+
+  const STATUS_LABELS: Record<StatusBadgeStatus, string> = {
+    active: t('statusActive'),
+    disabled: t('statusDisabled'),
+    suspended: t('statusSuspended'),
+    invited: t('statusInvited'),
+    imported: t('statusImported'),
+    inactive: t('statusInactive'),
+    expired: t('statusExpired'),
+    success: t('statusSuccess'),
+    warning: t('statusWarning'),
+    error: t('statusError'),
+    default: '',
+  }
 
-export const StatusBadge: React.FC<StatusBadgeProps> = ({ status, label }) => (
-  <span className={`status-badge status-badge--${status}`}>
-    {label ?? STATUS_LABELS[status]}
-  </span>
-)
+  return (
+    <span className={`status-badge status-badge--${status}`}>
+      {label ?? STATUS_LABELS[status]}
+    </span>
+  )
+}

package/src/v2/components/TableControls/TableControls.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { Button } from '../Button'
 import { QuickFilter } from '../QuickFilter'
 import type { QuickFilterOption } from '../QuickFilter'
@@ -40,8 +41,9 @@ export const TableControls: React.FC<TableControlsProps> = ({
   searchConfig,
   filters,
   actions,
-  filterLabel = 'Quick Filters:',
+  filterLabel,
 }) => {
+  const { t } = useTranslation(['Design'])
   const filterOptions: QuickFilterOption[] = (filters ?? []).map((f) => ({
     label: f.label,
     value: f.value,
@@ -73,7 +75,7 @@ export const TableControls: React.FC<TableControlsProps> = ({
               <input
                 className="table-controls__search"
                 type="text"
-                placeholder={searchConfig.placeholder ?? 'Search…'}
+                placeholder={searchConfig.placeholder ?? t('searchPlaceholder')}
                 value={searchConfig.value}
                 onChange={(e) => searchConfig.onChange(e.target.value)}
               />
@@ -99,7 +101,7 @@ export const TableControls: React.FC<TableControlsProps> = ({
       {/* ── Quick filters row ── */}
       {filterOptions.length > 0 && (
         <QuickFilter
-          label={filterLabel}
+          label={filterLabel ?? t('quickFilters')}
           options={filterOptions}
           selectedValues={selectedFilterValues}
           onChange={handleFilterChange}

package/src/v2/components/UserPanel/UserPanel.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import './UserPanel.scss'
 import { UserAvatar } from '../UserAvatar'
 
@@ -48,6 +49,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
     onProfileClick,
     onLogoutClick,
 }) => {
+    const { t } = useTranslation(['Design'])
     const displayFirstName = firstName || userName?.split(' ')[0] || 'User'
     const displayInitials = initials || userName?.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2) || 'U'
 
@@ -75,7 +77,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                             size="md"
                         />
                         <div className="user-panel__user-details">
-                            <h2 className="user-panel__greeting">Hey {displayFirstName}</h2>
+                            <h2 className="user-panel__greeting">{t('greetingHey', { name: displayFirstName })}</h2>
                             {email && (
                                 <span className="user-panel__email">{email}</span>
                             )}
@@ -84,7 +86,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                     <button
                         onClick={onClose}
                         className="user-panel__close-btn"
-                        aria-label="Close user menu"
+                        aria-label={t('closeUserMenu')}
                     >
                         <CloseIcon />
                     </button>
@@ -97,7 +99,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                         className="user-panel__menu-item"
                     >
                         <UserIcon />
-                        <span>Profile</span>
+                        <span>{t('profile')}</span>
                     </button>
                 </div>
 
@@ -108,7 +110,7 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                         className="user-panel__menu-item"
                     >
                         <LogoutIcon />
-                        <span>Log out</span>
+                        <span>{t('logOutLower')}</span>
                     </button>
                 </div>
 
@@ -116,7 +118,9 @@ export const UserPanel: React.FC<UserPanelProps> = ({
                 <div className="user-panel__footer">
                     <div className="user-panel__user-badge">
                         <span>
-                            User: {userNumber ? String(userNumber).padStart(2, '0') : 'N/A'}{userRole ? ` - ${userRole}` : ''}
+                            {userRole
+                              ? t('userLabelWithRole', { id: userNumber ? String(userNumber).padStart(2, '0') : 'N/A', role: userRole })
+                              : t('userLabel', { id: userNumber ? String(userNumber).padStart(2, '0') : 'N/A' })}
                         </span>
                     </div>
                 </div>

package/src/v2/dashboard-analytics/blog-posts/Blog.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import './Blog.scss';
 
 interface BlogPost {
@@ -49,15 +50,16 @@ const ExternalLinkIcon = () => (
   </svg>
 );
 
-export const Blog: React.FC<BlogProps> = ({ 
-  posts = defaultPosts, 
+export const Blog: React.FC<BlogProps> = ({
+  posts = defaultPosts,
   logoUrl = 'https://api.builder.io/api/v1/image/assets/TEMP/1f8a6c2f7239cf2c859ace81bb32160a5d376121?placeholderIfAbsent=true',
   className = ''
 }) => {
+  const { t } = useTranslation(['Design']);
   return (
     <div className={`blog ${className}`}>
       <div className="blog__header">
-        <h2 className="blog__title">Latest Updates</h2>
+        <h2 className="blog__title">{t('latestUpdates')}</h2>
         <img 
           src={logoUrl} 
           alt="Logo" 
@@ -76,7 +78,7 @@ export const Blog: React.FC<BlogProps> = ({
               rel="noopener noreferrer"
               className="blog__post-link"
             >
-              Read more
+              {t('readMore')}
               <span className="blog__post-link-icon">
                 <ExternalLinkIcon />
               </span>

package/src/v2/dashboard-analytics/chart/Chart.scss

@@ -24,12 +24,12 @@
   }
 
   &--refreshing {
+    border-color: rgba(31, 154, 181, 0.3);
+
     .chart__wrapper {
       opacity: 0.95;
       transition: opacity 0.2s ease-in-out;
     }
-    
-    border-color: rgba(31, 154, 181, 0.3);
   }
 
   &[data-full-width="true"] {