@intlayer/design-system 8.11.3 → 8.12.0

package/dist/esm/api/hooks/project.mjs

@@ -157,6 +157,107 @@ const useTriggerWebhook = () => {
 		meta: { invalidateQueries: [["projects"]] }
 	});
 };
+const useAddEnvironment = () => {
+	const projectAPI = useProjectAPI();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationKey: ["projects", "environments"],
+		mutationFn: (args) => projectAPI.addEnvironment(args),
+		onSuccess: (data) => {
+			const session = queryClient.getQueryData(["session"]);
+			queryClient.setQueryData(["session"], {
+				...session ?? {},
+				project: {
+					...session?.project ?? {},
+					environments: data.data
+				}
+			});
+			queryClient.invalidateQueries({ queryKey: ["projects"] });
+		}
+	});
+};
+const useUpdateEnvironment = () => {
+	const projectAPI = useProjectAPI();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationKey: ["projects", "environments"],
+		mutationFn: ({ environmentId, ...body }) => projectAPI.updateEnvironment(environmentId, body),
+		onSuccess: (data) => {
+			const session = queryClient.getQueryData(["session"]);
+			queryClient.setQueryData(["session"], {
+				...session ?? {},
+				project: {
+					...session?.project ?? {},
+					environments: data.data
+				}
+			});
+			queryClient.invalidateQueries({ queryKey: ["projects"] });
+		}
+	});
+};
+const useDeleteEnvironment = () => {
+	const projectAPI = useProjectAPI();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationKey: ["projects", "environments"],
+		mutationFn: (environmentId) => projectAPI.deleteEnvironment(environmentId),
+		onSuccess: (data) => {
+			const session = queryClient.getQueryData(["session"]);
+			queryClient.setQueryData(["session"], {
+				...session ?? {},
+				project: {
+					...session?.project ?? {},
+					environments: data.data
+				}
+			});
+			queryClient.invalidateQueries({ queryKey: ["projects", "dictionaries"] });
+		}
+	});
+};
+const useSelectEnvironment = () => {
+	const projectAPI = useProjectAPI();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationKey: ["session-environment"],
+		mutationFn: (environmentId) => projectAPI.selectEnvironment(environmentId),
+		onSuccess: (data) => {
+			const session = queryClient.getQueryData(["session"]);
+			queryClient.setQueryData(["session"], {
+				...session ?? {},
+				environment: data.data
+			});
+			queryClient.invalidateQueries({ queryKey: ["dictionaries"] });
+		}
+	});
+};
+const useResetToProductionEnvironment = () => {
+	const projectAPI = useProjectAPI();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationKey: ["session-environment"],
+		mutationFn: () => projectAPI.resetToProductionEnvironment(),
+		onSuccess: (data) => {
+			const session = queryClient.getQueryData(["session"]);
+			queryClient.setQueryData(["session"], {
+				...session ?? {},
+				environment: data.data
+			});
+			queryClient.invalidateQueries({ queryKey: ["dictionaries"] });
+		}
+	});
+};
+const useMigrateEnvironment = () => {
+	const projectAPI = useProjectAPI();
+	return useMutation({
+		mutationKey: [
+			"projects",
+			"environments",
+			"migrate"
+		],
+		mutationFn: (args) => projectAPI.migrateEnvironment(args),
+		meta: { invalidateQueries: [["dictionaries"]] }
+	});
+};
 const useAddNewAccessKey = () => {
 	const projectAPI = useProjectAPI();
 	return useMutation({
@@ -181,7 +282,15 @@ const useRefreshAccessKey = () => {
 		meta: { invalidateQueries: [["session"]] }
 	});
 };
+const useUpdateMemberAccess = () => {
+	const projectAPI = useProjectAPI();
+	return useMutation({
+		mutationKey: ["projects", "member-access"],
+		mutationFn: ({ userId, ...body }) => projectAPI.updateMemberAccess(userId, body),
+		meta: { invalidateQueries: [["projects"], ["session"]] }
+	});
+};
 
 //#endregion
-export { useAddNewAccessKey, useAddProject, useDeleteAccessKey, useDeleteProject, useDeleteProjectById, useGetCIConfig, useGetProjects, usePushCIConfig, usePushProjectConfiguration, useRefreshAccessKey, useSelectProject, useTriggerBuild, useTriggerWebhook, useUnselectProject, useUpdateProject, useUpdateProjectMembers };
+export { useAddEnvironment, useAddNewAccessKey, useAddProject, useDeleteAccessKey, useDeleteEnvironment, useDeleteProject, useDeleteProjectById, useGetCIConfig, useGetProjects, useMigrateEnvironment, usePushCIConfig, usePushProjectConfiguration, useRefreshAccessKey, useResetToProductionEnvironment, useSelectEnvironment, useSelectProject, useTriggerBuild, useTriggerWebhook, useUnselectProject, useUpdateEnvironment, useUpdateMemberAccess, useUpdateProject, useUpdateProjectMembers };
 //# sourceMappingURL=project.mjs.map

package/dist/esm/api/hooks/project.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"project.mjs","names":[],"sources":["../../../../src/api/hooks/project.ts"],"sourcesContent":["'use client';\n\nimport type {\n  AddNewAccessKeyBody,\n  AddProjectBody,\n  DeleteAccessKeyBody,\n  GetProjectsParams,\n  PushProjectConfigurationBody,\n  RefreshAccessKeyBody,\n  SelectProjectParam,\n  UpdateProjectBody,\n  UpdateProjectMembersBody,\n} from '@intlayer/backend';\nimport {\n  type UseQueryOptions,\n  useMutation,\n  useQueryClient,\n} from '@tanstack/react-query';\nimport { useProjectAPI } from '../useIntlayerAPI';\nimport { useAppQuery } from './utils';\n\nexport const useGetProjects = (\n  filters?: GetProjectsParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const projectAPI = useProjectAPI();\n\n  return useAppQuery({\n    queryKey: ['projects', filters],\n    queryFn: ({ signal }) => projectAPI.getProjects(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    ...options,\n  });\n};\n\nexport const useAddProject = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: AddProjectBody) => projectAPI.addProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useUpdateProject = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectBody) => projectAPI.updateProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: data.data,\n      });\n    },\n  });\n};\n\nexport const usePushProjectConfiguration = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['project', 'push-configuration'],\n    mutationFn: (args: PushProjectConfigurationBody) =>\n      projectAPI.pushProjectConfiguration(args),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: data.data,\n      });\n    },\n  });\n};\n\nexport const useUpdateProjectMembers = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectMembersBody) =>\n      projectAPI.updateProjectMembers(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteProject = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: () => projectAPI.deleteProject(),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteProjectById = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (projectId: string) =>\n      projectAPI.deleteProjectByIdAdmin(projectId),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useSelectProject = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: (args: SelectProjectParam) => projectAPI.selectProject(args),\n    meta: {\n      invalidateQueries: [\n        ['session'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: data.data,\n      });\n    },\n  });\n};\n\nexport const useUnselectProject = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: () => projectAPI.unselectProject(),\n    meta: {\n      resetQueries: [\n        ['session'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: () => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: null,\n      });\n    },\n  });\n};\n\nexport const useGetCIConfig = (options?: Partial<UseQueryOptions>) => {\n  const projectAPI = useProjectAPI();\n\n  return useAppQuery({\n    queryKey: ['ci-config'],\n    queryFn: ({ signal }) => projectAPI.getCIConfig({ signal }),\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const usePushCIConfig = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['ci-config'],\n    mutationFn: () => projectAPI.pushCIConfig(),\n    meta: {\n      invalidateQueries: [['ci-config']],\n    },\n  });\n};\n\nexport const useTriggerBuild = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects', 'build'],\n    mutationFn: () => projectAPI.triggerBuild(),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useTriggerWebhook = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects', 'webhook'],\n    mutationFn: (webhookIndex: number) =>\n      projectAPI.triggerWebhook(webhookIndex),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useAddNewAccessKey = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['session', 'access-keys'],\n    mutationFn: (args: AddNewAccessKeyBody) => projectAPI.addNewAccessKey(args),\n    meta: {\n      invalidateQueries: [['session']],\n    },\n  });\n};\n\nexport const useDeleteAccessKey = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['session', 'access-keys'],\n    mutationFn: (args: DeleteAccessKeyBody) => projectAPI.deleteAccessKey(args),\n    meta: {\n      invalidateQueries: [['session']],\n    },\n  });\n};\n\nexport const useRefreshAccessKey = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['session', 'access-keys'],\n    mutationFn: (args: RefreshAccessKeyBody) =>\n      projectAPI.refreshAccessKey(args),\n    meta: {\n      invalidateQueries: [['session']],\n    },\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"project.mjs","names":[],"sources":["../../../../src/api/hooks/project.ts"],"sourcesContent":["'use client';\n\nimport type {\n  AddEnvironmentBody,\n  AddNewAccessKeyBody,\n  AddProjectBody,\n  DeleteAccessKeyBody,\n  GetProjectsParams,\n  MigrateEnvironmentBody,\n  PushProjectConfigurationBody,\n  RefreshAccessKeyBody,\n  SelectProjectParam,\n  UpdateEnvironmentBody,\n  UpdateMemberAccessBody,\n  UpdateProjectBody,\n  UpdateProjectMembersBody,\n} from '@intlayer/backend';\nimport {\n  type UseQueryOptions,\n  useMutation,\n  useQueryClient,\n} from '@tanstack/react-query';\nimport { useProjectAPI } from '../useIntlayerAPI';\nimport { useAppQuery } from './utils';\n\nexport const useGetProjects = (\n  filters?: GetProjectsParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const projectAPI = useProjectAPI();\n\n  return useAppQuery({\n    queryKey: ['projects', filters],\n    queryFn: ({ signal }) => projectAPI.getProjects(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    ...options,\n  });\n};\n\nexport const useAddProject = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: AddProjectBody) => projectAPI.addProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useUpdateProject = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectBody) => projectAPI.updateProject(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: data.data,\n      });\n    },\n  });\n};\n\nexport const usePushProjectConfiguration = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['project', 'push-configuration'],\n    mutationFn: (args: PushProjectConfigurationBody) =>\n      projectAPI.pushProjectConfiguration(args),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: data.data,\n      });\n    },\n  });\n};\n\nexport const useUpdateProjectMembers = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (args: UpdateProjectMembersBody) =>\n      projectAPI.updateProjectMembers(args),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteProject = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: () => projectAPI.deleteProject(),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useDeleteProjectById = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects'],\n    mutationFn: (projectId: string) =>\n      projectAPI.deleteProjectByIdAdmin(projectId),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useSelectProject = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: (args: SelectProjectParam) => projectAPI.selectProject(args),\n    meta: {\n      invalidateQueries: [\n        ['session'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: data.data,\n      });\n    },\n  });\n};\n\nexport const useUnselectProject = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-projects'],\n    mutationFn: () => projectAPI.unselectProject(),\n    meta: {\n      resetQueries: [\n        ['session'],\n        ['projects'],\n        ['dictionaries'],\n        ['tags'],\n        ['subscription'],\n        ['users'],\n      ],\n    },\n    onSuccess: () => {\n      const session = queryClient.getQueryData(['session']);\n\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: null,\n      });\n    },\n  });\n};\n\nexport const useGetCIConfig = (options?: Partial<UseQueryOptions>) => {\n  const projectAPI = useProjectAPI();\n\n  return useAppQuery({\n    queryKey: ['ci-config'],\n    queryFn: ({ signal }) => projectAPI.getCIConfig({ signal }),\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const usePushCIConfig = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['ci-config'],\n    mutationFn: () => projectAPI.pushCIConfig(),\n    meta: {\n      invalidateQueries: [['ci-config']],\n    },\n  });\n};\n\nexport const useTriggerBuild = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects', 'build'],\n    mutationFn: () => projectAPI.triggerBuild(),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useTriggerWebhook = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects', 'webhook'],\n    mutationFn: (webhookIndex: number) =>\n      projectAPI.triggerWebhook(webhookIndex),\n    meta: {\n      invalidateQueries: [['projects']],\n    },\n  });\n};\n\nexport const useAddEnvironment = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['projects', 'environments'],\n    mutationFn: (args: AddEnvironmentBody) => projectAPI.addEnvironment(args),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: {\n          ...((session as any)?.project ?? {}),\n          environments: data.data,\n        },\n      });\n      queryClient.invalidateQueries({ queryKey: ['projects'] });\n    },\n  });\n};\n\nexport const useUpdateEnvironment = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['projects', 'environments'],\n    mutationFn: ({\n      environmentId,\n      ...body\n    }: UpdateEnvironmentBody & { environmentId: string }) =>\n      projectAPI.updateEnvironment(environmentId, body),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: {\n          ...((session as any)?.project ?? {}),\n          environments: data.data,\n        },\n      });\n      queryClient.invalidateQueries({ queryKey: ['projects'] });\n    },\n  });\n};\n\nexport const useDeleteEnvironment = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['projects', 'environments'],\n    mutationFn: (environmentId: string) =>\n      projectAPI.deleteEnvironment(environmentId),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        project: {\n          ...((session as any)?.project ?? {}),\n          environments: data.data,\n        },\n      });\n      queryClient.invalidateQueries({ queryKey: ['projects', 'dictionaries'] });\n    },\n  });\n};\n\nexport const useSelectEnvironment = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-environment'],\n    mutationFn: (environmentId: string) =>\n      projectAPI.selectEnvironment(environmentId),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        environment: data.data,\n      });\n      queryClient.invalidateQueries({ queryKey: ['dictionaries'] });\n    },\n  });\n};\n\nexport const useResetToProductionEnvironment = () => {\n  const projectAPI = useProjectAPI();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ['session-environment'],\n    mutationFn: () => projectAPI.resetToProductionEnvironment(),\n    onSuccess: (data) => {\n      const session = queryClient.getQueryData(['session']);\n      queryClient.setQueryData(['session'], {\n        ...(session ?? {}),\n        environment: data.data,\n      });\n      queryClient.invalidateQueries({ queryKey: ['dictionaries'] });\n    },\n  });\n};\n\nexport const useMigrateEnvironment = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects', 'environments', 'migrate'],\n    mutationFn: (args: MigrateEnvironmentBody) =>\n      projectAPI.migrateEnvironment(args),\n    meta: {\n      invalidateQueries: [['dictionaries']],\n    },\n  });\n};\n\nexport const useAddNewAccessKey = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['session', 'access-keys'],\n    mutationFn: (args: AddNewAccessKeyBody) => projectAPI.addNewAccessKey(args),\n    meta: {\n      invalidateQueries: [['session']],\n    },\n  });\n};\n\nexport const useDeleteAccessKey = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['session', 'access-keys'],\n    mutationFn: (args: DeleteAccessKeyBody) => projectAPI.deleteAccessKey(args),\n    meta: {\n      invalidateQueries: [['session']],\n    },\n  });\n};\n\nexport const useRefreshAccessKey = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['session', 'access-keys'],\n    mutationFn: (args: RefreshAccessKeyBody) =>\n      projectAPI.refreshAccessKey(args),\n    meta: {\n      invalidateQueries: [['session']],\n    },\n  });\n};\n\nexport const useUpdateMemberAccess = () => {\n  const projectAPI = useProjectAPI();\n\n  return useMutation({\n    mutationKey: ['projects', 'member-access'],\n    mutationFn: ({\n      userId,\n      ...body\n    }: UpdateMemberAccessBody & { userId: string }) =>\n      projectAPI.updateMemberAccess(userId, body),\n    meta: {\n      invalidateQueries: [['projects'], ['session']],\n    },\n  });\n};\n"],"mappings":"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"}

