spoko-design-system 1.0.0 → 1.0.1

package/.astro/data-store.json

@@ -1 +1 @@
-[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.13.2","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://sds.spoko.space/\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":1234,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[\"placehold.co\",\"api.polo.blue\",\"polo.blue\",\"media.istockphoto.com\",\"freepik.com\",\"img.freepik.com\",\"polo6r.pl\"],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false},\"legacy\":{\"collections\":false}}"]
+[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.13.10","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://sds.spoko.space/\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":1234,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[\"placehold.co\",\"api.polo.blue\",\"polo.blue\",\"media.istockphoto.com\",\"freepik.com\",\"img.freepik.com\",\"polo6r.pl\"],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false,\"liveContentCollections\":false,\"csp\":false,\"staticImportMetaEnv\":false,\"chromeDevtoolsWorkspace\":false},\"legacy\":{\"collections\":false}}"]

package/.astro/settings.json

@@ -1,5 +1,5 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1757938917015
+		"lastUpdateCheck": 1758628311891
 	}
 }

package/.claude/settings.local.json

@@ -5,7 +5,17 @@
       "Bash(npm run dev:*)",
       "Bash(tasklist)",
       "Bash(findstr:*)",
-      "Bash(git add:*)"
+      "Bash(git add:*)",
+      "Bash(npm install:*)",
+      "Bash(pnpm add:*)",
+      "Bash(pnpm i:*)",
+      "Bash(pnpm install:*)",
+      "Bash(pnpm dev:*)",
+      "Bash(node:*)",
+      "WebFetch(domain:polo.blue)",
+      "Bash(git commit:*)",
+      "Bash(git push:*)",
+      "Bash(pnpm run:*)"
     ],
     "deny": [],
     "ask": []

package/.vscode/extensions.json

@@ -1,5 +1,4 @@
 {
   "recommendations": ["astro-build.astro-vscode"],
   "unwantedRecommendations": [],
-  "lokalise.i18n-ally"
 }

package/.vscode/settings.json

