npm - @intlayer/design-system - Versions diffs - 3.0.3 → 3.1.0 - Mend

@intlayer/design-system 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (482) hide show

package/dist/components/Auth/SignUpForm/SignUpSchema.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SignUpSchema.mjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpSchema.ts"],"sourcesContent":["// ~~eslint~~-~~disable~~-~~next-line~~ ~~@typescript-eslint/ban-ts-comment~~\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\nimport { z } from 'zod';\n\nexport const getSignUpSchema = () => {\n const requiredErrorEmail = t({\n en: 'Please enter your email address',\n fr: 'Veuillez saisir votre adresse e-mail',\n es: 'Por favor, ingrese su dirección de correo electrónico',\n });\n\n const invalidTypeErrorEmail = t({\n en: 'Please enter a valid email address',\n fr: 'Veuillez saisir une adresse e-mail valide',\n es: 'Por favor, ingrese una dirección de correo electrónico válida',\n });\n\n const requiredErrorPassword = t({\n en: 'Please enter your password',\n fr: 'Veuillez saisir votre mot de passe',\n es: 'Por favor, ingrese su contraseña',\n });\n\n const invalidTypeErrorPassword = t({\n en: 'Please enter a valid password',\n fr: 'Veuillez saisir un mot de passe valide',\n es: 'Por favor, ingrese una contraseña válida',\n });\n\n const requiredErrorPasswordConfirmation = t({\n en: 'Please enter your password again',\n fr: 'Veuillez saisir votre mot de passe à nouveau',\n es: 'Por favor, ingrese su contraseña nuevamente',\n });\n\n const invalidTypeErrorPasswordConfirmation = t({\n en: 'Please enter a valid password',\n fr: 'Veuillez saisir un mot de passe valide',\n es: 'Por favor, ingrese una contraseña válida',\n });\n\n const passwordNotMatchError = t({\n en: 'Password and password confirmation must match',\n fr: 'Le mot de passe et la confirmation de mot de passe doivent correspondre',\n es: 'La contraseña y la confirmación de la contraseña deben coincidir',\n });\n\n return z\n .object({\n email: z\n .string({\n required_error: requiredErrorEmail,\n invalid_type_error: invalidTypeErrorEmail,\n })\n .min(1, { message: invalidTypeErrorEmail })\n .email({ message: invalidTypeErrorEmail }),\n password: z\n .string({\n required_error: requiredErrorPassword,\n invalid_type_error: invalidTypeErrorPassword,\n })\n .min(8, { message: invalidTypeErrorPassword }),\n passwordConfirmation: z\n .string({\n required_error: requiredErrorPasswordConfirmation,\n invalid_type_error: invalidTypeErrorPasswordConfirmation,\n })\n .min(8, { message: invalidTypeErrorPasswordConfirmation }),\n })\n .refine((data) => data.password === data.passwordConfirmation, {\n message: passwordNotMatchError,\n path: ['passwordConfirmation'], // This specifies which field the error should be associated with\n });\n};\n\nexport type SignUp = z.infer<ReturnType<typeof getSignUpSchema>>;\n"],"names":[],"mappings":";;AAKO,MAAM,kBAAkB,MAAM;AACnC,QAAM,qBAAqB,EAAE;AAAA,IAC3B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,2BAA2B,EAAE;AAAA,IACjC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,oCAAoC,EAAE;AAAA,IAC1C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,uCAAuC,EAAE;AAAA,IAC7C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,SAAO,EACJ,OAAO;AAAA,IACN,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,MAAM,EAAE,SAAS,uBAAuB;AAAA,IAC3C,UAAU,EACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,IAC/C,sBAAsB,EACnB,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,sCAAsC;AAAA,EAAA,CAC5D,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,sBAAsB;AAAA,IAC7D,SAAS;AAAA,IACT,MAAM,CAAC,sBAAsB;AAAA;AAAA,EAAA,CAC9B;AACL;"}
1	+ {"version":3,"file":"SignUpSchema.mjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpSchema.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\nimport { z } from 'zod';\n\nexport const getSignUpSchema = () => {\n const requiredErrorEmail = t({\n en: 'Please enter your email address',\n fr: 'Veuillez saisir votre adresse e-mail',\n es: 'Por favor, ingrese su dirección de correo electrónico',\n });\n\n const invalidTypeErrorEmail = t({\n en: 'Please enter a valid email address',\n fr: 'Veuillez saisir une adresse e-mail valide',\n es: 'Por favor, ingrese una dirección de correo electrónico válida',\n });\n\n const requiredErrorPassword = t({\n en: 'Please enter your password',\n fr: 'Veuillez saisir votre mot de passe',\n es: 'Por favor, ingrese su contraseña',\n });\n\n const invalidTypeErrorPassword = t({\n en: 'Please enter a valid password',\n fr: 'Veuillez saisir un mot de passe valide',\n es: 'Por favor, ingrese una contraseña válida',\n });\n\n const requiredErrorPasswordConfirmation = t({\n en: 'Please enter your password again',\n fr: 'Veuillez saisir votre mot de passe à nouveau',\n es: 'Por favor, ingrese su contraseña nuevamente',\n });\n\n const invalidTypeErrorPasswordConfirmation = t({\n en: 'Please enter a valid password',\n fr: 'Veuillez saisir un mot de passe valide',\n es: 'Por favor, ingrese una contraseña válida',\n });\n\n const passwordNotMatchError = t({\n en: 'Password and password confirmation must match',\n fr: 'Le mot de passe et la confirmation de mot de passe doivent correspondre',\n es: 'La contraseña y la confirmación de la contraseña deben coincidir',\n });\n\n return z\n .object({\n email: z\n .string({\n required_error: requiredErrorEmail,\n invalid_type_error: invalidTypeErrorEmail,\n })\n .min(1, { message: invalidTypeErrorEmail })\n .email({ message: invalidTypeErrorEmail }),\n password: z\n .string({\n required_error: requiredErrorPassword,\n invalid_type_error: invalidTypeErrorPassword,\n })\n .min(8, { message: invalidTypeErrorPassword }),\n passwordConfirmation: z\n .string({\n required_error: requiredErrorPasswordConfirmation,\n invalid_type_error: invalidTypeErrorPasswordConfirmation,\n })\n .min(8, { message: invalidTypeErrorPasswordConfirmation }),\n })\n .refine((data) => data.password === data.passwordConfirmation, {\n message: passwordNotMatchError,\n path: ['passwordConfirmation'], // This specifies which field the error should be associated with\n });\n};\n\nexport type SignUp = z.infer<ReturnType<typeof getSignUpSchema>>;\n"],"names":[],"mappings":";;AAKO,MAAM,kBAAkB,MAAM;AACnC,QAAM,qBAAqB,EAAE;AAAA,IAC3B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,2BAA2B,EAAE;AAAA,IACjC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,oCAAoC,EAAE;AAAA,IAC1C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,uCAAuC,EAAE;AAAA,IAC7C,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,SAAO,EACJ,OAAO;AAAA,IACN,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,MAAM,EAAE,SAAS,uBAAuB;AAAA,IAC3C,UAAU,EACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,0BAA0B;AAAA,IAC/C,sBAAsB,EACnB,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IACrB,CAAA,EACA,IAAI,GAAG,EAAE,SAAS,sCAAsC;AAAA,EAAA,CAC5D,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,sBAAsB;AAAA,IAC7D,SAAS;AAAA,IACT,MAAM,CAAC,sBAAsB;AAAA;AAAA,EAAA,CAC9B;AACL;"}

