@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/esm/providers/ReactQueryProvider.mjs

@@ -0,0 +1,87 @@
+'use client';
+
+
+import { useToast } from "../components/Toaster/useToast.mjs";
+import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { MutationCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+//#region src/providers/ReactQueryProvider.tsx
+const defaultQueryOptions = {
+	queries: {
+		retry: 1,
+		staleTime: 0,
+		gcTime: 300 * 1e3,
+		refetchOnMount: "always",
+		refetchOnWindowFocus: false,
+		refetchOnReconnect: false
+	},
+	mutations: { retry: 0 }
+};
+const formatErrorCode = (errorCode) => errorCode.split("_").join(" ");
+/**
+*  Hook to handle error logging and toast notifications
+*/
+const useToastEvents = () => {
+	const { toast } = useToast();
+	const onError = (error) => {
+		[(() => {
+			try {
+				if (typeof error === "string") return JSON.parse(error);
+			} catch (_) {}
+			return error;
+		})()].flat().forEach((err) => {
+			toast({
+				title: formatErrorCode((process.env.NODE_ENV === "production" ? err?.title : err?.code) ?? "Error"),
+				description: err?.message ?? String(err ?? "An error occurred"),
+				variant: "error"
+			});
+		});
+	};
+	const onSuccess = (data) => {
+		if (data?.error) toast({
+			title: formatErrorCode(data.error.title ?? data.error.code ?? "Error"),
+			description: data.error.message ?? data.error.code ?? "An error occurred",
+			variant: "error"
+		});
+		if (data?.message) toast({
+			title: data.message,
+			description: data.description,
+			variant: "success"
+		});
+	};
+	return {
+		onError,
+		onSuccess
+	};
+};
+const ReactQueryProvider = ({ children }) => {
+	const { onError, onSuccess } = useToastEvents();
+	const clientRef = useRef(null);
+	if (!clientRef.current) {
+		const queryClient = new QueryClient({
+			defaultOptions: defaultQueryOptions,
+			mutationCache: new MutationCache({
+				onSuccess,
+				onError,
+				onSettled: (_data, _error, _variables, _context, mutation) => {
+					if (mutation.meta?.invalidateQueries) mutation.meta.invalidateQueries.forEach((queryKey) => {
+						queryClient.invalidateQueries({ queryKey });
+					});
+					if (mutation.meta?.resetQueries) mutation.meta.resetQueries.forEach((queryKey) => {
+						queryClient.resetQueries({ queryKey });
+					});
+				}
+			})
+		});
+		clientRef.current = queryClient;
+	}
+	return /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: clientRef.current,
+		children
+	});
+};
+
+//#endregion
+export { ReactQueryProvider };
+//# sourceMappingURL=ReactQueryProvider.mjs.map

