@intlayer/design-system 8.1.2 → 8.1.3

package/dist/esm/components/Pagination/pagination.content.mjs

@@ -1,115 +1,2 @@
-import { insert, t } from "intlayer";
-
-//#region src/components/Pagination/pagination.content.ts
-const paginationContent = {
-	key: "pagination",
-	content: {
-		numberItemsSelector: t({
-			en: "Items per page",
-			fr: "Eléments par page",
-			es: "Items por página",
-			"en-GB": "Items per page",
-			de: "Items pro Seite",
-			ja: "ページあたりのアイテム数",
-			ko: "페이지당 아이템 수",
-			zh: "每页项目数",
-			it: "Elementi per pagina",
-			pt: "Itens por página",
-			hi: "पृष्ठ पर आइटम्स",
-			ar: "عدد العناصر لكل صفحة",
-			ru: "Элементов на странице",
-			tr: "Sayfa başına öğe",
-			pl: "Elementów na stronę",
-			id: "Item per halaman",
-			vi: "Số mục trên mỗi trang",
-			uk: "Записів на сторінку"
-		}),
-		showingResults: insert(t({
-			ar: "عرض {{start}} إلى {{end}} من {{total}} نتائج",
-			de: "Zeigt {{start}} bis {{end}} von {{total}} Ergebnissen",
-			en: "Showing {{start}} to {{end}} of {{total}} results",
-			"en-GB": "Showing {{start}} to {{end}} of {{total}} results",
-			es: "Mostrando {{start}} a {{end}} de {{total}} resultados",
-			fr: "Afficher {{start}} à {{end}} de {{total}} résultats",
-			hi: "{{start}} से {{end}} तक के {{total}} परिणाम दिखा रहे हैं",
-			id: "Menampilkan {{start}} hingga {{end}} dari {{total}} hasil",
-			it: "Mostrando {{start}} a {{end}} di {{total}} risultati",
-			ja: "{{start}} から {{end}} までの {{total}} 件の結果を表示",
-			ko: "{{start}} 에서 {{end}} 까지의 {{total}} 개 결과 표시",
-			pl: "Wyświetlane {{start}} do {{end}} z {{total}} wyników",
-			pt: "Mostrando {{start}} a {{end}} de {{total}} resultados",
-			ru: "Показано {{start}}-{{end}} из {{total}} результатов",
-			tr: "{{start}} から {{end}} までの {{total}} 件の結果を表示",
-			uk: "Показано від {{start}} до {{end}} з {{total}} результатів",
-			vi: "Hiển thị {{start}} đến {{end}} trong tổng số {{total}} kết quả",
-			zh: "显示第 {{start}} 到 {{end}} 项，共 {{total}} 个结果"
-		})),
-		selectPageSize: t({
-			en: "Select page size",
-			fr: "Sélectionner la taille de la page",
-			es: "Seleccionar tamaño de página",
-			"en-GB": "Select page size",
-			de: "Seitegröße auswählen",
-			ja: "ページサイズを選択",
-			ko: "페이지 크기 선택",
-			zh: "选择页面大小",
-			it: "Seleziona una dimensione di pagina",
-			pt: "Selecionar um tamanho de página",
-			hi: "पृष्ठ आकार चुनें",
-			ar: "اختر حجم الصفحة",
-			ru: "Выберите размер страницы",
-			tr: "Sayfa boyutunu seç",
-			pl: "Wybierz liczbę elementów na stronę",
-			id: "Pilih jumlah item per halaman",
-			vi: "Chọn số mục trên mỗi trang",
-			uk: "Оберіть кількість елементів на сторінку"
-		}),
-		goToNextPage: t({
-			en: "Go to next page",
-			fr: "Aller à la page suivante",
-			es: "Ir a la página siguiente",
-			"en-GB": "Go to next page",
-			de: "Zur nächsten Seite",
-			ja: "次のページに移動",
-			ko: "다음 페이지로 이동",
-			zh: "转到下一页",
-			it: "Vai alla pagina successiva",
-			pt: "Ir para a página seguinte",
-			hi: "अगली पृष्ठ पर जाएं",
-			ar: "اذهب إلى الصفحة التالية",
-			ru: "Перейти к следующей странице",
-			tr: "Sonraki sayfaya git",
-			pl: "Przejdź do następnej strony",
-			id: "Pergi ke halaman berikutnya",
-			vi: "Chuyển sang trang tiếp theo",
-			uk: "Перейти на наступну сторінку"
-		}),
-		goToPreviousPage: t({
-			en: "Go to previous page",
-			fr: "Aller à la page précédente",
-			es: "Ir a la página anterior",
-			"en-GB": "Go to previous page",
-			de: "Zur vorherigen Seite",
-			ja: "前のページに移動",
-			ko: "이전 페이지로 이동",
-			zh: "转到上一页",
-			it: "Vai alla pagina precedente",
-			pt: "Ir para a página anterior",
-			hi: "पिछली पृष्ठ पर जाएं",
-			ar: "اذهب إلى الصفحة السابقة",
-			ru: "Перейти к предыдущей странице",
-			tr: "Önceki sayfaya git",
-			pl: "Przejdź do poprzedniej strony",
-			id: "Pergi ke halaman sebelumnya",
-			vi: "Chuyển sang trang trước",
-			uk: "Перейти на попередню сторінку"
-		})
-	},
-	title: "Pagination",
-	description: "Content strings used for the pagination component, including labels for navigating pages and selecting items per page.",
-	tags: ["pagination", "component"]
-};
-
-//#endregion
-export { paginationContent as default };
+import{insert as e,t}from"intlayer";const n={key:`pagination`,content:{numberItemsSelector:t({en:`Items per page`,fr:`Eléments par page`,es:`Items por página`,"en-GB":`Items per page`,de:`Items pro Seite`,ja:`ページあたりのアイテム数`,ko:`페이지당 아이템 수`,zh:`每页项目数`,it:`Elementi per pagina`,pt:`Itens por página`,hi:`पृष्ठ पर आइटम्स`,ar:`عدد العناصر لكل صفحة`,ru:`Элементов на странице`,tr:`Sayfa başına öğe`,pl:`Elementów na stronę`,id:`Item per halaman`,vi:`Số mục trên mỗi trang`,uk:`Записів на сторінку`}),showingResults:e(t({ar:`عرض {{start}} إلى {{end}} من {{total}} نتائج`,de:`Zeigt {{start}} bis {{end}} von {{total}} Ergebnissen`,en:`Showing {{start}} to {{end}} of {{total}} results`,"en-GB":`Showing {{start}} to {{end}} of {{total}} results`,es:`Mostrando {{start}} a {{end}} de {{total}} resultados`,fr:`Afficher {{start}} à {{end}} de {{total}} résultats`,hi:`{{start}} से {{end}} तक के {{total}} परिणाम दिखा रहे हैं`,id:`Menampilkan {{start}} hingga {{end}} dari {{total}} hasil`,it:`Mostrando {{start}} a {{end}} di {{total}} risultati`,ja:`{{start}} から {{end}} までの {{total}} 件の結果を表示`,ko:`{{start}} 에서 {{end}} 까지의 {{total}} 개 결과 표시`,pl:`Wyświetlane {{start}} do {{end}} z {{total}} wyników`,pt:`Mostrando {{start}} a {{end}} de {{total}} resultados`,ru:`Показано {{start}}-{{end}} из {{total}} результатов`,tr:`{{start}} から {{end}} までの {{total}} 件の結果を表示`,uk:`Показано від {{start}} до {{end}} з {{total}} результатів`,vi:`Hiển thị {{start}} đến {{end}} trong tổng số {{total}} kết quả`,zh:`显示第 {{start}} 到 {{end}} 项，共 {{total}} 个结果`})),selectPageSize:t({en:`Select page size`,fr:`Sélectionner la taille de la page`,es:`Seleccionar tamaño de página`,"en-GB":`Select page size`,de:`Seitegröße auswählen`,ja:`ページサイズを選択`,ko:`페이지 크기 선택`,zh:`选择页面大小`,it:`Seleziona una dimensione di pagina`,pt:`Selecionar um tamanho de página`,hi:`पृष्ठ आकार चुनें`,ar:`اختر حجم الصفحة`,ru:`Выберите размер страницы`,tr:`Sayfa boyutunu seç`,pl:`Wybierz liczbę elementów na stronę`,id:`Pilih jumlah item per halaman`,vi:`Chọn số mục trên mỗi trang`,uk:`Оберіть кількість елементів на сторінку`}),goToNextPage:t({en:`Go to next page`,fr:`Aller à la page suivante`,es:`Ir a la página siguiente`,"en-GB":`Go to next page`,de:`Zur nächsten Seite`,ja:`次のページに移動`,ko:`다음 페이지로 이동`,zh:`转到下一页`,it:`Vai alla pagina successiva`,pt:`Ir para a página seguinte`,hi:`अगली पृष्ठ पर जाएं`,ar:`اذهب إلى الصفحة التالية`,ru:`Перейти к следующей странице`,tr:`Sonraki sayfaya git`,pl:`Przejdź do następnej strony`,id:`Pergi ke halaman berikutnya`,vi:`Chuyển sang trang tiếp theo`,uk:`Перейти на наступну сторінку`}),goToPreviousPage:t({en:`Go to previous page`,fr:`Aller à la page précédente`,es:`Ir a la página anterior`,"en-GB":`Go to previous page`,de:`Zur vorherigen Seite`,ja:`前のページに移動`,ko:`이전 페이지로 이동`,zh:`转到上一页`,it:`Vai alla pagina precedente`,pt:`Ir para a página anterior`,hi:`पिछली पृष्ठ पर जाएं`,ar:`اذهب إلى الصفحة السابقة`,ru:`Перейти к предыдущей странице`,tr:`Önceki sayfaya git`,pl:`Przejdź do poprzedniej strony`,id:`Pergi ke halaman sebelumnya`,vi:`Chuyển sang trang trước`,uk:`Перейти на попередню сторінку`})},title:`Pagination`,description:`Content strings used for the pagination component, including labels for navigating pages and selecting items per page.`,tags:[`pagination`,`component`]};export{n as default};
 //# sourceMappingURL=pagination.content.mjs.map

