@opensite/ui 0.3.3 → 0.4.0

package/dist/resource-list-hero-filter.js

@@ -823,83 +823,6 @@ async function submitPageSpeedForm(values, config) {
 // lib/patternSvgs.ts
 var patternSvgs = {
   dotPattern2: "https://cdn.ing/assets/files/record/286189/arez6gd2s7isn9i1o6c7sexdq7bl"};
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder2: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholder5: "https://cdn.ing/assets/files/record/286205/e0az5aimgxvqa11grxzaok7fbsvr",
-  placeholder6: "https://cdn.ing/assets/files/record/286206/qs3jazsupq75q1fgisnonwnohie2"};
-var defaultBreadcrumb = [
-  { label: "Resources", link: "#" },
-  { label: "Reports", link: "#" }
-];
-var defaultCategories = [
-  { label: "All", value: "all" },
-  { label: "Productivity", value: "productivity" },
-  { label: "Accessibility", value: "accessibility" },
-  { label: "Performance", value: "performance" }
-];
-var defaultPrimaryPost = {
-  category: "Innovation Spotlight",
-  title: "How AI is Transforming Frontend Development",
-  summary: "Explore how tools like GitHub Copilot, AI design generators, and code assistants are changing the way developers build UIs and ship features faster.",
-  link: "#",
-  cta: "Discover the Future",
-  thumbnail: blockBrandedIconsAndPlaceholders.placeholder1
-};
-var defaultPosts = [
-  {
-    category: "Productivity",
-    title: "5 VS Code Extensions That Will Save You Hours",
-    summary: "Discover must-have extensions to boost your coding efficiency and streamline your workflow.",
-    link: "#",
-    cta: "Boost Your Editor",
-    thumbnail: blockBrandedIconsAndPlaceholders.placeholder2
-  },
-  {
-    category: "Productivity",
-    title: "Time Management for Developers: What Really Works",
-    summary: "Learn proven strategies to avoid burnout and stay on top of your tasks without stress.",
-    link: "#",
-    cta: "Manage Your Time",
-    thumbnail: blockBrandedIconsAndPlaceholders.placeholder3
-  },
-  {
-    category: "Accessibility",
-    title: "Why Accessibility Should Be Part of Your MVP",
-    summary: "Making your product inclusive from day one improves usability and reach.",
-    link: "#",
-    cta: "Learn Why",
-    thumbnail: blockBrandedIconsAndPlaceholders.placeholder4
-  },
-  {
-    category: "Accessibility",
-    title: "Using ARIA Roles Correctly in Your Web App",
-    summary: "Understand how to enhance screen reader support using ARIA roles and landmarks.",
-    link: "#",
-    cta: "Improve Semantics",
-    thumbnail: blockBrandedIconsAndPlaceholders.placeholder5
-  },
-  {
-    category: "Performance",
-    title: "Lazy Loading Images with Modern HTML",
-    summary: "Improve load times by using native lazy-loading and fallback strategies for images.",
-    link: "#",
-    cta: "Optimize Images",
-    thumbnail: blockBrandedIconsAndPlaceholders.placeholder6
-  },
-  {
-    category: "Performance",
-    title: "Web Vitals Explained: CLS, LCP, FID",
-    summary: "Learn how to measure and improve Core Web Vitals for a better user experience.",
-    link: "#",
-    cta: "Improve Vitals",
-    thumbnail: blockBrandedIconsAndPlaceholders.placeholder1
-  }
-];
 var FilterForm = ({ categories, onCategoryChange }) => {
   const [selectedItems, setSelectedItems] = useState(["all"]);
   const handleCheckboxChange = useCallback(
@@ -1123,27 +1046,27 @@ var ResourceCard = ({
 };
 function ResourceListHeroFilter({
   className,
-  title = "Explore Reports",
+  title,
   titleClassName,
-  description = "The best Reports is one that captivates readers with engaging, well-researched content presented in a clear and relatable way.",
+  description,
   descriptionClassName,
-  breadcrumb = defaultBreadcrumb,
+  breadcrumb,
   breadcrumbSlot,
   breadcrumbClassName,
-  primaryPost = defaultPrimaryPost,
+  primaryPost,
   primaryPostSlot,
   primaryPostClassName,
-  posts = defaultPosts,
+  posts,
   postsSlot,
   postsClassName,
-  categories = defaultCategories,
+  categories,
   categoriesClassName,
-  allPostsTitle = "All Reports",
+  allPostsTitle,
   allPostsTitleClassName,
-  emailPlaceholder = "What's your work email?",
-  buttonText = "See Company in action",
+  emailPlaceholder,
+  buttonText,
   postsPerPage = 6,
-  loadMoreText = "Load More",
+  loadMoreText,
   heroClassName,
   contentClassName,
   heroPatternUrl,

package/dist/resource-list-news-updates.cjs

@@ -905,6 +905,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -968,60 +969,15 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp",
-  avatar2: "https://cdn.ing/assets/i/r/286240/vgf3rrkwn0769pfdtpal60uo5vpw/avatar-2.webp",
-  avatar3: "https://cdn.ing/assets/i/r/286241/05vbqt3lls0q974r8fv4zn0njllq/avatar-3.webp",
-  avatar4: "https://cdn.ing/assets/i/r/286242/y0zkazxawxrl3twwkw63twf04pdt/avatar-4.webp",
-  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp"};
-var defaultNews = [
-  {
-    title: "TechFlow AI Platform now available on Azure Marketplace",
-    category: "Partnership",
-    avatar: blockBrandedIconsAndPlaceholders.avatar1,
-    date: "June 15, 2024",
-    link: "#"
-  },
-  {
-    title: "CodeSphere: the journey behind our latest developer tool",
-    category: "Press release",
-    avatar: blockBrandedIconsAndPlaceholders.avatar2,
-    date: "June 10, 2024",
-    link: "#"
-  },
-  {
-    title: "DataViz & CloudNative announce collaboration on next-gen analytics tools",
-    category: "Partnership",
-    avatar: blockBrandedIconsAndPlaceholders.avatar3,
-    date: "May 28, 2024",
-    link: "#"
-  },
-  {
-    title: "QuantumByte launches EdgeCompute: a revolutionary edge computing platform",
-    category: "News",
-    avatar: blockBrandedIconsAndPlaceholders.avatar4,
-    date: "May 12, 2024",
-    link: "#"
-  },
-  {
-    title: "Join us at DevCon Global Summit 2024 in Berlin",
-    category: "Press release",
-    avatar: blockBrandedIconsAndPlaceholders.avatar5,
-    date: "May 5, 2024",
-    link: "#"
-  }
-];
 function ResourceListNewsUpdates({
   className,
-  sectionLabel = "Resources",
+  sectionLabel,
   sectionLabelClassName,
-  title = "Stay in the loop?",
+  title,
   titleClassName,
-  subtitle = "Discover our recent updates.",
+  subtitle,
   subtitleClassName,
-  news = defaultNews,
+  news,
   newsSlot,
   newsClassName,
   contentClassName,

package/dist/resource-list-news-updates.d.cts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import './patternSvgs-c5ZNVoTT.cjs';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

package/dist/resource-list-news-updates.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import './patternSvgs-c5ZNVoTT.js';
-import './blocks-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

package/dist/resource-list-news-updates.js

@@ -882,6 +882,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -945,60 +946,15 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp",
-  avatar2: "https://cdn.ing/assets/i/r/286240/vgf3rrkwn0769pfdtpal60uo5vpw/avatar-2.webp",
-  avatar3: "https://cdn.ing/assets/i/r/286241/05vbqt3lls0q974r8fv4zn0njllq/avatar-3.webp",
-  avatar4: "https://cdn.ing/assets/i/r/286242/y0zkazxawxrl3twwkw63twf04pdt/avatar-4.webp",
-  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp"};
-var defaultNews = [
-  {
-    title: "TechFlow AI Platform now available on Azure Marketplace",
-    category: "Partnership",
-    avatar: blockBrandedIconsAndPlaceholders.avatar1,
-    date: "June 15, 2024",
-    link: "#"
-  },
-  {
-    title: "CodeSphere: the journey behind our latest developer tool",
-    category: "Press release",
-    avatar: blockBrandedIconsAndPlaceholders.avatar2,
-    date: "June 10, 2024",
-    link: "#"
-  },
-  {
-    title: "DataViz & CloudNative announce collaboration on next-gen analytics tools",
-    category: "Partnership",
-    avatar: blockBrandedIconsAndPlaceholders.avatar3,
-    date: "May 28, 2024",
-    link: "#"
-  },
-  {
-    title: "QuantumByte launches EdgeCompute: a revolutionary edge computing platform",
-    category: "News",
-    avatar: blockBrandedIconsAndPlaceholders.avatar4,
-    date: "May 12, 2024",
-    link: "#"
-  },
-  {
-    title: "Join us at DevCon Global Summit 2024 in Berlin",
-    category: "Press release",
-    avatar: blockBrandedIconsAndPlaceholders.avatar5,
-    date: "May 5, 2024",
-    link: "#"
-  }
-];
 function ResourceListNewsUpdates({
   className,
-  sectionLabel = "Resources",
+  sectionLabel,
   sectionLabelClassName,
-  title = "Stay in the loop?",
+  title,
   titleClassName,
-  subtitle = "Discover our recent updates.",
+  subtitle,
   subtitleClassName,
-  news = defaultNews,
+  news,
   newsSlot,
   newsClassName,
   contentClassName,

package/dist/reviews-images-helpful.cjs

@@ -952,6 +952,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1206,7 +1207,7 @@ function StarRating({ rating, size = 16 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -1215,7 +1216,7 @@ function StarRating({ rating, size = 16 }) {
 function ReviewsImagesHelpful({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
-  heading = "Customer Reviews",
+  heading,
   writeReviewLabel = "Write a Review",
   className,
   headerClassName,

package/dist/reviews-images-helpful.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/reviews-images-helpful.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/reviews-images-helpful.js

@@ -928,6 +928,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1182,7 +1183,7 @@ function StarRating({ rating, size = 16 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -1191,7 +1192,7 @@ function StarRating({ rating, size = 16 }) {
 function ReviewsImagesHelpful({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
-  heading = "Customer Reviews",
+  heading,
   writeReviewLabel = "Write a Review",
   className,
   headerClassName,

package/dist/reviews-list-verified.cjs

@@ -502,6 +502,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -625,7 +626,7 @@ function StarRating({ rating, size = 16 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -634,7 +635,7 @@ function StarRating({ rating, size = 16 }) {
 function ReviewsListVerified({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
-  heading = "Customer Reviews",
+  heading,
   className,
   headerClassName,
   headingClassName,

package/dist/reviews-list-verified.d.cts

@@ -3,9 +3,9 @@ import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/reviews-list-verified.d.ts

@@ -3,9 +3,9 @@ import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
-import './blocks-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/reviews-list-verified.js

@@ -479,6 +479,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -602,7 +603,7 @@ function StarRating({ rating, size = 16 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -611,7 +612,7 @@ function StarRating({ rating, size = 16 }) {
 function ReviewsListVerified({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
-  heading = "Customer Reviews",
+  heading,
   className,
   headerClassName,
   headingClassName,

package/dist/section.cjs

@@ -311,6 +311,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",

package/dist/section.d.cts

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import { SectionProps } from './types.cjs';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/section.d.ts

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import { SectionProps } from './types.js';
-import './blocks-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/section.js

@@ -305,6 +305,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",