package/dist/esm/providers/ReactQueryProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactQueryProvider.mjs","names":["defaultQueryOptions: DefaultOptions","onError: MutationCache['config']['onError']","onSuccess: MutationCache['config']['onSuccess']","ReactQueryProvider: FC<PropsWithChildren>"],"sources":["../../../src/providers/ReactQueryProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type DefaultOptions,\n  MutationCache,\n  QueryClient,\n  QueryClientProvider,\n  type QueryKey,\n  type UseMutationOptions,\n} from '@tanstack/react-query';\nimport { type FC, type PropsWithChildren, useRef } from 'react';\nimport { useToast } from '../components/Toaster';\n\nconst defaultQueryOptions: DefaultOptions = {\n  queries: {\n    retry: 1,\n    staleTime: 0,\n    // Give the cache a little breathing room across route transitions:\n    gcTime: 5 * 60 * 1000, // e.g. 5 minutes\n    // You likely want to refetch on mount if data is stale (default is true).\n    // Remove your overrides or force it:\n    refetchOnMount: 'always',\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n  },\n  mutations: {\n    retry: 0,\n  },\n};\n\ndeclare module '@tanstack/react-query' {\n  interface Register {\n    mutationMeta: {\n      onSuccess?: UseMutationOptions['onSuccess'];\n      onError?: UseMutationOptions['onError'];\n      invalidateQueries?: QueryKey[];\n      resetQueries?: QueryKey[];\n    };\n  }\n}\n\nconst formatErrorCode = (errorCode: string) => errorCode.split('_').join(' ');\n\n/**\n *  Hook to handle error logging and toast notifications\n */\nconst useToastEvents = () => {\n  const { toast } = useToast();\n\n  const onError: MutationCache['config']['onError'] = (error: any) => {\n    const parsed = (() => {\n      try {\n        if (typeof error === 'string') return JSON.parse(error);\n      } catch (_) {}\n      return error;\n    })();\n\n    [parsed].flat().forEach((err: any) => {\n      toast({\n        title: formatErrorCode(\n          (process.env.NODE_ENV === 'production' ? err?.title : err?.code) ??\n            'Error'\n        ),\n        description: err?.message ?? String(err ?? 'An error occurred'),\n        variant: 'error',\n      });\n    });\n  };\n\n  const onSuccess: MutationCache['config']['onSuccess'] = (data: any) => {\n    if (data?.error) {\n      toast({\n        title: formatErrorCode(data.error.title ?? data.error.code ?? 'Error'),\n        description:\n          data.error.message ?? data.error.code ?? 'An error occurred',\n        variant: 'error',\n      });\n    }\n\n    if (data?.message) {\n      toast({\n        title: data.message,\n        description: data.description,\n        variant: 'success',\n      });\n    }\n  };\n\n  return {\n    onError,\n    onSuccess,\n  };\n};\n\nexport const ReactQueryProvider: FC<PropsWithChildren> = ({ children }) => {\n  const { onError, onSuccess } = useToastEvents();\n  const clientRef = useRef<QueryClient>(null);\n\n  if (!clientRef.current) {\n    const mutationCache = new MutationCache({\n      onSuccess,\n      onError,\n      onSettled: (_data, _error, _variables, _context, mutation) => {\n        if (mutation.meta?.invalidateQueries) {\n          mutation.meta.invalidateQueries.forEach((queryKey) => {\n            queryClient.invalidateQueries({\n              queryKey,\n            });\n          });\n        }\n\n        if (mutation.meta?.resetQueries) {\n          mutation.meta.resetQueries.forEach((queryKey) => {\n            queryClient.resetQueries({\n              queryKey,\n            });\n          });\n        }\n      },\n    });\n\n    const queryClient = new QueryClient({\n      defaultOptions: defaultQueryOptions,\n      mutationCache,\n    });\n    clientRef.current = queryClient;\n  }\n\n  return (\n    <QueryClientProvider client={clientRef.current}>\n      {children}\n    </QueryClientProvider>\n  );\n};\n"],"mappings":";;;;;;;;;AAaA,MAAMA,sBAAsC;CAC1C,SAAS;EACP,OAAO;EACP,WAAW;EAEX,QAAQ,MAAS;EAGjB,gBAAgB;EAChB,sBAAsB;EACtB,oBAAoB;EACrB;CACD,WAAW,EACT,OAAO,GACR;CACF;AAaD,MAAM,mBAAmB,cAAsB,UAAU,MAAM,IAAI,CAAC,KAAK,IAAI;;;;AAK7E,MAAM,uBAAuB;CAC3B,MAAM,EAAE,UAAU,UAAU;CAE5B,MAAMC,WAA+C,UAAe;AAQlE,UAPsB;AACpB,OAAI;AACF,QAAI,OAAO,UAAU,SAAU,QAAO,KAAK,MAAM,MAAM;YAChD,GAAG;AACZ,UAAO;MACL,CAEI,CAAC,MAAM,CAAC,SAAS,QAAa;AACpC,SAAM;IACJ,OAAO,iBACJ,QAAQ,IAAI,aAAa,eAAe,KAAK,QAAQ,KAAK,SACzD,QACH;IACD,aAAa,KAAK,WAAW,OAAO,OAAO,oBAAoB;IAC/D,SAAS;IACV,CAAC;IACF;;CAGJ,MAAMC,aAAmD,SAAc;AACrE,MAAI,MAAM,MACR,OAAM;GACJ,OAAO,gBAAgB,KAAK,MAAM,SAAS,KAAK,MAAM,QAAQ,QAAQ;GACtE,aACE,KAAK,MAAM,WAAW,KAAK,MAAM,QAAQ;GAC3C,SAAS;GACV,CAAC;AAGJ,MAAI,MAAM,QACR,OAAM;GACJ,OAAO,KAAK;GACZ,aAAa,KAAK;GAClB,SAAS;GACV,CAAC;;AAIN,QAAO;EACL;EACA;EACD;;AAGH,MAAaC,sBAA6C,EAAE,eAAe;CACzE,MAAM,EAAE,SAAS,cAAc,gBAAgB;CAC/C,MAAM,YAAY,OAAoB,KAAK;AAE3C,KAAI,CAAC,UAAU,SAAS;EAuBtB,MAAM,cAAc,IAAI,YAAY;GAClC,gBAAgB;GAChB,eAxBoB,IAAI,cAAc;IACtC;IACA;IACA,YAAY,OAAO,QAAQ,YAAY,UAAU,aAAa;AAC5D,SAAI,SAAS,MAAM,kBACjB,UAAS,KAAK,kBAAkB,SAAS,aAAa;AACpD,kBAAY,kBAAkB,EAC5B,UACD,CAAC;OACF;AAGJ,SAAI,SAAS,MAAM,aACjB,UAAS,KAAK,aAAa,SAAS,aAAa;AAC/C,kBAAY,aAAa,EACvB,UACD,CAAC;OACF;;IAGP,CAAC;GAKD,CAAC;AACF,YAAU,UAAU;;AAGtB,QACE,oBAAC;EAAoB,QAAQ,UAAU;EACpC;GACmB"}

package/dist/esm/providers/index.mjs

@@ -0,0 +1,4 @@
+import { ReactQueryProvider } from "./ReactQueryProvider.mjs";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+
+export { ReactQueryDevtools, ReactQueryProvider };

package/dist/esm/tailwind.config.mjs

@@ -0,0 +1,17 @@
+import { dirname, relative } from "node:path";
+import { fileURLToPath } from "node:url";
+
+//#region src/tailwind.config.ts
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const getTailwindConfig = () => {
+	let relativePath = relative(process.cwd(), __dirname);
+	if (!relativePath) relativePath = ".";
+	return { content: [`${relativePath}/components/**/*.{ts,tsx,jsx,mjx,js,cjs,cjx,mjs,mjx,svg}`] };
+};
+const tailwindConfig = getTailwindConfig();
+const tailwindPresetConfig = tailwindConfig;
+var tailwind_config_default = tailwindConfig;
+
+//#endregion
+export { tailwind_config_default as default, tailwindPresetConfig };
+//# sourceMappingURL=tailwind.config.mjs.map

package/dist/esm/tailwind.config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.config.mjs","names":[],"sources":["../../src/tailwind.config.ts"],"sourcesContent":["import { dirname, relative } from 'node:path';\nimport { fileURLToPath } from 'node:url';\n\nconst __filename = fileURLToPath(import.meta.url); // get the resolved path to the file\nconst __dirname = dirname(__filename); // get the name of the directory\n\nconst getTailwindConfig = () => {\n  const originAbsolutePath = process.cwd();\n  const localePath = __dirname;\n\n  let relativePath = relative(originAbsolutePath, localePath);\n\n  if (!relativePath) {\n    relativePath = '.';\n  }\n\n  const config = {\n    content: [\n      `${relativePath}/components/**/*.{ts,tsx,jsx,mjx,js,cjs,cjx,mjs,mjx,svg}`,\n    ],\n  };\n\n  return config;\n};\n\nconst tailwindConfig = getTailwindConfig();\nconst tailwindPresetConfig = tailwindConfig;\n\nexport { tailwindPresetConfig };\nexport default tailwindConfig;\n"],"mappings":";;;;AAIA,MAAM,YAAY,QADC,cAAc,OAAO,KAAK,IAAI,CACZ;AAErC,MAAM,0BAA0B;CAI9B,IAAI,eAAe,SAHQ,QAAQ,KAAK,EACrB,UAEwC;AAE3D,KAAI,CAAC,aACH,gBAAe;AASjB,QANe,EACb,SAAS,CACP,GAAG,aAAa,0DACjB,EACF;;AAKH,MAAM,iBAAiB,mBAAmB;AAC1C,MAAM,uBAAuB;AAG7B,8BAAe"}

package/dist/esm/utils/camelCase.mjs

@@ -0,0 +1,12 @@
+//#region src/utils/camelCase.ts
+const sentenceToCamelCase = (string) => {
+	const sentence = string.split(" ").map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1).toLowerCase()}`).join("");
+	return `${sentence.charAt(0).toLowerCase()}${sentence.slice(1)}`;
+};
+const camelCaseToSentence = (content) => {
+	return String(content).replace(/([A-Z])/g, " $1").toLowerCase().trim();
+};
+
+//#endregion
+export { camelCaseToSentence, sentenceToCamelCase };
+//# sourceMappingURL=camelCase.mjs.map

package/dist/esm/utils/camelCase.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"camelCase.mjs","names":[],"sources":["../../../src/utils/camelCase.ts"],"sourcesContent":["export const sentenceToCamelCase = (string: string): string => {\n  const sentence = string\n    .split(' ')\n    .map(\n      (word) => `${word.charAt(0).toUpperCase()}${word.slice(1).toLowerCase()}`\n    )\n    .join('');\n\n  return `${sentence.charAt(0).toLowerCase()}${sentence.slice(1)}`;\n};\n\nexport const camelCaseToSentence = (content: string): string => {\n  const result = String(content).replace(/([A-Z])/g, ' $1');\n  return result.toLowerCase().trim();\n};\n"],"mappings":";AAAA,MAAa,uBAAuB,WAA2B;CAC7D,MAAM,WAAW,OACd,MAAM,IAAI,CACV,KACE,SAAS,GAAG,KAAK,OAAO,EAAE,CAAC,aAAa,GAAG,KAAK,MAAM,EAAE,CAAC,aAAa,GACxE,CACA,KAAK,GAAG;AAEX,QAAO,GAAG,SAAS,OAAO,EAAE,CAAC,aAAa,GAAG,SAAS,MAAM,EAAE;;AAGhE,MAAa,uBAAuB,YAA4B;AAE9D,QADe,OAAO,QAAQ,CAAC,QAAQ,YAAY,MAAM,CAC3C,aAAa,CAAC,MAAM"}

package/dist/esm/utils/cn.mjs

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/utils/cn.ts
+const cn = (...inputs) => twMerge(clsx(inputs));
+
+//#endregion
+export { cn };
+//# sourceMappingURL=cn.mjs.map

package/dist/esm/utils/cn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.mjs","names":[],"sources":["../../../src/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));\n"],"mappings":";;;;AAGA,MAAa,MAAM,GAAG,WAAyB,QAAQ,KAAK,OAAO,CAAC"}

package/dist/esm/utils/image.mjs

@@ -0,0 +1,52 @@
+//#region src/utils/image.ts
+var ImageProvider = /* @__PURE__ */ function(ImageProvider$1) {
+	ImageProvider$1["Picsum"] = "picsum";
+	ImageProvider$1["Dummy"] = "dummy";
+	return ImageProvider$1;
+}(ImageProvider || {});
+var ImageType = /* @__PURE__ */ function(ImageType$1) {
+	ImageType$1["Avatar"] = "avatar";
+	ImageType$1["Random"] = "random";
+	return ImageType$1;
+}(ImageType || {});
+/**
+* Generates a random image URL based on the specified provider and type.
+*
+* @param provider - The image provider to use (e.g., Unsplash, Picsum, Dummy)
+* @param type - The type of image to generate (Avatar or Random)
+* @returns A URL string pointing to a random image
+*
+* @example
+* ```ts
+* getRandomImageUrl(ImageProvider.Picsum, ImageType.Random) // 'https://picsum.photos/800/600?random=123'
+* getRandomImageUrl(ImageProvider.Dummy, ImageType.Avatar) // 'https://dummyimage.com/200x200/000/fff&text=Avatar'
+* ```
+*/
+function getRandomImageUrl(provider, type) {
+	switch (provider) {
+		case ImageProvider.Picsum: if (type === ImageType.Avatar) return `https://picsum.photos/200/200?random=${Math.floor(Math.random() * 1e3)}`;
+		else return `https://picsum.photos/800/600?random=${Math.floor(Math.random() * 1e3)}`;
+		case ImageProvider.Dummy: if (type === ImageType.Avatar) return `https://dummyimage.com/200x200/000/fff&text=Avatar`;
+		else return `https://dummyimage.com/800x600/000/fff&text=Random`;
+		default: throw new Error(`Provider not supported: ${provider}`);
+	}
+}
+/**
+* Generates a random image URL for avatar images based on the specified provider.
+*
+* @param provider - The image provider to use (e.g., Unsplash, Picsum, Dummy)
+* @returns A URL string pointing to a random avatar image
+*
+* @example
+* ```ts
+* getAvatarImageUrl(ImageProvider.Picsum) // 'https://picsum.photos/200/200?random=123'
+* getAvatarImageUrl(ImageProvider.Dummy) // 'https://dummyimage.com/200x200/000/fff&text=Avatar'
+* ```
+*/
+function getAvatarImageUrl(provider = ImageProvider.Picsum) {
+	return getRandomImageUrl(provider, ImageType.Avatar);
+}
+
+//#endregion
+export { getAvatarImageUrl, getRandomImageUrl };
+//# sourceMappingURL=image.mjs.map