package/dist/esm/api/hooks/utils.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { useAuth } from "../useAuth/useAuth.mjs";
-import { useQuery } from "@tanstack/react-query";
 import { useConfiguration } from "@intlayer/editor-react";
+import { useQuery } from "@tanstack/react-query";
 
 //#region src/api/hooks/utils.ts
 const useAuthEnable = ({ requireUser, requireProject, requireOrganization }) => {

package/dist/esm/api/index.mjs

@@ -13,7 +13,7 @@ import { useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetC
 import { useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects } from "./hooks/gitlab.mjs";
 import { useGetNewsletterStatus, useSubscribeToNewsletter, useUnsubscribeFromNewsletter } from "./hooks/newsletter.mjs";
 import { useAddOrganization, useAddOrganizationMember, useDeleteOrganization, useDeleteOrganizationById, useGetOrganizations, useSelectOrganization, useUnselectOrganization, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById } from "./hooks/organization.mjs";
-import { useAddNewAccessKey, useAddProject, useDeleteAccessKey, useDeleteProject, useDeleteProjectById, useGetCIConfig, useGetProjects, usePushCIConfig, usePushProjectConfiguration, useRefreshAccessKey, useSelectProject, useTriggerBuild, useTriggerWebhook, useUnselectProject, useUpdateProject, useUpdateProjectMembers } from "./hooks/project.mjs";
+import { useAddEnvironment, useAddNewAccessKey, useAddProject, useDeleteAccessKey, useDeleteEnvironment, useDeleteProject, useDeleteProjectById, useGetCIConfig, useGetProjects, useMigrateEnvironment, usePushCIConfig, usePushProjectConfiguration, useRefreshAccessKey, useResetToProductionEnvironment, useSelectEnvironment, useSelectProject, useTriggerBuild, useTriggerWebhook, useUnselectProject, useUpdateEnvironment, useUpdateMemberAccess, useUpdateProject, useUpdateProjectMembers } from "./hooks/project.mjs";
 import { useContactReviewer, useCreateMission, useDeleteReviewerProfile, useEstimateMission, useGetAdminReviewers, useGetChatHistory, useGetMissionById, useGetMyMissions, useGetMyReviewerProfile, useGetReviewerById, useGetReviewerMarketplace, useGetReviewerPriceDistribution, useGetReviewerReviews, useRegisterAsReviewer, useSendReviewerMessage, useSubmitReview, useUpdateMissionStatus, useUpdateReviewerProfile, useUploadReviewerCoverPicture, useUploadReviewerMainPicture, useValidateReviewerProfile } from "./hooks/reviewer.mjs";
 import { useSearchDoc } from "./hooks/search.mjs";
 import { useDeleteShowcaseProject, useGetOtherShowcaseProjects, useGetShowcaseProjectById, useGetShowcaseProjects, useSubmitShowcaseProject, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useUpdateShowcaseProject } from "./hooks/showcaseProject.mjs";
@@ -23,4 +23,4 @@ import { useFillAllTranslations, usePauseTranslationJob, useResumeTranslationJob
 import { useCreateUser, useDeleteUser, useGetUserById, useGetUsers, useUpdateUser, useUploadUserAvatar } from "./hooks/user.mjs";
 import { useUser } from "./useUser/index.mjs";
 
-export { useAcceptAffiliateInvitation, useAddDictionary, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddPasskey, useAddProject, useAddTag, useAiAPI, useAskDocQuestion, useAskResetPassword, useAuditAPI, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditScan, useAuditTag, useAuth, useAutocomplete, useBitbucketAPI, useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos, useCancelSubscription, useChangePassword, useChat, useContactReviewer, useCreateMission, useCreatePortalSession, useCreatePromoCode, useCreateUser, useDeleteAccessKey, useDeleteDictionary, useDeleteOrganization, useDeleteOrganizationById, useDeletePasskey, useDeleteProject, useDeleteProjectById, useDeletePromoCode, useDeleteReviewerProfile, useDeleteSSOProvider, useDeleteShowcaseProject, useDeleteTag, useDeleteUser, useDictionaryAPI, useDisableTwoFactor, useEditorAPI, useEnableTwoFactor, useEstimateMission, useFillAllTranslations, useGetAdminReviewers, useGetAffiliate, useGetAffiliateAccountSession, useGetAffiliateById, useGetAffiliateInvitation, useGetAffiliateInvitations, useGetAffiliateOnboardingLink, useGetAffiliatePromoCode, useGetAffiliateStats, useGetAffiliates, useGetCIConfig, useGetChatHistory, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetDiscussions, useGetDiscussionsData, useGetEditorDictionaries, useGetInvoices, useGetMissionById, useGetMyMissions, useGetMyReviewerProfile, useGetNewsletterStatus, useGetOrganizations, useGetOtherShowcaseProjects, useGetPaymentMethod, useGetPricing, useGetProjects, useGetPromoCodeById, useGetPromoCodes, useGetRecursiveAuditStatus, useGetReviewerById, useGetReviewerMarketplace, useGetReviewerPriceDistribution, useGetReviewerReviews, useGetShowcaseProjectById, useGetShowcaseProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUserById, useGetUsers, useGetVerifyEmailStatus, useGithubAPI, useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetConfigFile, useGithubRepos, useGithubToken, useGitlabAPI, useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects, useGrantAffiliateAccess, useInfiniteGetDictionaries, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useNewsletterAPI, useOAuth2, useOAuthAPI, useOrganizationAPI, usePauseTranslationJob, useProjectAPI, usePushCIConfig, usePushDictionaries, usePushProjectConfiguration, useRefreshAccessKey, useRegister, useRegisterAsReviewer, useRegisterSSO, useResetPassword, useResumeTranslationJob, useReviewerAPI, useSearchAPI, useSearchDoc, useSelectOrganization, useSelectProject, useSendAffiliateInvitation, useSendReviewerMessage, useSession, useShowcaseProjectAPI, useSignInMagicLink, useSignInPasskey, useSignInSSO, useStartRecursiveAudit, useStopTranslationJob, useStripeAPI, useSubmitReview, useSubmitShowcaseProject, useSubscribeToNewsletter, useTagAPI, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useTranslateAPI, useTranslateJSONDeclaration, useTriggerBuild, useTriggerWebhook, useUnlinkAccount, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateAffiliateStatus, useUpdateDictionary, useUpdateMissionStatus, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById, useUpdateProject, useUpdateProjectMembers, useUpdatePromoCode, useUpdateReviewerProfile, useUpdateShowcaseProject, useUpdateTag, useUpdateUser, useUploadReviewerCoverPicture, useUploadReviewerMainPicture, useUploadUserAvatar, useUser, useUserAPI, useValidateReviewerProfile, useVerifyBackupCode, useVerifyEmail, useVerifyTotp, useWriteDictionary };
+export { useAcceptAffiliateInvitation, useAddDictionary, useAddEnvironment, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddPasskey, useAddProject, useAddTag, useAiAPI, useAskDocQuestion, useAskResetPassword, useAuditAPI, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditScan, useAuditTag, useAuth, useAutocomplete, useBitbucketAPI, useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos, useCancelSubscription, useChangePassword, useChat, useContactReviewer, useCreateMission, useCreatePortalSession, useCreatePromoCode, useCreateUser, useDeleteAccessKey, useDeleteDictionary, useDeleteEnvironment, useDeleteOrganization, useDeleteOrganizationById, useDeletePasskey, useDeleteProject, useDeleteProjectById, useDeletePromoCode, useDeleteReviewerProfile, useDeleteSSOProvider, useDeleteShowcaseProject, useDeleteTag, useDeleteUser, useDictionaryAPI, useDisableTwoFactor, useEditorAPI, useEnableTwoFactor, useEstimateMission, useFillAllTranslations, useGetAdminReviewers, useGetAffiliate, useGetAffiliateAccountSession, useGetAffiliateById, useGetAffiliateInvitation, useGetAffiliateInvitations, useGetAffiliateOnboardingLink, useGetAffiliatePromoCode, useGetAffiliateStats, useGetAffiliates, useGetCIConfig, useGetChatHistory, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetDiscussions, useGetDiscussionsData, useGetEditorDictionaries, useGetInvoices, useGetMissionById, useGetMyMissions, useGetMyReviewerProfile, useGetNewsletterStatus, useGetOrganizations, useGetOtherShowcaseProjects, useGetPaymentMethod, useGetPricing, useGetProjects, useGetPromoCodeById, useGetPromoCodes, useGetRecursiveAuditStatus, useGetReviewerById, useGetReviewerMarketplace, useGetReviewerPriceDistribution, useGetReviewerReviews, useGetShowcaseProjectById, useGetShowcaseProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUserById, useGetUsers, useGetVerifyEmailStatus, useGithubAPI, useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetConfigFile, useGithubRepos, useGithubToken, useGitlabAPI, useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects, useGrantAffiliateAccess, useInfiniteGetDictionaries, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useMigrateEnvironment, useNewsletterAPI, useOAuth2, useOAuthAPI, useOrganizationAPI, usePauseTranslationJob, useProjectAPI, usePushCIConfig, usePushDictionaries, usePushProjectConfiguration, useRefreshAccessKey, useRegister, useRegisterAsReviewer, useRegisterSSO, useResetPassword, useResetToProductionEnvironment, useResumeTranslationJob, useReviewerAPI, useSearchAPI, useSearchDoc, useSelectEnvironment, useSelectOrganization, useSelectProject, useSendAffiliateInvitation, useSendReviewerMessage, useSession, useShowcaseProjectAPI, useSignInMagicLink, useSignInPasskey, useSignInSSO, useStartRecursiveAudit, useStopTranslationJob, useStripeAPI, useSubmitReview, useSubmitShowcaseProject, useSubscribeToNewsletter, useTagAPI, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useTranslateAPI, useTranslateJSONDeclaration, useTriggerBuild, useTriggerWebhook, useUnlinkAccount, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateAffiliateStatus, useUpdateDictionary, useUpdateEnvironment, useUpdateMemberAccess, useUpdateMissionStatus, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById, useUpdateProject, useUpdateProjectMembers, useUpdatePromoCode, useUpdateReviewerProfile, useUpdateShowcaseProject, useUpdateTag, useUpdateUser, useUploadReviewerCoverPicture, useUploadReviewerMainPicture, useUploadUserAvatar, useUser, useUserAPI, useValidateReviewerProfile, useVerifyBackupCode, useVerifyEmail, useVerifyTotp, useWriteDictionary };

package/dist/esm/api/useAuth/useOAuth2.mjs

@@ -1,9 +1,9 @@
 'use client';
 
-import { useQuery } from "@tanstack/react-query";
 import { editor } from "@intlayer/config/built";
-import { useConfiguration } from "@intlayer/editor-react";
 import { getOAuthAPI } from "@intlayer/api";
+import { useConfiguration } from "@intlayer/editor-react";
+import { useQuery } from "@tanstack/react-query";
 import { defu } from "defu";
 
 //#region src/api/useAuth/useOAuth2.ts

package/dist/esm/api/useAuth/useSession.mjs

@@ -1,9 +1,9 @@
 'use client';
 
 import { getAuthAPI } from "../../libs/auth.mjs";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { editor } from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 
 //#region src/api/useAuth/useSession.ts
 const useSession = (sessionProp, intlayerConfiguration) => {

package/dist/esm/api/useIntlayerAPI.mjs

@@ -2,7 +2,6 @@
 
 import { getAuthAPI } from "../libs/auth.mjs";
 import { useAuth } from "./useAuth/useAuth.mjs";
-import { useConfiguration } from "@intlayer/editor-react";
 import { getIntlayerAPI } from "@intlayer/api";
 import { getAiAPI } from "@intlayer/api/ai";
 import { getAuditAPI } from "@intlayer/api/audit";
@@ -22,6 +21,7 @@ import { getStripeAPI } from "@intlayer/api/stripe";
 import { getTagAPI } from "@intlayer/api/tag";
 import { getTranslateAPI } from "@intlayer/api/translate";
 import { getUserAPI } from "@intlayer/api/user";
+import { useConfiguration } from "@intlayer/editor-react";
 
 //#region src/api/useIntlayerAPI.ts
 const useIntlayerOAuthOptions = (props) => {

package/dist/esm/components/Accordion/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":[],"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { ChevronDown } from 'lucide-react';\nimport {\n  type FC,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useId,\n  useState,\n} from 'react';\nimport {\n  Button,\n  ButtonColor,\n  type ButtonProps,\n  ButtonVariant,\n} from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport interface AccordionProps\n  extends Omit<ButtonProps, 'children' | 'onToggle'> {\n  /** The content displayed in the accordion header */\n  header: ReactNode;\n  /** The collapsible content inside the accordion */\n  children: ReactNode;\n  /** Controls whether the accordion is open (controlled mode) */\n  isOpen?: boolean;\n  /** Default open state (uncontrolled mode) */\n  defaultIsOpen?: boolean;\n  /** Called when the accordion state changes */\n  onToggle?: (isOpen: boolean) => void;\n  /** Disable the accordion interaction */\n  disabled?: boolean;\n  /** Custom class for the content container */\n  contentClassName?: string;\n  /** Custom class for the header container */\n  headerClassName?: string;\n  /** Accessible label for screen readers */\n  'aria-label'?: string;\n  /** ID for the accordion content (for aria-controls) */\n  contentId?: string;\n}\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Accessible with proper ARIA attributes\n * - Keyboard navigation support\n * - Smooth animations for expand/collapse\n * - Customizable styling\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Controlled state for whether the content is expanded.\n * @param defaultIsOpen - Default open state for uncontrolled mode.\n * @param onToggle - Callback when the accordion state changes.\n * @param disabled - Whether the accordion is disabled.\n * @param contentClassName - Custom class for the content container.\n * @param headerClassName - Custom class for the header.\n * @param contentId - ID for the content (used for aria-controls).\n *\n * @example\n * // Uncontrolled mode\n * <Accordion header=\"Accordion Header\" defaultIsOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n * @example\n * // Controlled mode\n * <Accordion\n *   header=\"Controlled Accordion\"\n *   isOpen={isOpen}\n *   onToggle={setIsOpen}\n * >\n *   <p>Controlled content</p>\n * </Accordion>\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen,\n  defaultIsOpen = false,\n  onToggle,\n  onClick,\n  disabled = false,\n  contentClassName,\n  headerClassName,\n  contentId,\n  'aria-label': ariaLabel,\n  ...props\n}) => {\n  // Determine if we're in controlled or uncontrolled mode\n  const isControlled = isOpen !== undefined;\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen);\n  const id = useId();\n\n  // Use controlled value if provided, otherwise use internal state\n  const isExpandedState = isControlled ? isOpen : internalIsOpen;\n  const isHidden = !isExpandedState;\n\n  // Generate unique ID for content if not provided\n  const generatedContentId = contentId ?? `${id}-accordion-content`;\n\n  const handleToggle = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    const newIsOpen = !isExpandedState;\n\n    // Update internal state if uncontrolled\n    if (!isControlled) {\n      setInternalIsOpen(newIsOpen);\n    }\n\n    // Call external handlers\n    onToggle?.(newIsOpen);\n    onClick?.(e);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    // Enter and Space should toggle the accordion\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      handleToggle(e as any);\n    }\n  };\n\n  return (\n    <div className=\"w-full\">\n      <Button\n        variant=\"hoverable\"\n        color=\"text\"\n        onClick={handleToggle}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n        isFullWidth\n        className={cn(\n          'flex items-center justify-between gap-2',\n          headerClassName\n        )}\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isExpandedState ? 'rotate-0' : '-rotate-180'\n        )}\n        aria-expanded={isExpandedState}\n        aria-controls={generatedContentId}\n        aria-label={ariaLabel}\n        role=\"button\"\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        id={generatedContentId}\n        tabIndex={isHidden ? -1 : undefined}\n        isHidden={isHidden}\n        className={contentClassName}\n        role=\"region\"\n        aria-labelledby={generatedContentId}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA,MAAa,aAAiC,EAC5C,UACA,QACA,QACA,gBAAgB,OAChB,UACA,SACA,WAAW,OACX,kBACA,iBACA,WACA,cAAc,WACd,GAAG,YACC;CAEJ,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,aAAa;CAClE,MAAM,KAAK,MAAM;CAGjB,MAAM,kBAAkB,eAAe,SAAS;CAChD,MAAM,WAAW,CAAC;CAGlB,MAAM,qBAAqB,aAAa,GAAG,GAAG;CAE9C,MAAM,gBAAgB,MAAqC;EACzD,IAAI,UAAU;EAEd,MAAM,YAAY,CAAC;EAGnB,IAAI,CAAC,cACH,kBAAkB,SAAS;EAI7B,WAAW,SAAS;EACpB,UAAU,CAAC;CACb;CAEA,MAAM,iBAAiB,MAAwC;EAE7D,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,aAAa,CAAQ;EACvB;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,WAAW;GACD;GACV;GACA,WAAW,GACT,2CACA,eACF;GACA,WAAW;GACX,eAAe,GACb,2DACA,kBAAkB,aAAa,aACjC;GACA,iBAAe;GACf,iBAAe;GACf,cAAY;GACZ,MAAK;GACL,GAAI;aAEH;EACK,IAER,oBAAC,mBAAD;GACE,IAAI;GACJ,UAAU,WAAW,KAAK;GAChB;GACV,WAAW;GACX,MAAK;GACL,mBAAiB;GAEhB;EACgB,EAChB;;AAET"}
+{"version":3,"file":"Accordion.mjs","names":[],"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@utils/cn';\nimport { ChevronDown } from 'lucide-react';\nimport {\n  type FC,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useId,\n  useState,\n} from 'react';\nimport { Button, type ButtonProps } from '../Button';\nimport { MaxHeightSmoother } from '../MaxHeightSmoother';\n\nexport interface AccordionProps\n  extends Omit<ButtonProps, 'children' | 'onToggle'> {\n  /** The content displayed in the accordion header */\n  header: ReactNode;\n  /** The collapsible content inside the accordion */\n  children: ReactNode;\n  /** Controls whether the accordion is open (controlled mode) */\n  isOpen?: boolean;\n  /** Default open state (uncontrolled mode) */\n  defaultIsOpen?: boolean;\n  /** Called when the accordion state changes */\n  onToggle?: (isOpen: boolean) => void;\n  /** Disable the accordion interaction */\n  disabled?: boolean;\n  /** Custom class for the content container */\n  contentClassName?: string;\n  /** Custom class for the header container */\n  headerClassName?: string;\n  /** Accessible label for screen readers */\n  'aria-label'?: string;\n  /** ID for the accordion content (for aria-controls) */\n  contentId?: string;\n}\n\n/**\n * Accordion component that allows the user to expand and collapse content.\n * It provides a header with a chevron icon that controls the visibility of the content.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Accessible with proper ARIA attributes\n * - Keyboard navigation support\n * - Smooth animations for expand/collapse\n * - Customizable styling\n *\n * @param header - The content of the header.\n * @param children - The content to be expanded and collapsed.\n * @param isOpen - Controlled state for whether the content is expanded.\n * @param defaultIsOpen - Default open state for uncontrolled mode.\n * @param onToggle - Callback when the accordion state changes.\n * @param disabled - Whether the accordion is disabled.\n * @param contentClassName - Custom class for the content container.\n * @param headerClassName - Custom class for the header.\n * @param contentId - ID for the content (used for aria-controls).\n *\n * @example\n * // Uncontrolled mode\n * <Accordion header=\"Accordion Header\" defaultIsOpen={true}>\n *   <p>Accordion content</p>\n * </Accordion>\n *\n * @example\n * // Controlled mode\n * <Accordion\n *   header=\"Controlled Accordion\"\n *   isOpen={isOpen}\n *   onToggle={setIsOpen}\n * >\n *   <p>Controlled content</p>\n * </Accordion>\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  header,\n  isOpen,\n  defaultIsOpen = false,\n  onToggle,\n  onClick,\n  disabled = false,\n  contentClassName,\n  headerClassName,\n  contentId,\n  'aria-label': ariaLabel,\n  ...props\n}) => {\n  // Determine if we're in controlled or uncontrolled mode\n  const isControlled = isOpen !== undefined;\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen);\n  const id = useId();\n\n  // Use controlled value if provided, otherwise use internal state\n  const isExpandedState = isControlled ? isOpen : internalIsOpen;\n  const isHidden = !isExpandedState;\n\n  // Generate unique ID for content if not provided\n  const generatedContentId = contentId ?? `${id}-accordion-content`;\n\n  const handleToggle = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    const newIsOpen = !isExpandedState;\n\n    // Update internal state if uncontrolled\n    if (!isControlled) {\n      setInternalIsOpen(newIsOpen);\n    }\n\n    // Call external handlers\n    onToggle?.(newIsOpen);\n    onClick?.(e);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    // Enter and Space should toggle the accordion\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      handleToggle(e as any);\n    }\n  };\n\n  return (\n    <div className=\"w-full\">\n      <Button\n        variant=\"hoverable\"\n        color=\"text\"\n        onClick={handleToggle}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n        isFullWidth\n        className={cn(\n          'flex items-center justify-between gap-2',\n          headerClassName\n        )}\n        IconRight={ChevronDown}\n        iconClassName={cn(\n          'transform transition-transform duration-500 ease-in-out',\n          isExpandedState ? 'rotate-0' : '-rotate-180'\n        )}\n        aria-expanded={isExpandedState}\n        aria-controls={generatedContentId}\n        aria-label={ariaLabel}\n        role=\"button\"\n        {...props}\n      >\n        {header}\n      </Button>\n\n      <MaxHeightSmoother\n        id={generatedContentId}\n        tabIndex={isHidden ? -1 : undefined}\n        isHidden={isHidden}\n        className={contentClassName}\n        role=\"region\"\n        aria-labelledby={generatedContentId}\n      >\n        {children}\n      </MaxHeightSmoother>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA,MAAa,aAAiC,EAC5C,UACA,QACA,QACA,gBAAgB,OAChB,UACA,SACA,WAAW,OACX,kBACA,iBACA,WACA,cAAc,WACd,GAAG,YACC;CAEJ,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,aAAa;CAClE,MAAM,KAAK,MAAM;CAGjB,MAAM,kBAAkB,eAAe,SAAS;CAChD,MAAM,WAAW,CAAC;CAGlB,MAAM,qBAAqB,aAAa,GAAG,GAAG;CAE9C,MAAM,gBAAgB,MAAqC;EACzD,IAAI,UAAU;EAEd,MAAM,YAAY,CAAC;EAGnB,IAAI,CAAC,cACH,kBAAkB,SAAS;EAI7B,WAAW,SAAS;EACpB,UAAU,CAAC;CACb;CAEA,MAAM,iBAAiB,MAAwC;EAE7D,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;GACtC,EAAE,eAAe;GACjB,aAAa,CAAQ;EACvB;CACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,WAAW;GACD;GACV;GACA,WAAW,GACT,2CACA,eACF;GACA,WAAW;GACX,eAAe,GACb,2DACA,kBAAkB,aAAa,aACjC;GACA,iBAAe;GACf,iBAAe;GACf,cAAY;GACZ,MAAK;GACL,GAAI;aAEH;EACK,IAER,oBAAC,mBAAD;GACE,IAAI;GACJ,UAAU,WAAW,KAAK;GAChB;GACV,WAAW;GACX,MAAK;GACL,mBAAiB;GAEhB;EACgB,EAChB;;AAET"}

package/dist/esm/components/Badge/index.mjs

@@ -4,69 +4,32 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Badge/index.tsx
 /**
-* Badge color variants enum
-* @description Defines the available color themes for the badge component
-*/
-let BadgeColor = /* @__PURE__ */ function(BadgeColor) {
-	BadgeColor["PRIMARY"] = "primary";
-	BadgeColor["SECONDARY"] = "secondary";
-	BadgeColor["SUCCESS"] = "success";
-	BadgeColor["ERROR"] = "error";
-	BadgeColor["NEUTRAL"] = "neutral";
-	BadgeColor["LIGHT"] = "light";
-	BadgeColor["DARK"] = "dark";
-	BadgeColor["TEXT"] = "text";
-	BadgeColor["CUSTOM"] = "custom";
-	return BadgeColor;
-}({});
-/**
-* Badge visual variants enum
-* @description Defines the available visual styles for the badge component
-*/
-let BadgeVariant = /* @__PURE__ */ function(BadgeVariant) {
-	BadgeVariant["DEFAULT"] = "default";
-	BadgeVariant["NONE"] = "none";
-	BadgeVariant["OUTLINE"] = "outline";
-	BadgeVariant["HOVERABLE"] = "hoverable";
-	return BadgeVariant;
-}({});
-/**
-* Badge size variants enum
-* @description Defines the available sizes for the badge component
-*/
-let BadgeSize = /* @__PURE__ */ function(BadgeSize) {
-	BadgeSize["SMALL"] = "sm";
-	BadgeSize["MEDIUM"] = "md";
-	BadgeSize["LARGE"] = "lg";
-	return BadgeSize;
-}({});
-/**
 * Badge component variants using class-variance-authority
 * @description Defines the styling variants for different badge combinations
 */
 const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", {
 	variants: {
 		color: {
-			[`primary`]: "border-primary bg-primary text-primary hover:bg-primary-500",
-			[`secondary`]: "border-secondary bg-secondary text-secondary hover:bg-secondary-300",
-			[`success`]: "border-success bg-success text-success hover:bg-success-500",
-			[`error`]: "border-error bg-error text-error hover:bg-error-500",
-			[`neutral`]: "border-neutral bg-neutral text-neutral hover:bg-neutral-600",
-			[`light`]: "border-white bg-white text-white hover:bg-neutral-500",
-			[`dark`]: "border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900",
-			[`text`]: "border-text bg-text text-text hover:opacity-80",
-			[`custom`]: ""
+			primary: "border-primary bg-primary text-primary hover:bg-primary-500",
+			secondary: "border-secondary bg-secondary text-secondary hover:bg-secondary-300",
+			success: "border-success bg-success text-success hover:bg-success-500",
+			error: "border-error bg-error text-error hover:bg-error-500",
+			neutral: "border-neutral bg-neutral text-neutral hover:bg-neutral-600",
+			light: "border-white bg-white text-white hover:bg-neutral-500",
+			dark: "border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900",
+			text: "border-text bg-text text-text hover:opacity-80",
+			custom: ""
 		},
 		variant: {
-			[`default`]: "rounded-lg text-text-opposite",
-			[`none`]: "border-none bg-opacity-0 text-inherit hover:bg-opacity-0",
-			[`outline`]: "rounded-lg border-[1.3px] bg-opacity-0 hover:bg-opacity-30",
-			[`hoverable`]: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10"
+			default: "rounded-lg text-text-opposite",
+			none: "border-none bg-opacity-0 text-inherit hover:bg-opacity-0",
+			outline: "rounded-lg border-[1.3px] bg-opacity-0 hover:bg-opacity-30",
+			hoverable: "rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10"
 		},
 		size: {
-			[`sm`]: "px-2 py-0.5 text-xs",
-			[`md`]: "px-2.5 py-0.5 text-xs",
-			[`lg`]: "px-3 py-1 text-sm"
+			sm: "px-2 py-0.5 text-xs",
+			md: "px-2.5 py-0.5 text-xs",
+			lg: "px-3 py-1 text-sm"
 		}
 	},
 	defaultVariants: {
@@ -87,7 +50,7 @@ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-
 * <Badge>New</Badge>
 *
 * // Colored badge
-* <Badge color={BadgeColor.ERROR}>Error</Badge>
+* <Badge color="error">Error</Badge>
 *
 * // Clickable badge
 * <Badge clickable onClick={() => console.log('clicked')}>
@@ -145,5 +108,5 @@ const Badge = ({ className, variant = "default", color = "primary", size = "md",
 };
 
 //#endregion
-export { Badge, BadgeColor, BadgeSize, BadgeVariant, badgeVariants };
+export { Badge, badgeVariants };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/components/Badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\n\n/**\n * Badge color variants enum\n * @description Defines the available color themes for the badge component\n */\nexport enum BadgeColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  SUCCESS = 'success',\n  ERROR = 'error',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  DARK = 'dark',\n  TEXT = 'text',\n  CUSTOM = 'custom',\n}\n\n/**\n * Badge visual variants enum\n * @description Defines the available visual styles for the badge component\n */\nexport enum BadgeVariant {\n  DEFAULT = 'default',\n  NONE = 'none',\n  OUTLINE = 'outline',\n  HOVERABLE = 'hoverable',\n}\n\n/**\n * Badge size variants enum\n * @description Defines the available sizes for the badge component\n */\nexport enum BadgeSize {\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n}\n\n/**\n * Badge component variants using class-variance-authority\n * @description Defines the styling variants for different badge combinations\n */\nexport const badgeVariants = cva(\n  'inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        [`${BadgeColor.PRIMARY}`]:\n          'border-primary bg-primary text-primary hover:bg-primary-500',\n        [`${BadgeColor.SECONDARY}`]:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300',\n        [`${BadgeColor.SUCCESS}`]:\n          'border-success bg-success text-success hover:bg-success-500',\n        [`${BadgeColor.ERROR}`]:\n          'border-error bg-error text-error hover:bg-error-500',\n        [`${BadgeColor.NEUTRAL}`]:\n          'border-neutral bg-neutral text-neutral hover:bg-neutral-600',\n        [`${BadgeColor.LIGHT}`]:\n          'border-white bg-white text-white hover:bg-neutral-500',\n        [`${BadgeColor.DARK}`]:\n          'border-neutral-800 bg-neutral-800 text-neutral-800 hover:bg-neutral-900',\n        [`${BadgeColor.TEXT}`]:\n          'border-text bg-text text-text hover:opacity-80',\n        [`${BadgeColor.CUSTOM}`]: '',\n      },\n      variant: {\n        [`${BadgeVariant.DEFAULT}`]: 'rounded-lg text-text-opposite',\n        [`${BadgeVariant.NONE}`]:\n          'border-none bg-opacity-0 text-inherit hover:bg-opacity-0',\n        [`${BadgeVariant.OUTLINE}`]:\n          'rounded-lg border-[1.3px] bg-opacity-0 hover:bg-opacity-30',\n        [`${BadgeVariant.HOVERABLE}`]:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10',\n      },\n      size: {\n        [`${BadgeSize.SMALL}`]: 'px-2 py-0.5 text-xs',\n        [`${BadgeSize.MEDIUM}`]: 'px-2.5 py-0.5 text-xs',\n        [`${BadgeSize.LARGE}`]: 'px-3 py-1 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: BadgeVariant.DEFAULT,\n      color: BadgeColor.PRIMARY,\n      size: BadgeSize.MEDIUM,\n    },\n  }\n);\n\n/**\n * Badge component props interface\n * @description Comprehensive props for the Badge component with accessibility and interactive features\n */\nexport type BadgeProps = HTMLAttributes<HTMLElement> & {\n  /** The content to display inside the badge */\n  children?: React.ReactNode;\n  /** Color theme variant */\n  color?: BadgeColor | `${BadgeColor}`;\n  /** Visual style variant */\n  variant?: BadgeVariant | `${BadgeVariant}`;\n  /** Size of the badge */\n  size?: BadgeSize | `${BadgeSize}`;\n  /** Whether the badge is clickable */\n  clickable?: boolean;\n  /** Whether the badge is dismissible (shows close button) */\n  dismissible?: boolean;\n  /** Click handler for the badge */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Click handler for the dismiss button */\n  onDismiss?: () => void;\n  /** ARIA label for accessibility */\n  'aria-label'?: string;\n  /** Badge role for accessibility (default: 'status') */\n  role?: 'status' | 'button' | 'generic';\n  /** Whether badge should be focusable */\n  tabIndex?: number;\n};\n\n/**\n * Utility type for badge variant props\n */\nexport type BadgeVariantProps = VariantProps<typeof badgeVariants>;\n\n/**\n * Badge component for displaying status indicators, labels, and notifications\n *\n * @description A flexible badge component that supports multiple visual styles, colors, and interactive features.\n * It maintains accessibility standards and provides comprehensive customization options.\n *\n * @example\n * ```tsx\n * // Basic badge\n * <Badge>New</Badge>\n *\n * // Colored badge\n * <Badge color={BadgeColor.ERROR}>Error</Badge>\n *\n * // Clickable badge\n * <Badge clickable onClick={() => console.log('clicked')}>\n *   Clickable\n * </Badge>\n *\n * // Dismissible badge\n * <Badge dismissible onDismiss={() => console.log('dismissed')}>\n *   Dismissible\n * </Badge>\n * ```\n */\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  variant = BadgeVariant.DEFAULT,\n  color = BadgeColor.PRIMARY,\n  size = BadgeSize.MEDIUM,\n  children,\n  clickable = false,\n  dismissible = false,\n  onClick,\n  onDismiss,\n  role,\n  tabIndex,\n  'aria-label': ariaLabel,\n  ...props\n}) => {\n  const Component = clickable ? 'button' : 'span';\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (clickable && onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event as any);\n    }\n  };\n\n  const handleDismiss = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <Component\n      className={cn(\n        badgeVariants({ variant, color, size }),\n        clickable &&\n          'cursor-pointer hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2',\n        dismissible && 'pr-1',\n        className\n      )}\n      onClick={clickable ? onClick : undefined}\n      onKeyDown={clickable ? handleKeyDown : undefined}\n      role={role || (clickable ? 'button' : 'status')}\n      tabIndex={clickable ? (tabIndex ?? 0) : tabIndex}\n      aria-label={ariaLabel || (clickable ? `${children} button` : undefined)}\n      {...props}\n    >\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          className=\"ml-1 inline-flex h-4 w-4 items-center justify-center rounded-full hover:bg-black/10 focus:outline-none focus:ring-1 focus:ring-offset-1\"\n          onClick={handleDismiss}\n          aria-label={`Remove ${children} badge`}\n        >\n          <svg\n            className=\"size-3\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n            aria-label=\"Remove badge\"\n          >\n            <title>Remove badge</title>\n            <path\n              fillRule=\"evenodd\"\n              d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n        </button>\n      )}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,IAAY,aAAL;CACL;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;;AACF;;;;;AAMA,IAAY,eAAL;CACL;CACA;CACA;CACA;;AACF;;;;;AAMA,IAAY,YAAL;CACL;CACA;CACA;;AACF;;;;;AAMA,MAAa,gBAAgB,IAC3B,0KACA;CACE,UAAU;EACR,OAAO;IACJ,YACC;IACD,cACC;IACD,YACC;IACD,UACC;IACD,YACC;IACD,UACC;IACD,SACC;IACD,SACC;IACD,WAAyB;EAC5B;EACA,SAAS;IACN,YAA4B;IAC5B,SACC;IACD,YACC;IACD,cACC;EACJ;EACA,MAAM;IACH,OAAuB;IACvB,OAAwB;IACxB,OAAuB;EAC1B;CACF;CACA,iBAAiB;EACf;EACA;EACA;CACF;AACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAa,SAA+B,EAC1C,WACA,qBACA,mBACA,aACA,UACA,YAAY,OACZ,cAAc,OACd,SACA,WACA,MACA,UACA,cAAc,WACd,GAAG,YACC;CACJ,MAAM,YAAY,YAAY,WAAW;CAEzC,MAAM,iBAAiB,UAA4C;EACjE,IAAI,aAAa,YAAY,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;GACxE,MAAM,eAAe;GACrB,QAAQ,KAAY;EACtB;CACF;CAEA,MAAM,iBAAiB,UAA4B;EACjD,MAAM,gBAAgB;EACtB,YAAY;CACd;CAEA,OACE,qBAAC,WAAD;EACE,WAAW,GACT,cAAc;GAAE;GAAS;GAAO;EAAK,CAAC,GACtC,aACE,oFACF,eAAe,QACf,SACF;EACA,SAAS,YAAY,UAAU;EAC/B,WAAW,YAAY,gBAAgB;EACvC,MAAM,SAAS,YAAY,WAAW;EACtC,UAAU,YAAa,YAAY,IAAK;EACxC,cAAY,cAAc,YAAY,GAAG,SAAS,WAAW;EAC7D,GAAI;YAbN,CAeG,UACA,eACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAU;GACV,SAAS;GACT,cAAY,UAAU,SAAS;aAE/B,qBAAC,OAAD;IACE,WAAU;IACV,SAAQ;IACR,MAAK;IACL,cAAW;cAJb,CAME,oBAAC,SAAD,YAAO,eAAmB,IAC1B,oBAAC,QAAD;KACE,UAAS;KACT,GAAE;KACF,UAAS;IACV,EACE;;EACC,EAED;;AAEf"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Badge/index.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { HTMLAttributes } from 'react';\n\n/**\n * Badge color variants enum\n * @description Defines the available color themes for the badge component\n */\nexport type BadgeColor =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'error'\n  | 'neutral'\n  | 'light'\n  | 'dark'\n  | 'text'\n  | 'custom';\n\n/**\n * Badge visual variants enum\n * @description Defines the available visual styles for the badge component\n */\nexport type BadgeVariant = 'default' | 'none' | 'outline' | 'hoverable';\n\n/**\n * Badge size variants enum\n * @description Defines the available sizes for the badge component\n */\nexport type BadgeSize = 'sm' | 'md' | 'lg';\n\n/**\n * Badge component variants using class-variance-authority\n * @description Defines the styling variants for different badge combinations\n */\nexport const badgeVariants = cva(\n  'inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      color: {\n        primary: 'border-primary bg-primary text-primary hover:bg-primary-500',\n        secondary:\n          'border-secondary bg-secondary text-secondary hover:bg-secondary-300',\n        success: 'border-success bg-success text-success hover:bg-success-500',\n        error: 'border-error bg-error text-error hover:bg-error-500',\n        neutral: 'border-neutral bg-neutral text-neutral hover:bg-neutral-600',\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',\n        text: 'border-text bg-text text-text hover:opacity-80',\n        custom: '',\n      },\n      variant: {\n        default: 'rounded-lg text-text-opposite',\n        none: 'border-none bg-opacity-0 text-inherit hover:bg-opacity-0',\n        outline: 'rounded-lg border-[1.3px] bg-opacity-0 hover:bg-opacity-30',\n        hoverable:\n          'rounded-lg border-none bg-opacity-0 transition hover:bg-opacity-10',\n      },\n      size: {\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2.5 py-0.5 text-xs',\n        lg: 'px-3 py-1 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      size: 'md',\n    },\n  }\n);\n\n/**\n * Badge component props interface\n * @description Comprehensive props for the Badge component with accessibility and interactive features\n */\nexport type BadgeProps = HTMLAttributes<HTMLElement> & {\n  /** The content to display inside the badge */\n  children?: React.ReactNode;\n  /** Color theme variant */\n  color?: BadgeColor | `${BadgeColor}`;\n  /** Visual style variant */\n  variant?: BadgeVariant | `${BadgeVariant}`;\n  /** Size of the badge */\n  size?: BadgeSize | `${BadgeSize}`;\n  /** Whether the badge is clickable */\n  clickable?: boolean;\n  /** Whether the badge is dismissible (shows close button) */\n  dismissible?: boolean;\n  /** Click handler for the badge */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Click handler for the dismiss button */\n  onDismiss?: () => void;\n  /** ARIA label for accessibility */\n  'aria-label'?: string;\n  /** Badge role for accessibility (default: 'status') */\n  role?: 'status' | 'button' | 'generic';\n  /** Whether badge should be focusable */\n  tabIndex?: number;\n};\n\n/**\n * Utility type for badge variant props\n */\nexport type BadgeVariantProps = VariantProps<typeof badgeVariants>;\n\n/**\n * Badge component for displaying status indicators, labels, and notifications\n *\n * @description A flexible badge component that supports multiple visual styles, colors, and interactive features.\n * It maintains accessibility standards and provides comprehensive customization options.\n *\n * @example\n * ```tsx\n * // Basic badge\n * <Badge>New</Badge>\n *\n * // Colored badge\n * <Badge color=\"error\">Error</Badge>\n *\n * // Clickable badge\n * <Badge clickable onClick={() => console.log('clicked')}>\n *   Clickable\n * </Badge>\n *\n * // Dismissible badge\n * <Badge dismissible onDismiss={() => console.log('dismissed')}>\n *   Dismissible\n * </Badge>\n * ```\n */\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  variant = 'default',\n  color = 'primary',\n  size = 'md',\n  children,\n  clickable = false,\n  dismissible = false,\n  onClick,\n  onDismiss,\n  role,\n  tabIndex,\n  'aria-label': ariaLabel,\n  ...props\n}) => {\n  const Component = clickable ? 'button' : 'span';\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (clickable && onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event as any);\n    }\n  };\n\n  const handleDismiss = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <Component\n      className={cn(\n        badgeVariants({ variant, color, size }),\n        clickable &&\n          'cursor-pointer hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2',\n        dismissible && 'pr-1',\n        className\n      )}\n      onClick={clickable ? onClick : undefined}\n      onKeyDown={clickable ? handleKeyDown : undefined}\n      role={role || (clickable ? 'button' : 'status')}\n      tabIndex={clickable ? (tabIndex ?? 0) : tabIndex}\n      aria-label={ariaLabel || (clickable ? `${children} button` : undefined)}\n      {...props}\n    >\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          className=\"ml-1 inline-flex h-4 w-4 items-center justify-center rounded-full hover:bg-black/10 focus:outline-none focus:ring-1 focus:ring-offset-1\"\n          onClick={handleDismiss}\n          aria-label={`Remove ${children} badge`}\n        >\n          <svg\n            className=\"size-3\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n            aria-label=\"Remove badge\"\n          >\n            <title>Remove badge</title>\n            <path\n              fillRule=\"evenodd\"\n              d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n        </button>\n      )}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;AAmCA,MAAa,gBAAgB,IAC3B,0KACA;CACE,UAAU;EACR,OAAO;GACL,SAAS;GACT,WACE;GACF,SAAS;GACT,OAAO;GACP,SAAS;GACT,OAAO;GACP,MAAM;GACN,MAAM;GACN,QAAQ;EACV;EACA,SAAS;GACP,SAAS;GACT,MAAM;GACN,SAAS;GACT,WACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,MAAM;CACR;AACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAa,SAA+B,EAC1C,WACA,UAAU,WACV,QAAQ,WACR,OAAO,MACP,UACA,YAAY,OACZ,cAAc,OACd,SACA,WACA,MACA,UACA,cAAc,WACd,GAAG,YACC;CACJ,MAAM,YAAY,YAAY,WAAW;CAEzC,MAAM,iBAAiB,UAA4C;EACjE,IAAI,aAAa,YAAY,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;GACxE,MAAM,eAAe;GACrB,QAAQ,KAAY;EACtB;CACF;CAEA,MAAM,iBAAiB,UAA4B;EACjD,MAAM,gBAAgB;EACtB,YAAY;CACd;CAEA,OACE,qBAAC,WAAD;EACE,WAAW,GACT,cAAc;GAAE;GAAS;GAAO;EAAK,CAAC,GACtC,aACE,oFACF,eAAe,QACf,SACF;EACA,SAAS,YAAY,UAAU;EAC/B,WAAW,YAAY,gBAAgB;EACvC,MAAM,SAAS,YAAY,WAAW;EACtC,UAAU,YAAa,YAAY,IAAK;EACxC,cAAY,cAAc,YAAY,GAAG,SAAS,WAAW;EAC7D,GAAI;YAbN,CAeG,UACA,eACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAU;GACV,SAAS;GACT,cAAY,UAAU,SAAS;aAE/B,qBAAC,OAAD;IACE,WAAU;IACV,SAAQ;IACR,MAAK;IACL,cAAW;cAJb,CAME,oBAAC,SAAD,YAAO,eAAmB,IAC1B,oBAAC,QAAD;KACE,UAAS;KACT,GAAE;KACF,UAAS;IACV,EACE;;EACC,EAED;;AAEf"}