package/dist/components/Auth/SignUpForm/index.content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.content.cjs","sources":["../../../../src/components/Auth/SignUpForm/index.content.ts"],"sourcesContent":["// ~~eslint~~-~~disable~~-~~next-line~~ ~~@typescript-eslint/ban-ts-comment~~\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getSignUpContent = () => ({\n emailInput: {\n label: t({\n en: 'Email address',\n fr: 'Adresse e-mail',\n es: 'Dirección de correo electrónico',\n }),\n placeholder: t({\n en: 'Enter e-mail address',\n fr: 'Entrez votre adresse e-mail',\n es: 'Ingrese su dirección de correo electrónico',\n }),\n },\n passwordInput: {\n label: t({\n en: 'Password',\n fr: 'Mot de passe',\n es: 'Contraseña',\n }),\n placeholder: t({\n en: 'Enter password',\n fr: 'Entrez votre mot de passe',\n es: 'Ingrese su contraseña',\n }),\n },\n passwordConfirmationInput: {\n label: t({\n en: 'Password Confirmation',\n fr: 'Confirmation du mot de passe',\n es: 'Confirmación de contraseña',\n }),\n placeholder: t({\n en: 'Enter password again',\n fr: 'Entrez votre mot de passe à nouveau',\n es: 'Ingrese su contraseña nuevamente',\n }),\n },\n signUpButton: {\n text: t({\n en: 'Create account',\n fr: 'Créer un compte',\n es: 'Crear una cuenta',\n }),\n ariaLabel: t({\n en: 'Submit form to create account',\n fr: 'Soumettre le formulaire pour créer un compte',\n es: 'Enviar formulario para crear cuenta',\n }),\n },\n loginLink: {\n message: t({\n en: 'You already have an account?',\n fr: 'Vous avez déjà un compte ?',\n es: '¿Ya tienes una cuenta?',\n }),\n text: t({\n en: 'Log in',\n fr: 'Se connecter',\n es: 'Iniciar sesión',\n }),\n ariaLabel: t({\n en: 'Click to go to login page',\n fr: 'Cliquez pour aller à la page de connexion',\n es: 'Haz clic para ir a la página de inicio de sesión',\n }),\n },\n});\n"],"names":["t"],"mappings":";;;AAIO,MAAM,mBAAmB,OAAO;AAAA,EACrC,YAAY;AAAA,IACV,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,eAAe;AAAA,IACb,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,2BAA2B;AAAA,IACzB,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,cAAc;AAAA,IACZ,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,WAAW;AAAA,IACT,SAASA,cAAAA,EAAE;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AACF;;"}
1	+ {"version":3,"file":"index.content.cjs","sources":["../../../../src/components/Auth/SignUpForm/index.content.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getSignUpContent = () => ({\n emailInput: {\n label: t({\n en: 'Email address',\n fr: 'Adresse e-mail',\n es: 'Dirección de correo electrónico',\n }),\n placeholder: t({\n en: 'Enter e-mail address',\n fr: 'Entrez votre adresse e-mail',\n es: 'Ingrese su dirección de correo electrónico',\n }),\n },\n passwordInput: {\n label: t({\n en: 'Password',\n fr: 'Mot de passe',\n es: 'Contraseña',\n }),\n placeholder: t({\n en: 'Enter password',\n fr: 'Entrez votre mot de passe',\n es: 'Ingrese su contraseña',\n }),\n },\n passwordConfirmationInput: {\n label: t({\n en: 'Password Confirmation',\n fr: 'Confirmation du mot de passe',\n es: 'Confirmación de contraseña',\n }),\n placeholder: t({\n en: 'Enter password again',\n fr: 'Entrez votre mot de passe à nouveau',\n es: 'Ingrese su contraseña nuevamente',\n }),\n },\n signUpButton: {\n text: t({\n en: 'Create account',\n fr: 'Créer un compte',\n es: 'Crear una cuenta',\n }),\n ariaLabel: t({\n en: 'Submit form to create account',\n fr: 'Soumettre le formulaire pour créer un compte',\n es: 'Enviar formulario para crear cuenta',\n }),\n },\n loginLink: {\n message: t({\n en: 'You already have an account?',\n fr: 'Vous avez déjà un compte ?',\n es: '¿Ya tienes una cuenta?',\n }),\n text: t({\n en: 'Log in',\n fr: 'Se connecter',\n es: 'Iniciar sesión',\n }),\n ariaLabel: t({\n en: 'Click to go to login page',\n fr: 'Cliquez pour aller à la page de connexion',\n es: 'Haz clic para ir a la página de inicio de sesión',\n }),\n },\n});\n"],"names":["t"],"mappings":";;;AAIO,MAAM,mBAAmB,OAAO;AAAA,EACrC,YAAY;AAAA,IACV,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,eAAe;AAAA,IACb,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,2BAA2B;AAAA,IACzB,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,cAAc;AAAA,IACZ,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,WAAW;AAAA,IACT,SAASA,cAAAA,EAAE;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AACF;;"}

package/dist/components/Auth/SignUpForm/index.content.d.ts CHANGED Viewed

@@ -1,24 +1,24 @@
 export declare const getSignUpContent: () => {
     emailInput: {
-        label: any;
-        placeholder: any;
+        label: string;
+        placeholder: string;
     };
     passwordInput: {
-        label: any;
-        placeholder: any;
+        label: string;
+        placeholder: string;
     };
     passwordConfirmationInput: {
-        label: any;
-        placeholder: any;
+        label: string;
+        placeholder: string;
     };
     signUpButton: {
-        text: any;
-        ariaLabel: any;
+        text: string;
+        ariaLabel: string;
     };
     loginLink: {
-        message: any;
-        text: any;
-        ariaLabel: any;
+        message: string;
+        text: string;
+        ariaLabel: string;
     };
 };
 //# sourceMappingURL=index.content.d.ts.map