package/dist/esm/utils/image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","names":[],"sources":["../../../src/utils/image.ts"],"sourcesContent":["enum ImageProvider {\n  Picsum = 'picsum',\n  Dummy = 'dummy',\n}\n\nenum ImageType {\n  Avatar = 'avatar',\n  Random = 'random',\n}\n\n/**\n * Generates a random image URL based on the specified provider and type.\n *\n * @param provider - The image provider to use (e.g., Unsplash, Picsum, Dummy)\n * @param type - The type of image to generate (Avatar or Random)\n * @returns A URL string pointing to a random image\n *\n * @example\n * ```ts\n * getRandomImageUrl(ImageProvider.Picsum, ImageType.Random) // 'https://picsum.photos/800/600?random=123'\n * getRandomImageUrl(ImageProvider.Dummy, ImageType.Avatar) // 'https://dummyimage.com/200x200/000/fff&text=Avatar'\n * ```\n */\nexport function getRandomImageUrl(\n  provider: ImageProvider,\n  type: ImageType\n): string {\n  switch (provider) {\n    case ImageProvider.Picsum:\n      if (type === ImageType.Avatar) {\n        return `https://picsum.photos/200/200?random=${Math.floor(Math.random() * 1000)}`;\n      } else {\n        return `https://picsum.photos/800/600?random=${Math.floor(Math.random() * 1000)}`;\n      }\n\n    case ImageProvider.Dummy:\n      if (type === ImageType.Avatar) {\n        return `https://dummyimage.com/200x200/000/fff&text=Avatar`;\n      } else {\n        return `https://dummyimage.com/800x600/000/fff&text=Random`;\n      }\n\n    default:\n      throw new Error(`Provider not supported: ${provider}`);\n  }\n}\n\n/**\n * Generates a random image URL for avatar images based on the specified provider.\n *\n * @param provider - The image provider to use (e.g., Unsplash, Picsum, Dummy)\n * @returns A URL string pointing to a random avatar image\n *\n * @example\n * ```ts\n * getAvatarImageUrl(ImageProvider.Picsum) // 'https://picsum.photos/200/200?random=123'\n * getAvatarImageUrl(ImageProvider.Dummy) // 'https://dummyimage.com/200x200/000/fff&text=Avatar'\n * ```\n */\nexport function getAvatarImageUrl(\n  provider: ImageProvider = ImageProvider.Picsum\n): string {\n  return getRandomImageUrl(provider, ImageType.Avatar);\n}\n"],"mappings":";AAAA,IAAK,0DAAL;AACE;AACA;;EAFG;AAKL,IAAK,kDAAL;AACE;AACA;;EAFG;;;;;;;;;;;;;;AAkBL,SAAgB,kBACd,UACA,MACQ;AACR,SAAQ,UAAR;EACE,KAAK,cAAc,OACjB,KAAI,SAAS,UAAU,OACrB,QAAO,wCAAwC,KAAK,MAAM,KAAK,QAAQ,GAAG,IAAK;MAE/E,QAAO,wCAAwC,KAAK,MAAM,KAAK,QAAQ,GAAG,IAAK;EAGnF,KAAK,cAAc,MACjB,KAAI,SAAS,UAAU,OACrB,QAAO;MAEP,QAAO;EAGX,QACE,OAAM,IAAI,MAAM,2BAA2B,WAAW;;;;;;;;;;;;;;;AAgB5D,SAAgB,kBACd,WAA0B,cAAc,QAChC;AACR,QAAO,kBAAkB,UAAU,UAAU,OAAO"}

