@develemit/storefront 0.0.0-stage → 0.2.0

package/dist/lib/provider.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export interface LinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}
+export interface ImageProps {
+    src: string;
+    alt: string;
+    sizes?: string;
+    className?: string;
+    priority?: boolean;
+}
+export interface StorefrontConfig {
+    renderLink: (props: LinkProps) => ReactNode;
+    renderImage: (props: ImageProps) => ReactNode;
+    locale: string;
+    hrefs: {
+        product: (slug: string) => string;
+        category: (slug: string) => string;
+    };
+}
+export interface StorefrontProviderProps extends Partial<Omit<StorefrontConfig, 'hrefs'>> {
+    hrefs?: Partial<StorefrontConfig['hrefs']>;
+    children: ReactNode;
+}
+export declare function StorefrontProvider({ children, hrefs, ...overrides }: StorefrontProviderProps): import('react').JSX.Element;
+export declare function useStorefront(): StorefrontConfig;
+//# sourceMappingURL=provider.d.ts.map

package/dist/lib/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/lib/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC;IAC5C,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;QAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;KACpC,CAAC;CACH;AAoBD,MAAM,WAAW,uBAAwB,SAAQ,OAAO,CACtD,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAChC;IACC,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACb,EAAE,uBAAuB,+BAWzB;AAED,wBAAgB,aAAa,IAAI,gBAAgB,CAEhD"}

package/dist/lib/theme.d.ts

@@ -0,0 +1,16 @@
+export interface StorefrontTheme {
+    colorBg?: string;
+    colorSurface?: string;
+    colorFg?: string;
+    colorMuted?: string;
+    colorAccent?: string;
+    colorAccentFg?: string;
+    colorBorder?: string;
+    colorSold?: string;
+    radius?: string;
+    fontDisplay?: string;
+    fontBody?: string;
+    spaceUnit?: string;
+}
+export declare function themeToCssVars(theme: StorefrontTheme): Record<string, string>;
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO7E"}

package/dist/sort-for-display-Cj6GMeCY.js

@@ -0,0 +1,13 @@
+// src/lib/format-price.ts
+function e(e, t, n = "en-US") {
+	return new Intl.NumberFormat(n, {
+		style: "currency",
+		currency: t
+	}).format(e / 100);
+}
+// src/views/sort-for-display.ts
+function t(e) {
+	let t = (e) => +(e.availability === "sold");
+	return [...e].sort((e, n) => t(e) - t(n));
+}
+export { e as n, t };

package/dist/styles.css