package/dist/esm/components/Breadcrumb/index.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { Button, ButtonVariant } from "../Button/Button.mjs";
-import { Link, LinkColor } from "../Link/Link.mjs";
+import { Button } from "../Button/Button.mjs";
+import { Link } from "../Link/Link.mjs";
 import { Fragment, createElement } from "react";
 import { cva } from "class-variance-authority";
 import { ChevronRightIcon } from "lucide-react";
@@ -17,16 +17,16 @@ import { useIntlayer } from "react-intlayer";
 const getColorClass = (color) => {
 	if (!color) return "";
 	return {
-		["primary"]: "text-primary",
-		["secondary"]: "text-secondary",
-		["neutral"]: "text-neutral",
-		["light"]: "text-white",
-		["dark"]: "text-neutral-800",
-		["text"]: "text-text",
-		["text-inverse"]: "text-text-opposite",
-		["error"]: "text-error",
-		["success"]: "text-success",
-		["custom"]: ""
+		primary: "text-primary",
+		secondary: "text-secondary",
+		neutral: "text-neutral",
+		light: "text-white",
+		dark: "text-neutral-800",
+		text: "text-text",
+		"text-inverse": "text-text-opposite",
+		error: "text-error",
+		success: "text-success",
+		custom: ""
 	}[color] || "";
 };
 /**

package/dist/esm/components/Breadcrumb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { getIntlayer } from 'intlayer';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { type FC, Fragment, type HTMLAttributes, type ReactNode } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Button, type ButtonProps, ButtonVariant } from '../Button';\nimport { Link, LinkColor } from '../Link';\n\n/**\n * Props for LinkLink sub-component that renders breadcrumb items as links\n */\ntype LinkLinkProps = {\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n  /**\n   * Locale for internationalization\n   */\n  locale?: LocalesValues;\n  /**\n   * URL to navigate to\n   */\n  href?: string;\n  /**\n   * Link color\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Click handler\n   */\n  onClick?: () => void;\n  /**\n   * Children content\n   */\n  children?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n} & Omit<\n  HTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'color' | 'children' | 'className'\n>;\n\n/**\n * Maps LinkColor to corresponding Tailwind text color classes\n */\nconst getColorClass = (color?: LinkColor | `${LinkColor}`): string => {\n  if (!color) return '';\n\n  const colorMap: Record<LinkColor, string> = {\n    [LinkColor.PRIMARY]: 'text-primary',\n    [LinkColor.SECONDARY]: 'text-secondary',\n    [LinkColor.NEUTRAL]: 'text-neutral',\n    [LinkColor.LIGHT]: 'text-white',\n    [LinkColor.DARK]: 'text-neutral-800',\n    [LinkColor.TEXT]: 'text-text',\n    [LinkColor.TEXT_INVERSE]: 'text-text-opposite',\n    [LinkColor.ERROR]: 'text-error',\n    [LinkColor.SUCCESS]: 'text-success',\n    [LinkColor.CUSTOM]: '',\n  };\n\n  return colorMap[color as LinkColor] || '';\n};\n\n/**\n * Breadcrumb variant styles using class-variance-authority\n */\nconst breadcrumbVariants = cva('flex flex-row flex-wrap items-center text-sm', {\n  variants: {\n    size: {\n      small: 'gap-1 text-xs',\n      medium: 'gap-2 text-sm',\n      large: 'gap-3 text-base',\n    },\n    spacing: {\n      compact: 'gap-1',\n      normal: 'gap-2',\n      loose: 'gap-4',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    spacing: 'normal',\n  },\n});\n\n/**\n * LinkLink sub-component for breadcrumb items that navigate to other pages\n */\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  className,\n  ...props\n}) => {\n  const content = getIntlayer('breadcrumb');\n  const linkLabel = content.linkLabel;\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n        size=\"sm\"\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for ButtonLink sub-component that renders breadcrumb items as interactive buttons\n */\ntype ButtonButtonProps = {\n  /**\n   * Text content for the breadcrumb button\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\n/**\n * ButtonLink sub-component for breadcrumb items with click handlers\n */\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  className,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant={ButtonVariant.LINK}\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for Span sub-component that renders static breadcrumb text\n */\ntype SpanProps = {\n  /**\n   * Text content for the static breadcrumb item\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\n/**\n * Span sub-component for static breadcrumb text items\n */\nconst Span: FC<SpanProps> = ({ children, position, className, ...props }) => (\n  <span\n    itemProp=\"item\"\n    className={cn(\n      'inline-flex items-center',\n      'font-medium text-neutral-700',\n      'transition-colors duration-200',\n      className\n    )}\n  >\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\n/**\n * Detailed breadcrumb link configuration with optional href or onClick\n */\ntype DetailedBreadcrumbLink = {\n  /**\n   * URL to navigate to when the breadcrumb item is clicked\n   */\n  href?: string;\n  /**\n   * Text content to display for this breadcrumb item\n   */\n  text: string;\n  /**\n   * Custom click handler function for interactive breadcrumb items\n   */\n  onClick?: () => void;\n};\n\n/**\n * Union type representing different breadcrumb item configurations:\n * - string: Simple text breadcrumb item\n * - DetailedBreadcrumbLink: Object with href, text, and/or onClick properties\n */\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  /**\n   * Array of breadcrumb items\n   */\n  links: BreadcrumbLink[];\n  /**\n   * Color scheme for breadcrumb links\n   * @default LinkColor.TEXT\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Locale for internationalization\n   */\n  locale?: LocalesValues;\n  /**\n   * Element type for ARIA current attribute\n   * @default 'page'\n   */\n  elementType?: 'page' | 'location';\n  /**\n   * Custom separator between breadcrumb items\n   * @default ChevronRightIcon\n   */\n  separator?: ReactNode;\n  /**\n   * ARIA label for breadcrumb navigation\n   * @default 'breadcrumb'\n   */\n  ariaLabel?: string;\n  /**\n   * Whether to include structured data markup\n   * @default true\n   */\n  includeStructuredData?: boolean;\n  /**\n   * Maximum number of breadcrumb items to show before truncation\n   */\n  maxItems?: number;\n} & VariantProps<typeof breadcrumbVariants> &\n  HTMLAttributes<HTMLOListElement>;\n\n/**\n * Breadcrumb component providing navigational context with accessibility features\n *\n * Features:\n * - Supports links, buttons, and static text elements\n * - Full keyboard navigation support\n * - ARIA attributes for screen readers\n * - Schema.org structured data for SEO\n * - Customizable separators and styling\n * - Internationalization support\n * - Responsive design variants\n *\n * @example\n * ```tsx\n * <Breadcrumb\n *   links={[\n *     'Home',\n *     { href: '/products', text: 'Products' },\n *     { onClick: handleCategory, text: 'Electronics' },\n *     'Smartphones'\n *   ]}\n *   size=\"medium\"\n *   ariaLabel=\"Product navigation\"\n * />\n * ```\n */\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = LinkColor.TEXT,\n  locale,\n  elementType = 'page',\n  separator = <ChevronRightIcon size={10} />,\n  ariaLabel = 'breadcrumb',\n  includeStructuredData = true,\n  maxItems,\n  size,\n  spacing,\n  ...props\n}) => {\n  const displayLinks =\n    maxItems && links.length > maxItems\n      ? [...links.slice(0, 1), '...', ...links.slice(-(maxItems - 2))]\n      : links;\n\n  return (\n    <nav aria-label={ariaLabel}>\n      <ol\n        className={cn(breadcrumbVariants({ size, spacing }), className)}\n        {...(includeStructuredData && {\n          itemScope: true,\n          itemType: 'http://schema.org/BreadcrumbList',\n        })}\n        {...props}\n      >\n        {displayLinks.map((link, index) => {\n          const isLastLink = index === displayLinks.length - 1;\n          const isLink =\n            typeof link === 'object' && typeof link.href === 'string';\n          const isButton =\n            typeof link === 'object' && typeof link.onClick === 'function';\n          const isActive = index === displayLinks.length - 1;\n          const ariaCurrent = isActive ? elementType : undefined;\n          const isTruncated = link === '...';\n\n          const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n          const separatorColorClass = getColorClass(color);\n\n          if (isTruncated) {\n            return (\n              <Fragment key={`truncated-${text}`}>\n                <li className=\"flex items-center\" aria-hidden=\"true\">\n                  <span className=\"text-neutral-500\">…</span>\n                </li>\n                {!isLastLink && (\n                  <li aria-hidden=\"true\" className=\"flex items-center\">\n                    <span className={cn(separatorColorClass)}>{separator}</span>\n                  </li>\n                )}\n              </Fragment>\n            );\n          }\n\n          let section = (\n            <Span\n              key={text}\n              position={index + 1}\n              aria-current={ariaCurrent}\n              className={cn(\n                'transition-colors duration-200',\n                isActive && 'text-neutral-900'\n              )}\n            >\n              {text}\n            </Span>\n          );\n\n          if (isLink) {\n            section = (\n              <LinkLink\n                key={text}\n                href={link.href!}\n                color={color}\n                position={index + 1}\n                locale={locale}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'cursor-default text-neutral-900')}\n              >\n                {text}\n              </LinkLink>\n            );\n          } else if (isButton) {\n            section = (\n              <ButtonLink\n                key={text}\n                onClick={link.onClick!}\n                color={color}\n                position={index + 1}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'cursor-default text-neutral-900')}\n              >\n                {text}\n              </ButtonLink>\n            );\n          }\n\n          const listElement = (\n            <li\n              {...(includeStructuredData && {\n                itemProp: 'itemListElement',\n                itemScope: true,\n                itemType: 'https://schema.org/ListItem',\n              })}\n              key={text}\n              className=\"flex items-center\"\n            >\n              {section}\n            </li>\n          );\n\n          if (isLastLink) {\n            return listElement;\n          }\n\n          return (\n            <Fragment key={text}>\n              {listElement}\n              <li aria-hidden=\"true\" className=\"flex items-center\">\n                <span className={cn(separatorColorClass)}>{separator}</span>\n              </li>\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { getIntlayer } from 'intlayer';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { type FC, Fragment, type HTMLAttributes, type ReactNode } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Button, type ButtonProps } from '../Button';\nimport { Link, type LinkColor } from '../Link';\n\n/**\n * Props for LinkLink sub-component that renders breadcrumb items as links\n */\ntype LinkLinkProps = {\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n  /**\n   * Locale for internationalization\n   */\n  locale?: LocalesValues;\n  /**\n   * URL to navigate to\n   */\n  href?: string;\n  /**\n   * Link color\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Click handler\n   */\n  onClick?: () => void;\n  /**\n   * Children content\n   */\n  children?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n} & Omit<\n  HTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'color' | 'children' | 'className'\n>;\n\n/**\n * Maps LinkColor to corresponding Tailwind text color classes\n */\nconst getColorClass = (color?: LinkColor | `${LinkColor}`): string => {\n  if (!color) return '';\n\n  const colorMap: Record<LinkColor, string> = {\n    primary: 'text-primary',\n    secondary: 'text-secondary',\n    neutral: 'text-neutral',\n    light: 'text-white',\n    dark: 'text-neutral-800',\n    text: 'text-text',\n    'text-inverse': 'text-text-opposite',\n    error: 'text-error',\n    success: 'text-success',\n    custom: '',\n  };\n\n  return colorMap[color as LinkColor] || '';\n};\n\n/**\n * Breadcrumb variant styles using class-variance-authority\n */\nconst breadcrumbVariants = cva('flex flex-row flex-wrap items-center text-sm', {\n  variants: {\n    size: {\n      small: 'gap-1 text-xs',\n      medium: 'gap-2 text-sm',\n      large: 'gap-3 text-base',\n    },\n    spacing: {\n      compact: 'gap-1',\n      normal: 'gap-2',\n      loose: 'gap-4',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    spacing: 'normal',\n  },\n});\n\n/**\n * LinkLink sub-component for breadcrumb items that navigate to other pages\n */\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  className,\n  ...props\n}) => {\n  const content = getIntlayer('breadcrumb');\n  const linkLabel = content.linkLabel;\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n        size=\"sm\"\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for ButtonLink sub-component that renders breadcrumb items as interactive buttons\n */\ntype ButtonButtonProps = {\n  /**\n   * Text content for the breadcrumb button\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\n/**\n * ButtonLink sub-component for breadcrumb items with click handlers\n */\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  className,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant=\"link\"\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for Span sub-component that renders static breadcrumb text\n */\ntype SpanProps = {\n  /**\n   * Text content for the static breadcrumb item\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\n/**\n * Span sub-component for static breadcrumb text items\n */\nconst Span: FC<SpanProps> = ({ children, position, className, ...props }) => (\n  <span\n    itemProp=\"item\"\n    className={cn(\n      'inline-flex items-center',\n      'font-medium text-neutral-700',\n      'transition-colors duration-200',\n      className\n    )}\n  >\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\n/**\n * Detailed breadcrumb link configuration with optional href or onClick\n */\ntype DetailedBreadcrumbLink = {\n  /**\n   * URL to navigate to when the breadcrumb item is clicked\n   */\n  href?: string;\n  /**\n   * Text content to display for this breadcrumb item\n   */\n  text: string;\n  /**\n   * Custom click handler function for interactive breadcrumb items\n   */\n  onClick?: () => void;\n};\n\n/**\n * Union type representing different breadcrumb item configurations:\n * - string: Simple text breadcrumb item\n * - DetailedBreadcrumbLink: Object with href, text, and/or onClick properties\n */\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  /**\n   * Array of breadcrumb items\n   */\n  links: BreadcrumbLink[];\n  /**\n   * Color scheme for breadcrumb links\n   * @default \"text\"\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Locale for internationalization\n   */\n  locale?: LocalesValues;\n  /**\n   * Element type for ARIA current attribute\n   * @default 'page'\n   */\n  elementType?: 'page' | 'location';\n  /**\n   * Custom separator between breadcrumb items\n   * @default ChevronRightIcon\n   */\n  separator?: ReactNode;\n  /**\n   * ARIA label for breadcrumb navigation\n   * @default 'breadcrumb'\n   */\n  ariaLabel?: string;\n  /**\n   * Whether to include structured data markup\n   * @default true\n   */\n  includeStructuredData?: boolean;\n  /**\n   * Maximum number of breadcrumb items to show before truncation\n   */\n  maxItems?: number;\n} & VariantProps<typeof breadcrumbVariants> &\n  HTMLAttributes<HTMLOListElement>;\n\n/**\n * Breadcrumb component providing navigational context with accessibility features\n *\n * Features:\n * - Supports links, buttons, and static text elements\n * - Full keyboard navigation support\n * - ARIA attributes for screen readers\n * - Schema.org structured data for SEO\n * - Customizable separators and styling\n * - Internationalization support\n * - Responsive design variants\n *\n * @example\n * ```tsx\n * <Breadcrumb\n *   links={[\n *     'Home',\n *     { href: '/products', text: 'Products' },\n *     { onClick: handleCategory, text: 'Electronics' },\n *     'Smartphones'\n *   ]}\n *   size=\"medium\"\n *   ariaLabel=\"Product navigation\"\n * />\n * ```\n */\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = 'text',\n  locale,\n  elementType = 'page',\n  separator = <ChevronRightIcon size={10} />,\n  ariaLabel = 'breadcrumb',\n  includeStructuredData = true,\n  maxItems,\n  size,\n  spacing,\n  ...props\n}) => {\n  const displayLinks =\n    maxItems && links.length > maxItems\n      ? [...links.slice(0, 1), '...', ...links.slice(-(maxItems - 2))]\n      : links;\n\n  return (\n    <nav aria-label={ariaLabel}>\n      <ol\n        className={cn(breadcrumbVariants({ size, spacing }), className)}\n        {...(includeStructuredData && {\n          itemScope: true,\n          itemType: 'http://schema.org/BreadcrumbList',\n        })}\n        {...props}\n      >\n        {displayLinks.map((link, index) => {\n          const isLastLink = index === displayLinks.length - 1;\n          const isLink =\n            typeof link === 'object' && typeof link.href === 'string';\n          const isButton =\n            typeof link === 'object' && typeof link.onClick === 'function';\n          const isActive = index === displayLinks.length - 1;\n          const ariaCurrent = isActive ? elementType : undefined;\n          const isTruncated = link === '...';\n\n          const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n          const separatorColorClass = getColorClass(color);\n\n          if (isTruncated) {\n            return (\n              <Fragment key={`truncated-${text}`}>\n                <li className=\"flex items-center\" aria-hidden=\"true\">\n                  <span className=\"text-neutral-500\">…</span>\n                </li>\n                {!isLastLink && (\n                  <li aria-hidden=\"true\" className=\"flex items-center\">\n                    <span className={cn(separatorColorClass)}>{separator}</span>\n                  </li>\n                )}\n              </Fragment>\n            );\n          }\n\n          let section = (\n            <Span\n              key={text}\n              position={index + 1}\n              aria-current={ariaCurrent}\n              className={cn(\n                'transition-colors duration-200',\n                isActive && 'text-neutral-900'\n              )}\n            >\n              {text}\n            </Span>\n          );\n\n          if (isLink) {\n            section = (\n              <LinkLink\n                key={text}\n                href={link.href!}\n                color={color}\n                position={index + 1}\n                locale={locale}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'cursor-default text-neutral-900')}\n              >\n                {text}\n              </LinkLink>\n            );\n          } else if (isButton) {\n            section = (\n              <ButtonLink\n                key={text}\n                onClick={link.onClick!}\n                color={color}\n                position={index + 1}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'cursor-default text-neutral-900')}\n              >\n                {text}\n              </ButtonLink>\n            );\n          }\n\n          const listElement = (\n            <li\n              {...(includeStructuredData && {\n                itemProp: 'itemListElement',\n                itemScope: true,\n                itemType: 'https://schema.org/ListItem',\n              })}\n              key={text}\n              className=\"flex items-center\"\n            >\n              {section}\n            </li>\n          );\n\n          if (isLastLink) {\n            return listElement;\n          }\n\n          return (\n            <Fragment key={text}>\n              {listElement}\n              <li aria-hidden=\"true\" className=\"flex items-center\">\n                <span className={cn(separatorColorClass)}>{separator}</span>\n              </li>\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/Browser/Browser.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { Container } from "../Container/index.mjs";
 import { Button } from "../Button/Button.mjs";
+import { Container } from "../Container/index.mjs";
 import { ClickOutsideDiv } from "../ClickOutsideDiv/index.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { Input, inputVariants } from "../Input/Input.mjs";