package/dist/components/Auth/SignUpForm/index.content.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.content.mjs","sources":["../../../../src/components/Auth/SignUpForm/index.content.ts"],"sourcesContent":["// ~~eslint~~-~~disable~~-~~next-line~~ ~~@typescript-eslint/ban-ts-comment~~\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getSignUpContent = () => ({\n emailInput: {\n label: t({\n en: 'Email address',\n fr: 'Adresse e-mail',\n es: 'Dirección de correo electrónico',\n }),\n placeholder: t({\n en: 'Enter e-mail address',\n fr: 'Entrez votre adresse e-mail',\n es: 'Ingrese su dirección de correo electrónico',\n }),\n },\n passwordInput: {\n label: t({\n en: 'Password',\n fr: 'Mot de passe',\n es: 'Contraseña',\n }),\n placeholder: t({\n en: 'Enter password',\n fr: 'Entrez votre mot de passe',\n es: 'Ingrese su contraseña',\n }),\n },\n passwordConfirmationInput: {\n label: t({\n en: 'Password Confirmation',\n fr: 'Confirmation du mot de passe',\n es: 'Confirmación de contraseña',\n }),\n placeholder: t({\n en: 'Enter password again',\n fr: 'Entrez votre mot de passe à nouveau',\n es: 'Ingrese su contraseña nuevamente',\n }),\n },\n signUpButton: {\n text: t({\n en: 'Create account',\n fr: 'Créer un compte',\n es: 'Crear una cuenta',\n }),\n ariaLabel: t({\n en: 'Submit form to create account',\n fr: 'Soumettre le formulaire pour créer un compte',\n es: 'Enviar formulario para crear cuenta',\n }),\n },\n loginLink: {\n message: t({\n en: 'You already have an account?',\n fr: 'Vous avez déjà un compte ?',\n es: '¿Ya tienes una cuenta?',\n }),\n text: t({\n en: 'Log in',\n fr: 'Se connecter',\n es: 'Iniciar sesión',\n }),\n ariaLabel: t({\n en: 'Click to go to login page',\n fr: 'Cliquez pour aller à la page de connexion',\n es: 'Haz clic para ir a la página de inicio de sesión',\n }),\n },\n});\n"],"names":[],"mappings":";AAIO,MAAM,mBAAmB,OAAO;AAAA,EACrC,YAAY;AAAA,IACV,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,eAAe;AAAA,IACb,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,2BAA2B;AAAA,IACzB,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,cAAc;AAAA,IACZ,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,WAAW;AAAA,IACT,SAAS,EAAE;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AACF;"}
1	+ {"version":3,"file":"index.content.mjs","sources":["../../../../src/components/Auth/SignUpForm/index.content.ts"],"sourcesContent":["// @ts-ignore react-intlayer not build yet\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getSignUpContent = () => ({\n emailInput: {\n label: t({\n en: 'Email address',\n fr: 'Adresse e-mail',\n es: 'Dirección de correo electrónico',\n }),\n placeholder: t({\n en: 'Enter e-mail address',\n fr: 'Entrez votre adresse e-mail',\n es: 'Ingrese su dirección de correo electrónico',\n }),\n },\n passwordInput: {\n label: t({\n en: 'Password',\n fr: 'Mot de passe',\n es: 'Contraseña',\n }),\n placeholder: t({\n en: 'Enter password',\n fr: 'Entrez votre mot de passe',\n es: 'Ingrese su contraseña',\n }),\n },\n passwordConfirmationInput: {\n label: t({\n en: 'Password Confirmation',\n fr: 'Confirmation du mot de passe',\n es: 'Confirmación de contraseña',\n }),\n placeholder: t({\n en: 'Enter password again',\n fr: 'Entrez votre mot de passe à nouveau',\n es: 'Ingrese su contraseña nuevamente',\n }),\n },\n signUpButton: {\n text: t({\n en: 'Create account',\n fr: 'Créer un compte',\n es: 'Crear una cuenta',\n }),\n ariaLabel: t({\n en: 'Submit form to create account',\n fr: 'Soumettre le formulaire pour créer un compte',\n es: 'Enviar formulario para crear cuenta',\n }),\n },\n loginLink: {\n message: t({\n en: 'You already have an account?',\n fr: 'Vous avez déjà un compte ?',\n es: '¿Ya tienes una cuenta?',\n }),\n text: t({\n en: 'Log in',\n fr: 'Se connecter',\n es: 'Iniciar sesión',\n }),\n ariaLabel: t({\n en: 'Click to go to login page',\n fr: 'Cliquez pour aller à la page de connexion',\n es: 'Haz clic para ir a la página de inicio de sesión',\n }),\n },\n});\n"],"names":[],"mappings":";AAIO,MAAM,mBAAmB,OAAO;AAAA,EACrC,YAAY;AAAA,IACV,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,eAAe;AAAA,IACb,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,2BAA2B;AAAA,IACzB,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,cAAc;AAAA,IACZ,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,WAAW;AAAA,IACT,SAAS,EAAE;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AACF;"}