package/dist/esm/utils/object.mjs

@@ -0,0 +1,33 @@
+//#region src/utils/object.ts
+/**
+* Rename a key in an object by keeping the element order
+*
+* @param obj The original object
+* @param oldKey The key in the object that needs to be renamed
+* @param newKey The new key name to replace the old key
+* @returns A new object with the renamed key
+*/
+const renameKey = (obj, oldKey, newKey) => {
+	const newObj = { ...obj };
+	for (const key of Object.keys(obj)) if (key === oldKey) {
+		newObj[newKey] = obj[oldKey];
+		delete newObj[oldKey];
+	} else newObj[key] = obj[key];
+	return newObj;
+};
+/**
+* Remove a key from an object
+*
+* @param obj The original object
+* @param key The key in the object that needs to be removed
+* @returns A new object without the specified key
+*/
+const removeKey = (obj, key) => {
+	const newObj = { ...obj };
+	delete newObj[key];
+	return newObj;
+};
+
+//#endregion
+export { removeKey, renameKey };
+//# sourceMappingURL=object.mjs.map

package/dist/esm/utils/object.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.mjs","names":["newObj: T"],"sources":["../../../src/utils/object.ts"],"sourcesContent":["/**\n * Rename a key in an object by keeping the element order\n *\n * @param obj The original object\n * @param oldKey The key in the object that needs to be renamed\n * @param newKey The new key name to replace the old key\n * @returns A new object with the renamed key\n */\nexport const renameKey = <T extends object>(\n  obj: T,\n  oldKey: keyof T,\n  newKey: string\n): T => {\n  // Create a shallow copy of the original object to avoid mutating it\n  const newObj: T = { ...obj };\n\n  // Iterate over all keys of the original object\n  for (const key of Object.keys(obj)) {\n    // Check if the current key is the one that needs to be renamed\n    if (key === (oldKey as string)) {\n      // Assign the value of the old key to the new key in newObj\n      newObj[newKey as keyof T] = obj[oldKey];\n      // Optionally, delete the old key from newObj if you don't want both keys\n      delete newObj[oldKey];\n    } else {\n      // For all other keys, ensure they are copied over correctly\n      newObj[key as keyof T] = obj[key as keyof T];\n    }\n  }\n  // Return the new object with the renamed key\n  return newObj;\n};\n\n/**\n * Remove a key from an object\n *\n * @param obj The original object\n * @param key The key in the object that needs to be removed\n * @returns A new object without the specified key\n */\nexport const removeKey = <T extends object>(obj: T, key: keyof T): T => {\n  // Create a shallow copy of the original object to avoid mutating it\n  const newObj: T = { ...obj };\n\n  // Delete the key from the object\n  delete newObj[key];\n\n  return newObj;\n};\n"],"mappings":";;;;;;;;;AAQA,MAAa,aACX,KACA,QACA,WACM;CAEN,MAAMA,SAAY,EAAE,GAAG,KAAK;AAG5B,MAAK,MAAM,OAAO,OAAO,KAAK,IAAI,CAEhC,KAAI,QAAS,QAAmB;AAE9B,SAAO,UAAqB,IAAI;AAEhC,SAAO,OAAO;OAGd,QAAO,OAAkB,IAAI;AAIjC,QAAO;;;;;;;;;AAUT,MAAa,aAA+B,KAAQ,QAAoB;CAEtE,MAAMA,SAAY,EAAE,GAAG,KAAK;AAG5B,QAAO,OAAO;AAEd,QAAO"}

package/dist/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,67 @@
+import { ButtonProps } from "../Button/Button.js";
+import { FC, ReactNode } from "react";
+
+//#region src/components/Accordion/Accordion.d.ts
+interface AccordionProps extends Omit<ButtonProps, 'children' | 'onToggle'> {
+  /** The content displayed in the accordion header */
+  header: ReactNode;
+  /** The collapsible content inside the accordion */
+  children: ReactNode;
+  /** Controls whether the accordion is open (controlled mode) */
+  isOpen?: boolean;
+  /** Default open state (uncontrolled mode) */
+  defaultIsOpen?: boolean;
+  /** Called when the accordion state changes */
+  onToggle?: (isOpen: boolean) => void;
+  /** Disable the accordion interaction */
+  disabled?: boolean;
+  /** Custom class for the content container */
+  contentClassName?: string;
+  /** Custom class for the header container */
+  headerClassName?: string;
+  /** Accessible label for screen readers */
+  'aria-label'?: string;
+  /** ID for the accordion content (for aria-controls) */
+  contentId?: string;
+}
+/**
+ * Accordion component that allows the user to expand and collapse content.
+ * It provides a header with a chevron icon that controls the visibility of the content.
+ *
+ * Features:
+ * - Supports both controlled and uncontrolled modes
+ * - Accessible with proper ARIA attributes
+ * - Keyboard navigation support
+ * - Smooth animations for expand/collapse
+ * - Customizable styling
+ *
+ * @param header - The content of the header.
+ * @param children - The content to be expanded and collapsed.
+ * @param isOpen - Controlled state for whether the content is expanded.
+ * @param defaultIsOpen - Default open state for uncontrolled mode.
+ * @param onToggle - Callback when the accordion state changes.
+ * @param disabled - Whether the accordion is disabled.
+ * @param contentClassName - Custom class for the content container.
+ * @param headerClassName - Custom class for the header.
+ * @param contentId - ID for the content (used for aria-controls).
+ *
+ * @example
+ * // Uncontrolled mode
+ * <Accordion header="Accordion Header" defaultIsOpen={true}>
+ *   <p>Accordion content</p>
+ * </Accordion>
+ *
+ * @example
+ * // Controlled mode
+ * <Accordion
+ *   header="Controlled Accordion"
+ *   isOpen={isOpen}
+ *   onToggle={setIsOpen}
+ * >
+ *   <p>Controlled content</p>
+ * </Accordion>
+ */
+declare const Accordion: FC<AccordionProps>;
+//#endregion
+export { Accordion, AccordionProps };
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/types/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[],"mappings":";;;;UAmBiB,cAAA,SACP,KAAK;;EADE,MAAA,EAGP,SAFR;EAAa;EAEL,QAAA,EAEE,SAFF;EAEE;EAJF,MAAA,CAAA,EAAA,OAAA;EAAI;EA4DD,aA8FZ,CAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA9FY,WAAW,GAAG"}

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+import { Accordion, AccordionProps } from "./Accordion.js";
+export { Accordion, AccordionProps };

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,58 @@
+import { ComponentProps, FC } from "react";
+
+//#region src/components/Avatar/index.d.ts
+
+/**
+ * Props for the Avatar component
+ */
+interface AvatarProps extends Omit<ComponentProps<'button'>, 'onClick'> {
+  /** Image source URL for the avatar */
+  src?: string;
+  /** Full name used to generate initials and alt text */
+  fullname?: string;
+  /** Displays a loading spinner when true */
+  isLoading?: boolean;
+  /** Whether the user is authenticated */
+  isLoggedIn?: boolean;
+  /** Size variant of the avatar */
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+  /** Click handler - when provided, makes the avatar clickable */
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  /** Alternative text for accessibility */
+  alt?: string;
+  /** Whether the avatar should be focusable when not clickable */
+  focusable?: boolean;
+}
+/**
+ * @description Gets the capital letters from a name.
+ * @param name - The name to extract capitals from.
+ * @param separator - The separator to split the name (default is an empty string, which splits by each character).
+ * @returns {string[]} An array of capital letters from the name.
+ */
+declare const getCapitals: (name: string, separator?: string) => string[];
+/**
+ * Avatar component that displays user profile images, initials, or a default user icon.
+ * Supports loading states, authentication states, and accessibility features.
+ *
+ * @example
+ * ```tsx
+ * // With image
+ * <Avatar src="https://example.com/avatar.jpg" fullname="John Doe" />
+ *
+ * // With initials
+ * <Avatar fullname="John Doe" />
+ *
+ * // Clickable avatar
+ * <Avatar
+ *   fullname="John Doe"
+ *   onClick={(e) => console.log('Avatar clicked')}
+ * />
+ *
+ * // Loading state
+ * <Avatar isLoading fullname="John Doe" />
+ * ```
+ */
+declare const Avatar: FC<AvatarProps>;
+//#endregion
+export { Avatar, AvatarProps, getCapitals };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Avatar/index.tsx"],"sourcesContent":[],"mappings":";;;;;;AASA;AAA0C,UAAzB,WAAA,SAAoB,IAAK,CAAA,cAAA,CAAA,QAAA,CAAA,EAAA,SAAA,CAAA,CAAA;EAYL;EAAjB,GAAM,CAAA,EAAA,MAAA;EAZW;EAAI,QAAA,CAAA,EAAA,MAAA;EAmC5B;EAqEA,SAuIZ,CAAA,EAAA,OAAA;;;;;;oBAnOmB,KAAA,CAAM,WAAW;;;;;;;;;;;;cAuBxB;;;;;;;;;;;;;;;;;;;;;;;cAqEA,QAAQ,GAAG"}

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,111 @@
+import { HTMLAttributes } from "react";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/Badge/index.d.ts
+
+/**
+ * Badge color variants enum
+ * @description Defines the available color themes for the badge component
+ */
+declare enum BadgeColor {
+  PRIMARY = "primary",
+  SECONDARY = "secondary",
+  DESTRUCTIVE = "destructive",
+  SUCCESS = "success",
+  ERROR = "error",
+  NEUTRAL = "neutral",
+  LIGHT = "light",
+  DARK = "dark",
+  TEXT = "text",
+  CUSTOM = "custom",
+}
+/**
+ * Badge visual variants enum
+ * @description Defines the available visual styles for the badge component
+ */
+declare enum BadgeVariant {
+  DEFAULT = "default",
+  NONE = "none",
+  OUTLINE = "outline",
+  HOVERABLE = "hoverable",
+}
+/**
+ * Badge size variants enum
+ * @description Defines the available sizes for the badge component
+ */
+declare enum BadgeSize {
+  SMALL = "sm",
+  MEDIUM = "md",
+  LARGE = "lg",
+}
+/**
+ * Badge component variants using class-variance-authority
+ * @description Defines the styling variants for different badge combinations
+ */
+declare const badgeVariants: (props?: {
+  color?: BadgeColor;
+  variant?: BadgeVariant;
+  size?: BadgeSize;
+} & class_variance_authority_types6.ClassProp) => string;
+/**
+ * Badge component props interface
+ * @description Comprehensive props for the Badge component with accessibility and interactive features
+ */
+interface BadgeProps extends HTMLAttributes<HTMLElement> {
+  /** The content to display inside the badge */
+  children?: React.ReactNode;
+  /** Color theme variant */
+  color?: BadgeColor;
+  /** Visual style variant */
+  variant?: BadgeVariant;
+  /** Size of the badge */
+  size?: BadgeSize;
+  /** Whether the badge is clickable */
+  clickable?: boolean;
+  /** Whether the badge is dismissible (shows close button) */
+  dismissible?: boolean;
+  /** Click handler for the badge */
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+  /** Click handler for the dismiss button */
+  onDismiss?: () => void;
+  /** ARIA label for accessibility */
+  'aria-label'?: string;
+  /** Badge role for accessibility (default: 'status') */
+  role?: 'status' | 'button' | 'generic';
+  /** Whether badge should be focusable */
+  tabIndex?: number;
+}
+/**
+ * Utility type for badge variant props
+ */
+type BadgeVariantProps = VariantProps<typeof badgeVariants>;
+/**
+ * Badge component for displaying status indicators, labels, and notifications
+ *
+ * @description A flexible badge component that supports multiple visual styles, colors, and interactive features.
+ * It maintains accessibility standards and provides comprehensive customization options.
+ *
+ * @example
+ * ```tsx
+ * // Basic badge
+ * <Badge>New</Badge>
+ *
+ * // Colored badge
+ * <Badge color={BadgeColor.DESTRUCTIVE}>Error</Badge>
+ *
+ * // Clickable badge
+ * <Badge clickable onClick={() => console.log('clicked')}>
+ *   Clickable
+ * </Badge>
+ *
+ * // Dismissible badge
+ * <Badge dismissible onDismiss={() => console.log('dismissed')}>
+ *   Dismissible
+ * </Badge>
+ * ```
+ */
+declare const Badge: React.FC<BadgeProps>;
+//#endregion
+export { Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, badgeVariants };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Badge/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAQA;AAiBY,aAjBA,UAAA;EA4BA,OAAA,GAAA,SAAS;EAUR,SAAA,GAAA,WA6CZ;;;;;;EAMgB,IAAA,GAAA,MAAW;EAAuB,IAAA,GAAA,MAAA;EAEtC,MAAM,GAAA,QAAA;;;;;;AAFiB,aAxExB,YAAA;EAwEsC,OAAA,GAAA,SAAA;EA4BtC,IAAA,GAAA,MAAA;EA2BC,OAAA,GAsEZ,SAAA;;;;;;;aA1LW,SAAA;;;;;;;;;cAUC;;;;;;;;;UAmDI,UAAA,SAAmB,eAAe;;aAEtC,KAAA,CAAM;;UAET;;YAEE;;SAEH;;;;;;oBAMW,KAAA,CAAM,WAAW;;;;;;;;;;;;;KAczB,iBAAA,GAAoB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;cA2BvC,OAAO,KAAA,CAAM,GAAG"}