package/dist/esm/components/Pagination/pagination.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.content.mjs","names":[],"sources":["../../../../src/components/Pagination/pagination.content.ts"],"sourcesContent":["import { type Dictionary, insert, t } from 'intlayer';\n\nconst paginationContent = {\n  key: 'pagination',\n  content: {\n    numberItemsSelector: t({\n      en: 'Items per page',\n      fr: 'Eléments par page',\n      es: 'Items por página',\n      'en-GB': 'Items per page',\n      de: 'Items pro Seite',\n      ja: 'ページあたりのアイテム数',\n      ko: '페이지당 아이템 수',\n      zh: '每页项目数',\n      it: 'Elementi per pagina',\n      pt: 'Itens por página',\n      hi: 'पृष्ठ पर आइटम्स',\n      ar: 'عدد العناصر لكل صفحة',\n      ru: 'Элементов на странице',\n      tr: 'Sayfa başına öğe',\n      pl: 'Elementów na stronę',\n      id: 'Item per halaman',\n      vi: 'Số mục trên mỗi trang',\n      uk: 'Записів на сторінку',\n    }),\n    showingResults: insert(\n      t({\n        ar: 'عرض {{start}} إلى {{end}} من {{total}} نتائج',\n        de: 'Zeigt {{start}} bis {{end}} von {{total}} Ergebnissen',\n        en: 'Showing {{start}} to {{end}} of {{total}} results',\n        'en-GB': 'Showing {{start}} to {{end}} of {{total}} results',\n        es: 'Mostrando {{start}} a {{end}} de {{total}} resultados',\n        fr: 'Afficher {{start}} à {{end}} de {{total}} résultats',\n        hi: '{{start}} से {{end}} तक के {{total}} परिणाम दिखा रहे हैं',\n        id: 'Menampilkan {{start}} hingga {{end}} dari {{total}} hasil',\n        it: 'Mostrando {{start}} a {{end}} di {{total}} risultati',\n        ja: '{{start}} から {{end}} までの {{total}} 件の結果を表示',\n        ko: '{{start}} 에서 {{end}} 까지의 {{total}} 개 결과 표시',\n        pl: 'Wyświetlane {{start}} do {{end}} z {{total}} wyników',\n        pt: 'Mostrando {{start}} a {{end}} de {{total}} resultados',\n        ru: 'Показано {{start}}-{{end}} из {{total}} результатов',\n        tr: '{{start}} から {{end}} までの {{total}} 件の結果を表示',\n        uk: 'Показано від {{start}} до {{end}} з {{total}} результатів',\n        vi: 'Hiển thị {{start}} đến {{end}} trong tổng số {{total}} kết quả',\n        zh: '显示第 {{start}} 到 {{end}} 项，共 {{total}} 个结果',\n      })\n    ),\n    selectPageSize: t({\n      en: 'Select page size',\n      fr: 'Sélectionner la taille de la page',\n      es: 'Seleccionar tamaño de página',\n      'en-GB': 'Select page size',\n      de: 'Seitegröße auswählen',\n      ja: 'ページサイズを選択',\n      ko: '페이지 크기 선택',\n      zh: '选择页面大小',\n      it: 'Seleziona una dimensione di pagina',\n      pt: 'Selecionar um tamanho de página',\n      hi: 'पृष्ठ आकार चुनें',\n      ar: 'اختر حجم الصفحة',\n      ru: 'Выберите размер страницы',\n      tr: 'Sayfa boyutunu seç',\n      pl: 'Wybierz liczbę elementów na stronę',\n      id: 'Pilih jumlah item per halaman',\n      vi: 'Chọn số mục trên mỗi trang',\n      uk: 'Оберіть кількість елементів на сторінку',\n    }),\n    goToNextPage: t({\n      en: 'Go to next page',\n      fr: 'Aller à la page suivante',\n      es: 'Ir a la página siguiente',\n      'en-GB': 'Go to next page',\n      de: 'Zur nächsten Seite',\n      ja: '次のページに移動',\n      ko: '다음 페이지로 이동',\n      zh: '转到下一页',\n      it: 'Vai alla pagina successiva',\n      pt: 'Ir para a página seguinte',\n      hi: 'अगली पृष्ठ पर जाएं',\n      ar: 'اذهب إلى الصفحة التالية',\n      ru: 'Перейти к следующей странице',\n      tr: 'Sonraki sayfaya git',\n      pl: 'Przejdź do następnej strony',\n      id: 'Pergi ke halaman berikutnya',\n      vi: 'Chuyển sang trang tiếp theo',\n      uk: 'Перейти на наступну сторінку',\n    }),\n    goToPreviousPage: t({\n      en: 'Go to previous page',\n      fr: 'Aller à la page précédente',\n      es: 'Ir a la página anterior',\n      'en-GB': 'Go to previous page',\n      de: 'Zur vorherigen Seite',\n      ja: '前のページに移動',\n      ko: '이전 페이지로 이동',\n      zh: '转到上一页',\n      it: 'Vai alla pagina precedente',\n      pt: 'Ir para a página anterior',\n      hi: 'पिछली पृष्ठ पर जाएं',\n      ar: 'اذهب إلى الصفحة السابقة',\n      ru: 'Перейти к предыдущей странице',\n      tr: 'Önceki sayfaya git',\n      pl: 'Przejdź do poprzedniej strony',\n      id: 'Pergi ke halaman sebelumnya',\n      vi: 'Chuyển sang trang trước',\n      uk: 'Перейти на попередню сторінку',\n    }),\n  },\n  title: 'Pagination',\n  description:\n    'Content strings used for the pagination component, including labels for navigating pages and selecting items per page.',\n  tags: ['pagination', 'component'],\n} satisfies Dictionary;\n\nexport default paginationContent;\n"],"mappings":";;;AAEA,MAAM,oBAAoB;CACxB,KAAK;CACL,SAAS;EACP,qBAAqB,EAAE;GACrB,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,gBAAgB,OACd,EAAE;GACA,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC,CACH;EACD,gBAAgB,EAAE;GAChB,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,cAAc,EAAE;GACd,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,kBAAkB,EAAE;GAClB,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACH;CACD,OAAO;CACP,aACE;CACF,MAAM,CAAC,cAAc,YAAY;CAClC"}
+{"version":3,"file":"pagination.content.mjs","names":[],"sources":["../../../../src/components/Pagination/pagination.content.ts"],"sourcesContent":["import { type Dictionary, insert, t } from 'intlayer';\n\nconst paginationContent = {\n  key: 'pagination',\n  content: {\n    numberItemsSelector: t({\n      en: 'Items per page',\n      fr: 'Eléments par page',\n      es: 'Items por página',\n      'en-GB': 'Items per page',\n      de: 'Items pro Seite',\n      ja: 'ページあたりのアイテム数',\n      ko: '페이지당 아이템 수',\n      zh: '每页项目数',\n      it: 'Elementi per pagina',\n      pt: 'Itens por página',\n      hi: 'पृष्ठ पर आइटम्स',\n      ar: 'عدد العناصر لكل صفحة',\n      ru: 'Элементов на странице',\n      tr: 'Sayfa başına öğe',\n      pl: 'Elementów na stronę',\n      id: 'Item per halaman',\n      vi: 'Số mục trên mỗi trang',\n      uk: 'Записів на сторінку',\n    }),\n    showingResults: insert(\n      t({\n        ar: 'عرض {{start}} إلى {{end}} من {{total}} نتائج',\n        de: 'Zeigt {{start}} bis {{end}} von {{total}} Ergebnissen',\n        en: 'Showing {{start}} to {{end}} of {{total}} results',\n        'en-GB': 'Showing {{start}} to {{end}} of {{total}} results',\n        es: 'Mostrando {{start}} a {{end}} de {{total}} resultados',\n        fr: 'Afficher {{start}} à {{end}} de {{total}} résultats',\n        hi: '{{start}} से {{end}} तक के {{total}} परिणाम दिखा रहे हैं',\n        id: 'Menampilkan {{start}} hingga {{end}} dari {{total}} hasil',\n        it: 'Mostrando {{start}} a {{end}} di {{total}} risultati',\n        ja: '{{start}} から {{end}} までの {{total}} 件の結果を表示',\n        ko: '{{start}} 에서 {{end}} 까지의 {{total}} 개 결과 표시',\n        pl: 'Wyświetlane {{start}} do {{end}} z {{total}} wyników',\n        pt: 'Mostrando {{start}} a {{end}} de {{total}} resultados',\n        ru: 'Показано {{start}}-{{end}} из {{total}} результатов',\n        tr: '{{start}} から {{end}} までの {{total}} 件の結果を表示',\n        uk: 'Показано від {{start}} до {{end}} з {{total}} результатів',\n        vi: 'Hiển thị {{start}} đến {{end}} trong tổng số {{total}} kết quả',\n        zh: '显示第 {{start}} 到 {{end}} 项，共 {{total}} 个结果',\n      })\n    ),\n    selectPageSize: t({\n      en: 'Select page size',\n      fr: 'Sélectionner la taille de la page',\n      es: 'Seleccionar tamaño de página',\n      'en-GB': 'Select page size',\n      de: 'Seitegröße auswählen',\n      ja: 'ページサイズを選択',\n      ko: '페이지 크기 선택',\n      zh: '选择页面大小',\n      it: 'Seleziona una dimensione di pagina',\n      pt: 'Selecionar um tamanho de página',\n      hi: 'पृष्ठ आकार चुनें',\n      ar: 'اختر حجم الصفحة',\n      ru: 'Выберите размер страницы',\n      tr: 'Sayfa boyutunu seç',\n      pl: 'Wybierz liczbę elementów na stronę',\n      id: 'Pilih jumlah item per halaman',\n      vi: 'Chọn số mục trên mỗi trang',\n      uk: 'Оберіть кількість елементів на сторінку',\n    }),\n    goToNextPage: t({\n      en: 'Go to next page',\n      fr: 'Aller à la page suivante',\n      es: 'Ir a la página siguiente',\n      'en-GB': 'Go to next page',\n      de: 'Zur nächsten Seite',\n      ja: '次のページに移動',\n      ko: '다음 페이지로 이동',\n      zh: '转到下一页',\n      it: 'Vai alla pagina successiva',\n      pt: 'Ir para a página seguinte',\n      hi: 'अगली पृष्ठ पर जाएं',\n      ar: 'اذهب إلى الصفحة التالية',\n      ru: 'Перейти к следующей странице',\n      tr: 'Sonraki sayfaya git',\n      pl: 'Przejdź do następnej strony',\n      id: 'Pergi ke halaman berikutnya',\n      vi: 'Chuyển sang trang tiếp theo',\n      uk: 'Перейти на наступну сторінку',\n    }),\n    goToPreviousPage: t({\n      en: 'Go to previous page',\n      fr: 'Aller à la page précédente',\n      es: 'Ir a la página anterior',\n      'en-GB': 'Go to previous page',\n      de: 'Zur vorherigen Seite',\n      ja: '前のページに移動',\n      ko: '이전 페이지로 이동',\n      zh: '转到上一页',\n      it: 'Vai alla pagina precedente',\n      pt: 'Ir para a página anterior',\n      hi: 'पिछली पृष्ठ पर जाएं',\n      ar: 'اذهب إلى الصفحة السابقة',\n      ru: 'Перейти к предыдущей странице',\n      tr: 'Önceki sayfaya git',\n      pl: 'Przejdź do poprzedniej strony',\n      id: 'Pergi ke halaman sebelumnya',\n      vi: 'Chuyển sang trang trước',\n      uk: 'Перейти на попередню сторінку',\n    }),\n  },\n  title: 'Pagination',\n  description:\n    'Content strings used for the pagination component, including labels for navigating pages and selecting items per page.',\n  tags: ['pagination', 'component'],\n} satisfies Dictionary;\n\nexport default paginationContent;\n"],"mappings":"oCAEA,MAAM,EAAoB,CACxB,IAAK,aACL,QAAS,CACP,oBAAqB,EAAE,CACrB,GAAI,iBACJ,GAAI,oBACJ,GAAI,mBACJ,QAAS,iBACT,GAAI,kBACJ,GAAI,eACJ,GAAI,aACJ,GAAI,QACJ,GAAI,sBACJ,GAAI,mBACJ,GAAI,kBACJ,GAAI,uBACJ,GAAI,wBACJ,GAAI,mBACJ,GAAI,sBACJ,GAAI,mBACJ,GAAI,wBACJ,GAAI,sBACL,CAAC,CACF,eAAgB,EACd,EAAE,CACA,GAAI,+CACJ,GAAI,wDACJ,GAAI,oDACJ,QAAS,oDACT,GAAI,wDACJ,GAAI,sDACJ,GAAI,2DACJ,GAAI,4DACJ,GAAI,uDACJ,GAAI,6CACJ,GAAI,6CACJ,GAAI,uDACJ,GAAI,wDACJ,GAAI,sDACJ,GAAI,6CACJ,GAAI,4DACJ,GAAI,iEACJ,GAAI,4CACL,CAAC,CACH,CACD,eAAgB,EAAE,CAChB,GAAI,mBACJ,GAAI,oCACJ,GAAI,+BACJ,QAAS,mBACT,GAAI,uBACJ,GAAI,YACJ,GAAI,YACJ,GAAI,SACJ,GAAI,qCACJ,GAAI,kCACJ,GAAI,mBACJ,GAAI,kBACJ,GAAI,2BACJ,GAAI,qBACJ,GAAI,qCACJ,GAAI,gCACJ,GAAI,6BACJ,GAAI,0CACL,CAAC,CACF,aAAc,EAAE,CACd,GAAI,kBACJ,GAAI,2BACJ,GAAI,2BACJ,QAAS,kBACT,GAAI,qBACJ,GAAI,WACJ,GAAI,aACJ,GAAI,QACJ,GAAI,6BACJ,GAAI,4BACJ,GAAI,qBACJ,GAAI,0BACJ,GAAI,+BACJ,GAAI,sBACJ,GAAI,8BACJ,GAAI,8BACJ,GAAI,8BACJ,GAAI,+BACL,CAAC,CACF,iBAAkB,EAAE,CAClB,GAAI,sBACJ,GAAI,6BACJ,GAAI,0BACJ,QAAS,sBACT,GAAI,uBACJ,GAAI,WACJ,GAAI,aACJ,GAAI,QACJ,GAAI,6BACJ,GAAI,4BACJ,GAAI,sBACJ,GAAI,0BACJ,GAAI,gCACJ,GAAI,qBACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,0BACJ,GAAI,gCACL,CAAC,CACH,CACD,MAAO,aACP,YACE,yHACF,KAAM,CAAC,aAAc,YAAY,CAClC"}

