@opensite/ui 2.8.1 → 2.8.3

package/dist/hero-video-background-dark.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { A as ActionConfig } from './blocks-U7wOoE0O.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/hero-video-background-dark.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { A as ActionConfig } from './blocks-DmMuCMEh.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/{hero-video-dialog-gradient-DCBmtytL.d.ts → hero-video-dialog-gradient-C7o05nWW.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DmMuCMEh.js';
 
 interface VideoDialogConfig {
     /**

package/dist/{hero-video-dialog-gradient-D9I6gdu0.d.cts → hero-video-dialog-gradient-DykMOpK9.d.cts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
 
 interface VideoDialogConfig {
     /**

package/dist/hero-video-dialog-gradient.d.cts

@@ -1,9 +1,9 @@
-export { H as HeroVideoDialogGradient, a as HeroVideoDialogGradientProps } from './hero-video-dialog-gradient-D9I6gdu0.cjs';
+export { H as HeroVideoDialogGradient, a as HeroVideoDialogGradientProps } from './hero-video-dialog-gradient-DykMOpK9.cjs';
 import 'react';
-import './community-initiatives-DTNjmUnl.cjs';
-import './blocks-CrqLti5l.cjs';
+import './community-initiatives-DM27LAzE.cjs';
+import './blocks-U7wOoE0O.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/hero-video-dialog-gradient.d.ts

@@ -1,9 +1,9 @@
-export { H as HeroVideoDialogGradient, a as HeroVideoDialogGradientProps } from './hero-video-dialog-gradient-DCBmtytL.js';
+export { H as HeroVideoDialogGradient, a as HeroVideoDialogGradientProps } from './hero-video-dialog-gradient-C7o05nWW.js';
 import 'react';
-import './community-initiatives-CdK9AUiW.js';
-import './blocks-BTy27FOO.js';
+import './community-initiatives-64wrtPed.js';
+import './blocks-DmMuCMEh.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/hero-video-overlay-stars.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { A as ActionConfig } from './blocks-U7wOoE0O.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/hero-video-overlay-stars.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { A as ActionConfig } from './blocks-DmMuCMEh.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/hero-welcome-asymmetric-images.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { A as ActionConfig, I as ImageItem } from './blocks-CrqLti5l.cjs';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
+import { A as ActionConfig, I as ImageItem } from './blocks-U7wOoE0O.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/hero-welcome-asymmetric-images.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { A as ActionConfig, I as ImageItem } from './blocks-BTy27FOO.js';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
+import { A as ActionConfig, I as ImageItem } from './blocks-DmMuCMEh.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/hooks.d.cts

@@ -1,8 +1,8 @@
 export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from './use-navigation.cjs';
 export { UseResponsiveLayoutArgs, useResponsiveLayout } from './use-responsive-layout.cjs';
 import 'react';
-import './blocks-CrqLti5l.cjs';
+import './blocks-U7wOoE0O.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/hooks.d.ts

@@ -1,8 +1,8 @@
 export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from './use-navigation.js';
 export { UseResponsiveLayoutArgs, useResponsiveLayout } from './use-responsive-layout.js';
 import 'react';
-import './blocks-BTy27FOO.js';
+import './blocks-DmMuCMEh.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';

package/dist/image-slider.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/image-slider.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { O as OptixFlowConfig } from './blocks-DmMuCMEh.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/index.d.cts

@@ -14,7 +14,7 @@ export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps } f
 export { PaymentPlatformIcon, PaymentPlatformIconProps, PaymentPlatformName } from './payment-platform-icon.cjs';
 export { Pressable, PressableProps } from './pressable.cjs';
 export { AlternatingBlocks } from './alternating-blocks.cjs';
-export { A as AboutCultureTabs, a as AboutCultureTabsProps, b as AboutExpandableValues, c as AboutExpandableValuesProps, d as AboutMissionPrinciples, e as AboutMissionPrinciplesProps, f as AboutSplitHero, g as AboutSplitHeroProps, h as AlternatingBlockSection, i as AlternatingBlocksProps, j as AnimatedDialogProps, k as AnimatedDialogSize, C as CommunityInitiatives, l as CommunityInitiativesProps, m as ContainerMaxWidth, n as ContainerProps, F as FeatureShowcaseItem, o as FeatureShowcaseProps, M as MediaHoverCtaItem, p as MediaHoverCtaType, q as MediaHoverCtasProps, P as PageHeroBannerProps, S as SectionBackground, r as SectionProps, s as SectionSpacing } from './community-initiatives-DTNjmUnl.cjs';
+export { A as AboutCultureTabs, a as AboutCultureTabsProps, b as AboutExpandableValues, c as AboutExpandableValuesProps, d as AboutMissionPrinciples, e as AboutMissionPrinciplesProps, f as AboutSplitHero, g as AboutSplitHeroProps, h as AlternatingBlockSection, i as AlternatingBlocksProps, j as AnimatedDialogProps, k as AnimatedDialogSize, C as CommunityInitiatives, l as CommunityInitiativesProps, m as ContainerMaxWidth, n as ContainerProps, F as FeatureShowcaseItem, o as FeatureShowcaseProps, M as MediaHoverCtaItem, p as MediaHoverCtaType, q as MediaHoverCtasProps, P as PageHeroBannerProps, S as SectionBackground, r as SectionProps, s as SectionSpacing } from './community-initiatives-DM27LAzE.cjs';
 export { MediaHoverCtas } from './media-hover-ctas.cjs';
 export { BannerAnnouncementDismissible, BannerAnnouncementDismissibleProps } from './banner-announcement-dismissible.cjs';
 export { BannerCountdownSale, BannerCountdownSaleProps } from './banner-countdown-sale.cjs';
@@ -43,13 +43,13 @@ export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from
 export { UseResponsiveLayoutArgs, useResponsiveLayout } from './use-responsive-layout.cjs';
 export { BorderColorVariant, NestedCardBgOptions, NestedCardVariant, TextColorVariant, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor } from './utils.cjs';
 export { FileUploadProgress, FormFieldConfig, FormFieldType, PageSpeedFormConfig, PageSpeedFormMethod, PageSpeedFormSubmissionError, PageSpeedFormSubmissionFormat, SelectOption, UseContactFormOptions, UseContactFormReturn, UseFileUploadReturn, generateInitialValues, generateValidationSchema, getColumnSpanClass, isValidEmail, submitPageSpeedForm, useContactForm, useFileUpload } from '@page-speed/forms/integration';
-export { A as ActionConfig, a as AuthorInfo, B as BlockActionProps, b as BlockBaseProps, c as BlockBlogProps, d as BlockContentProps, e as BlockLogoProps, f as BlogPostItem, g as BreadcrumbItem, D as DetailItem, h as DirectionConfig, F as FeatureItem, I as ImageItem, L as LogoItem, M as MediaItem, N as NavLinkItem, O as OptixFlowConfig, i as OutcomeItem, S as SectionItem, j as SocialLinkItem, k as StatItem, T as TestimonialItem } from './blocks-CrqLti5l.cjs';
+export { A as ActionConfig, a as AuthorInfo, B as BlockActionProps, b as BlockBaseProps, c as BlockBlogProps, d as BlockContentProps, e as BlockLogoProps, f as BlogPostItem, g as BreadcrumbItem, D as DetailItem, h as DirectionConfig, F as FeatureItem, I as ImageItem, L as LogoItem, M as MediaItem, N as NavLinkItem, O as OptixFlowConfig, i as OutcomeItem, S as SectionItem, j as SocialLinkItem, k as StatItem, T as TestimonialItem } from './blocks-U7wOoE0O.cjs';
 export { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
 import 'react';
 import '@page-speed/maps';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import '@page-speed/icon';

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps } f
 export { PaymentPlatformIcon, PaymentPlatformIconProps, PaymentPlatformName } from './payment-platform-icon.js';
 export { Pressable, PressableProps } from './pressable.js';
 export { AlternatingBlocks } from './alternating-blocks.js';
-export { A as AboutCultureTabs, a as AboutCultureTabsProps, b as AboutExpandableValues, c as AboutExpandableValuesProps, d as AboutMissionPrinciples, e as AboutMissionPrinciplesProps, f as AboutSplitHero, g as AboutSplitHeroProps, h as AlternatingBlockSection, i as AlternatingBlocksProps, j as AnimatedDialogProps, k as AnimatedDialogSize, C as CommunityInitiatives, l as CommunityInitiativesProps, m as ContainerMaxWidth, n as ContainerProps, F as FeatureShowcaseItem, o as FeatureShowcaseProps, M as MediaHoverCtaItem, p as MediaHoverCtaType, q as MediaHoverCtasProps, P as PageHeroBannerProps, S as SectionBackground, r as SectionProps, s as SectionSpacing } from './community-initiatives-CdK9AUiW.js';
+export { A as AboutCultureTabs, a as AboutCultureTabsProps, b as AboutExpandableValues, c as AboutExpandableValuesProps, d as AboutMissionPrinciples, e as AboutMissionPrinciplesProps, f as AboutSplitHero, g as AboutSplitHeroProps, h as AlternatingBlockSection, i as AlternatingBlocksProps, j as AnimatedDialogProps, k as AnimatedDialogSize, C as CommunityInitiatives, l as CommunityInitiativesProps, m as ContainerMaxWidth, n as ContainerProps, F as FeatureShowcaseItem, o as FeatureShowcaseProps, M as MediaHoverCtaItem, p as MediaHoverCtaType, q as MediaHoverCtasProps, P as PageHeroBannerProps, S as SectionBackground, r as SectionProps, s as SectionSpacing } from './community-initiatives-64wrtPed.js';
 export { MediaHoverCtas } from './media-hover-ctas.js';
 export { BannerAnnouncementDismissible, BannerAnnouncementDismissibleProps } from './banner-announcement-dismissible.js';
 export { BannerCountdownSale, BannerCountdownSaleProps } from './banner-countdown-sale.js';
@@ -43,13 +43,13 @@ export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from
 export { UseResponsiveLayoutArgs, useResponsiveLayout } from './use-responsive-layout.js';
 export { BorderColorVariant, NestedCardBgOptions, NestedCardVariant, TextColorVariant, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor } from './utils.js';
 export { FileUploadProgress, FormFieldConfig, FormFieldType, PageSpeedFormConfig, PageSpeedFormMethod, PageSpeedFormSubmissionError, PageSpeedFormSubmissionFormat, SelectOption, UseContactFormOptions, UseContactFormReturn, UseFileUploadReturn, generateInitialValues, generateValidationSchema, getColumnSpanClass, isValidEmail, submitPageSpeedForm, useContactForm, useFileUpload } from '@page-speed/forms/integration';
-export { A as ActionConfig, a as AuthorInfo, B as BlockActionProps, b as BlockBaseProps, c as BlockBlogProps, d as BlockContentProps, e as BlockLogoProps, f as BlogPostItem, g as BreadcrumbItem, D as DetailItem, h as DirectionConfig, F as FeatureItem, I as ImageItem, L as LogoItem, M as MediaItem, N as NavLinkItem, O as OptixFlowConfig, i as OutcomeItem, S as SectionItem, j as SocialLinkItem, k as StatItem, T as TestimonialItem } from './blocks-BTy27FOO.js';
+export { A as ActionConfig, a as AuthorInfo, B as BlockActionProps, b as BlockBaseProps, c as BlockBlogProps, d as BlockContentProps, e as BlockLogoProps, f as BlogPostItem, g as BreadcrumbItem, D as DetailItem, h as DirectionConfig, F as FeatureItem, I as ImageItem, L as LogoItem, M as MediaItem, N as NavLinkItem, O as OptixFlowConfig, i as OutcomeItem, S as SectionItem, j as SocialLinkItem, k as StatItem, T as TestimonialItem } from './blocks-DmMuCMEh.js';
 export { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
 import 'react';
 import '@page-speed/maps';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import '@page-speed/icon';

package/dist/industries-badge-list-bordered.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/industries-badge-list-bordered.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { O as OptixFlowConfig } from './blocks-DmMuCMEh.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/industries-expandable-showcase.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/industries-expandable-showcase.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { O as OptixFlowConfig } from './blocks-DmMuCMEh.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/industries-hover-reveal-grid.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/industries-hover-reveal-grid.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { O as OptixFlowConfig } from './blocks-DmMuCMEh.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/industries-timeline-table.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/industries-timeline-table.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-64wrtPed.js';
+import { O as OptixFlowConfig } from './blocks-DmMuCMEh.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/interior-carousel.cjs

@@ -593,63 +593,63 @@ function CarouselItem({ className, ...props }) {
     }
   );
 }
-function CarouselPrevious({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Pressable,
-    {
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      asButton: true,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-}
-function CarouselNext({
+var BUTTON_SIZES = {
+  sm: { buttonSize: "size-8", iconSize: 16 },
+  md: { buttonSize: "size-10", iconSize: 20 },
+  lg: { buttonSize: "size-12", iconSize: 24 },
+  xl: { buttonSize: "size-14", iconSize: 28 }
+};
+function CarouselPagination({
+  onPrevious,
+  onNext,
+  canScrollPrevious = true,
+  canScrollNext = true,
+  size = "md",
+  mobileSize,
+  iconSize: customIconSize,
   className,
-  variant = "default",
-  size = "icon",
-  ...props
+  buttonClassName,
+  previousIcon = "lucide/arrow-left",
+  nextIcon = "lucide/arrow-right",
+  previousAriaLabel = "Previous",
+  nextAriaLabel = "Next"
 }) {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Pressable,
-    {
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      asButton: true,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
+  const desktopConfig = BUTTON_SIZES[size];
+  const mobileConfig = mobileSize ? BUTTON_SIZES[mobileSize] : desktopConfig;
+  const sizeClasses = mobileSize && mobileSize !== size ? `${mobileConfig.buttonSize} md:${desktopConfig.buttonSize}` : desktopConfig.buttonSize;
+  const effectiveIconSize = customIconSize ?? desktopConfig.iconSize;
+  const baseButtonStyles = cn(
+    "relative z-40 flex items-center justify-center",
+    "aspect-square !p-0 rounded-full",
+    // Force perfect circle
+    sizeClasses,
+    "disabled:opacity-50",
+    buttonClassName
   );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex justify-end gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        onClick: onPrevious,
+        disabled: !canScrollPrevious,
+        "aria-label": previousAriaLabel,
+        asButton: true,
+        className: baseButtonStyles,
+        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: previousIcon, size: effectiveIconSize })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        onClick: onNext,
+        disabled: !canScrollNext,
+        "aria-label": nextAriaLabel,
+        asButton: true,
+        className: baseButtonStyles,
+        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: nextIcon, size: effectiveIconSize })
+      }
+    )
+  ] });
 }
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
@@ -1048,8 +1048,33 @@ function InteriorCarousel({
   patternClassName,
   optixFlowConfig
 }) {
+  const [api, setApi] = React4.useState();
   const [lightboxOpen, setLightboxOpen] = React4.useState(false);
   const [lightboxIndex, setLightboxIndex] = React4.useState(0);
+  const [canScrollPrevious, setCanScrollPrevious] = React4.useState(false);
+  const [canScrollNext, setCanScrollNext] = React4.useState(false);
+  React4.useEffect(() => {
+    if (!api) return;
+    const updateState = () => {
+      React4.startTransition(() => {
+        setCanScrollPrevious(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+      });
+    };
+    updateState();
+    api.on("select", updateState);
+    api.on("reInit", updateState);
+    return () => {
+      api.off("select", updateState);
+      api.off("reInit", updateState);
+    };
+  }, [api]);
+  const scrollPrevious = React4.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React4.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
   const lightboxItems = React4.useMemo(() => {
     if (!images || images.length === 0) return [];
     return images.map((image, index) => {
@@ -1145,35 +1170,39 @@ function InteriorCarousel({
       patternClassName,
       className,
       children: [
-        heading || description ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 mb-6 md:mb-16 px-6 md:px-8", children: [
+        heading || description ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 mb-6 md:mb-16 px-6 md:px-8 max-w-full md:max-w-md", children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
             {
               className: cn(
-                "text-xl font-medium tracking-tight md:text-2xl lg:text-3xl text-balance",
+                "text-2xl font-semibold tracking-tight md:text-4xl lg:text-6xl text-pretty",
                 headingClassName
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          descriptionContent && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-lg text-balance", descriptionClassName), children: descriptionContent }) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
+          ) : heading),
+          descriptionContent && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
             {
-              className: cn("max-w-lg text-balance", descriptionClassName),
+              className: cn(
+                "text-lg text-balance opacity-75",
+                descriptionClassName
+              ),
               children: descriptionContent
             }
-          ))
+          ) : descriptionContent)
         ] }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 md:px-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Carousel,
-          {
-            opts: {
-              align: "start",
-              loop
-            },
-            className: cn("mx-auto w-full max-w-6xl", carouselClassName),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 md:px-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Carousel,
+            {
+              opts: {
+                align: "start",
+                loop
+              },
+              setApi,
+              className: cn("mx-auto w-full max-w-6xl", carouselClassName),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
                 CarouselContent,
                 {
                   style: {
@@ -1182,28 +1211,26 @@ function InteriorCarousel({
                   className: carouselContentClassName,
                   children: imagesContent
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                CarouselPrevious,
-                {
-                  className: cn(
-                    "left-5 scale-120 border-none bg-foreground/30 text-background hover:bg-foreground/50",
-                    controlsClassName
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                CarouselNext,
-                {
-                  className: cn(
-                    "right-5 scale-120 border-none bg-foreground/30 text-background hover:bg-foreground/50",
-                    controlsClassName
-                  )
-                }
               )
-            ]
-          }
-        ) }),
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CarouselPagination,
+            {
+              onPrevious: scrollPrevious,
+              onNext: scrollNext,
+              canScrollPrevious,
+              canScrollNext,
+              size: "lg",
+              mobileSize: "md",
+              className: cn(
+                "mt-4 justify-end md:mt-0 md:absolute md:inset-x-0 md:top-1/2 md:-translate-y-1/2 md:justify-between md:pointer-events-none",
+                controlsClassName
+              ),
+              buttonClassName: "bg-foreground text-background hover:bg-foreground/80 pointer-events-auto md:mx-5"
+            }
+          )
+        ] }) }),
         lightboxOpen && /* @__PURE__ */ jsxRuntime.jsx(
           lightbox.Lightbox,
           {

package/dist/interior-carousel.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DM27LAzE.cjs';
+import { O as OptixFlowConfig } from './blocks-U7wOoE0O.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';