@@ -0,0 +1,454 @@
+:root {
+  --sf-color-bg: #ffffff;
+  --sf-color-surface: #f6f6f6;
+  --sf-color-fg: #1a1a1a;
+  --sf-color-muted: #6b6b6b;
+  --sf-color-accent: #1a1a1a;
+  --sf-color-accent-fg: #ffffff;
+  --sf-color-border: #e0e0e0;
+  --sf-color-sold: #9a9a9a;
+  --sf-radius: 4px;
+  --sf-font-display: system-ui, sans-serif;
+  --sf-font-body: system-ui, sans-serif;
+  --sf-space-unit: 0.25rem;
+  --sf-motion-duration: 0ms;
+  --sf-color-focus: currentColor;
+  --sf-card-hover-lift: 0px;
+  --sf-card-hover-shadow: none;
+  --sf-card-image-hover-scale: 1;
+  --sf-sold-opacity: 0.55;
+  --sf-sold-filter: grayscale(0.6);
+  --sf-grid-columns-mobile: 1;
+}
+.sf-price {
+  font-family: var(--sf-font-body);
+  font-weight: 600;
+  color: var(--sf-color-fg);
+}
+.sf-price--sold {
+  color: var(--sf-color-sold);
+  text-decoration: line-through;
+}
+
+.sf-badge {
+  display: inline-block;
+  inline-size: fit-content;
+  padding: calc(var(--sf-space-unit) * 1) calc(var(--sf-space-unit) * 3);
+  border: 1px solid var(--sf-color-border);
+  border-radius: var(--sf-radius);
+  font-family: var(--sf-font-body);
+  font-size: 0.75rem;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--sf-color-fg);
+}
+.sf-badge--unique {
+  border-color: var(--sf-color-accent);
+}
+.sf-badge--sold,
+.sf-badge--reserved {
+  color: var(--sf-color-sold);
+}
+
+.sf-grid {
+  display: grid;
+  grid-template-columns: repeat(var(--sf-grid-columns-mobile), 1fr);
+  gap: calc(var(--sf-space-unit) * 6);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+@media (min-width: 40rem) {
+  .sf-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 64rem) {
+  .sf-grid {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+.sf-grid-empty {
+  padding: calc(var(--sf-space-unit) * 12) 0;
+  text-align: center;
+  color: var(--sf-color-muted);
+}
+
+.sf-card {
+  background: var(--sf-color-surface);
+  border-radius: var(--sf-radius);
+  overflow: hidden;
+  transition:
+    transform var(--sf-motion-duration) ease,
+    box-shadow var(--sf-motion-duration) ease;
+}
+.sf-card:hover,
+.sf-card:focus-within {
+  transform: translateY(calc(-1 * var(--sf-card-hover-lift)));
+  box-shadow: var(--sf-card-hover-shadow);
+}
+.sf-card:hover .sf-card__image,
+.sf-card:focus-within .sf-card__image {
+  transform: scale(var(--sf-card-image-hover-scale));
+}
+.sf-card__link {
+  display: block;
+  color: inherit;
+  text-decoration: none;
+}
+.sf-card__media {
+  aspect-ratio: 4 / 5;
+  background: var(--sf-color-border);
+}
+.sf-card__image,
+.sf-card__placeholder {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform var(--sf-motion-duration) ease;
+}
+.sf-card__body {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: calc(var(--sf-space-unit) * 2);
+  padding: calc(var(--sf-space-unit) * 4);
+}
+.sf-card__title {
+  margin: 0;
+  font-family: var(--sf-font-display);
+  font-size: 1.125rem;
+  color: var(--sf-color-fg);
+}
+.sf-card--sold .sf-card__image {
+  opacity: var(--sf-sold-opacity);
+  filter: var(--sf-sold-filter);
+}
+.sf-card--sold .sf-card__title {
+  color: var(--sf-color-sold);
+}
+
+.sf-filter__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: calc(var(--sf-space-unit) * 2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.sf-filter__item {
+  display: inline-flex;
+  align-items: center;
+  min-height: 44px;
+  padding: 0 calc(var(--sf-space-unit) * 4);
+  border: 1px solid var(--sf-color-border);
+  border-radius: var(--sf-radius);
+  background: transparent;
+  font-family: var(--sf-font-body);
+  color: var(--sf-color-fg);
+  text-decoration: none;
+  cursor: pointer;
+}
+.sf-filter__item--active {
+  background: var(--sf-color-accent);
+  border-color: var(--sf-color-accent);
+  color: var(--sf-color-accent-fg);
+}
+
+.sf-gallery {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--sf-space-unit) * 3);
+}
+.sf-gallery__stage {
+  display: flex;
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+}
+.sf-gallery__slide {
+  position: relative;
+  flex: 0 0 100%;
+  scroll-snap-align: center;
+  aspect-ratio: 4 / 5;
+}
+.sf-gallery__slide[hidden] {
+  display: none;
+}
+.sf-gallery__image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.sf-gallery__thumbs {
+  display: flex;
+  gap: calc(var(--sf-space-unit) * 2);
+}
+.sf-gallery__thumb {
+  min-width: 44px;
+  min-height: 44px;
+  position: relative;
+  width: 64px;
+  aspect-ratio: 1;
+  padding: 0;
+  border: 2px solid transparent;
+  border-radius: var(--sf-radius);
+  background: none;
+  overflow: hidden;
+  cursor: pointer;
+}
+.sf-gallery:focus-visible,
+.sf-gallery__thumb:focus-visible {
+  outline: 2px solid var(--sf-color-focus);
+  outline-offset: 2px;
+}
+.sf-gallery__thumb--active {
+  border-color: var(--sf-color-accent);
+}
+.sf-gallery__thumb-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.sf-shop,
+.sf-featured {
+  display: grid;
+  gap: calc(var(--sf-space-unit) * 3);
+}
+
+.sf-featured__heading {
+  font-family: var(--sf-font-display);
+  margin: 0;
+}
+
+.sf-detail {
+  display: grid;
+  gap: calc(var(--sf-space-unit) * 3);
+}
+
+.sf-detail__body {
+  display: grid;
+  gap: calc(var(--sf-space-unit) * 2);
+  align-content: start;
+}
+
+.sf-detail__title {
+  font-family: var(--sf-font-display);
+  margin: 0;
+}
+
+.sf-detail__specs {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  gap: var(--sf-space-unit) calc(var(--sf-space-unit) * 2);
+  margin: 0;
+}
+
+.sf-detail__specs dt {
+  color: var(--sf-color-muted);
+}
+
+.sf-detail__specs dd {
+  margin: 0;
+}
+
+@media (min-width: 768px) {
+  .sf-detail {
+    grid-template-columns: 1fr 1fr;
+    align-items: start;
+  }
+}
+.sf-button {
+  padding: calc(var(--sf-space-unit) * 3) calc(var(--sf-space-unit) * 6);
+  border: 1px solid var(--sf-color-accent);
+  border-radius: var(--sf-radius);
+  background: var(--sf-color-accent);
+  color: var(--sf-color-accent-fg);
+  font-family: var(--sf-font-body);
+  font-size: 1rem;
+  cursor: pointer;
+}
+.sf-button:disabled {
+  background: var(--sf-color-surface);
+  border-color: var(--sf-color-border);
+  color: var(--sf-color-sold);
+  cursor: not-allowed;
+}
+
+.sf-link-button {
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--sf-color-muted);
+  font-family: var(--sf-font-body);
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.sf-cart-button {
+  display: inline-flex;
+  gap: calc(var(--sf-space-unit) * 2);
+  align-items: center;
+  padding: calc(var(--sf-space-unit) * 2) calc(var(--sf-space-unit) * 4);
+  border: 1px solid var(--sf-color-border);
+  border-radius: var(--sf-radius);
+  background: var(--sf-color-bg);
+  color: var(--sf-color-fg);
+  font-family: var(--sf-font-body);
+  cursor: pointer;
+}
+.sf-cart-button__count {
+  min-width: 1.25rem;
+  padding: 0 calc(var(--sf-space-unit) * 1);
+  border-radius: var(--sf-radius);
+  background: var(--sf-color-accent);
+  color: var(--sf-color-accent-fg);
+  font-size: 0.75rem;
+  text-align: center;
+}
+.sf-drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: flex;
+  justify-content: flex-end;
+  background: rgb(0 0 0 / 0.4);
+  opacity: 1;
+  transition: opacity var(--sf-motion-duration) ease;
+  animation: sf-fade-in var(--sf-motion-duration) ease;
+}
+.sf-drawer-backdrop[data-state='closed'] {
+  opacity: 0;
+}
+@keyframes sf-fade-in {
+  from {
+    opacity: 0;
+  }
+}
+@keyframes sf-slide-in {
+  from {
+    transform: translateX(100%);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sf-drawer-backdrop {
+    --sf-motion-duration: 0ms;
+  }
+}
+.sf-drawer {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--sf-space-unit) * 4);
+  width: min(24rem, 100%);
+  padding: calc(var(--sf-space-unit) * 6);
+  background: var(--sf-color-bg);
+  color: var(--sf-color-fg);
+  font-family: var(--sf-font-body);
+  overflow-y: auto;
+  transition: transform var(--sf-motion-duration) ease;
+  animation: sf-slide-in var(--sf-motion-duration) ease;
+}
+.sf-drawer[data-state='closed'] {
+  transform: translateX(100%);
+}
+.sf-drawer__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.sf-drawer__title {
+  margin: 0;
+  font-family: var(--sf-font-display);
+}
+.sf-drawer__lines {
+  flex: 1;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.sf-drawer__empty {
+  flex: 1;
+  color: var(--sf-color-muted);
+}
+.sf-drawer__empty > p {
+  margin: 0;
+}
+.sf-drawer__close,
+.sf-cart-line__remove {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  min-height: 44px;
+}
+.sf-drawer__close {
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--sf-color-fg);
+  font-size: 1.5rem;
+  line-height: 1;
+  cursor: pointer;
+}
+.sf-drawer__note {
+  color: var(--sf-color-muted);
+  font-size: 0.875rem;
+}
+
+.sf-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  border: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
+.sf-cart-line {
+  display: flex;
+  gap: calc(var(--sf-space-unit) * 3);
+  padding: calc(var(--sf-space-unit) * 3) 0;
+  border-bottom: 1px solid var(--sf-color-border);
+}
+.sf-cart-line__image {
+  width: 5rem;
+  height: 5rem;
+  border-radius: var(--sf-radius);
+  object-fit: cover;
+}
+.sf-cart-line__body {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--sf-space-unit) * 1);
+  align-items: flex-start;
+}
+.sf-cart-line__name {
+  color: var(--sf-color-fg);
+  font-weight: 600;
+}
+.sf-cart-line__qty input {
+  width: 3.5rem;
+  margin-left: calc(var(--sf-space-unit) * 2);
+}
+
+.sf-cart-summary {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--sf-space-unit) * 3);
+}
+.sf-cart-summary__row {
+  display: flex;
+  justify-content: space-between;
+  margin: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .sf-card,
+  .sf-card__image {
+    transition: none;
+  }
+}

