@spteck/react-controls-v2 2.6.1 → 2.6.3

package/README.md

@@ -1,6 +1,8 @@
 # @spteck/react-controls-v2
 
-A comprehensive, framework-agnostic React component library built on **Fluent UI 9**, designed for enterprise applications. Works seamlessly with **Vite**, **Next.js**, **Create React App**, and **SharePoint Framework (SPFx)**.
+**v2.6.2** — A comprehensive, framework-agnostic React component library built on **Fluent UI 9**, designed for enterprise applications. Works seamlessly with **Vite**, **Next.js**, **Create React App**, and **SharePoint Framework (SPFx)**.
+
+> 🔗 **Live Showcase & Docs:** [reactcontrols.spteckapps.com](https://reactcontrols.spteckapps.com)
 
 ---
 
@@ -16,6 +18,8 @@ A comprehensive, framework-agnostic React component library built on **Fluent UI
 - **Accessible** — WCAG-compliant via Fluent UI
 - **Adaptive Cards** — Full Adaptive Cards rendering with Fluent UI styling
 - **AI Components** — Chat assistant and AI-powered search out of the box
+- **Rich Text Editing** — TipTap-based editor with full formatting toolbar
+- **Export Utilities** — One-hook Excel / CSV / JSON export with async paginated fetchers
 
 ---
 
@@ -95,31 +99,49 @@ If you are also using app context and localization, the recommended provider ord
 
 | Component | Description |
 |-----------|-------------|
-| `Stack` | Flexbox horizontal/vertical layout with alignment and gap |
-| `StackV2` | Extended stack with responsive spacing, alignment, and wrapping |
+| `StackV2` | Extended flexbox stack with responsive spacing, alignment, and wrapping |
 | `Grid` | CSS Grid layout with responsive columns and auto-flow |
 | `Layout` | Named grid-area template layout (e.g., Holy Grail) |
-| `Card` | Fluent UI Card with header, body, footer and preview |
+| `Card` | Fluent UI Card with header, body, footer, and preview slots |
 | `Space` | Inline spacing / visual gap utility |
 | `AspectRatio` | Constrain content to a fixed aspect ratio |
 | `Center` | Center content horizontally and/or vertically |
 | `Container` | Responsive max-width container |
 | `Carousel` | Horizontally scrollable item carousel |
+| `SplitPane` | Resizable two-pane split layout |
 | `Popup` | Floating popover / popup panel |
 
+### Hero
+
+| Component | Description |
+|-----------|-------------|
+| `Hero` | Full-bleed media hero with 7 layouts: fullscreen, split, featured, mosaic, grid, filmstrip, and carousel. Supports image and video items with optional overlays. |
+
 ### Forms & Input
 
 | Component | Description |
 |-----------|-------------|
-| `SelectDate` | Date picker with calendar dropdown |
-| `SelectTime` | Time picker with configurable intervals |
-| `SelectView` | View mode switcher (list, grid, compact) |
 | `InputField` | Text input with validation and labels |
 | `DropdownField` | Drop-down select with validation, custom rendering, default value, and message support |
 | `SearchControl` | Search box with filtering |
+| `CalendarControl` | Full calendar with month, week, and day views |
+| `CompactCalendar` | Compact inline date picker |
+| `SelectTime` | Time picker with configurable intervals |
+| `SelectView` | View mode switcher (list, grid, compact) |
 | `IconButton` | Icon-only button with tooltip |
-| `ItemPicker` | Tag-based item picker with suggestions |
-| `CalendarControl` | Full calendar with month, week and day views |
+| `ItemPicker` | Tag-based item picker with suggestions and paging |
+| `Spotlight` | Command palette overlay with search, keyboard navigation, grouped actions, and configurable shortcuts |
+| `Dropzone` | Drag-and-drop file upload with MIME-type filtering, size limits, and preview |
+| `RichTextEditor` | TipTap-based editor with formatting toolbar, links, colours, image upload, and more |
+| `OTPField` | One-time password / PIN input field |
+| `Mentions` | @mention input with suggestions |
+
+### Pickers
+
+| Component | Description |
+|-----------|-------------|
+| `ColorPicker` | Sketch, Chrome, Colorful, Wheel, Circle, Compact, Block, Material, Github, and Slider pickers |
+| `EmojiPicker` | Self-contained emoji picker popup with category tabs, search, and configurable dimensions |
 
 ### Data Display
 
@@ -127,7 +149,9 @@ If you are also using app context and localization, the recommended provider ord
 |-----------|-------------|
 | `DataGrid` | Sortable, selectable, resizable data table |
 | `DataGridV2` | Virtualized high-performance data grid with infinite scroll, sorting, resizing, row selection, and imperative handle API |
-| `KPICard` | Key performance indicator card (default and compact) |
+| `KPICard` | Key performance indicator card (default and compact variants) |
+| `KPICardCompact` | Compact KPI card for dense dashboards |
+| `Skeleton` | Auto-extracting skeleton screens with pixel-perfect placeholders |
 
 ### Navigation
 
@@ -137,6 +161,8 @@ If you are also using app context and localization, the recommended provider ord
 | `Breadcrumb` | Navigation breadcrumb with overflow support |
 | `ButtonMenu` | Button with a dropdown list of options |
 | `CustomControlBar` | Configurable toolbar for custom actions |
+| `GenericOverFlowMenu` | Overflow-aware menu that collapses items automatically |
+| `ListToolbar` | SharePoint-style list action toolbar |
 
 ### Dialogs & Overlays
 
@@ -145,6 +171,8 @@ If you are also using app context and localization, the recommended provider ord
 | `RenderDialog` | Fluent UI modal dialog with title and actions |
 | `RenderDrawer` | Side-panel drawer (start or end position) |
 | `RenderHeader` | StackV2-based header with icon, title, description, and optional close button |
+| `Popup` | Floating popover panel |
+| `ShareDialog` | Share link / people picker dialog |
 
 ### Feedback & Status
 
@@ -154,14 +182,22 @@ If you are also using app context and localization, the recommended provider ord
 | `ShowMessage` | Info / success / warning status banner |
 | `RenderSpinner` | Loading spinner |
 
-### Typography
+### Typography & Content
 
 | Component | Description |
 |-----------|-------------|
-| `TypographyControl` | Fluent-styled text with variant, size and color support |
+| `TypographyControl` | Fluent-styled text with variant, size, weight, and colour support |
 | `RenderLabel` | Field label with optional required indicator |
 | `MarkdownRenderer` | Converts Markdown to styled HTML |
 | `ContentRenderer` | Auto-detects and renders Markdown, HTML, Adaptive Cards, or plain text |
+| `MermaidDiagram` | Renders Mermaid diagram syntax as SVG |
+| `Blockquote` | Styled quotation block with icon badge and semantic colours |
+| `Marquee` | Infinitely scrolling content strip with configurable direction, speed, pause-on-hover, and fade edges |
+| `Spoiler` | Toggle visibility of long content with show/hide control and smooth collapse animation |
+| `Timeline` | Vertical timeline with active state tracking, custom bullets, line variants, and configurable alignment |
+| `Stepper` | Progress through a sequence of steps with active highlighting, custom icons, and completed-state content |
+| `InlineSVG` | Load, sanitize, and render SVG from URLs, data URIs, and raw markup |
+| `BackgroundImage` | Full-width background images with cover sizing and overlay support |
 
 ### Media & Content
 
@@ -178,34 +214,32 @@ If you are also using app context and localization, the recommended provider ord
 | `UserCard` | User persona with live presence status from Graph API |
 | `LivePersona` | Persona wrapper with SPFx hover card support |
 | `StackedUsers` | Overlapping avatar stack for groups of users |
-| `ListItemActivityMessage` | SharePoint list item activity/audit trail |
+| `ListItemActivityMessage` | SharePoint list item activity / audit trail |
 
-### AI & Advanced
-
-| Component | Description |
-|-----------|-------------|
-| `AIAssistant` | Full streaming AI chat assistant |
-| `AISearchControl` | Natural language search powered by Azure OpenAI |
 
 ### Hooks
 
 | Hook | Description |
 |------|-------------|
 | `useApplicationContext()` | Access application context anywhere inside `UniversalProvider` |
-| `useGraphAPI()` | Make Microsoft Graph API calls with built-in error handling |
-| `useLogging()` | Structured logging via the configured provider |
-| `useIndexedDBCache()` | IndexedDB-based caching with TTL support |
-| `usePolling(fn, interval)` | Repeatedly call a function at a fixed interval |
-| `useTimeZoneHelper()` | Format and convert dates across time zones |
+| `useAppToast()` | Consolidated toast notifications — success, error, warning, info, action buttons, and programmatic dismiss |
+| `useExportData()` | Export data to Excel, JSON, and CSV with optional header styling, async paginated fetchers, and a built-in progress dialog |
+| `useFluentEmoji()` | Resolve reaction types to Fluent emoji image URLs with style and skin-tone support |
+| `useIndexedDBCache()` | IndexedDB-backed caching with TTL support |
+| `useLogging()` | Structured logging with info, warn, error, and verbose — pluggable transport via `UniversalProvider` |
+| `usePolling(fn, interval)` | Repeatedly call a function at a fixed interval with manual start/stop control |
+| `useTimeZoneHelper()` | DST-safe timezone conversions and locale-aware date/time formatting |
+| `useBrandCenterFonts()` | Load and apply brand fonts from the Microsoft Brand Center |
 
 ### Core & Utilities
 
-| Component | Description |
-|-----------|-------------|
-| `UniversalProvider` | Root context provider for the whole app |
-| `FluentUIProvider` | Fluent UI theme root with portal styling and scoped IDs |
-| `BaseComponentProps` | Shared responsive spacing/sizing interface |
-| `LocalStorageProvider` | `IStorageProvider` implementation using localStorage |
+| Item | Description |
+|------|-------------|
+| `UniversalProvider` | Root context provider — supplies app context, logging, storage, and Graph client |
+| `FluentUIProvider` | Fluent UI theme root with portal styling and scoped generated IDs |
+| `LocalizationProvider` | Locale-aware date / number / string formatting provider |
+| `BaseComponentProps` | Shared responsive spacing and sizing interface |
+| `LocalStorageProvider` | `IStorageProvider` implementation using `localStorage` |
 
 ---
 

package/dist/LocalizationProvider-BUBYkX-c.cjs

@@ -0,0 +1,2 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`react/jsx-runtime`);var u=function(e){return e[e.Verbose=0]=`Verbose`,e[e.Info=1]=`Info`,e[e.Warning=2]=`Warning`,e[e.Error=3]=`Error`,e}({}),d=function(e){return e.Error=`Error`,e.Warning=`Warning`,e.Info=`Info`,e}({}),f=class{componentName;constructor(e=`ReactControlsUniversal`){this.componentName=e}log(e,t,n){let r=`[${this.componentName}]`;switch(t){case u.Verbose:console.debug(r,e,n);break;case u.Info:console.info(r,e,n);break;case u.Warning:console.warn(r,e,n);break;case u.Error:console.error(r,e,n);break;default:console.log(r,e,n)}}error(e,t,n){console.error(`[${this.componentName}]`,e,t,n)}warn(e,t){console.warn(`[${this.componentName}]`,e,t)}info(e,t){console.info(`[${this.componentName}]`,e,t)}verbose(e,t){console.debug(`[${this.componentName}]`,e,t)}},p=class{baseUrl;accessToken;getAccessToken;constructor(e){this.baseUrl=e.baseUrl||`https://graph.microsoft.com/v1.0`,this.accessToken=e.accessToken,this.getAccessToken=e.getAccessToken}async getHeaders(){let e=this.accessToken;if(this.getAccessToken)try{e=await this.getAccessToken([`User.Read`])}catch(e){console.error(`Failed to get access token:`,e)}return{Authorization:e?`Bearer ${e}`:``,"Content-Type":`application/json`}}buildUrl(e){let t=e.startsWith(`/`)?e.slice(1):e;return`${this.baseUrl}/${t}`}async get(e){let t=await this.getHeaders(),n=await fetch(this.buildUrl(e),{method:`GET`,headers:t});if(!n.ok)throw Error(`Graph API error: ${n.status} ${n.statusText}`);return n.json()}async post(e,t){let n=await this.getHeaders(),r=await fetch(this.buildUrl(e),{method:`POST`,headers:n,body:JSON.stringify(t)});if(!r.ok)throw Error(`Graph API error: ${r.status} ${r.statusText}`);return r.json()}async patch(e,t){let n=await this.getHeaders(),r=await fetch(this.buildUrl(e),{method:`PATCH`,headers:n,body:JSON.stringify(t)});if(!r.ok)throw Error(`Graph API error: ${r.status} ${r.statusText}`);return r.json()}async delete(e){let t=await this.getHeaders(),n=await fetch(this.buildUrl(e),{method:`DELETE`,headers:t});if(!n.ok)throw Error(`Graph API error: ${n.status} ${n.statusText}`)}async getWithMetadata(e){let t=await this.getHeaders(),n=await fetch(this.buildUrl(e),{method:`GET`,headers:t});if(!n.ok)throw Error(`Graph API error: ${n.status} ${n.statusText}`);return n.json()}async getBlob(e){let t=this.accessToken;if(this.getAccessToken)try{t=await this.getAccessToken([`User.Read`])}catch(e){console.error(`Failed to get access token:`,e)}let n={Authorization:t?`Bearer ${t}`:``},r=await fetch(this.buildUrl(e),{method:`GET`,headers:n});if(!r.ok){if(r.status===404)return;throw Error(`Graph API error: ${r.status} ${r.statusText}`)}return r.blob()}},m={common:{loading:`Loading...`,error:`Error`,noData:`No data`,close:`Close`,save:`Save`,cancel:`Cancel`,ok:`OK`,searchPlaceholder:`Search...`},kpi:{noDescription:`No description available`,defaultTitle:`KPI`,lowerIsBetter:`Lower is better`,higherIsBetter:`Higher is better`,withinGoalThreshold:`Within goal threshold`,exceedsGoalThreshold:`Exceeds goal threshold`,goal:`Goal`,progressGoal:`Progress to goal`,maxAllowedThreshold:`Max allowed threshold`,totalItemsInScope:`Total items in scope`,totalItems:`Total`,currentValueAsPercent:`Current value as percentage of total`,percentOfTotal:`%`,onTrack:`On Track`,exceedGoal:`Exceeds Goal`},noKpis:{title:`No KPIs Configured`,subtitle:`Start tracking your team's performance by configuring {highlight} in the App Configuration list.`,highlightText:`KPI parameters`,configureButton:`Configure KPIs`},calendar:{calendarControl:{daysOfWeek:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},selectCalendarView:{month:`Month`,week:`Week`,day:`Day`},eventPopoverCard:{timeSeparator:` - `,hourSuffix:`h`},eventDetailsPopover:{start:`Start`,end:`End`,location:`Location`,attendees:`Attendees`,details:`Details`},dayView:{allDay:`All Day`},toolbar:{today:`Today`,previous:`Previous`,next:`Next`},weekView:{allDay:`All Day`},calendarMonth:{months:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shortMonths:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],days:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shortDays:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],goToToday:`Go to today`},selectWeek:{selectWeekPlaceholder:`Select a Week`}},mensions:{placeholder:`Type a message...`,noResults:`No results found`,send:`Send`},shareDialog:{title:`Share`,copyLink:`Copy link`,linkCopied:`Link copied!`,share:`Share`,cancel:`Cancel`},userCard:{available:`Available`,availableIdle:`Available, idle`,away:`Away`,busy:`Busy`,busyIdle:`Busy, idle`,doNotDisturb:`Do not disturb`,beRightBack:`Be right back`,appearOffline:`Appear offline`,unknown:`Unknown`,outOfOffice:`Out of office`,offline:`Offline`,userAvatar:`User Avatar`,unknownUser:`Unknown User`},appDashboard:{noDashboardsAvailable:`No Dashboards Available`,clickToSetSpan:`Click to set span`,configure:`Configure`},aiAssistant:{processingError:`There was an error processing your request.`,noUsersFound:`No users found`,typeAMessage:`Type a message`},worldMap:{loadingMapStyle:`Loading map style…`,coordinates:`Coordinates:`,zoomIn:`Zoom in`,zoomOut:`Zoom out`,resetMap:`Reset map`,reset:`Reset`},aiSearchControl:{placeholder:`Ask AI to generate search query... (e.g., 'Find engineers in the Seattle office')`,notConfiguredError:`Azure OpenAI is not properly configured. Please check your configuration.`,generationError:`An error occurred during AI search query generation`},itemPicker:{placeholder:`Search…`,noResultsFound:`No results found`,searching:`Searching…`,loadingMore:`Loading more…`,selectedItems:`Selected items`,searchItems:`Search items`},listItemActivity:{you:`You`,accessed:`accessed this`,commented:`commented on this`,created:`created this`,deleted:`deleted this`,edited:`edited this`,mentioned:`mentioned you in this`,moved:`moved this`,renamed:`renamed this`,restored:`restored this`,shared:`shared this`,versioned:`versioned this`},inputField:{fieldRequired:`This field is required`,numberRequired:`A number is required`,invalidNumber:`Please enter a valid number`,valueMustBeAtLeast:`Value must be at least {0}`,valueMustBeAtMost:`Value must be at most {0}`},searchControl:{placeholder:`Search…`},mermaidDiagram:{loading:`Loading diagram…`,errorTitle:`Diagram Error`,errorMessage:`An error occurred while rendering the diagram.`,noSource:`No diagram source provided`},dropzone:{dropHere:`Drop files here or click to select`,dragActive:`Drop the files here`,fileRejected:`File type not accepted`,fileTooLarge:`File is too large`,tooManyFiles:`Too many files`,loading:`Loading…`},richTextEditor:{boldControlLabel:`Bold`,italicControlLabel:`Italic`,underlineControlLabel:`Underline`,strikeControlLabel:`Strikethrough`,clearFormattingControlLabel:`Clear formatting`,linkControlLabel:`Link`,unlinkControlLabel:`Unlink`,bulletListControlLabel:`Bullet list`,orderedListControlLabel:`Ordered list`,h1ControlLabel:`Heading 1`,h2ControlLabel:`Heading 2`,h3ControlLabel:`Heading 3`,h4ControlLabel:`Heading 4`,h5ControlLabel:`Heading 5`,h6ControlLabel:`Heading 6`,blockquoteControlLabel:`Blockquote`,alignLeftControlLabel:`Align left`,alignCenterControlLabel:`Align center`,alignRightControlLabel:`Align right`,alignJustifyControlLabel:`Align justify`,codeControlLabel:`Code`,codeBlockControlLabel:`Code block`,subscriptControlLabel:`Subscript`,superscriptControlLabel:`Superscript`,colorPickerControlLabel:`Text color`,unsetColorControlLabel:`Unset color`,highlightControlLabel:`Highlight`,hrControlLabel:`Horizontal rule`,undoControlLabel:`Undo`,redoControlLabel:`Redo`,sourceCodeControlLabel:`Source code`,linkEditorInputLabel:`Enter URL`,linkEditorInputPlaceholder:`https://example.com`,linkEditorExternalLink:`Open link in a new tab`,linkEditorInternalLink:`Open link in the same tab`,linkEditorSave:`Save`,colorPickerCancel:`Cancel`,colorPickerClear:`Clear color`,colorPickerColorPicker:`Color picker`,colorPickerPalette:`Color palette`,colorPickerSave:`Save`,tasksControlLabel:`Task list`,tasksSinkLabel:`Increase indent`,tasksLiftLabel:`Decrease indent`,fontFamilyControlLabel:`Font family`},compactCalendar:{noEvents:`No events`,allDay:`All day`,shortDays:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],today:`Today`,previous:`Previous`,next:`Next`},spotlight:{searchPlaceholder:`Search…`,nothingFound:`Nothing found`},colorPicker:{red:`Red`,green:`Green`,blue:`Blue`,alpha:`Alpha`,hue:`Hue`,saturation:`Saturation`,lightness:`Lightness`,hex:`Hex`,copy:`Copy`,saturationPanel:`Saturation and brightness`,hueSlider:`Hue`,alphaSlider:`Opacity`,eyeDropper:`Pick color from screen`,swatchColor:`Color swatch`,themeBrand:`Brand`,themeNeutral:`Neutral`,themeStatus:`Status`,themeColors:`Theme colors`}};function h(e,t){let n={...e};for(let r of Object.keys(t)){let i=t[r],a=e[r];typeof i==`object`&&i&&!Array.isArray(i)&&typeof a==`object`&&!Array.isArray(a)&&a!==null?n[r]=h(a,i):i!==void 0&&(n[r]=i)}return n}var g={ar:()=>Promise.resolve().then(()=>require(`./ar-DbkaJtO2.cjs`)).then(e=>e.ar),az:()=>Promise.resolve().then(()=>require(`./az-Cf7y5UC1.cjs`)).then(e=>e.az),bg:()=>Promise.resolve().then(()=>require(`./bg-nghgX11u.cjs`)).then(e=>e.bg),bs:()=>Promise.resolve().then(()=>require(`./bs-CMdfvb33.cjs`)).then(e=>e.bs),ca:()=>Promise.resolve().then(()=>require(`./ca-C8cBXf9y.cjs`)).then(e=>e.ca),cs:()=>Promise.resolve().then(()=>require(`./cs-B_90ZpDL.cjs`)).then(e=>e.cs),cy:()=>Promise.resolve().then(()=>require(`./cy-YdAkRgN7.cjs`)).then(e=>e.cy),da:()=>Promise.resolve().then(()=>require(`./da-3S6dCKx6.cjs`)).then(e=>e.da),de:()=>Promise.resolve().then(()=>require(`./de-cBD6cQjC.cjs`)).then(e=>e.de),el:()=>Promise.resolve().then(()=>require(`./el-C861pBjb.cjs`)).then(e=>e.el),es:()=>Promise.resolve().then(()=>require(`./es-7wJEQTAK.cjs`)).then(e=>e.es),et:()=>Promise.resolve().then(()=>require(`./et-BDQwGJeu.cjs`)).then(e=>e.et),eu:()=>Promise.resolve().then(()=>require(`./eu-Bis1mMYp.cjs`)).then(e=>e.eu),fi:()=>Promise.resolve().then(()=>require(`./fi-Bish9bFy.cjs`)).then(e=>e.fi),fr:()=>Promise.resolve().then(()=>require(`./fr-mNj_7F7p.cjs`)).then(e=>e.fr),ga:()=>Promise.resolve().then(()=>require(`./ga-DHGpUClX.cjs`)).then(e=>e.ga),gl:()=>Promise.resolve().then(()=>require(`./gl-BaGwE_dH.cjs`)).then(e=>e.gl),he:()=>Promise.resolve().then(()=>require(`./he-CyBuj0mX.cjs`)).then(e=>e.he),hi:()=>Promise.resolve().then(()=>require(`./hi-C9Y--qfd.cjs`)).then(e=>e.hi),hr:()=>Promise.resolve().then(()=>require(`./hr-_DB2jbdD.cjs`)).then(e=>e.hr),hu:()=>Promise.resolve().then(()=>require(`./hu-B6P_13vr.cjs`)).then(e=>e.hu),id:()=>Promise.resolve().then(()=>require(`./id-CD6_OeAS.cjs`)).then(e=>e.id),it:()=>Promise.resolve().then(()=>require(`./it-BqWJuJRG.cjs`)).then(e=>e.it),ja:()=>Promise.resolve().then(()=>require(`./ja-_IB67CHC.cjs`)).then(e=>e.ja),kk:()=>Promise.resolve().then(()=>require(`./kk-1zP-M5hA.cjs`)).then(e=>e.kk),ko:()=>Promise.resolve().then(()=>require(`./ko-Bh_npcwe.cjs`)).then(e=>e.ko),lt:()=>Promise.resolve().then(()=>require(`./lt-Bcs_RvUC.cjs`)).then(e=>e.lt),lv:()=>Promise.resolve().then(()=>require(`./lv-DXbttzfD.cjs`)).then(e=>e.lv),mk:()=>Promise.resolve().then(()=>require(`./mk-CwexdV8N.cjs`)).then(e=>e.mk),ms:()=>Promise.resolve().then(()=>require(`./ms-DbohV4fa.cjs`)).then(e=>e.ms),nb:()=>Promise.resolve().then(()=>require(`./nb-XSnogBcy.cjs`)).then(e=>e.nb),nl:()=>Promise.resolve().then(()=>require(`./nl-C3fB4nMe.cjs`)).then(e=>e.nl),pl:()=>Promise.resolve().then(()=>require(`./pl-BJHabrpe.cjs`)).then(e=>e.pl),pt:()=>Promise.resolve().then(()=>require(`./pt-BqRRasV7.cjs`)).then(e=>e.pt),ro:()=>Promise.resolve().then(()=>require(`./ro-BCq9yIk8.cjs`)).then(e=>e.ro),ru:()=>Promise.resolve().then(()=>require(`./ru-B-TiRA2D.cjs`)).then(e=>e.ru),sk:()=>Promise.resolve().then(()=>require(`./sk-Btf7EoeH.cjs`)).then(e=>e.sk),sl:()=>Promise.resolve().then(()=>require(`./sl-Cs0S-Rru.cjs`)).then(e=>e.sl),sr:()=>Promise.resolve().then(()=>require(`./sr-Jxn52mZC.cjs`)).then(e=>e.sr),sv:()=>Promise.resolve().then(()=>require(`./sv-DqwVwzYH.cjs`)).then(e=>e.sv),th:()=>Promise.resolve().then(()=>require(`./th-CnqYsyp5.cjs`)).then(e=>e.th),tr:()=>Promise.resolve().then(()=>require(`./tr-BiSE3U_v.cjs`)).then(e=>e.tr),uk:()=>Promise.resolve().then(()=>require(`./uk-YsR97h-O.cjs`)).then(e=>e.uk),vi:()=>Promise.resolve().then(()=>require(`./vi-BqlBS0CX.cjs`)).then(e=>e.vi),zh:()=>Promise.resolve().then(()=>require(`./zh-C3amwoRq.cjs`)).then(e=>e.zh)},_=new Set([`ar`,`he`,`fa`,`ur`]),v=class e{_locale;_isRtl;_loadedBundles;_overrides;constructor(t){this._locale=t||e.detectLocale(),this._isRtl=e.isRtlLocale(this._locale),this._loadedBundles=new Map,this._loadedBundles.set(`en`,m),this._overrides={}}get locale(){return this._locale}get isRtl(){return this._isRtl}getStrings(){let e=this.getLanguageKey(this._locale),t=this._loadedBundles.get(e)||m;if(e===`en`&&Object.keys(this._overrides).length===0)return m;let n=m;return e!==`en`&&(n=h(m,t)),Object.keys(this._overrides).length>0&&(n=h(n,this._overrides)),n}getComponentStrings(e){return this.getStrings()[e]}async loadBundle(e){let t=this.getLanguageKey(e);if(t===`en`||this._loadedBundles.has(t))return;let n=g[t];if(n)try{let e=await n();this._loadedBundles.set(t,e)}catch(e){console.warn(`[DefaultLocalizationProvider] Failed to load bundle for locale "${t}". Falling back to English.`,e)}else console.warn(`[DefaultLocalizationProvider] No bundle available for locale "${t}". Using English.`)}setOverrides(e){this._overrides=e}async setLocale(t){this._locale=t,this._isRtl=e.isRtlLocale(t),await this.loadBundle(t)}static detectLocale(){return typeof navigator<`u`&&navigator.language?navigator.language:`en`}static detectLocaleFromCulture(t){return t?.currentUICultureName?t.currentUICultureName:t?.currentCultureName?t.currentCultureName:e.detectLocale()}static isRtlLocale(e){let t=e.split(`-`)[0].toLowerCase();return _.has(t)}getLanguageKey(e){return e.split(`-`)[0].toLowerCase()}},y=class{prefix;memoryFallback;isLocalStorageAvailable;constructor(e=`rcu_`){this.prefix=e,this.memoryFallback=new Map,this.isLocalStorageAvailable=this.checkLocalStorageAvailability()}checkLocalStorageAvailability(){try{let e=`__localStorage_test__`;return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch{return!1}}getKey(e){return`${this.prefix}${e}`}async get(e){let t=this.getKey(e);try{let n=null;if(n=this.isLocalStorageAvailable?localStorage.getItem(t):this.memoryFallback.get(t),!n)return;let r=JSON.parse(n);if(r.expiration&&Date.now()>r.expiration){await this.remove(e);return}return r.value}catch(e){console.error(`Error reading from storage:`,e);return}}async set(e,t,n){let r=this.getKey(e);try{let e={value:t,expiration:n?Date.now()+n*60*1e3:void 0},i=JSON.stringify(e);this.isLocalStorageAvailable?localStorage.setItem(r,i):this.memoryFallback.set(r,i)}catch(e){console.error(`Error writing to storage:`,e)}}async remove(e){let t=this.getKey(e);try{this.isLocalStorageAvailable?localStorage.removeItem(t):this.memoryFallback.delete(t)}catch(e){console.error(`Error removing from storage:`,e)}}async clear(){try{this.isLocalStorageAvailable?Object.keys(localStorage).forEach(e=>{e.startsWith(this.prefix)&&localStorage.removeItem(e)}):this.memoryFallback.clear()}catch(e){console.error(`Error clearing storage:`,e)}}async has(e){return await this.get(e)!==void 0}},b=(0,c.createContext)(void 0),x=()=>(0,c.useContext)(b),S=()=>(0,c.useContext)(b)?.strings??m;function C(e){return S()[e]}var w=()=>C(`kpi`),T=()=>C(`noKpis`),E=()=>C(`calendar`),D=()=>C(`mensions`),O=()=>C(`shareDialog`),k=()=>C(`common`),A=()=>C(`userCard`),j=()=>C(`appDashboard`),M=()=>C(`aiAssistant`),N=()=>C(`worldMap`),P=()=>C(`aiSearchControl`),F=()=>C(`itemPicker`),I=()=>C(`listItemActivity`),L=()=>C(`inputField`),R=()=>C(`searchControl`),z=()=>C(`mermaidDiagram`),B=()=>C(`dropzone`),V=()=>C(`compactCalendar`),H=()=>C(`spotlight`),U=({provider:e,locale:t,overrides:n,children:r})=>{let[i]=(0,c.useState)(()=>e||new v(t)),[a,o]=(0,c.useState)(()=>(n&&i.setOverrides(n),i.getStrings())),[s,u]=(0,c.useState)(i.locale),[d,f]=(0,c.useState)(i.isRtl);(0,c.useEffect)(()=>{let e=!1;return(async()=>{await i.loadBundle(i.locale),e||o(i.getStrings())})(),()=>{e=!0}},[]),(0,c.useEffect)(()=>{n&&(i.setOverrides(n),o(i.getStrings()))},[n]);let p={provider:i,strings:a,locale:s,isRtl:d,setLocale:(0,c.useCallback)(async e=>{await i.setLocale(e),u(i.locale),f(i.isRtl),o(i.getStrings())},[i])};return(0,l.jsx)(b.Provider,{value:p,children:r})};Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return O}});
+//# sourceMappingURL=LocalizationProvider-BUBYkX-c.cjs.map

