spoko-design-system 0.8.6 → 0.8.9

package/.astro/content.d.ts

@@ -56,6 +56,10 @@ declare module 'astro:content' {
 		collection: C;
 		slug: E;
 	};
+	export type ReferenceLiveEntry<C extends keyof LiveContentConfig['collections']> = {
+		collection: C;
+		id: string;
+	};
 
 	/** @deprecated Use `getEntry` instead. */
 	export function getEntryBySlug<
@@ -84,6 +88,13 @@ declare module 'astro:content' {
 		filter?: (entry: CollectionEntry<C>) => unknown,
 	): Promise<CollectionEntry<C>[]>;
 
+	export function getLiveCollection<C extends keyof LiveContentConfig['collections']>(
+		collection: C,
+		filter?: LiveLoaderCollectionFilterType<C>,
+	): Promise<
+		import('astro').LiveDataCollectionResult<LiveLoaderDataType<C>, LiveLoaderErrorType<C>>
+	>;
+
 	export function getEntry<
 		C extends keyof ContentEntryMap,
 		E extends ValidContentEntrySlug<C> | (string & {}),
@@ -120,6 +131,10 @@ declare module 'astro:content' {
 			? Promise<DataEntryMap[C][E]> | undefined
 			: Promise<DataEntryMap[C][E]>
 		: Promise<CollectionEntry<C> | undefined>;
+	export function getLiveEntry<C extends keyof LiveContentConfig['collections']>(
+		collection: C,
+		filter: string | LiveLoaderEntryFilterType<C>,
+	): Promise<import('astro').LiveDataEntryResult<LiveLoaderDataType<C>, LiveLoaderErrorType<C>>>;
 
 	/** Resolve an array of entry references from the same collection */
 	export function getEntries<C extends keyof ContentEntryMap>(
@@ -163,5 +178,33 @@ declare module 'astro:content' {
 
 	type AnyEntryMap = ContentEntryMap & DataEntryMap;
 
+	type ExtractLoaderTypes<T> = T extends import('astro/loaders').LiveLoader<
+		infer TData,
+		infer TEntryFilter,
+		infer TCollectionFilter,
+		infer TError
+	>
+		? { data: TData; entryFilter: TEntryFilter; collectionFilter: TCollectionFilter; error: TError }
+		: { data: never; entryFilter: never; collectionFilter: never; error: never };
+	type ExtractDataType<T> = ExtractLoaderTypes<T>['data'];
+	type ExtractEntryFilterType<T> = ExtractLoaderTypes<T>['entryFilter'];
+	type ExtractCollectionFilterType<T> = ExtractLoaderTypes<T>['collectionFilter'];
+	type ExtractErrorType<T> = ExtractLoaderTypes<T>['error'];
+
+	type LiveLoaderDataType<C extends keyof LiveContentConfig['collections']> =
+		LiveContentConfig['collections'][C]['schema'] extends undefined
+			? ExtractDataType<LiveContentConfig['collections'][C]['loader']>
+			: import('astro/zod').infer<
+					Exclude<LiveContentConfig['collections'][C]['schema'], undefined>
+				>;
+	type LiveLoaderEntryFilterType<C extends keyof LiveContentConfig['collections']> =
+		ExtractEntryFilterType<LiveContentConfig['collections'][C]['loader']>;
+	type LiveLoaderCollectionFilterType<C extends keyof LiveContentConfig['collections']> =
+		ExtractCollectionFilterType<LiveContentConfig['collections'][C]['loader']>;
+	type LiveLoaderErrorType<C extends keyof LiveContentConfig['collections']> = ExtractErrorType<
+		LiveContentConfig['collections'][C]['loader']
+	>;
+
 	export type ContentConfig = typeof import("./../src/content.config.mjs");
+	export type LiveContentConfig = never;
 }

package/.astro/types.d.ts

@@ -1 +1,2 @@
 /// <reference types="astro/client" />
+/// <reference path="content.d.ts" />

package/icon.config.ts

@@ -216,6 +216,7 @@ export const iconConfig: IconConfig = {
       "info",
       "lamp",
       "lightbulb",
+      "link",
       "package",
       "qr-code",
       "radio",

package/index.ts

@@ -16,6 +16,7 @@ export { default as ProductDetailsList } from './src/components/ProductDetailsLi
 export { default as FeaturesList } from './src/components/FeaturesList.vue';
 export { default as ProductCodes } from './src/components/ProductCodes.vue';
 export { default as Headline } from './src/components/Headline.vue';
+export { default as Quote } from './src/components/Quote.vue';
 
 export { default as ProductEngineType } from './src/components/Product/ProductEngineType.vue';
 export { default as ProductButton } from './src/components/Product/ProductButton.vue';
@@ -43,7 +44,8 @@ export { default as Copyright } from './src/components/Copyright.astro';
 export { default as HandDrive } from './src/components/HandDrive.astro';
 export { default as Faq } from './src/components/Faq.astro';
 export { default as FaqItem } from './src/components/FaqItem.astro';
-export { default as ButtonCopy } from './src/components/ButtonCopy.astro'; // Add this line
+export { default as ButtonCopy } from './src/components/ButtonCopy.astro';
+export { default as CallToAction } from './src/components/Layout/CallToAction.astro';
 
 export { default as ProductImage } from './src/components/Product/ProductImage.astro';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "0.8.6",
+  "version": "0.8.9",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -62,7 +62,8 @@
     "@iconify-json/ic": "^1.2.2",
     "@iconify-json/icon-park-outline": "^1.2.2",
     "@iconify-json/la": "^1.2.1",
-    "@iconify-json/material-symbols-light": "^1.2.28",
+    "@iconify-json/lucide": "^1.2.55",
+    "@iconify-json/material-symbols-light": "^1.2.29",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify-json/noto-v1": "^1.2.2",
     "@iconify-json/octicon": "^1.2.7",
@@ -70,7 +71,7 @@
     "@iconify-json/simple-icons": "^1.2.41",
     "@iconify-json/system-uicons": "^1.2.2",
     "@iconify-json/uil": "^1.2.3",
-    "@iconify/json": "^2.2.354",
+    "@iconify/json": "^2.2.355",
     "@iconify/vue": "^5.0.0",
     "@playform/compress": "^0.2.0",
     "@playform/inline": "^0.1.2",
@@ -107,7 +108,7 @@
     "@vue/compiler-sfc": "^3.5.17",
     "astro": "^5.11.0",
     "unocss": "^0.65.0",
-    "vite": "^7.0.1"
+    "vite": "^7.0.2"
   },
   "packageManager": "pnpm@9.15.3",
   "pnpm": {

package/public/arrow-bottom.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 18 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(-0.0247114,-3.02628e-18,2.90782e-18,-0.0237442,23.7506,13.5573)">
+        <path d="M254.6,477.479C259.711,473.272 561.717,170.223 561.717,170.223C561.717,170.223 576.205,153.951 597.839,153.983C621.181,154.019 636.425,170.096 636.425,170.096C636.425,170.096 939.167,475.94 940.854,477.463C967.2,501.255 956.012,536.939 942.827,551.356C928.606,566.906 896.33,575.498 868.319,549.101C865.351,546.304 604.846,285.516 604.846,285.516C604.846,285.516 601.137,280.823 597.481,280.661C594.25,280.517 589.683,285.449 589.683,285.449C589.683,285.449 332.794,543.858 326.478,549.801C312.614,562.847 276.463,576.895 252.279,552.019C218.24,517.006 250.72,480.673 254.6,477.479Z" style="fill:rgb(48,53,59);"/>
+    </g>
+</svg>

package/src/components/Layout/CallToAction.astro

@@ -0,0 +1,53 @@
+---
+import Button from "./../Button.vue"
+
+interface Props {
+  class?: string;
+  title?: string;
+  description?: string;
+}
+
+const { class: additionalClasses, title: propTitle, description: propDescription } = Astro.props;
+
+// Sprawdzamy, czy slot 'description' ma jakąkolwiek zawartość
+const hasDescriptionSlotContent = Astro.slots.has('description');
+---
+
+<section
+  class:list={[
+    "full-width border-blue-medium bg-blue-darker/5 border-t-4 md:(border-t-0 px-6 bg-white) my-8",
+    additionalClasses,
+  ]}
+>
+  <div class="flex flex-col items-center gap-4 md:(flex-row border-l-4 border-blue-medium bg-blue-darker/5 px-6) py-6">
+    <div class="flex-shrink-0 hidden md:block">
+      <slot name="icon">
+        <span i-ph:sparkle-thin class="mr-1 text-8 md:text-10 text-brand-secondary"></span>
+      </slot>
+    </div>
+    <div class="flex-1 text-center md:text-left">
+      <h3 class="text-lg font-semibold text-blue-darker">
+        <slot name="title">
+          {propTitle || 'Domyślny tytuł akcji'}
+        </slot>
+      </h3>
+      {(propDescription || hasDescriptionSlotContent) && (
+        <p class="text-blue-darker mt-1">
+          <slot name="description">
+            {propDescription || 'Domyślny opis, który zachęca do działania.'}
+          </slot>
+        </p>
+      )}
+    </div>
+    <slot name="action">
+      <Button
+        type="button"
+        class:list="w-fit place-self-center gap-2"
+        tertiary
+        rounded
+        title="Domyślny przycisk akcji">
+        Kliknij mnie!
+      </Button>
+    </slot>
+  </div>
+</section>

package/uno-config/theme/shortcuts/components.ts

@@ -46,7 +46,7 @@ export const componentShortcuts = [
   // Carousel
   ['carousel-tile', `${LAYOUT.flex.base} w-52 min-w-52 ml-1 lg:ml-1.5`],
   ['carousel-product-tile', `${LAYOUT.flex.wrap} sm:flex-nowrap content-between w-64 min-w-64 lg:(w-28.57% min-w-28.57%) 2xl:(w-24.09% min-w-24.09%) relative`],
-  ['carousel-item', `w-full w-full group-hover:filter-invert relative ${LAYOUT.flex.col}`],
+  ['carousel-item', `w-full pt-1 w-full group-hover:filter-invert relative ${LAYOUT.flex.col}`],
   ['carousel-big', 'shadow-[inset_0_10px_60px_-15px_rgba(0,0,0,0.1)] w-full h-full'],
 
   // PDP (Product Detail Page)

package/uno-config/theme/shortcuts/layout.ts

@@ -44,7 +44,7 @@ export const layoutShortcuts = [
   ['cat-menu', `fixed h-21 bottom-[-6px] w-full z-10 border-t-1 border-neutral-light ${COLORS.bgWhite} dark:bg-blue-darkest text-center sm:(static z-auto border-t-none h-28)`],
   ['cat-card', 'p-4 text-base break-inside-avoid-column'],
   ['cat-name', 'mt-2 h-[2em] text-xs leading-none group-hover:filter-invert 3xl:text-3.25'],
-  ['cats-slide', `${TRANSITIONS.base} mb-0.5 min-h-tile-mobile sm:(min-h-tile h-tile mb-2 p-3) text-black ${COLORS.textNeutralLight} hover:(text-white even:bg-blue-medium odd:bg-accent-light) cursor-pointer ${LAYOUT.flex.colCenter} px-1.5 cursor-grab active:cursor-grabbing overflow-hidden`],
+  ['cats-slide', `${TRANSITIONS.base} pt-1 mb-0.5 min-h-tile-mobile sm:(min-h-tile h-tile mb-2 p-3) text-black ${COLORS.textNeutralLight} hover:(text-white even:bg-blue-medium odd:bg-accent-light) cursor-pointer ${LAYOUT.flex.colCenter} px-1.5 cursor-grab active:cursor-grabbing overflow-hidden`],
   ['cats-img', `max-w-full h-8 md:h-icon ${IMAGE_STYLES.objectContain} w-full left-0 right-0 top-0 bottom-0`],
 
   // Sidebars and Navigation