package/dist/esm/components/Pattern/DotPattern.mjs

@@ -1,122 +1,2 @@
-import { cn } from "../../utils/cn.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/Pattern/DotPattern.tsx
-/**
-* Dot Pattern Component
-*
-* A decorative SVG component that generates a repeating dot pattern background.
-* Perfect for adding subtle texture and visual interest to sections, cards, or hero areas
-* without interfering with content readability.
-*
-* Features:
-* - Scalable vector-based pattern that looks crisp at any size
-* - Customizable dot spacing, size, and positioning
-* - Semi-transparent fill for subtle visual effect
-* - Accessibility-friendly with aria-hidden attribute
-* - Pointer events disabled to avoid interaction interference
-* - Unique pattern ID generation to prevent conflicts
-* - Full coverage with absolute positioning
-*
-* Technical Implementation:
-* - Uses SVG `<pattern>` element for efficient rendering
-* - Pattern repeats using userSpaceOnUse coordinate system
-* - Generates unique IDs using React's useId hook
-* - Fills entire container with 100% width and height
-* - Pattern tile coordinates defined in userSpaceOnUse units
-*
-* Visual Characteristics:
-* - Default: 16x16px tile with 1px radius dots
-* - Semi-transparent neutral fill (30% opacity)
-* - Dots positioned at (1,1) within each tile by default
-* - Absolute positioning covers entire parent container
-*
-* @example
-* Basic usage as background pattern:
-* ```tsx
-* <div className="relative min-h-screen">
-*   <DotPattern />
-*   <div className="relative z-10">
-*     <h1>Content over dot pattern</h1>
-*   </div>
-* </div>
-* ```
-*
-* @example
-* Custom dot spacing and size:
-* ```tsx
-* <DotPattern
-*   width={24}
-*   height={24}
-*   cr={1.5}
-*   className="fill-primary/20"
-* />
-* ```
-*
-* @example
-* Offset pattern positioning:
-* ```tsx
-* <DotPattern
-*   x={8}
-*   y={8}
-*   cx={2}
-*   cy={2}
-*   className="fill-accent/25"
-* />
-* ```
-*
-* @example
-* Large sparse dots:
-* ```tsx
-* <DotPattern
-*   width={32}
-*   height={32}
-*   cr={2}
-*   cx={16}
-*   cy={16}
-*   className="fill-neutral/10"
-* />
-* ```
-*
-* Styling Notes:
-* - Use `fill-*` classes to customize dot color and opacity
-* - Pattern automatically fills parent container
-* - Consider contrast with overlaid content
-* - Semi-transparent fills work best for backgrounds
-*
-* Accessibility:
-* - Marked as `aria-hidden="true"` since it's decorative
-* - Pointer events disabled to maintain interactivity of overlaid content
-* - Does not interfere with screen readers or keyboard navigation
-*
-* @param props - DotPattern component props
-* @returns SVG element with repeating dot pattern
-*/
-const DotPattern = ({ width = 16, height = 16, x = 0, y = 0, cx = 1, cy = 1, cr = 1, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
-	"aria-hidden": "true",
-	className: cn("pointer-events-none absolute inset-0 h-full w-full fill-neutral/30", className),
-	...props,
-	children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", {
-		id: "pattern-circle",
-		width,
-		height,
-		patternUnits: "userSpaceOnUse",
-		patternContentUnits: "userSpaceOnUse",
-		x,
-		y,
-		children: /* @__PURE__ */ jsx("circle", {
-			cx,
-			cy,
-			r: cr
-		})
-	}) }), /* @__PURE__ */ jsx("rect", {
-		width: "100%",
-		height: "100%",
-		strokeWidth: 0,
-		fill: `url(#pattern-circle)`
-	})]
-});
-
-//#endregion
-export { DotPattern };
+import{cn as e}from"../../utils/cn.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({width:r=16,height:i=16,x:a=0,y:o=0,cx:s=1,cy:c=1,cr:l=1,className:u,...d})=>n(`svg`,{"aria-hidden":`true`,className:e(`pointer-events-none absolute inset-0 h-full w-full fill-neutral/30`,u),...d,children:[t(`defs`,{children:t(`pattern`,{id:`pattern-circle`,width:r,height:i,patternUnits:`userSpaceOnUse`,patternContentUnits:`userSpaceOnUse`,x:a,y:o,children:t(`circle`,{cx:s,cy:c,r:l})})}),t(`rect`,{width:`100%`,height:`100%`,strokeWidth:0,fill:`url(#pattern-circle)`})]});export{r as DotPattern};
 //# sourceMappingURL=DotPattern.mjs.map