package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts

@@ -0,0 +1,55 @@
+import * as _intlayer_types292 from "@intlayer/types";
+
+//#region src/components/Breadcrumb/breadcrumb.content.d.ts
+declare const breadCrumbContent: {
+  key: string;
+  content: {
+    linkLabel: _intlayer_types292.TypedNodeModel<_intlayer_types292.NodeType.Translation, {
+      en: string;
+      fr: string;
+      es: string;
+      'en-GB': string;
+      de: string;
+      ja: string;
+      ko: string;
+      zh: string;
+      it: string;
+      pt: string;
+      hi: string;
+      ar: string;
+      ru: string;
+      tr: string;
+      pl: string;
+      id: string;
+      vi: string;
+    }, {
+      nodeType: _intlayer_types292.NodeType.Translation | "translation";
+    } & {
+      translation: {
+        en: string;
+        fr: string;
+        es: string;
+        'en-GB': string;
+        de: string;
+        ja: string;
+        ko: string;
+        zh: string;
+        it: string;
+        pt: string;
+        hi: string;
+        ar: string;
+        ru: string;
+        tr: string;
+        pl: string;
+        id: string;
+        vi: string;
+      };
+    }>;
+  };
+  title: string;
+  description: string;
+  tags: string[];
+};
+//#endregion
+export { breadCrumbContent, breadCrumbContent as default };
+//# sourceMappingURL=breadcrumb.content.d.ts.map

package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,SAAA,mCA2BS,0CAAA"}