@@ -1,6 +1,2 @@
 {
-    "i18n-ally.sourceLanguage": "en",
-    "i18n-ally.keystyle": "nested",
-    "i18n-ally.localesPaths": "public/locales",
-    "i18n-ally.sortKeys": true,
 }

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.0.1](https://github.com/polo-blue/sds/compare/v1.0.0...v1.0.1) (2025-09-23)
+
+### Bug Fixes
+
+* improve design system and add icon collections documentation ([007c465](https://github.com/polo-blue/sds/commit/007c46522f48bad8d0a04fbe811066edf6c3c78f))
+* remove invalid vscode-icons to resolve build errors ([ab1fea5](https://github.com/polo-blue/sds/commit/ab1fea51182b35159953ae0005bb8c226fe14e9d))
+* update icons and improve UnoCSS extractor ([aca7861](https://github.com/polo-blue/sds/commit/aca786103a56f5a180a15d6db044068bab596f62))
+
 ## 1.0.0 (2025-09-23)
 
 ### Features

package/README.md

@@ -39,15 +39,14 @@ Most of the components from this repository can be seen in my projects:
 - https://polo6r.pl
 
 
-### Feateures
+### Features
 - ⚡️[Vue 3](https://github.com/vuejs/core), [Vite](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/) - born with fastness
 - 🎨 [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine
 - 😃 [astro-icon](https://github.com/natemoo-re/astro-icon) - for local icons, sprites and `@iconify-json/*` sets
 - 🍔 [astro-navbar](https://github.com/surjithctly/astro-navbar) -  fully responsive and accessible headless navigation bar
-- 🌍 [astro-i18next](https://github.com/yassinedoghri/astro-i18next) - Astro integration of i18next
 - 🔎 [astro-pagefind](https://github.com/shishkin/astro-pagefind) - Astro integration for Pagefind static site search
 - 🗒 [astrojs/mdx](https://github.com/withastro/astro/tree/main/packages/integrations/mdx/) - markdown support
-- 📦 [astro-compress](https://github.com/astro-community/AstroCompress) - compression utilities to your Astro project
+- 📦 [Playform compression](https://github.com/Playform/compress) - compression utilities to your Astro project
 - 📲 [PWA](https://github.com/vite-pwa/astro) - Zero-config PWA Integration for Astro
 - 🏷️ [astro-meta-tags](https://github.com/patrick91/astro-meta-tags) - Meta Tags inside for Astro Dev Toolbar
 - 🖨 Static-site generation (SSG)
@@ -55,6 +54,23 @@ Most of the components from this repository can be seen in my projects:
 - 🌠 [View Transitions API](https://docs.astro.build/en/guides/view-transitions/#full-site-view-transitions-spa-mode) - [View Transition API](https://developer.mozilla.org/en-US/docs/Web/API/Document/startViewTransition) - makes it easy to change the DOM in a single step, while creating an animated transition between the two states. It's available in Chrome 111+ ([more details](https://developer.chrome.com/docs/web-platform/view-transitions?hl=en))
 - ☁️ Deploy on Netlify
 
+### Icon Collections
+
+The design system includes carefully curated icon collections from Iconify:
+
+- 🎨 [Material Design Icons](https://icon-sets.iconify.design/mdi/) - comprehensive icon set for UI elements
+- 🚗 [Ant Design Icons](https://icon-sets.iconify.design/ant-design/) - clean outlined icons
+- 📱 [Bootstrap Icons](https://icon-sets.iconify.design/bi/) - simple and consistent icons
+- 🎯 [Boxicons](https://icon-sets.iconify.design/bx/) - high quality web icons
+- 🌍 [Carbon Icons](https://icon-sets.iconify.design/carbon/) - IBM's design language icons
+- 🎪 [Lucide Icons](https://icon-sets.iconify.design/lucide/) - beautiful & consistent icon toolkit
+- 🎨 [Streamline Freehand Color](https://icon-sets.iconify.design/streamline-freehand-color/) - hand-drawn style colored icons
+- 📟 [VS Code Icons](https://icon-sets.iconify.design/vscode-icons/) - file type and technology icons
+- 🏢 [Simple Icons](https://icon-sets.iconify.design/simple-icons/) - brand icons for popular services
+- ⚡ [Fluent UI Icons](https://icon-sets.iconify.design/fluent/) - Microsoft's design system icons
+
+See the complete list and configuration in [`icon.config.ts`](./icon.config.ts).
+
 ### Adding new sections
 
 Although it's not required, you can create folders for new sections.

package/astro.config.mjs

@@ -3,7 +3,6 @@ import { iconConfig } from './icon.config';
 import vue from "@astrojs/vue";
 import mdx from '@astrojs/mdx';
 import UnoCSS from '@unocss/astro';
-import astroI18next from "astro-i18next";
 import icon from "astro-icon";
 import sitemap from "@astrojs/sitemap";
 import pagefind from "astro-pagefind";
@@ -28,7 +27,6 @@ export default defineConfig({
     // Enable Vue to support Vue3 components
     vue(), 
     mdx(), 
-    astroI18next(), 
     AstroPWA({
       mode: 'production',
       base: '/',

package/icon.config.ts

@@ -3,10 +3,13 @@
 interface IconConfig {
   include: {
     [key: string]: string[];
-  }
+  };
+  collections?: {
+    [key: string]: () => Promise<any>;
+  };
 }
 
-// Lista wszystkich wspieranych kolekcji
+// List of all supported collections
 export const iconCollections = [
   'ant-design',
   'bi',
@@ -32,6 +35,8 @@ export const iconCollections = [
   'system-uicons',
   'uil',
   'lucide',
+  'vscode-icons',
+  'streamline-freehand-color',
 ] as const;
 
 export type IconCollectionName = typeof iconCollections[number];
@@ -230,6 +235,7 @@ export const iconConfig: IconConfig = {
     ],
 
     "simple-icons": [
+      "astro",
       "ebay",
       "allegro",
       "volkswagen",
@@ -291,7 +297,31 @@ export const iconConfig: IconConfig = {
 
     'system-uicons': [
       'document-justified'
+    ],
+
+    'vscode-icons': [
+      'file-type-astro',
+      'file-type-unocss',
+      'file-type-vue',
+      'file-type-typescript',
+      'file-type-node',
+      'file-type-npm'
+    ],
+
+    'streamline-freehand-color': [
+      'data-transfer-document-module',
+      'design-process-drawing-board',
+      'app-window-source-code',
+      'app-window-layout',
+      'database',
+      'module-building-blocks',
+      'layouts-array-1',
+      'archive-box',
+      'donation-charity-donate-box'
     ]
+  },
+  collections: {
+    "streamline-freehand-color": () => import("@iconify-json/streamline-freehand-color/icons.json")
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -75,8 +75,12 @@
     "@iconify-json/octicon": "^1.2.14",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/simple-icons": "^1.2.52",
+    "@iconify-json/streamline": "^1.2.5",
+    "@iconify-json/streamline-emojis": "^1.2.4",
+    "@iconify-json/streamline-freehand-color": "^1.2.2",
     "@iconify-json/system-uicons": "^1.2.4",
     "@iconify-json/uil": "^1.2.3",
+    "@iconify-json/vscode-icons": "^1.2.2",
     "@iconify/json": "^2.2.386",
     "@iconify/vue": "^5.0.0",
     "@playform/compress": "^0.2.0",
@@ -90,18 +94,12 @@
     "@unocss/reset": "66.5.1",
     "@vite-pwa/astro": "^1.1.0",
     "@vueuse/core": "^13.9.0",
-    "astro-i18next": "1.0.0-beta.21",
     "astro-icon": "^1.1.5",
     "astro-meta-tags": "^0.4.0",
     "astro-navbar": "^2.4.0",
     "astro-pagefind": "^1.8.5",
     "astro-remote": "^0.3.4",
     "dotenv": "^17.2.2",
-    "i18next": "^25.5.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "i18next-fs-backend": "^2.6.0",
-    "i18next-http-backend": "^3.0.2",
-    "i18next-vue": "^5.3.0",
     "swiper": "^12.0.2",
     "unocss": "66.5.1",
     "vue": "^3.5.21"
@@ -133,7 +131,7 @@
     ]
   },
   "engines": {
-    "node": ">=18.14.1",
-    "pnpm": ">=9.15.3"
+    "node": ">=22.17.0",
+    "pnpm": ">=10.16.1"
   }
 }

package/src/components/Category/CategoriesCarousel.astro

@@ -5,7 +5,6 @@ import { getTranslatedLink } from "@utils/text/getTranslatedLink"
 import { getMainCategoryList } from "@utils/category/getMainCategoryList"
 import { Image } from 'astro:assets'
 
-import i18next, { t } from "i18next";
 const categories = await getMainCategoryList()
 const imgDomain = 'https://api.polo.blue/img/';
 
@@ -50,7 +49,7 @@ const activeIndex = activeCategorySlug && categories ? categories.map(a => a.slu
 
               <Image 
                 src={`${imgDomain}${category.photo}`} 
-                alt={t(`cat.${category.slug}.desc`).split('. ', 1)[0]}
+                alt={category.name}
                 height="70"
                 width="70"
                 format="avif"
@@ -63,7 +62,7 @@ const activeIndex = activeCategorySlug && categories ? categories.map(a => a.slu
             <div class="cat-name"
               // itemprop="name"
             >
-              { t(`cat.${category.slug}.name`) }
+              { category.name }
             </div>
           </a>
         </swiper-slide>

package/src/components/Category/CategoryDetails.astro

@@ -2,7 +2,6 @@
 import CategorySidebarToggler from './CategorySidebarToggler.vue';
 import CategoryViewToggler from './CategoryViewToggler.astro';
 import { Icon } from 'astro-icon/components';
-import { t } from "i18next";
 
 const { 
   category, 
@@ -15,7 +14,7 @@ const {
   viewerLabels 
 } = Astro.props;
 
-const baseURL = locale === 'en' ? '' : `/${locale}`;
+const baseURL = '';
 ---
 
 <div 
@@ -58,7 +57,7 @@ const baseURL = locale === 'en' ? '' : `/${locale}`;
         <span class="text-neutral-lighter text-lg inline-block px-1 font-headlight">/</span>
         {!subsubtitle ? (
           <h1 class="text-lg py-2.5 sm:py-0 whitespace-nowrap underline underline-offset-6 decoration-blue-300 decoration-0.5">
-            {subtitle} <span class="sr-only"> {t('catalog.extra-short')}</span>
+            {subtitle} <span class="sr-only"> catalog</span>
           </h1>
         ) : (
           <>
@@ -69,7 +68,7 @@ const baseURL = locale === 'en' ? '' : `/${locale}`;
             </div>
             <span class="text-neutral-lighter text-lg inline-block px-1 font-headlight">/</span>
             <h1 class="text-lg py-2.5 sm:py-0 whitespace-nowrap underline underline-offset-6 decoration-blue-300 decoration-0.5">
-              {subsubtitle} <span class="sr-only"> {t('catalog.extra-short')}</span>
+              {subsubtitle} <span class="sr-only"> catalog</span>
             </h1>
           </>
         )}
@@ -78,7 +77,7 @@ const baseURL = locale === 'en' ? '' : `/${locale}`;
       <h1 class="text-lg py-2.5 sm:py-0 whitespace-nowrap">
         {category.name}
         {titleSmall && <small>{titleSmall}</small>}
-        <span class="sr-only"> {t('catalog.extra-short')}</span>
+        <span class="sr-only"> catalog</span>
       </h1>
     )}
   </div>

package/src/components/Faq.astro

@@ -6,7 +6,6 @@
 
 	*/
 
-import {t }  from "i18next"
 import FaqItem from "../components/FaqItem.astro"
 
 interface Props {
@@ -22,7 +21,7 @@ const { questions } = Astro.props
 
 <div class="flex flex-col mt-6 mb-4 w-full px-4 md:px-0" itemscope itemtype="https://schema.org/FAQPage" >
 	<div class="mb-6 text-4xl font-headbold sm:text-4xl text-blue-802 faq-heading">
-		{t('faq.title')}
+		Frequently Asked Questions
 	</div>
 	<div class="flex flex-col divide-y dark:divide-gray-700">
 		{

package/src/components/Header/Header.astro

@@ -69,32 +69,32 @@ import Search from "astro-pagefind/components/Search";
   @apply font-textlight text-base;
 }
 
-.pagefind-ui__search-input {
-  height: 40px !important;
+.pagefind-ui .pagefind-ui__search-input {
+  height: 40px;
   border: 0;
-  @apply rounded-none sm:rounded-3xl h-10 w-full;
+  @apply rounded-none sm:rounded-3xl w-full;
 }
 
-.pagefind-ui__result-excerpt,
-.pagefind-ui__button {
-  font-size: 14px !important;
+.pagefind-ui .pagefind-ui__result-excerpt,
+.pagefind-ui .pagefind-ui__button {
+  font-size: 14px;
 }
 
-.pagefind-ui__filter-name {
-  font-size: 12px !important;
+.pagefind-ui .pagefind-ui__filter-name {
+  font-size: 12px;
 }
 
-.pagefind-ui__drawer:not(.pagefind-ui__hidden) {
+.pagefind-ui .pagefind-ui__drawer:not(.pagefind-ui__hidden) {
   @apply p-4;
 }
 
-.pagefind-ui__result-link {
+.pagefind-ui .pagefind-ui__result-link {
   color: var(--pagefind-ui-primary);
   font-family: vw_headlight;
   font-size: 1rem;
 }
 
-.pagefind-ui__result-link::before {
+.pagefind-ui .pagefind-ui__result-link::before {
   top: 0;
   bottom: 0;
   left: 0;
@@ -103,107 +103,107 @@ import Search from "astro-pagefind/components/Search";
   position: absolute;
 }
 
-.pagefind-ui__result-excerpt {
+.pagefind-ui .pagefind-ui__result-excerpt {
   color: var(--pagefind-ui-text);
   order: 3;
 }
 
-.pagefind-ui__drawer {
+.pagefind-ui .pagefind-ui__drawer {
   @apply bg-white md:fixed shadow-lg rounded-b-lg border-t border-t-transparent overflow-auto top-17 md:max-w-[calc(100vw-10%)] max-h-[calc(100vh-10%)] gap-[30px];
 }
 
-.pagefind-ui__search-clear {
+.pagefind-ui .pagefind-ui__search-clear {
   height: 38px;
   top: 0;
   @apply sm:rounded-3xl;
 }
 
-.pagefind-ui__search-input {
+.pagefind-ui .pagefind-ui__search-input {
   font-size: 1rem;
   font-weight: 400;
   padding: 0 2.5rem 2px;
 }
 
-.pagefind-ui__form::before {
+.pagefind-ui .pagefind-ui__form::before {
   top: 14px;
   left: 16px;
   width: 14px;
   height: 14px;
 }
 
-.pagefind-ui__result {
+.pagefind-ui .pagefind-ui__result {
   padding: 0.875rem 0;
   gap: 1rem;
   @apply relative;
 }
 
-.pagefind-ui__filter-block {
+.pagefind-ui .pagefind-ui__filter-block {
   padding: 0.875rem 0;
   border-width: 1px;
 }
 
-.pagefind-ui__filter-group {
+.pagefind-ui .pagefind-ui__filter-group {
   gap: 0.5rem;
   padding-top: 0.875rem;
 }
 
-.pagefind-ui__filter-value {
+.pagefind-ui .pagefind-ui__filter-value {
   gap: 10px;
 }
 
-.pagefind-ui__filter-checkbox {
+.pagefind-ui .pagefind-ui__filter-checkbox {
   border-radius: 3px;
   margin-top: 1px;
   min-width: calc(16px * var(--pagefind-ui-scale));
 }
 
-.pagefind-ui__result-image {
+.pagefind-ui .pagefind-ui__result-image {
   @apply drop-shadow-sm w-full h-full object-contain rounded-none;
 }
 
-.pagefind-ui__filter-panel {
+.pagefind-ui .pagefind-ui__filter-panel {
   @apply hidden;
 }
 
-.pagefind-ui__filter-label {
+.pagefind-ui .pagefind-ui__filter-label {
   font-size: 0.9rem;
 }
 
-.pagefind-ui__button {
+.pagefind-ui .pagefind-ui__button {
   font-weight: 400;
   height: 40px;
 }
 
-.pagefind-ui__result-tag {
+.pagefind-ui .pagefind-ui__result-tag {
   background: inherit;
   padding: 0;
   color: #9ca3af;
 }
 
-.pagefind-ui__result-thumb {
+.pagefind-ui .pagefind-ui__result-thumb {
   max-width: 120px;
 }
 
-.pagefind-ui__result-tags {
+.pagefind-ui .pagefind-ui__result-tags {
   margin-top: 0.4rem;
   order: 2;
 }
 
-.pagefind-ui__filter-name::after {
+.pagefind-ui .pagefind-ui__filter-name::after {
   color: var(--pagefind-ui-primary);
 }
 
-.pagefind-ui__result-title {
+.pagefind-ui .pagefind-ui__result-title {
   font-size: inherit;
   line-height: 1;
 }
 
-.pagefind-ui__filter-panel,
-.pagefind-ui__results-area {
+.pagefind-ui .pagefind-ui__filter-panel,
+.pagefind-ui .pagefind-ui__results-area {
   margin-top: 0;
 }
 
-.pagefind-ui__message {
+.pagefind-ui .pagefind-ui__message {
   padding: 0.875rem 0;
 }
 

package/src/components/Headline.vue

@@ -23,7 +23,7 @@ const props = defineProps({
     default: 'regular'
   },
   underline: {
-    type: Boolean,
+    type: [Boolean, String] as PropType<boolean | 'center'>,
     required: false,
     default: false
   }
@@ -61,8 +61,8 @@ const typographyClass = getTypographyClass()
 </script>
 
 <template>
-  <component :is="props.as" class="mb-2.5 flex sm:block md:flex items-center leading-none"
-    :class="`${typographyClass} ${props.textSize ? `text-${props.textSize}` : 'text-xl'} ${props.underline ? 'headline--underline' : ''}`">
+  <component :is="props.as" class="mb-2.5 leading-none"
+    :class="`${typographyClass} ${props.textSize ? `text-${props.textSize}` : 'text-xl'} ${props.underline === true ? 'headline--underline' : ''} ${props.underline === 'center' ? 'headline--underline-center block text-center' : 'flex sm:block md:flex items-center'}`">
     <slot />
   </component>
 </template>
@@ -82,7 +82,27 @@ const typographyClass = getTypographyClass()
     @apply content-empty absolute left-0 bottom-px h-px;
     width: 95%;
     max-width: 255px;
-    background-color: #64748b
+    background-color: #64748b;
+  }
+}
+
+.headline--underline-center {
+  @apply relative pb-4;
+
+  &:before {
+    @apply content-empty absolute left-1/2 bottom-px h-px;
+    width: 95%;
+    max-width: 255px;
+    background-color: #64748b;
+    transform: translateX(-50%);
+  }
+
+  &:after {
+    @apply content-empty absolute bottom-0;
+    height: 3px;
+    width: 55px;
+    background-color: var(--clr-primary-400);
+    left: calc(50% - min(47.5%, 127.5px));
   }
 }
 </style>

package/src/components/Product/ProductLink.astro

@@ -27,7 +27,6 @@ import { getProductUrl } from "@utils/product/getProductUrl";
 import { getShopProductUrl } from "@utils/product/getShopProductUrl";
 import { getProductTranslation } from "@utils/product/getProductTranslation";
 import { getImageUrl } from '@utils/getImageUrl';
-import i18next, { t } from "i18next";
 import { ProductImage, ProductNumber, removeSemicolon, getPriceFormatted } from "spoko-design-system";
 
 // Użycie productObject jeśli przekazane, inaczej pobranie produktu na podstawie productId
@@ -40,18 +39,14 @@ const thumb = product ? (
     : await getImageUrl(product.photo || "", `'ProductLink' ${product.number}`)
 ) : "";
 
-// Tłumaczenie nazwy produktu jeśli dostępne
-const productTranslation = i18next.exists(`parts.${product?.number}.name`)
-  ? null
-  : productId ? await getProductTranslation(productId, product?.number || "") : null;
+// Product translation removed - using English only
+const productTranslation = productId ? await getProductTranslation(productId, product?.number || "") : null;
  
-// const productName = product ? (
-//   isShopProduct
-//     ? (locale === "pl" ? product.name_pl : product.name_en)
-//     : productTranslation?.name || t(`parts.${product.number}.name`)
-// ) : "";
-
-const productName = product.name || 'NO NAME';
+const productName = product ? (
+  isShopProduct
+    ? product.name_en || product.name
+    : productTranslation?.name || product.name
+) : 'NO NAME';
 
 const nameFormatted = removeSemicolon(productName.toString());
 ---

package/src/components/ProductTile.astro

@@ -2,7 +2,6 @@
 const { productObject, locale, index } = Astro.props;
 import Image from "./Image.astro"
 import ProductNumber from "./Product/ProductNumber.astro"
-import { t } from "i18next";
 ---
 
 { productObject && 
@@ -36,7 +35,7 @@ import { t } from "i18next";
         { productObject.name }
       </a>
 
-      <ProductNumber productNumber={productObject.number} copyDisabled={false} buttonTexts={{ copy: t('copy'), copied: t('copied') }}  />
+      <ProductNumber productNumber={productObject.number} copyDisabled={false} buttonTexts={{ copy: 'Copy', copied: 'Copied' }}  />
       
       { index !== null && 
         ( <meta itemprop="position" content={String(index)} />

package/src/layouts/Layout.astro

@@ -3,11 +3,8 @@ import HeadCommon from "./partials/HeadCommon.astro";
 import FooterCommon from "./partials/FooterCommon.astro";
 import HeadSEO from "../layouts/partials/HeadSEO.astro";
 import * as CONFIG from "../config";
-import { t, changeLanguage } from "i18next";
 import "../styles/main.css";
 import Copyright from "../components/Copyright.astro";
-const locale = "en";
-changeLanguage(locale);
 const { content = {} } = Astro.props;
 const canonicalURL = new URL(Astro.url.pathname, Astro.site).toString();
 ---

package/src/layouts/MainLayout.astro

@@ -5,11 +5,8 @@ import Header from "../components/Header/Header.astro";
 import PageContent from "../components/PageContent.astro";
 import LeftSidebar from "../components/LeftSidebar.astro";
 import * as CONFIG from "../config";
-import { t, changeLanguage } from "i18next";
 import "../styles/main.css";
 import Copyright from "../components/Copyright.astro";
-const locale = "en";
-changeLanguage(locale);
 const { content = {} } = Astro.props;
 const currentPage = Astro.url.pathname;
 const canonicalURL = new URL(Astro.url.pathname, Astro.site).toString();

package/src/pages/components/buttons.mdx

@@ -5,7 +5,6 @@ layout: "../../layouts/MainLayout.astro"
 import Button from '../../components/Button.vue'
 import ButtonCopy from '../../components/ButtonCopy.astro'
 import { Icon } from 'astro-icon/components';
-import { t } from "i18next";
 
 # All buttons