package/dist/esm/components/Pattern/DotPattern.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DotPattern.mjs","names":[],"sources":["../../../../src/components/Pattern/DotPattern.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, SVGProps } from 'react';\n\n/**\n * Props for the DotPattern component\n * Extends SVGProps to inherit all standard SVG attributes\n */\ntype DotPatternProps = {\n  /** Width of the pattern tile in pixels */\n  width?: number;\n  /** Height of the pattern tile in pixels */\n  height?: number;\n  /** Horizontal offset of the pattern */\n  x?: number;\n  /** Vertical offset of the pattern */\n  y?: number;\n  /** X coordinate of the dot center within the pattern tile */\n  cx?: number;\n  /** Y coordinate of the dot center within the pattern tile */\n  cy?: number;\n  /** Radius of each dot in the pattern */\n  cr?: number;\n} & SVGProps<SVGSVGElement>;\n\n/**\n * Dot Pattern Component\n *\n * A decorative SVG component that generates a repeating dot pattern background.\n * Perfect for adding subtle texture and visual interest to sections, cards, or hero areas\n * without interfering with content readability.\n *\n * Features:\n * - Scalable vector-based pattern that looks crisp at any size\n * - Customizable dot spacing, size, and positioning\n * - Semi-transparent fill for subtle visual effect\n * - Accessibility-friendly with aria-hidden attribute\n * - Pointer events disabled to avoid interaction interference\n * - Unique pattern ID generation to prevent conflicts\n * - Full coverage with absolute positioning\n *\n * Technical Implementation:\n * - Uses SVG `<pattern>` element for efficient rendering\n * - Pattern repeats using userSpaceOnUse coordinate system\n * - Generates unique IDs using React's useId hook\n * - Fills entire container with 100% width and height\n * - Pattern tile coordinates defined in userSpaceOnUse units\n *\n * Visual Characteristics:\n * - Default: 16x16px tile with 1px radius dots\n * - Semi-transparent neutral fill (30% opacity)\n * - Dots positioned at (1,1) within each tile by default\n * - Absolute positioning covers entire parent container\n *\n * @example\n * Basic usage as background pattern:\n * ```tsx\n * <div className=\"relative min-h-screen\">\n *   <DotPattern />\n *   <div className=\"relative z-10\">\n *     <h1>Content over dot pattern</h1>\n *   </div>\n * </div>\n * ```\n *\n * @example\n * Custom dot spacing and size:\n * ```tsx\n * <DotPattern\n *   width={24}\n *   height={24}\n *   cr={1.5}\n *   className=\"fill-primary/20\"\n * />\n * ```\n *\n * @example\n * Offset pattern positioning:\n * ```tsx\n * <DotPattern\n *   x={8}\n *   y={8}\n *   cx={2}\n *   cy={2}\n *   className=\"fill-accent/25\"\n * />\n * ```\n *\n * @example\n * Large sparse dots:\n * ```tsx\n * <DotPattern\n *   width={32}\n *   height={32}\n *   cr={2}\n *   cx={16}\n *   cy={16}\n *   className=\"fill-neutral/10\"\n * />\n * ```\n *\n * Styling Notes:\n * - Use `fill-*` classes to customize dot color and opacity\n * - Pattern automatically fills parent container\n * - Consider contrast with overlaid content\n * - Semi-transparent fills work best for backgrounds\n *\n * Accessibility:\n * - Marked as `aria-hidden=\"true\"` since it's decorative\n * - Pointer events disabled to maintain interactivity of overlaid content\n * - Does not interfere with screen readers or keyboard navigation\n *\n * @param props - DotPattern component props\n * @returns SVG element with repeating dot pattern\n */\nexport const DotPattern: FC<DotPatternProps> = ({\n  width = 16,\n  height = 16,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 1,\n  className,\n  ...props\n}) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      'pointer-events-none absolute inset-0 h-full w-full fill-neutral/30',\n      className\n    )}\n    {...props}\n  >\n    <defs>\n      <pattern\n        id=\"pattern-circle\"\n        width={width}\n        height={height}\n        patternUnits=\"userSpaceOnUse\"\n        patternContentUnits=\"userSpaceOnUse\"\n        x={x}\n        y={y}\n      >\n        <circle cx={cx} cy={cy} r={cr} />\n      </pattern>\n    </defs>\n    <rect\n      width=\"100%\"\n      height=\"100%\"\n      strokeWidth={0}\n      fill={`url(#pattern-circle)`}\n    />\n  </svg>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA,MAAa,cAAmC,EAC9C,QAAQ,IACR,SAAS,IACT,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,WACA,GAAG,YAEH,qBAAC;CACC,eAAY;CACZ,WAAW,GACT,sEACA,UACD;CACD,GAAI;YAEJ,oBAAC,oBACC,oBAAC;EACC,IAAG;EACI;EACC;EACR,cAAa;EACb,qBAAoB;EACjB;EACA;YAEH,oBAAC;GAAW;GAAQ;GAAI,GAAG;IAAM;GACzB,GACL,EACP,oBAAC;EACC,OAAM;EACN,QAAO;EACP,aAAa;EACb,MAAM;GACN;EACE"}
+{"version":3,"file":"DotPattern.mjs","names":[],"sources":["../../../../src/components/Pattern/DotPattern.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, SVGProps } from 'react';\n\n/**\n * Props for the DotPattern component\n * Extends SVGProps to inherit all standard SVG attributes\n */\ntype DotPatternProps = {\n  /** Width of the pattern tile in pixels */\n  width?: number;\n  /** Height of the pattern tile in pixels */\n  height?: number;\n  /** Horizontal offset of the pattern */\n  x?: number;\n  /** Vertical offset of the pattern */\n  y?: number;\n  /** X coordinate of the dot center within the pattern tile */\n  cx?: number;\n  /** Y coordinate of the dot center within the pattern tile */\n  cy?: number;\n  /** Radius of each dot in the pattern */\n  cr?: number;\n} & SVGProps<SVGSVGElement>;\n\n/**\n * Dot Pattern Component\n *\n * A decorative SVG component that generates a repeating dot pattern background.\n * Perfect for adding subtle texture and visual interest to sections, cards, or hero areas\n * without interfering with content readability.\n *\n * Features:\n * - Scalable vector-based pattern that looks crisp at any size\n * - Customizable dot spacing, size, and positioning\n * - Semi-transparent fill for subtle visual effect\n * - Accessibility-friendly with aria-hidden attribute\n * - Pointer events disabled to avoid interaction interference\n * - Unique pattern ID generation to prevent conflicts\n * - Full coverage with absolute positioning\n *\n * Technical Implementation:\n * - Uses SVG `<pattern>` element for efficient rendering\n * - Pattern repeats using userSpaceOnUse coordinate system\n * - Generates unique IDs using React's useId hook\n * - Fills entire container with 100% width and height\n * - Pattern tile coordinates defined in userSpaceOnUse units\n *\n * Visual Characteristics:\n * - Default: 16x16px tile with 1px radius dots\n * - Semi-transparent neutral fill (30% opacity)\n * - Dots positioned at (1,1) within each tile by default\n * - Absolute positioning covers entire parent container\n *\n * @example\n * Basic usage as background pattern:\n * ```tsx\n * <div className=\"relative min-h-screen\">\n *   <DotPattern />\n *   <div className=\"relative z-10\">\n *     <h1>Content over dot pattern</h1>\n *   </div>\n * </div>\n * ```\n *\n * @example\n * Custom dot spacing and size:\n * ```tsx\n * <DotPattern\n *   width={24}\n *   height={24}\n *   cr={1.5}\n *   className=\"fill-primary/20\"\n * />\n * ```\n *\n * @example\n * Offset pattern positioning:\n * ```tsx\n * <DotPattern\n *   x={8}\n *   y={8}\n *   cx={2}\n *   cy={2}\n *   className=\"fill-accent/25\"\n * />\n * ```\n *\n * @example\n * Large sparse dots:\n * ```tsx\n * <DotPattern\n *   width={32}\n *   height={32}\n *   cr={2}\n *   cx={16}\n *   cy={16}\n *   className=\"fill-neutral/10\"\n * />\n * ```\n *\n * Styling Notes:\n * - Use `fill-*` classes to customize dot color and opacity\n * - Pattern automatically fills parent container\n * - Consider contrast with overlaid content\n * - Semi-transparent fills work best for backgrounds\n *\n * Accessibility:\n * - Marked as `aria-hidden=\"true\"` since it's decorative\n * - Pointer events disabled to maintain interactivity of overlaid content\n * - Does not interfere with screen readers or keyboard navigation\n *\n * @param props - DotPattern component props\n * @returns SVG element with repeating dot pattern\n */\nexport const DotPattern: FC<DotPatternProps> = ({\n  width = 16,\n  height = 16,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 1,\n  className,\n  ...props\n}) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      'pointer-events-none absolute inset-0 h-full w-full fill-neutral/30',\n      className\n    )}\n    {...props}\n  >\n    <defs>\n      <pattern\n        id=\"pattern-circle\"\n        width={width}\n        height={height}\n        patternUnits=\"userSpaceOnUse\"\n        patternContentUnits=\"userSpaceOnUse\"\n        x={x}\n        y={y}\n      >\n        <circle cx={cx} cy={cy} r={cr} />\n      </pattern>\n    </defs>\n    <rect\n      width=\"100%\"\n      height=\"100%\"\n      strokeWidth={0}\n      fill={`url(#pattern-circle)`}\n    />\n  </svg>\n);\n"],"mappings":"0FAkHA,MAAa,GAAmC,CAC9C,QAAQ,GACR,SAAS,GACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,YACA,GAAG,KAEH,EAAC,MAAA,CACC,cAAY,OACZ,UAAW,EACT,qEACA,EACD,CACD,GAAI,YAEJ,EAAC,OAAA,CAAA,SACC,EAAC,UAAA,CACC,GAAG,iBACI,QACC,SACR,aAAa,iBACb,oBAAoB,iBACjB,IACA,aAEH,EAAC,SAAA,CAAW,KAAQ,KAAI,EAAG,GAAM,EACzB,CAAA,CACL,CACP,EAAC,OAAA,CACC,MAAM,OACN,OAAO,OACP,YAAa,EACb,KAAM,wBACN,CAAA,EACE"}