package/dist/{LocalizationProvider-D13keh6K.js → LocalizationProvider-DZ7gAJ1G.js}

@@ -5,7 +5,123 @@ var o = /* @__PURE__ */ function(e) {
 	return e[e.Verbose = 0] = "Verbose", e[e.Info = 1] = "Info", e[e.Warning = 2] = "Warning", e[e.Error = 3] = "Error", e;
 }({}), s = /* @__PURE__ */ function(e) {
 	return e.Error = "Error", e.Warning = "Warning", e.Info = "Info", e;
-}({}), c = {
+}({}), c = class {
+	componentName;
+	constructor(e = "ReactControlsUniversal") {
+		this.componentName = e;
+	}
+	log(e, t, n) {
+		let r = `[${this.componentName}]`;
+		switch (t) {
+			case o.Verbose:
+				console.debug(r, e, n);
+				break;
+			case o.Info:
+				console.info(r, e, n);
+				break;
+			case o.Warning:
+				console.warn(r, e, n);
+				break;
+			case o.Error:
+				console.error(r, e, n);
+				break;
+			default: console.log(r, e, n);
+		}
+	}
+	error(e, t, n) {
+		console.error(`[${this.componentName}]`, e, t, n);
+	}
+	warn(e, t) {
+		console.warn(`[${this.componentName}]`, e, t);
+	}
+	info(e, t) {
+		console.info(`[${this.componentName}]`, e, t);
+	}
+	verbose(e, t) {
+		console.debug(`[${this.componentName}]`, e, t);
+	}
+}, l = class {
+	baseUrl;
+	accessToken;
+	getAccessToken;
+	constructor(e) {
+		this.baseUrl = e.baseUrl || "https://graph.microsoft.com/v1.0", this.accessToken = e.accessToken, this.getAccessToken = e.getAccessToken;
+	}
+	async getHeaders() {
+		let e = this.accessToken;
+		if (this.getAccessToken) try {
+			e = await this.getAccessToken(["User.Read"]);
+		} catch (e) {
+			console.error("Failed to get access token:", e);
+		}
+		return {
+			Authorization: e ? `Bearer ${e}` : "",
+			"Content-Type": "application/json"
+		};
+	}
+	buildUrl(e) {
+		let t = e.startsWith("/") ? e.slice(1) : e;
+		return `${this.baseUrl}/${t}`;
+	}
+	async get(e) {
+		let t = await this.getHeaders(), n = await fetch(this.buildUrl(e), {
+			method: "GET",
+			headers: t
+		});
+		if (!n.ok) throw Error(`Graph API error: ${n.status} ${n.statusText}`);
+		return n.json();
+	}
+	async post(e, t) {
+		let n = await this.getHeaders(), r = await fetch(this.buildUrl(e), {
+			method: "POST",
+			headers: n,
+			body: JSON.stringify(t)
+		});
+		if (!r.ok) throw Error(`Graph API error: ${r.status} ${r.statusText}`);
+		return r.json();
+	}
+	async patch(e, t) {
+		let n = await this.getHeaders(), r = await fetch(this.buildUrl(e), {
+			method: "PATCH",
+			headers: n,
+			body: JSON.stringify(t)
+		});
+		if (!r.ok) throw Error(`Graph API error: ${r.status} ${r.statusText}`);
+		return r.json();
+	}
+	async delete(e) {
+		let t = await this.getHeaders(), n = await fetch(this.buildUrl(e), {
+			method: "DELETE",
+			headers: t
+		});
+		if (!n.ok) throw Error(`Graph API error: ${n.status} ${n.statusText}`);
+	}
+	async getWithMetadata(e) {
+		let t = await this.getHeaders(), n = await fetch(this.buildUrl(e), {
+			method: "GET",
+			headers: t
+		});
+		if (!n.ok) throw Error(`Graph API error: ${n.status} ${n.statusText}`);
+		return n.json();
+	}
+	async getBlob(e) {
+		let t = this.accessToken;
+		if (this.getAccessToken) try {
+			t = await this.getAccessToken(["User.Read"]);
+		} catch (e) {
+			console.error("Failed to get access token:", e);
+		}
+		let n = { Authorization: t ? `Bearer ${t}` : "" }, r = await fetch(this.buildUrl(e), {
+			method: "GET",
+			headers: n
+		});
+		if (!r.ok) {
+			if (r.status === 404) return;
+			throw Error(`Graph API error: ${r.status} ${r.statusText}`);
+		}
+		return r.blob();
+	}
+}, u = {
 	common: {
 		loading: "Loading...",
 		error: "Error",
@@ -307,17 +423,17 @@ var o = /* @__PURE__ */ function(e) {
 };
 //#endregion
 //#region src/localization/utils.ts
-function l(e, t) {
+function d(e, t) {
 	let n = { ...e };
 	for (let r of Object.keys(t)) {
 		let i = t[r], a = e[r];
-		typeof i == "object" && i && !Array.isArray(i) && typeof a == "object" && !Array.isArray(a) && a !== null ? n[r] = l(a, i) : i !== void 0 && (n[r] = i);
+		typeof i == "object" && i && !Array.isArray(i) && typeof a == "object" && !Array.isArray(a) && a !== null ? n[r] = d(a, i) : i !== void 0 && (n[r] = i);
 	}
 	return n;
 }
 //#endregion
 //#region src/abstractions/providers/DefaultLocalizationProvider.ts
-var u = {
+var f = {
 	ar: () => import("./ar-D78_ioot.js").then((e) => e.ar),
 	az: () => import("./az-OomGCL5f.js").then((e) => e.az),
 	bg: () => import("./bg-OQDPULfM.js").then((e) => e.bg),
@@ -363,18 +479,18 @@ var u = {
 	uk: () => import("./uk-B2JY5Ka3.js").then((e) => e.uk),
 	vi: () => import("./vi-By1JUTa6.js").then((e) => e.vi),
 	zh: () => import("./zh-SZ0W4ZGV.js").then((e) => e.zh)
-}, d = new Set([
+}, p = new Set([
 	"ar",
 	"he",
 	"fa",
 	"ur"
-]), f = class e {
+]), m = class e {
 	_locale;
 	_isRtl;
 	_loadedBundles;
 	_overrides;
 	constructor(t) {
-		this._locale = t || e.detectLocale(), this._isRtl = e.isRtlLocale(this._locale), this._loadedBundles = /* @__PURE__ */ new Map(), this._loadedBundles.set("en", c), this._overrides = {};
+		this._locale = t || e.detectLocale(), this._isRtl = e.isRtlLocale(this._locale), this._loadedBundles = /* @__PURE__ */ new Map(), this._loadedBundles.set("en", u), this._overrides = {};
 	}
 	get locale() {
 		return this._locale;
@@ -383,10 +499,10 @@ var u = {
 		return this._isRtl;
 	}
 	getStrings() {
-		let e = this.getLanguageKey(this._locale), t = this._loadedBundles.get(e) || c;
-		if (e === "en" && Object.keys(this._overrides).length === 0) return c;
-		let n = c;
-		return e !== "en" && (n = l(c, t)), Object.keys(this._overrides).length > 0 && (n = l(n, this._overrides)), n;
+		let e = this.getLanguageKey(this._locale), t = this._loadedBundles.get(e) || u;
+		if (e === "en" && Object.keys(this._overrides).length === 0) return u;
+		let n = u;
+		return e !== "en" && (n = d(u, t)), Object.keys(this._overrides).length > 0 && (n = d(n, this._overrides)), n;
 	}
 	getComponentStrings(e) {
 		return this.getStrings()[e];
@@ -394,7 +510,7 @@ var u = {
 	async loadBundle(e) {
 		let t = this.getLanguageKey(e);
 		if (t === "en" || this._loadedBundles.has(t)) return;
-		let n = u[t];
+		let n = f[t];
 		if (n) try {
 			let e = await n();
 			this._loadedBundles.set(t, e);
@@ -417,17 +533,83 @@ var u = {
 	}
 	static isRtlLocale(e) {
 		let t = e.split("-")[0].toLowerCase();
-		return d.has(t);
+		return p.has(t);
 	}
 	getLanguageKey(e) {
 		return e.split("-")[0].toLowerCase();
 	}
-}, p = e(void 0), m = () => n(p), h = () => n(p)?.strings ?? c;
-function g(e) {
-	return h()[e];
+}, h = class {
+	prefix;
+	memoryFallback;
+	isLocalStorageAvailable;
+	constructor(e = "rcu_") {
+		this.prefix = e, this.memoryFallback = /* @__PURE__ */ new Map(), this.isLocalStorageAvailable = this.checkLocalStorageAvailability();
+	}
+	checkLocalStorageAvailability() {
+		try {
+			let e = "__localStorage_test__";
+			return localStorage.setItem(e, e), localStorage.removeItem(e), !0;
+		} catch {
+			return !1;
+		}
+	}
+	getKey(e) {
+		return `${this.prefix}${e}`;
+	}
+	async get(e) {
+		let t = this.getKey(e);
+		try {
+			let n = null;
+			if (n = this.isLocalStorageAvailable ? localStorage.getItem(t) : this.memoryFallback.get(t), !n) return;
+			let r = JSON.parse(n);
+			if (r.expiration && Date.now() > r.expiration) {
+				await this.remove(e);
+				return;
+			}
+			return r.value;
+		} catch (e) {
+			console.error("Error reading from storage:", e);
+			return;
+		}
+	}
+	async set(e, t, n) {
+		let r = this.getKey(e);
+		try {
+			let e = {
+				value: t,
+				expiration: n ? Date.now() + n * 60 * 1e3 : void 0
+			}, i = JSON.stringify(e);
+			this.isLocalStorageAvailable ? localStorage.setItem(r, i) : this.memoryFallback.set(r, i);
+		} catch (e) {
+			console.error("Error writing to storage:", e);
+		}
+	}
+	async remove(e) {
+		let t = this.getKey(e);
+		try {
+			this.isLocalStorageAvailable ? localStorage.removeItem(t) : this.memoryFallback.delete(t);
+		} catch (e) {
+			console.error("Error removing from storage:", e);
+		}
+	}
+	async clear() {
+		try {
+			this.isLocalStorageAvailable ? Object.keys(localStorage).forEach((e) => {
+				e.startsWith(this.prefix) && localStorage.removeItem(e);
+			}) : this.memoryFallback.clear();
+		} catch (e) {
+			console.error("Error clearing storage:", e);
+		}
+	}
+	async has(e) {
+		return await this.get(e) !== void 0;
+	}
+}, g = e(void 0), _ = () => n(g), v = () => n(g)?.strings ?? u;
+function y(e) {
+	return v()[e];
 }
-var _ = () => g("kpi"), v = () => g("noKpis"), y = () => g("calendar"), b = () => g("mensions"), x = () => g("shareDialog"), S = () => g("common"), C = () => g("userCard"), w = () => g("appDashboard"), T = () => g("aiAssistant"), E = () => g("worldMap"), D = () => g("aiSearchControl"), O = () => g("itemPicker"), k = () => g("listItemActivity"), A = () => g("inputField"), j = () => g("searchControl"), M = () => g("mermaidDiagram"), N = () => g("dropzone"), P = () => g("compactCalendar"), F = () => g("spotlight"), I = ({ provider: e, locale: n, overrides: o, children: s }) => {
-	let [c] = i(() => e || new f(n)), [l, u] = i(() => (o && c.setOverrides(o), c.getStrings())), [d, m] = i(c.locale), [h, g] = i(c.isRtl);
+var b = () => y("kpi"), x = () => y("noKpis"), S = () => y("calendar"), C = () => y("mensions"), w = () => y("shareDialog"), T = () => y("common"), E = () => y("userCard"), D = () => y("appDashboard"), O = () => y("aiAssistant"), k = () => y("worldMap"), A = () => y("aiSearchControl"), j = () => y("itemPicker"), M = () => y("listItemActivity"), N = () => y("inputField"), P = () => y("searchControl"), F = () => y("mermaidDiagram"), I = () => y("dropzone"), L = () => y("compactCalendar"), R = () => y("spotlight"), z = ({ provider: e, locale: n, overrides: o, children: s }) => {
+	let [c] = i(() => e || new m(n)), [l, u] = i(() => (o && c.setOverrides(o), c.getStrings())), [d, f] = i(c.locale), [p, h] = i(c.isRtl);
 	r(() => {
 		let e = !1;
 		return (async () => {
@@ -442,17 +624,17 @@ var _ = () => g("kpi"), v = () => g("noKpis"), y = () => g("calendar"), b = () =
 		provider: c,
 		strings: l,
 		locale: d,
-		isRtl: h,
+		isRtl: p,
 		setLocale: t(async (e) => {
-			await c.setLocale(e), m(c.locale), g(c.isRtl), u(c.getStrings());
+			await c.setLocale(e), f(c.locale), h(c.isRtl), u(c.getStrings());
 		}, [c])
 	};
-	return /* @__PURE__ */ a(p.Provider, {
+	return /* @__PURE__ */ a(g.Provider, {
 		value: _,
 		children: s
 	});
 };
 //#endregion
-export { E as C, s as D, c as E, o as O, C as S, l as T, v as _, y as a, F as b, g as c, O as d, _ as f, M as g, b as h, w as i, N as l, m, T as n, S as o, k as p, D as r, P as s, I as t, A as u, j as v, f as w, h as x, x as y };
+export { s as A, k as C, u as D, d as E, l as O, E as S, m as T, x as _, S as a, R as b, y as c, j as d, b as f, F as g, C as h, D as i, o as j, c as k, I as l, _ as m, O as n, T as o, M as p, A as r, L as s, z as t, N as u, P as v, h as w, v as x, w as y };
 
-//# sourceMappingURL=LocalizationProvider-D13keh6K.js.map
+//# sourceMappingURL=LocalizationProvider-DZ7gAJ1G.js.map

package/dist/abstractions/index.d.ts

@@ -6,4 +6,5 @@ export * from './ILoggingProvider';
 export * from './IStorageProvider';
 export * from './ILocalizationProvider';
 export * from './IBrandCenterFonts';
+export * from './providers';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/BackgroundVideo/BackgroundVideo.d.ts

@@ -0,0 +1,25 @@
+import { IBackgroundVideoProps } from './IBackgroundVideoProps';
+import * as React from 'react';
+/**
+ * Renders an auto-playing, muted, full-cover background video.
+ *
+ * Supports:
+ * - **YouTube** (`youtube.com/watch?v=…` or `youtu.be/…`) — raw iframe embed
+ * - **Vimeo** (`vimeo.com/…`) — raw iframe with `background=1` (Vimeo's
+ *   built-in ambient mode: silent, auto-play, no UI chrome)
+ * - **Direct file** (`.mp4`, `.webm`, etc.) — native `<video>` element with
+ *   `objectFit: cover`
+ *
+ * The component always fills its nearest `position: relative` ancestor.
+ * Wrap it in a positioned container and place your overlay content on top.
+ *
+ * @example
+ * ```tsx
+ * <div style={{ position: 'relative', height: 400 }}>
+ *   <BackgroundVideo src="https://www.youtube.com/watch?v=Lu4cWjsS_Po" loop />
+ *   <MyOverlay />
+ * </div>
+ * ```
+ */
+export declare const BackgroundVideo: React.FC<IBackgroundVideoProps>;
+//# sourceMappingURL=BackgroundVideo.d.ts.map

package/dist/components/BackgroundVideo/IBackgroundVideoProps.d.ts

@@ -0,0 +1,9 @@
+export interface IBackgroundVideoProps {
+    /** Video URL — YouTube, Vimeo, or any direct file (MP4 / WebM / etc.) */
+    src: string;
+    /** Loop the video continuously. Default: true */
+    loop?: boolean;
+    /** Accessible label for the underlying iframe / video element */
+    title?: string;
+}
+//# sourceMappingURL=IBackgroundVideoProps.d.ts.map

package/dist/components/BackgroundVideo/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BackgroundVideo';
+export * from './IBackgroundVideoProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dropzone/mime-types.d.ts

@@ -31,7 +31,7 @@ export declare const PDF_MIME_TYPE: "application/pdf"[];
 /** Microsoft Word MIME types */
 export declare const MS_WORD_MIME_TYPE: ("application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document")[];
 /** Microsoft Excel MIME types */
-export declare const MS_EXCEL_MIME_TYPE: ("application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")[];
+export declare const MS_EXCEL_MIME_TYPE: ("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/vnd.ms-excel")[];
 /** Microsoft PowerPoint MIME types */
 export declare const MS_POWERPOINT_MIME_TYPE: ("application/vnd.ms-powerpoint" | "application/vnd.openxmlformats-officedocument.presentationml.presentation")[];
 /** Executable MIME type */

package/dist/components/Hero/Hero.d.ts

@@ -0,0 +1,7 @@
+import { IHeroProps } from './IHeroProps';
+import * as React from 'react';
+export declare const Hero: {
+    (props: React.PropsWithChildren<IHeroProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=Hero.d.ts.map

package/dist/components/Hero/HeroItem.d.ts

@@ -0,0 +1,13 @@
+import { IHeroItem, IHeroProps } from './IHeroProps';
+import * as React from 'react';
+export interface IHeroItemProps {
+    item: IHeroItem;
+    heroProps: IHeroProps;
+    containerWidth: number;
+    /** Optional extra class for the outer wrapper (e.g. mosaicPrimary span) */
+    className?: string;
+    /** Explicit pixel height for the cell (used in grid / filmstrip) */
+    itemHeight?: string | number;
+}
+export declare const HeroItem: React.FC<IHeroItemProps>;
+//# sourceMappingURL=HeroItem.d.ts.map

package/dist/components/Hero/HeroOverlay.d.ts

@@ -0,0 +1,10 @@
+import { IHeroItem, IHeroProps } from './IHeroProps';
+import * as React from "react";
+export interface IHeroOverlayProps {
+    item: IHeroItem;
+    heroProps: IHeroProps;
+    containerWidth: number;
+    mediaType?: 'image' | 'video';
+}
+export declare const HeroOverlay: React.FC<IHeroOverlayProps>;
+//# sourceMappingURL=HeroOverlay.d.ts.map