package/dist/views/featured-products.d.ts

@@ -0,0 +1,9 @@
+import { Product } from '@develemit/commerce-contracts';
+import { AvailabilityLabels } from '../components/availability-badge/availability-badge';
+export interface FeaturedProductsProps {
+    products: Product[];
+    heading?: string;
+    labels?: Partial<AvailabilityLabels>;
+}
+export declare function FeaturedProducts({ products, heading, labels, }: FeaturedProductsProps): import('react').JSX.Element | null;
+//# sourceMappingURL=featured-products.d.ts.map

package/dist/views/featured-products.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"featured-products.d.ts","sourceRoot":"","sources":["../../src/views/featured-products.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAG9F,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACtC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAoB,EACpB,MAAM,GACP,EAAE,qBAAqB,sCAQvB"}

package/dist/views/product-detail-view.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { Product } from '@develemit/commerce-contracts';
+import { AvailabilityLabels } from '../components/availability-badge/availability-badge';
+export interface ProductDetailViewSlots {
+    actions?: ReactNode;
+    afterDetails?: ReactNode;
+}
+export interface ProductDetailViewProps {
+    product: Product;
+    slots?: ProductDetailViewSlots;
+    labels?: Partial<AvailabilityLabels>;
+}
+export declare function ProductDetailView({ product, slots, labels, }: ProductDetailViewProps): import('react').JSX.Element;
+//# sourceMappingURL=product-detail-view.d.ts.map