package/dist/esm/components/Pattern/GridPattern.mjs

@@ -1,157 +1,2 @@
-import { cn } from "../../utils/cn.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/Pattern/GridPattern.tsx
-/**
-* Unique identifier for the grid pattern definition
-* Static to ensure consistent referencing across instances
-*/
-const id = "grid-pattern";
-/**
-* Grid Pattern Component
-*
-* A versatile SVG component that generates a repeating grid pattern background with
-* optional highlighted squares. Ideal for technical layouts, dashboards, design mockups,
-* and any interface requiring structured visual organization.
-*
-* Features:
-* - Scalable vector-based grid that renders crisp at any zoom level
-* - Customizable cell dimensions and spacing
-* - Optional square highlighting for emphasis or data visualization
-* - Configurable stroke patterns (solid or dashed lines)
-* - Theme-aware styling with automatic dark mode support
-* - Accessibility-friendly with screen reader exclusion
-* - Performance optimized with pointer events disabled
-* - Full container coverage with responsive sizing
-*
-* Technical Architecture:
-* - Uses SVG `<pattern>` for memory-efficient repetition
-* - Grid lines drawn with path elements for precision
-* - Highlighted squares rendered as separate rect elements
-* - Pattern coordinates use userSpaceOnUse for consistency
-* - Static pattern ID prevents conflicts between instances
-*
-* Visual Design:
-* - Default: 40x40px grid cells with subtle neutral strokes
-* - Light mode: 10% fill opacity, 15% stroke opacity
-* - Dark mode: Enhanced 30% stroke opacity for visibility
-* - Slight offset (-1px) for optimal line rendering
-* - Optional dashed lines for more subtle appearance
-*
-* Highlighted Squares:
-* - Defined by coordinate arrays [x, y] where x,y are grid positions
-* - Automatically sized to fit within grid cells (width-1, height-1)
-* - Positioned with 1px offset for visual separation from grid lines
-* - Inherit theme-based fill colors for consistency
-*
-* @example
-* Basic grid background:
-* ```tsx
-* <div className="relative min-h-screen">
-*   <GridPattern />
-*   <div className="relative z-10">
-*     <h1>Content over grid</h1>
-*   </div>
-* </div>
-* ```
-*
-* @example
-* Custom grid size with dashed lines:
-* ```tsx
-* <GridPattern
-*   width={60}
-*   height={60}
-*   strokeDasharray={2}
-*   className="stroke-primary/20"
-* />
-* ```
-*
-* @example
-* Data visualization with highlighted squares:
-* ```tsx
-* <GridPattern
-*   width={30}
-*   height={30}
-*   squares={[
-*     [0, 1], [1, 1], [2, 1],
-*     [1, 2], [3, 0], [4, 2]
-*   ]}
-*   className="fill-accent/20 stroke-accent/30"
-* />
-* ```
-*
-* @example
-* Fine grid for technical layouts:
-* ```tsx
-* <GridPattern
-*   width={20}
-*   height={20}
-*   strokeDasharray={1}
-*   className="stroke-neutral/8 fill-neutral/5"
-* />
-* ```
-*
-* Styling Guidelines:
-* - Use low opacity values (5-30%) for background subtlety
-* - Consider theme contrast when customizing colors
-* - Dashed patterns work well for secondary grids
-* - Match grid colors with overall design system
-*
-* Performance Notes:
-* - Pattern definition reused efficiently across large areas
-* - Highlighted squares rendered individually for flexibility
-* - Pointer events disabled to prevent interaction blocking
-* - SVG optimized for browser rendering performance
-*
-* Accessibility:
-* - Hidden from screen readers with aria-hidden="true"
-* - Purely decorative - doesn't convey essential information
-* - Maintains sufficient contrast with overlaid content
-*
-* @param props - GridPattern component props
-* @returns SVG element with repeating grid pattern and optional highlights
-*/
-const GridPattern = ({ width = 40, height = 40, x = -1, y = -1, strokeDasharray = 0, squares, className, ...props }) => /* @__PURE__ */ jsxs("svg", {
-	"aria-hidden": "true",
-	className: cn("pointer-events-none absolute inset-0 h-full max-h-full w-full fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30", className),
-	...props,
-	children: [
-		/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", {
-			id,
-			width,
-			height,
-			patternUnits: "userSpaceOnUse",
-			x,
-			y,
-			children: /* @__PURE__ */ jsx("path", {
-				d: `M.5 ${height}V.5H${width}`,
-				fill: "none",
-				strokeDasharray
-			})
-		}) }),
-		/* @__PURE__ */ jsx("rect", {
-			width: "100%",
-			height: "100%",
-			strokeWidth: 0,
-			fill: `url(#${id})`
-		}),
-		squares && /* @__PURE__ */ jsx("svg", {
-			x,
-			y,
-			className: "overflow-visible",
-			role: "img",
-			"aria-label": "Grid pattern",
-			children: squares.map(([x, y]) => /* @__PURE__ */ jsx("rect", {
-				strokeWidth: "0",
-				width: width - 1,
-				height: height - 1,
-				x: x * width + 1,
-				y: y * height + 1
-			}, `${x}-${y}`))
-		})
-	]
-});
-
-//#endregion
-export { GridPattern };
+import{cn as e}from"../../utils/cn.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=`grid-pattern`,i=({width:i=40,height:a=40,x:o=-1,y:s=-1,strokeDasharray:c=0,squares:l,className:u,...d})=>n(`svg`,{"aria-hidden":`true`,className:e(`pointer-events-none absolute inset-0 h-full max-h-full w-full fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30`,u),...d,children:[t(`defs`,{children:t(`pattern`,{id:r,width:i,height:a,patternUnits:`userSpaceOnUse`,x:o,y:s,children:t(`path`,{d:`M.5 ${a}V.5H${i}`,fill:`none`,strokeDasharray:c})})}),t(`rect`,{width:`100%`,height:`100%`,strokeWidth:0,fill:`url(#${r})`}),l&&t(`svg`,{x:o,y:s,className:`overflow-visible`,role:`img`,"aria-label":`Grid pattern`,children:l.map(([e,n])=>t(`rect`,{strokeWidth:`0`,width:i-1,height:a-1,x:e*i+1,y:n*a+1},`${e}-${n}`))})]});export{i as GridPattern};
 //# sourceMappingURL=GridPattern.mjs.map