package/dist/components/Avatar/index.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { ComponentProps, FC } from 'react';
 export type AvatarProps = ComponentProps<'button'> & {
     src?: string;
     fullname?: string;

package/dist/components/Badge/index.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes } from 'react';
 export declare const badgeVariants: (props?: ({
-    color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom" | null | undefined;
+    color?: "text" | "dark" | "light" | "primary" | "secondary" | "destructive" | "neutral" | "custom" | null | undefined;
     variant?: "default" | "none" | "outline" | "hoverable" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;

package/dist/components/Breadcrumb/index.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC } from 'react';
 type DetailedBreadcrumbLink = {
     href?: string;
     text: string;

package/dist/components/Button/Button.cjs CHANGED Viewed

@@ -102,6 +102,7 @@ const Button = require$$0.forwardRef(
         ref,
         disabled: isLoading ?? disabled,
         "aria-current": isActive,
+        "aria-selected": isActive,
         "aria-label": label,
         "aria-busy": isLoading,
         role: isLink ? "link" : void 0,

package/dist/components/Button/Button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n forwardRef,\n type ButtonHTMLAttributes,\n type DetailedHTMLProps,\n type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n variants: {\n size: {\n sm: 'w-4',\n md: 'w-6',\n lg: 'w-7',\n xl: 'w-9',\n 'icon-sm': 'size-6 p-1',\n 'icon-md': 'size-7 p-1',\n 'icon-lg': 'size-9 p-1',\n 'icon-xl': 'size-10 p-1',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nconst buttonVariants = cva(\n 'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n {\n variants: {\n size: {\n sm: 'min-h-8 px-3 text-xs',\n md: 'min-h-9 px-6 text-base',\n lg: 'min-h-10 px-8 text-lg',\n xl: 'min-h-11 px-10 text-xl',\n 'icon-sm': 'p-0',\n 'icon-md': 'p-0',\n 'icon-lg': 'p-0',\n 'icon-xl': 'p-0',\n },\n variant: {\n default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n outline:\n 'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n 'invisible-link':\n 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n hoverable:\n 'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n },\n color: {\n primary:\n 'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n secondary:\n 'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n destructive:\n 'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n neutral:\n 'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n light: 'border-white bg-white text-white hover:bg-neutral-500',\n dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n 'text-inverse':\n 'border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80',\n error:\n 'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n success:\n 'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n custom: '',\n },\n\n textAlign: {\n left: 'text-left',\n center: 'text-center',\n right: 'text-right',\n },\n\n isFullWidth: {\n true: 'w-full',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n color: 'primary',\n textAlign: 'center',\n isFullWidth: false,\n },\n }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n> &\n VariantProps<typeof buttonVariants> & {\n /*\n Optional icon to be displayed on the button\n */\n label: string;\n Icon?: FC \| LucideIcon;\n IconRight?: FC \| LucideIcon;\n iconClassName?: string;\n isLoading?: boolean;\n isActive?: boolean;\n isDisabled?: boolean;\n isFullWidth?: boolean;\n };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n variant = 'default',\n size = 'sm',\n color = 'primary',\n children,\n Icon,\n IconRight,\n iconClassName,\n isLoading = false,\n isActive,\n isFullWidth = false,\n textAlign = IconRight ? 'left' : 'center',\n disabled,\n label,\n className,\n type = 'button',\n ...props\n },\n ref\n ) => {\n const isLink = variant === 'link' \|\| variant === 'invisible-link';\n\n return (\n <button\n ref={ref}\n disabled={isLoading ?? disabled}\n aria-current={isActive}\n aria-label={label}\n aria-busy={isLoading}\n role={isLink ? 'link' : undefined}\n type={type}\n className={buttonVariants({\n variant,\n size,\n color,\n isFullWidth,\n textAlign,\n className,\n })}\n {...props}\n >\n {Icon && !isLoading && (\n <Icon\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n />\n )}\n\n <Loader\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n isLoading={isLoading}\n />\n\n {typeof children !== 'undefined' && (\n <div className=\"flex-1\">{children}</div>\n )}\n\n {IconRight && (\n <IconRight\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n ''\n )}\n />\n )}\n </button>\n );\n }\n);\n\nButton.displayName = 'Button';\n"],"names":["cva","forwardRef","jsxs","jsx","cn","Loader"],"mappings":"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"}
1	+ {"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n forwardRef,\n type ButtonHTMLAttributes,\n type DetailedHTMLProps,\n type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n variants: {\n size: {\n sm: 'w-4',\n md: 'w-6',\n lg: 'w-7',\n xl: 'w-9',\n 'icon-sm': 'size-6 p-1',\n 'icon-md': 'size-7 p-1',\n 'icon-lg': 'size-9 p-1',\n 'icon-xl': 'size-10 p-1',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nconst buttonVariants = cva(\n 'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n {\n variants: {\n size: {\n sm: 'min-h-8 px-3 text-xs',\n md: 'min-h-9 px-6 text-base',\n lg: 'min-h-10 px-8 text-lg',\n xl: 'min-h-11 px-10 text-xl',\n 'icon-sm': 'p-0',\n 'icon-md': 'p-0',\n 'icon-lg': 'p-0',\n 'icon-xl': 'p-0',\n },\n variant: {\n default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n outline:\n 'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n 'invisible-link':\n 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n hoverable:\n 'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n },\n color: {\n primary:\n 'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n secondary:\n 'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n destructive:\n 'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n neutral:\n 'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n light: 'border-white bg-white text-white hover:bg-neutral-500',\n dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n 'text-inverse':\n 'border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80',\n error:\n 'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n success:\n 'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n custom: '',\n },\n\n textAlign: {\n left: 'text-left',\n center: 'text-center',\n right: 'text-right',\n },\n\n isFullWidth: {\n true: 'w-full',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n color: 'primary',\n textAlign: 'center',\n isFullWidth: false,\n },\n }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n> &\n VariantProps<typeof buttonVariants> & {\n /*\n Optional icon to be displayed on the button\n */\n label: string;\n Icon?: FC \| LucideIcon;\n IconRight?: FC \| LucideIcon;\n iconClassName?: string;\n isLoading?: boolean;\n isActive?: boolean;\n isDisabled?: boolean;\n isFullWidth?: boolean;\n };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n variant = 'default',\n size = 'sm',\n color = 'primary',\n children,\n Icon,\n IconRight,\n iconClassName,\n isLoading = false,\n isActive,\n isFullWidth = false,\n textAlign = IconRight ? 'left' : 'center',\n disabled,\n label,\n className,\n type = 'button',\n ...props\n },\n ref\n ) => {\n const isLink = variant === 'link' \|\| variant === 'invisible-link';\n\n return (\n <button\n ref={ref}\n disabled={isLoading ?? disabled}\n aria-current={isActive}\n aria-selected={isActive}\n aria-label={label}\n aria-busy={isLoading}\n role={isLink ? 'link' : undefined}\n type={type}\n className={buttonVariants({\n variant,\n size,\n color,\n isFullWidth,\n textAlign,\n className,\n })}\n {...props}\n >\n {Icon && !isLoading && (\n <Icon\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n />\n )}\n\n <Loader\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n isLoading={isLoading}\n />\n\n {typeof children !== 'undefined' && (\n <div className=\"flex-1\">{children}</div>\n )}\n\n {IconRight && (\n <IconRight\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n ''\n )}\n />\n )}\n </button>\n );\n }\n);\n\nButton.displayName = 'Button';\n"],"names":["cva","forwardRef","jsxs","jsx","cn","Loader"],"mappings":"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"}

package/dist/components/Button/Button.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import { LucideIcon } from 'lucide-react';
 import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from 'react';
 declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
     variant?: "default" | "link" | "none" | "outline" | "invisible-link" | "hoverable" | null | undefined;
-    color?: "error" | "success" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "custom" | null | undefined;
-    textAlign?: "left" | "right" | "center" | null | undefined;
+    color?: "success" | "error" | "text" | "dark" | "light" | "primary" | "secondary" | "destructive" | "neutral" | "text-inverse" | "custom" | null | undefined;
+    textAlign?: "left" | "center" | "right" | null | undefined;
     isFullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof buttonVariants> & {

package/dist/components/Button/Button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAsBf,QAAA,MAAM,cAAc;;;;;;8EAiEnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,iBAAiB,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,MAAM,~~wHA2ElB~~,CAAC"}
1	+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAsBf,QAAA,MAAM,cAAc;;;;;;8EAiEnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,iBAAiB,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,MAAM,wHA4ElB,CAAC"}

package/dist/components/Button/Button.mjs CHANGED Viewed

@@ -100,6 +100,7 @@ const Button = forwardRef(
         ref,
         disabled: isLoading ?? disabled,
         "aria-current": isActive,
+        "aria-selected": isActive,
         "aria-label": label,
         "aria-busy": isLoading,
         role: isLink ? "link" : void 0,

package/dist/components/Button/Button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n forwardRef,\n type ButtonHTMLAttributes,\n type DetailedHTMLProps,\n type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n variants: {\n size: {\n sm: 'w-4',\n md: 'w-6',\n lg: 'w-7',\n xl: 'w-9',\n 'icon-sm': 'size-6 p-1',\n 'icon-md': 'size-7 p-1',\n 'icon-lg': 'size-9 p-1',\n 'icon-xl': 'size-10 p-1',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nconst buttonVariants = cva(\n 'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n {\n variants: {\n size: {\n sm: 'min-h-8 px-3 text-xs',\n md: 'min-h-9 px-6 text-base',\n lg: 'min-h-10 px-8 text-lg',\n xl: 'min-h-11 px-10 text-xl',\n 'icon-sm': 'p-0',\n 'icon-md': 'p-0',\n 'icon-lg': 'p-0',\n 'icon-xl': 'p-0',\n },\n variant: {\n default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n outline:\n 'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n 'invisible-link':\n 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n hoverable:\n 'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n },\n color: {\n primary:\n 'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n secondary:\n 'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n destructive:\n 'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n neutral:\n 'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n light: 'border-white bg-white text-white hover:bg-neutral-500',\n dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n 'text-inverse':\n 'border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80',\n error:\n 'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n success:\n 'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n custom: '',\n },\n\n textAlign: {\n left: 'text-left',\n center: 'text-center',\n right: 'text-right',\n },\n\n isFullWidth: {\n true: 'w-full',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n color: 'primary',\n textAlign: 'center',\n isFullWidth: false,\n },\n }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n> &\n VariantProps<typeof buttonVariants> & {\n /*\n Optional icon to be displayed on the button\n */\n label: string;\n Icon?: FC \| LucideIcon;\n IconRight?: FC \| LucideIcon;\n iconClassName?: string;\n isLoading?: boolean;\n isActive?: boolean;\n isDisabled?: boolean;\n isFullWidth?: boolean;\n };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n variant = 'default',\n size = 'sm',\n color = 'primary',\n children,\n Icon,\n IconRight,\n iconClassName,\n isLoading = false,\n isActive,\n isFullWidth = false,\n textAlign = IconRight ? 'left' : 'center',\n disabled,\n label,\n className,\n type = 'button',\n ...props\n },\n ref\n ) => {\n const isLink = variant === 'link' \|\| variant === 'invisible-link';\n\n return (\n <button\n ref={ref}\n disabled={isLoading ?? disabled}\n aria-current={isActive}\n aria-label={label}\n aria-busy={isLoading}\n role={isLink ? 'link' : undefined}\n type={type}\n className={buttonVariants({\n variant,\n size,\n color,\n isFullWidth,\n textAlign,\n className,\n })}\n {...props}\n >\n {Icon && !isLoading && (\n <Icon\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n />\n )}\n\n <Loader\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n isLoading={isLoading}\n />\n\n {typeof children !== 'undefined' && (\n <div className=\"flex-1\">{children}</div>\n )}\n\n {IconRight && (\n <IconRight\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n ''\n )}\n />\n )}\n </button>\n );\n }\n);\n\nButton.displayName = 'Button';\n"],"names":["jsxs","jsx"],"mappings":"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"}
1	+ {"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n forwardRef,\n type ButtonHTMLAttributes,\n type DetailedHTMLProps,\n type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst buttonIconVariants = cva('size-4', {\n variants: {\n size: {\n sm: 'w-4',\n md: 'w-6',\n lg: 'w-7',\n xl: 'w-9',\n 'icon-sm': 'size-6 p-1',\n 'icon-md': 'size-7 p-1',\n 'icon-lg': 'size-9 p-1',\n 'icon-xl': 'size-10 p-1',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n});\n\nconst buttonVariants = cva(\n 'flex items-center gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n {\n variants: {\n size: {\n sm: 'min-h-8 px-3 text-xs',\n md: 'min-h-9 px-6 text-base',\n lg: 'min-h-10 px-8 text-lg',\n xl: 'min-h-11 px-10 text-xl',\n 'icon-sm': 'p-0',\n 'icon-md': 'p-0',\n 'icon-lg': 'p-0',\n 'icon-xl': 'p-0',\n },\n variant: {\n default: 'rounded-lg text-text-opposite dark:text-text-opposite-dark',\n none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0 dark:bg-opacity-0 dark:text-inherit dark:hover:bg-opacity-0',\n outline:\n 'rounded-lg border-[1.5px] bg-opacity-0 hover:bg-opacity-30 dark:bg-opacity-0',\n link: 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline dark:bg-transparent hover:dark:bg-transparent',\n 'invisible-link':\n 'h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent dark:bg-transparent hover:dark:bg-transparent',\n hoverable:\n 'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10 aria-[current=true]:bg-opacity-5 dark:border-none dark:bg-opacity-0 dark:hover:bg-opacity-10',\n },\n color: {\n primary:\n 'border-primary bg-primary text-primary hover:bg-primary-500 dark:border-primary-dark dark:bg-primary-dark dark:text-primary-dark hover:dark:bg-primary-300',\n secondary:\n 'border-secondary bg-secondary text-secondary hover:bg-secondary-300 dark:border-secondary-dark dark:bg-secondary-dark dark:text-secondary-dark hover:dark:bg-secondary-100',\n destructive:\n 'border-destructive bg-destructive text-destructive hover:bg-destructive-500 dark:border-destructive-dark dark:bg-destructive-dark hover:dark:bg-destructive-200',\n neutral:\n 'border-neutral bg-neutral text-neutral hover:bg-neutral-600 dark:border-neutral-dark dark:bg-neutral-dark dark:text-neutral-dark hover:dark:bg-neutral-400',\n light: 'border-white bg-white text-white hover:bg-neutral-500',\n dark: 'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900 dark:hover:bg-neutral-700',\n text: 'border-text bg-text text-text hover:opacity-80 dark:border-text-dark dark:bg-text-dark dark:text-text-dark',\n 'text-inverse':\n 'border-text-inverse dark:border-text-inverse-dark bg-text-inverse dark:bg-text-inverse-dark text-text-inverse dark:text-text-inverse-dark hover:opacity-80',\n error:\n 'border-error bg-error text-error hover:bg-error-500 dark:border-error-dark dark:bg-error-dark dark:text-error-dark hover:dark:bg-error-300',\n success:\n 'border-success bg-success text-success hover:bg-success-500 dark:border-success-dark dark:bg-success-dark dark:text-success-dark hover:dark:bg-success-300',\n custom: '',\n },\n\n textAlign: {\n left: 'text-left',\n center: 'text-center',\n right: 'text-right',\n },\n\n isFullWidth: {\n true: 'w-full',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n color: 'primary',\n textAlign: 'center',\n isFullWidth: false,\n },\n }\n);\n\nexport type ButtonProps = DetailedHTMLProps<\n ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n> &\n VariantProps<typeof buttonVariants> & {\n /*\n Optional icon to be displayed on the button\n */\n label: string;\n Icon?: FC \| LucideIcon;\n IconRight?: FC \| LucideIcon;\n iconClassName?: string;\n isLoading?: boolean;\n isActive?: boolean;\n isDisabled?: boolean;\n isFullWidth?: boolean;\n };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n variant = 'default',\n size = 'sm',\n color = 'primary',\n children,\n Icon,\n IconRight,\n iconClassName,\n isLoading = false,\n isActive,\n isFullWidth = false,\n textAlign = IconRight ? 'left' : 'center',\n disabled,\n label,\n className,\n type = 'button',\n ...props\n },\n ref\n ) => {\n const isLink = variant === 'link' \|\| variant === 'invisible-link';\n\n return (\n <button\n ref={ref}\n disabled={isLoading ?? disabled}\n aria-current={isActive}\n aria-selected={isActive}\n aria-label={label}\n aria-busy={isLoading}\n role={isLink ? 'link' : undefined}\n type={type}\n className={buttonVariants({\n variant,\n size,\n color,\n isFullWidth,\n textAlign,\n className,\n })}\n {...props}\n >\n {Icon && !isLoading && (\n <Icon\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n />\n )}\n\n <Loader\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n 'float-start'\n )}\n isLoading={isLoading}\n />\n\n {typeof children !== 'undefined' && (\n <div className=\"flex-1\">{children}</div>\n )}\n\n {IconRight && (\n <IconRight\n className={cn(\n buttonIconVariants({ size, className: iconClassName }),\n ''\n )}\n />\n )}\n </button>\n );\n }\n);\n\nButton.displayName = 'Button';\n"],"names":["jsxs","jsx"],"mappings":"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"}

package/dist/components/Command/index.d.ts CHANGED Viewed

@@ -1,13 +1,12 @@
 import { DialogProps } from '@radix-ui/react-dialog';
 import { FC, HTMLAttributes } from 'react';
 export declare const CommandRoot: import('react').ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -41,7 +40,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLInputElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "onChange" | "type"> & {
+    }, "key" | "asChild" | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
         value?: string;
         onValueChange?: (search: string) => void;
     } & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
@@ -51,7 +50,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
         label?: string;
     } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Empty: import('react').ForwardRefExoticComponent<Omit<{
@@ -60,14 +59,14 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Group: import('react').ForwardRefExoticComponent<Omit<{
         children?: React.ReactNode;
     } & Omit<Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
         heading?: React.ReactNode;
         value?: string;
         forceMount?: boolean;
@@ -76,7 +75,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
         alwaysRender?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<{
@@ -85,7 +84,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "onSelect" | "disabled"> & {
+    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
         disabled?: boolean;
         onSelect?: (value: string) => void;
         value?: string;
@@ -102,7 +101,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
         label?: string;
         shouldFilter?: boolean;
         filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -119,7 +118,7 @@ export declare const Command: {
         ref?: React.Ref<HTMLDivElement>;
     } & {
         asChild?: boolean;
-    }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
         label?: string;
         shouldFilter?: boolean;
         filter?: (value: string, search: string, keywords?: string[]) => number;

package/dist/components/Command/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAGL,KAAK,EAAE,EAEP,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,WAAW;~~qBAXO~~,~~SAAS~~;;~~gBA4Ku/I~~,GAAG;;;;;;qDAAwwB,CAAC;;;;;;;~~0GArJzyK~~,CAAC;AAyHH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;~~oBAWw5P~~,GAAG;;;;;;;;~~yBA5Kh5P~~,~~SAAS~~;;~~oBA4K4uM~~,GAAG;;;;;;;~~yBA5KxvM~~,~~SAAS~~;;~~oBA4KqiY~~,GAAG;;;;;~~yBA5KjjY~~,~~SAAS~~;;~~oBA4KmkR~~,GAAG;;;;~~wBAA0O~~,SAAS;;;;;~~oBAA4e~~,GAAG;;;;;;;~~yBA5KjzS~~,~~SAAS~~;;~~oBA4K2vN~~,GAAG;;;;;;;;;;;~~kCAzCnyN~~,cAAc,CAAC,eAAe,CAAC;;;;~~yBAnIH~~,~~SAAS~~;;~~oBA4Ku/I~~,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;~~yBA5K5wK~~,~~SAAS~~;;~~oBA4Ku/I~~,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;;~~CAD1yK~~,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAGL,KAAK,EAAE,EAEP,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,WAAW;eAVG,MAAO,SAC9B;;UA0K0nM,MAAO,GAAG;;;;;;qDAAwwB,CAAC;;;;;;;0GArJ/4N,CAAC;AAyHH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;cAWu/S,MAAO,GAAG;;;;;;;;mBA3K1/S,MAAO,SAC9B;;cA0K+2P,MAAO,GAAG;;;;;;;yBA3K31P,SAC9B;;cA0Kwqb,MAAO,GAAG;;;;;yBA3Kppb,SAC9B;;cA0KssU,MAAO,GAAG;;;;kBAAmO,MAAO,SAAS;;;;;cAAqe,MAAO,GAAG;;;;;;;yBA3Kp5V,SAC9B;;cA0K83Q,MAAO,GAAG;;;;;;;;;;;kCAzCz4Q,cAAc,CAAC,eAAe,CAAC;;;;yBAlIA,SAC9B;;cA0K0nM,MAAO,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;yBA3K/2N,SAC9B;;oBA0KioM,GAAG;;;;;;yDAAwwB,CAAC;;;;;;;;;;CADh5N,CAAC"}

package/dist/components/Container/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-text dark:border-text-dark border-[1.5px]',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\~~ntype~~ ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["cva","forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,MAAM,oBAAoBA,uBAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAYC,WAAA;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAWC,SAAA;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-text dark:border-text-dark border-[1.5px]',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\nexport type ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["cva","forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,MAAM,oBAAoBA,uBAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAYC,WAAA;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAWC,SAAA;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;;"}

package/dist/components/Container/index.d.ts CHANGED Viewed

@@ -1,11 +1,23 @@
 import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes } from 'react';
+import { PropsWithChildren, HTMLAttributes } from 'react';
+declare const containerVariants: (props?: ({
+    roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | null | undefined;
+    transparency?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
+    separator?: "x" | "y" | "both" | "without" | null | undefined;
+    border?: "none" | "with" | null | undefined;
+    background?: "none" | "with" | null | undefined;
+    gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ContainerProps = PropsWithChildren<Omit<VariantProps<typeof containerVariants>, 'border' | 'background'>> & HTMLAttributes<HTMLDivElement> & {
+    border?: boolean;
+    background?: boolean;
+};
 export declare const Container: import('react').ForwardRefExoticComponent<Omit<VariantProps<(props?: ({
     roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full" | null | undefined;
     transparency?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
     padding?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
-    separator?: "without" | "x" | "y" | "both" | null | undefined;
+    separator?: "x" | "y" | "both" | "without" | null | undefined;
     border?: "none" | "with" | null | undefined;
     background?: "none" | "with" | null | undefined;
     gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | null | undefined;
@@ -15,4 +27,5 @@ export declare const Container: import('react').ForwardRefExoticComponent<Omit<V
     border?: boolean;
     background?: boolean;
 } & import('react').RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Container/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,~~EAAsC~~,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;~~AA0EhF~~,eAAO,MAAM,SAAS;;;;;;;;;;;aAJT,OAAO;iBACH,OAAO;kDA8CvB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,iBAAiB,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhF,QAAA,MAAM,iBAAiB;;;;;;;;8EA6DtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAC5C,IAAI,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC,CACtE,GACC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,eAAO,MAAM,SAAS;;;;;;;;;;;aAJT,OAAO;iBACH,OAAO;kDA8CvB,CAAC"}

package/dist/components/Container/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-text dark:border-text-dark border-[1.5px]',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\~~ntype~~ ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["jsx"],"mappings":";;;;AAIA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../src/components/Container/index.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type PropsWithChildren, forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst containerVariants = cva(\n 'flex flex-col p-10 text-text backdrop-blur dark:text-text-dark',\n {\n variants: {\n roundedSize: {\n none: 'rounded-none',\n sm: 'rounded-sm',\n md: 'rounded-md',\n lg: 'rounded-lg',\n xl: 'rounded-xl',\n '2xl': 'rounded-2xl',\n '3xl': 'rounded-3xl',\n full: 'rounded-full',\n },\n transparency: {\n none: 'bg-card dark:bg-card-dark',\n sm: 'bg-card/80 dark:bg-card-dark/80',\n md: 'bg-card/60 dark:bg-card-dark/60',\n lg: 'bg-card/40 dark:bg-card-dark/40',\n xl: 'bg-card/20 dark:bg-card-dark/20',\n },\n padding: {\n none: 'p-0',\n sm: 'p-1',\n md: 'p-2',\n lg: 'p-3',\n xl: 'p-4',\n },\n separator: {\n without: '',\n x: 'divide-x divide-dashed divide-text/20 dark:divide-text-dark/20',\n y: 'divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n both: 'divide-x divide-y divide-dashed divide-text/20 dark:divide-text-dark/20',\n },\n border: {\n none: '',\n with: 'border-text dark:border-text-dark border-[1.5px]',\n },\n background: {\n none: 'bg-none',\n with: '',\n },\n gap: {\n none: 'gap-0',\n sm: 'gap-1',\n md: 'gap-3',\n lg: 'gap-5',\n xl: 'gap-8',\n '2xl': 'gap-10',\n },\n },\n\n defaultVariants: {\n roundedSize: 'md',\n border: 'none',\n transparency: 'md',\n padding: 'none',\n separator: 'without',\n gap: 'none',\n },\n }\n);\n\nexport type ContainerProps = PropsWithChildren<\n Omit<VariantProps<typeof containerVariants>, 'border' \| 'background'>\n> &\n HTMLAttributes<HTMLDivElement> & {\n border?: boolean;\n background?: boolean;\n };\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n (\n {\n children,\n roundedSize,\n padding,\n transparency,\n separator,\n className,\n border,\n background,\n ...props\n },\n ref\n ) => (\n <div\n ref={ref}\n className={cn(\n containerVariants({\n roundedSize,\n transparency,\n padding,\n separator,\n border:\n typeof border === 'boolean'\n ? border\n ? 'with'\n : 'none'\n : undefined,\n background:\n typeof background === 'boolean'\n ? background\n ? 'with'\n : 'none'\n : undefined,\n className,\n })\n )}\n {...props}\n >\n {children}\n </div>\n )\n);\n\nContainer.displayName = 'Container';\n"],"names":["jsx"],"mappings":";;;;AAIA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,WAAW;AAAA,MACX,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAUO,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QAEAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,kBAAkB;AAAA,UAChB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QACE,OAAO,WAAW,YACd,SACE,SACA,SACF;AAAA,UACN,YACE,OAAO,eAAe,YAClB,aACE,SACA,SACF;AAAA,UACN;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;"}

package/dist/components/ContentEditor/ContentEditor.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { HTMLAttributes, FC } from 'react';
 export type ContentEditorProps = {
     children: string;
     onContentChange: (content: string) => void;

package/dist/components/ContentEditor/ContentEditorTextArea.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { AutoSizedTextAreaProps } from '../TextArea';
 export type ContentEditorTextAreaProps = {
     children: string;
     onContentChange: (content: string) => void;

package/dist/components/ContentSelector/ContentSelector.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
 type ContentSelectorProps = {
     children: ReactNode;
     onSelect: () => void;

package/dist/components/CopyToClipboard/index.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from 'react';
 export type CopyToClipboardProps = PropsWithChildren<{
     text: string;
     className?: string;

package/dist/components/DictionaryEditor/DictionaryEditor.cjs CHANGED Viewed

@@ -3,33 +3,39 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
 const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-BZQDMSxb.cjs");
+const components_DictionaryEditor_useEditedContentStore = require("./useEditedContentStore.cjs");
+const components_DictionaryEditor_useEditionPanelStore = require("./useEditionPanelStore.cjs");
 const components_DictionaryEditor_ValidDictionaryChangeButtons = require("./ValidDictionaryChangeButtons.cjs");
 const DictionaryEditor = ({
   dictionary,
-  onContentChange,
-  focusedKeyPath,
-  onCancelEdition,
-  onValidEdition,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper,
-    {
-      ...props,
-      keyPath: [],
-      focusedKeyPath,
-      section: dictionary.content,
-      onContentChange: (content) => onContentChange(content.keyPath, content.newValue)
-    }
-  ) }),
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    components_DictionaryEditor_ValidDictionaryChangeButtons.ValidDictionaryChangeButtons,
-    {
-      onCancelEdition,
-      onValidEdition,
-      editedContent: props.editedContent
-    }
-  )
-] });
+}) => {
+  const { addEditedContent, editedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore((s) => ({
+    addEditedContent: s.addEditedContent,
+    editedContent: s.editedContent
+  }));
+  const { focusedContent, setFocusedContentKeyPath } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore(
+    (s) => ({
+      focusedContent: s.focusedContent,
+      setFocusedContentKeyPath: s.setFocusedContentKeyPath
+    })
+  );
+  const focusedKeyPath = focusedContent?.keyPath;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper,
+      {
+        ...props,
+        keyPath: [],
+        editedContent: editedContent.content,
+        focusedKeyPath,
+        section: dictionary.content,
+        onContentChange: (content) => addEditedContent(dictionary.key, content.newValue, content.keyPath),
+        onFocusKeyPath: setFocusedContentKeyPath
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryEditor_ValidDictionaryChangeButtons.ValidDictionaryChangeButtons, { dictionary })
+  ] });
+};
 exports.DictionaryEditor = DictionaryEditor;
 //# sourceMappingURL=DictionaryEditor.cjs.map

package/dist/components/DictionaryEditor/DictionaryEditor.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n dictionary: Dictionary;\n ~~onContentChange~~: (keyPath: KeyPath[]~~, newValue: string~~) => void;\n ~~onValidEdition~~: () => ~~void;\~~n ~~onCancelEdition:~~ () => ~~void;\~~n ~~locale~~: ~~Locales;\~~n editedContent: ~~Dictionary;\~~n ~~focusedKeyPath?: KeyPath[]~~;\n ~~onFocusKeyPath:~~ ~~(keyPath:~~ ~~KeyPath[])~~ => ~~void;\n onClickEdit?:~~ (~~keyPath: KeyPath[]~~) => ~~void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> =~~ ({\n ~~dictionary~~,\n ~~onContentChange~~,\n ~~focusedKeyPath,\~~n ~~onCancelEdition,\~~n ~~onValidEdition,\~~n ~~...props~~\n}) => (\n <div className=\"flex h-full flex-col justify-between gap-2\">\n <div>\n <NodeWrapper\n {...props}\n keyPath={[]}\n focusedKeyPath={focusedKeyPath}\n section={dictionary.content}\n onContentChange={(content) =>\n ~~onContentChange~~(content.~~keyPath~~, content.~~newValue~~)\n }\n />\n </div>\n <ValidDictionaryChangeButtons~~\n onCancelEdition~~={~~onCancelEdition~~}\n ~~onValidEdition={onValidEdition}\n editedContent={props.editedContent}\n~~ ~~/>\n~~ </div>\n);\n"],"names":["jsxs","jsx","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":"~~;;;;;;AAoBO~~,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~;AAAA,~~EACA~~,~~GAAG~~;~~AACL~~,~~MACEA~~,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,~~EAAAC~~,iDAAC,OACC,EAAA,UAAAA,2BAAA,kBAAA;AAAA,~~IAACC~~,qDAAA;AAAA,~~IAAA~~;AAAA,~~MACE~~,GAAG;AAAA,~~MACJ~~,SAAS,CAAC;AAAA,~~MACV~~;AAAA,~~MACA~~,SAAS,WAAW;AAAA,~~MACpB~~,iBAAiB,CAAC,YAChB,~~gBAAgB~~,~~QAAQ~~,~~SAAS~~,QAAQ,QAAQ~~;AAAA~~,~~IAAA~~;AAAA,~~EAAA~~,~~GAGvD~~;AAAA,~~EACAD,2BAAA,kBAAA~~;AAAA,~~IAACE,yDAAA;AAAA,~~IAAA~~;AAAA~~,~~MACC~~;AAAA,~~MACA;AAAA~~,~~MACA~~,~~eAAe~~,~~MAAM;AAAA~~,~~IAAA~~;AAAA,~~EACvB;AAAA~~,~~EACF~~,CAAA;;"}
1	+ {"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n dictionary: Dictionary;\n locale: Locales;\n onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n dictionary,\n ...props\n}) => {\n const { addEditedContent, editedContent } = useEditedContentStore((s) => ({\n addEditedContent: s.addEditedContent,\n editedContent: s.editedContent,\n }));\n const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n (s) => ({\n focusedContent: s.focusedContent,\n setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n })\n );\n\n const focusedKeyPath = focusedContent?.keyPath;\n\n return (\n <div className=\"flex h-full flex-col justify-between gap-2\">\n <div>\n <NodeWrapper\n {...props}\n keyPath={[]}\n editedContent={editedContent.content}\n focusedKeyPath={focusedKeyPath}\n section={dictionary.content}\n onContentChange={(content) =>\n addEditedContent(dictionary.key, content.newValue, content.keyPath)\n }\n onFocusKeyPath={setFocusedContentKeyPath}\n />\n </div>\n <ValidDictionaryChangeButtons dictionary={dictionary} />\n </div>\n );\n};\n"],"names":["useEditedContentStore","useEditionPanelStore","jsxs","jsx","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,kBAAkB,cAAkB,IAAAA,kDAAA,sBAAsB,CAAC,OAAO;AAAA,IACxE,kBAAkB,EAAE;AAAA,IACpB,eAAe,EAAE;AAAA,EACjB,EAAA;AACI,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAA,2BAAA,kBAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,eAAe,cAAc;AAAA,QAC7B;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAChB,iBAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QAEpE,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAD,iDAACE,yDAAAA,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;;"}

package/dist/components/DictionaryEditor/DictionaryEditor.d.ts CHANGED Viewed

@@ -1,16 +1,9 @@
 import { Locales } from '@intlayer/config/client';
 import { Dictionary, KeyPath } from '@intlayer/core';
 import { FC } from 'react';
 type DictionaryEditorProps = {
     dictionary: Dictionary;
-    onContentChange: (keyPath: KeyPath[], newValue: string) => void;
-    onValidEdition: () => void;
-    onCancelEdition: () => void;
     locale: Locales;
-    editedContent: Dictionary;
-    focusedKeyPath?: KeyPath[];
-    onFocusKeyPath: (keyPath: KeyPath[]) => void;
     onClickEdit?: (keyPath: KeyPath[]) => void;
 };
 export declare const DictionaryEditor: FC<DictionaryEditorProps>;

package/dist/components/DictionaryEditor/DictionaryEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;~~AAIhC~~,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,~~eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,~~MAAM,~~KAAK,IAAI,CAAC;IAChE,cAAc,~~EAAE,~~MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,~~OAAO,CAAC;IAChB,~~aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,~~WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,~~CA0BtD~~,CAAC"}
1	+ {"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAmCtD,CAAC"}