package/dist/views/product-detail-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-view.d.ts","sourceRoot":"","sources":["../../src/views/product-detail-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,qDAAqD,CAAC;AAI7D,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACtC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,KAAU,EACV,MAAM,GACP,EAAE,sBAAsB,+BAoCxB"}

package/dist/views/shop-view.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { Category, Product } from '@develemit/commerce-contracts';
+import { AvailabilityLabels } from '../components/availability-badge/availability-badge';
+export interface ShopViewSlots {
+    header?: ReactNode;
+    intro?: ReactNode;
+    emptyState?: ReactNode;
+}
+export interface ShopViewProps {
+    products: Product[];
+    categories: Category[];
+    activeCategory?: string;
+    slots?: ShopViewSlots;
+    labels?: Partial<AvailabilityLabels>;
+    allLabel?: string;
+    formatCategoryLabel?: (category: Category) => string;
+    sortCategories?: (a: Category, b: Category) => number;
+}
+export declare function ShopView({ products, categories, activeCategory, slots, labels, allLabel, formatCategoryLabel, sortCategories, }: ShopViewProps): import('react').JSX.Element;
+//# sourceMappingURL=shop-view.d.ts.map

package/dist/views/shop-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shop-view.d.ts","sourceRoot":"","sources":["../../src/views/shop-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAGvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAG9F,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC;IACrD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC;CACvD;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,UAAU,EACV,cAAc,EACd,KAAU,EACV,MAAM,EACN,QAAQ,EACR,mBAAmB,EACnB,cAAc,GACf,EAAE,aAAa,+BAoBf"}

package/dist/views/sort-for-display.d.ts

@@ -0,0 +1,3 @@
+import { Product } from '@develemit/commerce-contracts';
+export declare function sortForDisplay(products: Product[]): Product[];
+//# sourceMappingURL=sort-for-display.d.ts.map

package/dist/views/sort-for-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-for-display.d.ts","sourceRoot":"","sources":["../../src/views/sort-for-display.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAG7D"}

package/package.json

@@ -1,6 +1,49 @@
 {
   "name": "@develemit/storefront",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./client": {
+      "types": "./dist/client/index.d.ts",
+      "import": "./dist/client.js",
+      "default": "./dist/client.js"
+    },
+    "./format": {
+      "types": "./dist/format/index.d.ts",
+      "import": "./dist/format.js",
+      "default": "./dist/format.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "nx": {
+    "name": "storefront",
+    "tags": [
+      "scope:storefront",
+      "type:lib"
+    ]
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@develemit/commerce-contracts": "0.2.0"
+  }
 }