package/dist/esm/components/Pattern/GridPattern.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridPattern.mjs","names":[],"sources":["../../../../src/components/Pattern/GridPattern.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, SVGProps } from 'react';\n\n/**\n * Props for the GridPattern component\n * Extends SVGProps to inherit all standard SVG attributes\n */\ntype GridPatternProps = {\n  /** Width of each grid cell in pixels */\n  width?: number;\n  /** Height of each grid cell in pixels */\n  height?: number;\n  /** Horizontal offset of the pattern */\n  x?: number;\n  /** Vertical offset of the pattern */\n  y?: number;\n  /** Array of grid coordinates to highlight as filled squares */\n  squares?: [x: number, y: number][];\n  /** Dash pattern for grid lines (0 = solid, positive = dashed) */\n  strokeDasharray?: number;\n} & SVGProps<SVGSVGElement>;\n\n/**\n * Unique identifier for the grid pattern definition\n * Static to ensure consistent referencing across instances\n */\nconst id = 'grid-pattern';\n\n/**\n * Grid Pattern Component\n *\n * A versatile SVG component that generates a repeating grid pattern background with\n * optional highlighted squares. Ideal for technical layouts, dashboards, design mockups,\n * and any interface requiring structured visual organization.\n *\n * Features:\n * - Scalable vector-based grid that renders crisp at any zoom level\n * - Customizable cell dimensions and spacing\n * - Optional square highlighting for emphasis or data visualization\n * - Configurable stroke patterns (solid or dashed lines)\n * - Theme-aware styling with automatic dark mode support\n * - Accessibility-friendly with screen reader exclusion\n * - Performance optimized with pointer events disabled\n * - Full container coverage with responsive sizing\n *\n * Technical Architecture:\n * - Uses SVG `<pattern>` for memory-efficient repetition\n * - Grid lines drawn with path elements for precision\n * - Highlighted squares rendered as separate rect elements\n * - Pattern coordinates use userSpaceOnUse for consistency\n * - Static pattern ID prevents conflicts between instances\n *\n * Visual Design:\n * - Default: 40x40px grid cells with subtle neutral strokes\n * - Light mode: 10% fill opacity, 15% stroke opacity\n * - Dark mode: Enhanced 30% stroke opacity for visibility\n * - Slight offset (-1px) for optimal line rendering\n * - Optional dashed lines for more subtle appearance\n *\n * Highlighted Squares:\n * - Defined by coordinate arrays [x, y] where x,y are grid positions\n * - Automatically sized to fit within grid cells (width-1, height-1)\n * - Positioned with 1px offset for visual separation from grid lines\n * - Inherit theme-based fill colors for consistency\n *\n * @example\n * Basic grid background:\n * ```tsx\n * <div className=\"relative min-h-screen\">\n *   <GridPattern />\n *   <div className=\"relative z-10\">\n *     <h1>Content over grid</h1>\n *   </div>\n * </div>\n * ```\n *\n * @example\n * Custom grid size with dashed lines:\n * ```tsx\n * <GridPattern\n *   width={60}\n *   height={60}\n *   strokeDasharray={2}\n *   className=\"stroke-primary/20\"\n * />\n * ```\n *\n * @example\n * Data visualization with highlighted squares:\n * ```tsx\n * <GridPattern\n *   width={30}\n *   height={30}\n *   squares={[\n *     [0, 1], [1, 1], [2, 1],\n *     [1, 2], [3, 0], [4, 2]\n *   ]}\n *   className=\"fill-accent/20 stroke-accent/30\"\n * />\n * ```\n *\n * @example\n * Fine grid for technical layouts:\n * ```tsx\n * <GridPattern\n *   width={20}\n *   height={20}\n *   strokeDasharray={1}\n *   className=\"stroke-neutral/8 fill-neutral/5\"\n * />\n * ```\n *\n * Styling Guidelines:\n * - Use low opacity values (5-30%) for background subtlety\n * - Consider theme contrast when customizing colors\n * - Dashed patterns work well for secondary grids\n * - Match grid colors with overall design system\n *\n * Performance Notes:\n * - Pattern definition reused efficiently across large areas\n * - Highlighted squares rendered individually for flexibility\n * - Pointer events disabled to prevent interaction blocking\n * - SVG optimized for browser rendering performance\n *\n * Accessibility:\n * - Hidden from screen readers with aria-hidden=\"true\"\n * - Purely decorative - doesn't convey essential information\n * - Maintains sufficient contrast with overlaid content\n *\n * @param props - GridPattern component props\n * @returns SVG element with repeating grid pattern and optional highlights\n */\nexport const GridPattern: FC<GridPatternProps> = ({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = 0,\n  squares,\n  className,\n  ...props\n}) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      'pointer-events-none absolute inset-0 h-full max-h-full w-full fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30',\n      className\n    )}\n    {...props}\n  >\n    <defs>\n      <pattern\n        id={id}\n        width={width}\n        height={height}\n        patternUnits=\"userSpaceOnUse\"\n        x={x}\n        y={y}\n      >\n        <path\n          d={`M.5 ${height}V.5H${width}`}\n          fill=\"none\"\n          strokeDasharray={strokeDasharray}\n        />\n      </pattern>\n    </defs>\n    <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n    {squares && (\n      <svg\n        x={x}\n        y={y}\n        className=\"overflow-visible\"\n        role=\"img\"\n        aria-label=\"Grid pattern\"\n      >\n        {squares.map(([x, y]) => (\n          <rect\n            strokeWidth=\"0\"\n            key={`${x}-${y}`}\n            width={width - 1}\n            height={height - 1}\n            x={x * width + 1}\n            y={y * height + 1}\n          />\n        ))}\n      </svg>\n    )}\n  </svg>\n);\n"],"mappings":";;;;;;;;AA0BA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GX,MAAa,eAAqC,EAChD,QAAQ,IACR,SAAS,IACT,IAAI,IACJ,IAAI,IACJ,kBAAkB,GAClB,SACA,WACA,GAAG,YAEH,qBAAC;CACC,eAAY;CACZ,WAAW,GACT,0HACA,UACD;CACD,GAAI;;EAEJ,oBAAC,oBACC,oBAAC;GACK;GACG;GACC;GACR,cAAa;GACV;GACA;aAEH,oBAAC;IACC,GAAG,OAAO,OAAO,MAAM;IACvB,MAAK;IACY;KACjB;IACM,GACL;EACP,oBAAC;GAAK,OAAM;GAAO,QAAO;GAAO,aAAa;GAAG,MAAM,QAAQ,GAAG;IAAM;EACvE,WACC,oBAAC;GACI;GACA;GACH,WAAU;GACV,MAAK;GACL,cAAW;aAEV,QAAQ,KAAK,CAAC,GAAG,OAChB,oBAAC;IACC,aAAY;IAEZ,OAAO,QAAQ;IACf,QAAQ,SAAS;IACjB,GAAG,IAAI,QAAQ;IACf,GAAG,IAAI,SAAS;MAJX,GAAG,EAAE,GAAG,IAKb,CACF;IACE;;EAEJ"}
+{"version":3,"file":"GridPattern.mjs","names":[],"sources":["../../../../src/components/Pattern/GridPattern.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport type { FC, SVGProps } from 'react';\n\n/**\n * Props for the GridPattern component\n * Extends SVGProps to inherit all standard SVG attributes\n */\ntype GridPatternProps = {\n  /** Width of each grid cell in pixels */\n  width?: number;\n  /** Height of each grid cell in pixels */\n  height?: number;\n  /** Horizontal offset of the pattern */\n  x?: number;\n  /** Vertical offset of the pattern */\n  y?: number;\n  /** Array of grid coordinates to highlight as filled squares */\n  squares?: [x: number, y: number][];\n  /** Dash pattern for grid lines (0 = solid, positive = dashed) */\n  strokeDasharray?: number;\n} & SVGProps<SVGSVGElement>;\n\n/**\n * Unique identifier for the grid pattern definition\n * Static to ensure consistent referencing across instances\n */\nconst id = 'grid-pattern';\n\n/**\n * Grid Pattern Component\n *\n * A versatile SVG component that generates a repeating grid pattern background with\n * optional highlighted squares. Ideal for technical layouts, dashboards, design mockups,\n * and any interface requiring structured visual organization.\n *\n * Features:\n * - Scalable vector-based grid that renders crisp at any zoom level\n * - Customizable cell dimensions and spacing\n * - Optional square highlighting for emphasis or data visualization\n * - Configurable stroke patterns (solid or dashed lines)\n * - Theme-aware styling with automatic dark mode support\n * - Accessibility-friendly with screen reader exclusion\n * - Performance optimized with pointer events disabled\n * - Full container coverage with responsive sizing\n *\n * Technical Architecture:\n * - Uses SVG `<pattern>` for memory-efficient repetition\n * - Grid lines drawn with path elements for precision\n * - Highlighted squares rendered as separate rect elements\n * - Pattern coordinates use userSpaceOnUse for consistency\n * - Static pattern ID prevents conflicts between instances\n *\n * Visual Design:\n * - Default: 40x40px grid cells with subtle neutral strokes\n * - Light mode: 10% fill opacity, 15% stroke opacity\n * - Dark mode: Enhanced 30% stroke opacity for visibility\n * - Slight offset (-1px) for optimal line rendering\n * - Optional dashed lines for more subtle appearance\n *\n * Highlighted Squares:\n * - Defined by coordinate arrays [x, y] where x,y are grid positions\n * - Automatically sized to fit within grid cells (width-1, height-1)\n * - Positioned with 1px offset for visual separation from grid lines\n * - Inherit theme-based fill colors for consistency\n *\n * @example\n * Basic grid background:\n * ```tsx\n * <div className=\"relative min-h-screen\">\n *   <GridPattern />\n *   <div className=\"relative z-10\">\n *     <h1>Content over grid</h1>\n *   </div>\n * </div>\n * ```\n *\n * @example\n * Custom grid size with dashed lines:\n * ```tsx\n * <GridPattern\n *   width={60}\n *   height={60}\n *   strokeDasharray={2}\n *   className=\"stroke-primary/20\"\n * />\n * ```\n *\n * @example\n * Data visualization with highlighted squares:\n * ```tsx\n * <GridPattern\n *   width={30}\n *   height={30}\n *   squares={[\n *     [0, 1], [1, 1], [2, 1],\n *     [1, 2], [3, 0], [4, 2]\n *   ]}\n *   className=\"fill-accent/20 stroke-accent/30\"\n * />\n * ```\n *\n * @example\n * Fine grid for technical layouts:\n * ```tsx\n * <GridPattern\n *   width={20}\n *   height={20}\n *   strokeDasharray={1}\n *   className=\"stroke-neutral/8 fill-neutral/5\"\n * />\n * ```\n *\n * Styling Guidelines:\n * - Use low opacity values (5-30%) for background subtlety\n * - Consider theme contrast when customizing colors\n * - Dashed patterns work well for secondary grids\n * - Match grid colors with overall design system\n *\n * Performance Notes:\n * - Pattern definition reused efficiently across large areas\n * - Highlighted squares rendered individually for flexibility\n * - Pointer events disabled to prevent interaction blocking\n * - SVG optimized for browser rendering performance\n *\n * Accessibility:\n * - Hidden from screen readers with aria-hidden=\"true\"\n * - Purely decorative - doesn't convey essential information\n * - Maintains sufficient contrast with overlaid content\n *\n * @param props - GridPattern component props\n * @returns SVG element with repeating grid pattern and optional highlights\n */\nexport const GridPattern: FC<GridPatternProps> = ({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = 0,\n  squares,\n  className,\n  ...props\n}) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      'pointer-events-none absolute inset-0 h-full max-h-full w-full fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30',\n      className\n    )}\n    {...props}\n  >\n    <defs>\n      <pattern\n        id={id}\n        width={width}\n        height={height}\n        patternUnits=\"userSpaceOnUse\"\n        x={x}\n        y={y}\n      >\n        <path\n          d={`M.5 ${height}V.5H${width}`}\n          fill=\"none\"\n          strokeDasharray={strokeDasharray}\n        />\n      </pattern>\n    </defs>\n    <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n    {squares && (\n      <svg\n        x={x}\n        y={y}\n        className=\"overflow-visible\"\n        role=\"img\"\n        aria-label=\"Grid pattern\"\n      >\n        {squares.map(([x, y]) => (\n          <rect\n            strokeWidth=\"0\"\n            key={`${x}-${y}`}\n            width={width - 1}\n            height={height - 1}\n            x={x * width + 1}\n            y={y * height + 1}\n          />\n        ))}\n      </svg>\n    )}\n  </svg>\n);\n"],"mappings":"0FA0BA,MAAM,EAAK,eA0GE,GAAqC,CAChD,QAAQ,GACR,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,kBAAkB,EAClB,UACA,YACA,GAAG,KAEH,EAAC,MAAA,CACC,cAAY,OACZ,UAAW,EACT,yHACA,EACD,CACD,GAAI,YAEJ,EAAC,OAAA,CAAA,SACC,EAAC,UAAA,CACK,KACG,QACC,SACR,aAAa,iBACV,IACA,aAEH,EAAC,OAAA,CACC,EAAG,OAAO,EAAO,MAAM,IACvB,KAAK,OACY,mBACjB,EACM,CAAA,CACL,CACP,EAAC,OAAA,CAAK,MAAM,OAAO,OAAO,OAAO,YAAa,EAAG,KAAM,QAAQ,EAAG,IAAM,CACvE,GACC,EAAC,MAAA,CACI,IACA,IACH,UAAU,mBACV,KAAK,MACL,aAAW,wBAEV,EAAQ,KAAK,CAAC,EAAG,KAChB,EAAC,OAAA,CACC,YAAY,IAEZ,MAAO,EAAQ,EACf,OAAQ,EAAS,EACjB,EAAG,EAAI,EAAQ,EACf,EAAG,EAAI,EAAS,GAJX,GAAG,EAAE,GAAG,IAKb,CACF,EACE,GAEJ"}