@tempots/beatui 1.5.0 → 1.6.0

package/dist/translations-EwEmHe3v.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("@tempots/dom"),k=require("@tempots/ui"),S=require("./colors-DPCHjRMj.cjs");function y(e,{units:t=["B","KB","MB","GB","TB"],decimalPlaces:o=0,locale:n}={}){if(e===0||e===0n)return new Intl.NumberFormat(n,{style:"unit",unit:"byte",unitDisplay:"short",maximumFractionDigits:0}).format(0).replace("byte",t[0]);let a,r;if(typeof e=="bigint"){let s=e<0n?-e:e;for(a=0;s>=1024n&&a<t.length-1;)s=s/1024n,a++;r=Number(e)/Math.pow(1024,a)}else a=Math.floor(Math.log(Math.abs(e))/Math.log(1024)),a=Math.min(a,t.length-1),r=e/Math.pow(1024,a);return new Intl.NumberFormat(n,{style:"unit",unit:"byte",unitDisplay:"short",minimumFractionDigits:a===0?0:o,maximumFractionDigits:a===0?0:o}).format(r).replace("byte",t[a])}const M={loadingExtended:"Loading, please wait",loadingShort:"Loading...",locale:"Locale",iconDescription:"Icon",loadingIcon:"Loading icon",failedToLoadIcon:"Failed to load icon",editLabel:"Edit",selectOne:"Select one",selectNone:"None",selectMany:"Select many",noResults:"No results",passwordPlaceholderText:"Secret Password",togglePasswordVisibility:"Toggle password visibility",toggleMenu:"Toggle menu",toggleAside:"Toggle aside",mainNavigation:"Main navigation",sidebar:"Sidebar",closeDrawer:"Close drawer",closeModal:"Close modal",confirm:"Confirm",cancel:"Cancel",addLabel:"Add",removeItem:"Remove item",currentLocale:"English",ar:"Arabic",de:"German",en:"English",es:"Spanish",fr:"French",hi:"Hindi",it:"Italian",ja:"Japanese",ko:"Korean",nl:"Dutch",pl:"Polish",pt:"Portuguese",ru:"Russian",tr:"Turkish",vi:"Vietnamese",zh:"Chinese",he:"Hebrew",fa:"Persian",ur:"Urdu",emailPlaceholderText:"Enter your email",incrementValue:"Increment value",decrementValue:"Decrement value",dropZoneInstructions:e=>e?"Click to choose or drag files here, or press Enter or Space to open file selector":"Drag files here",fileSizeUnits:["Bytes","KB","MB","GB","TB"],removeFile:"Remove file",clearAllFiles:"Clear all files",clearValue:"Reset",dateRangeStart:"Start",dateRangeEnd:"End",dateRangeNoLimit:"No limit",dateRangeSelectDate:"Select date",unknownType:"Unknown type",filesInputInstructions:(e,t,o)=>{let n=e==null||e>1?"Click to choose or drag files here":"Click to choose or drag a file here";if(e||t){const a=[];if(e!=null&&e>1&&a.push(`up to ${e} files`),t&&o){const r=y(t,{units:o});a.push(`max ${r} each`)}a.length>0&&(n+=` (${a.join(", ")})`)}return n},paginationLabel:"Pagination",paginationRange:(e,t,o,n)=>n>o?`Rows ${e} to ${t} of ${o} of ${n}`:`Rows ${e} to ${t} of ${o}`,firstPage:"First page",previousPage:"Previous page",nextPage:"Next page",lastPage:"Last page",breadcrumbs:"Breadcrumbs",commandPalette:"Command palette",typeACommand:"Type a command...",noResultsFound:"No results found",noMatchingCommands:"No matching commands",appearanceSystem:"System",appearanceLight:"Light",appearanceDark:"Dark",ok:"OK",changeTypeConfirmation:"Changing type will clear the current value. Continue?",notifications:"Notifications",markAllAsRead:"Mark all as read",noNotifications:"No notifications",schemaConflictsDetected:"Schema Conflicts Detected",schemaViolationsDetected:"Schema Violations Detected",properties:"Properties",uploading:"Uploading...",dropFilesOrBrowse:"Drop files here or click to browse",acceptedTypes:e=>`Accepted types: ${e}`,enterUrlPrompt:"Enter URL:",exceeded:"(exceeded)",pdfPreview:"PDF Preview",lexical:{fontFamily:"Font Family",fontSize:"Font Size",lineHeight:"Line Height",fontColor:"Font Color",highlightColor:"Highlight Color",backgroundColor:"Background Color",bold:"Bold",italic:"Italic",underline:"Underline",strikethrough:"Strikethrough",code:"Code",clearFormatting:"Clear Formatting",normal:"Normal",heading:e=>`Heading ${e}`,bulletList:"Bullet List",orderedList:"Ordered List",checkList:"Check List",indent:"Indent",outdent:"Outdent",blockquote:"Blockquote",codeBlock:"Code Block",horizontalRule:"Horizontal Rule",insertTable:"Insert Table",link:"Link",undo:"Undo",redo:"Redo",cut:"Cut",copy:"Copy",paste:"Paste",defaultOption:"Default",slashCommands:"Slash commands",noCommandsFound:"No commands found",changeBlockType:"Change block type",blockTypes:"Block types",enterUrl:"Enter URL:",tableActions:"Table actions",insertRowAbove:"Insert row above",insertRowBelow:"Insert row below",insertColumnLeft:"Insert column left",insertColumnRight:"Insert column right",deleteRow:"Delete row",deleteColumn:"Delete column",deleteTable:"Delete table"},dataTable:{sortAscending:"Sort ascending",sortDescending:"Sort descending",clearSort:"Clear sort",filterPlaceholder:"Filter...",clearFilter:"Clear filter",selectAll:"Select all",deselectAll:"Deselect all",selectedCount:e=>`${e} selected`,resetAll:"Reset all",noResults:"No results found",loading:"Loading...",filterPanelAddCondition:"Add condition",filterPanelApply:"Apply",filterPanelClear:"Clear filters",filterPanelAnd:"AND",filterPanelOr:"OR",filterPanelContains:"Contains",filterPanelNotContains:"Does not contain",filterPanelEquals:"Equals",filterPanelNotEquals:"Does not equal",filterPanelStartsWith:"Starts with",filterPanelEndsWith:"Ends with",filterPanelIsNull:"Is empty",filterPanelIsNotNull:"Is not empty",filterPanelGt:"Greater than",filterPanelGte:"Greater or equal",filterPanelLt:"Less than",filterPanelLte:"Less or equal",filterPanelBetween:"Between",filterPanelValuePlaceholder:"Value...",sortMultiHint:"Hold Shift to sort multiple columns",columnVisibility:"Columns",showAllColumns:"Show all",menuSortAsc:"Sort Ascending",menuSortDesc:"Sort Descending",menuClearSort:"Clear Sort",menuHideColumn:"Hide Column",menuChooseColumns:"Choose Columns",menuResetColumns:"Reset Columns",menuFilter:"Filter",rowCount:(e,t)=>`Rows: ${e}  Total Rows: ${t}`,filterTagsPlaceholder:"Select values...",groupCount:e=>`${e} items`,collapseGroup:"Collapse group",expandGroup:"Expand group",describeFilter:{textContains:(e,t)=>`${e} contains "${t}"`,textNotContains:(e,t)=>`${e} does not contain "${t}"`,textEquals:(e,t)=>`${e} equals "${t}"`,textNotEquals:(e,t)=>`${e} does not equal "${t}"`,textStartsWith:(e,t)=>`${e} starts with "${t}"`,textEndsWith:(e,t)=>`${e} ends with "${t}"`,compareEq:(e,t)=>`${e} = ${t}`,compareNeq:(e,t)=>`${e} ≠ ${t}`,compareGt:(e,t)=>`${e} > ${t}`,compareGte:(e,t)=>`${e} ≥ ${t}`,compareLt:(e,t)=>`${e} < ${t}`,compareLte:(e,t)=>`${e} ≤ ${t}`,rangeBetween:(e,t,o)=>`${e} between ${t} and ${o}`,rangeGte:(e,t)=>`${e} ≥ ${t}`,rangeLte:(e,t)=>`${e} ≤ ${t}`,setIn:(e,t)=>`${e} in [${t}]`,setNotIn:(e,t)=>`${e} not in [${t}]`,booleanIs:(e,t)=>`${e} is ${t}`,isNull:e=>`${e} is empty`,isNotNull:e=>`${e} is not empty`,compositeAnd:e=>e.join(" AND "),compositeOr:e=>e.join(" OR ")}},prosemirror:{bold:"Bold",italic:"Italic",code:"Inline code",link:"Insert link",removeLink:"Remove link",heading:e=>`Heading ${e}`,bulletList:"Bullet list",orderedList:"Ordered list",blockquote:"Blockquote",codeBlock:"Code block",horizontalRule:"Horizontal rule",linkUrlPlaceholder:"https://example.com"},carousel:{label:"Carousel",previousSlide:"Previous slide",nextSlide:"Next slide",slideNavigation:"Slide navigation",slideOfTotal:(e,t)=>`Slide ${e} of ${t}`,goToSlide:e=>`Go to slide ${e}`},datePicker:{label:"Date picker",previousYear:"Previous year",previousMonth:"Previous month",selectMonth:"Select month",selectYear:"Select year",nextMonth:"Next month",nextYear:"Next year",previousYears:e=>`Previous ${e} years`,nextYears:e=>`Next ${e} years`,dateRangePickerLabel:"Date range picker",monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],dayNames:["Su","Mo","Tu","We","Th","Fr","Sa"]},timePicker:{label:"Time picker",hoursLabel:"HH",minutesLabel:"MM",secondsLabel:"SS",selectHours:"Select hours",selectMinutes:"Select minutes",selectSeconds:"Select seconds",selectPeriod:"Select AM/PM",nowLabel:"Now"},timeSelectTime:"Select time",dateTimeSelectDateTime:"Select date and time",colorPicker:{hue:"Hue",saturation:"Saturation",lightness:"Lightness",alpha:"Alpha",red:"Red",green:"Green",blue:"Blue",hex:"Hex",whiteness:"Whiteness",blackness:"Blackness",chroma:"Chroma"},spotlight:{placeholder:"Search...",noResults:"No results found",recentItems:"Recent",close:"Close"},virtualList:{listLabel:"Scrollable list"},stepper:{step:"Step",stepOfTotal:(e,t)=>`Step ${e} of ${t}`,completed:"Completed",next:"Next",previous:"Previous",complete:"Complete"},sortableList:{dragHandle:"Drag to reorder"},transferList:{available:"Available",selected:"Selected",moveRight:"Move to selected",moveLeft:"Move to available",moveAllRight:"Move all to selected",moveAllLeft:"Move all to available",searchAvailable:"Search available items…",searchSelected:"Search selected items…"},copyButton:{copied:"Copied!",copyToClipboard:"Copy to clipboard"},numberStepper:{increment:"Increment",decrement:"Decrement",value:"Value"},statCard:{trendUp:"Trending up",trendDown:"Trending down",trendFlat:"No change"},otpInputLabel:"One-time password input",otpDigitLabel:(e,t)=>`Digit ${e} of ${t}`,scrollableGridView:"Scrollable grid view",onboardingTour:{label:"Guided tour",stepIndicator:(e,t)=>`Step ${e} of ${t}`,skip:"Skip",previous:"Previous",next:"Next",finish:"Finish"},searchPlaceholder:"Search",pdfPageViewer:{loading:"Loading PDF...",loadFailed:"Failed to load PDF",invalidPdf:"Invalid PDF file",pageOutOfRange:(e,t)=>`Page ${e} is out of range (1-${t})`,renderFailed:"Failed to render PDF page"}},m=M,f="en",A=new Set(["ar","he","fa","ur","ps","sd","ku","dv","yi","ji","iw","in"]);function b(e){if(!e)return"ltr";const t=e.split(/[-_]/)[0].toLowerCase();return A.has(t)?"rtl":"ltr"}function $(e,t){return e==="auto"?b(t):e}function T(e){return`b-${e}`}function F(e){return b(e)==="rtl"}function q(e){return e==="ltr"?"rtl":"ltr"}const w={ltr:{"inline-start":"left","inline-end":"right","block-start":"top","block-end":"bottom"},rtl:{"inline-start":"right","inline-end":"left","block-start":"top","block-end":"bottom"}};function O(e,t){return w[t][e]}const L={mark:l.makeProviderMark("Locale"),create:e=>{const t=l.localStorageProp({defaultValue:navigator.language??"en-US",key:"beatui-locale"}),o=l.localStorageProp({defaultValue:"auto",key:"beatui-direction-preference"}),n=l.computedOf(t,o)((r,i)=>$(i,r));return{value:{locale:t,setLocale:r=>t.set(r),direction:n,directionPreference:o,setDirectionPreference:r=>o.set(r)},dispose:()=>{t.dispose(),o.dispose(),n.dispose()}}}},{variants:V,special:E,overrides:v}=S.backgroundConfig;function d(e,t){switch(e){case"white":return"var(--color-white)";case"black":return"var(--color-black)";case"transparent":return"transparent";default:return S.getColorVar(e,t)}}function x(e,t){const o=E[e];if(!o)return;if(t==="light")return o;const n=v[e];return n?n[t]:o}function G(e,t,o){const n=v[e];if(n){const r=n[o];if(r)return{backgroundColor:r.backgroundColor,textColor:r.color}}if(t==="solid"){const r=x(e,o);if(r)return{backgroundColor:r.backgroundColor,textColor:r.color}}const a=V[t][o];return{backgroundColor:d(e,a.bgShade),textColor:a.textColor}}const H={light:{shade:700,textColor:"var(--color-white)"},dark:{shade:500,textColor:"var(--text-inverted-dark)"}},U={light:{shade:200,textColor:"var(--text-normal-light)"},dark:{shade:700,textColor:"var(--text-normal-dark)"}},j={light:{shade:400,textColor:"var(--text-normal-light)"},dark:{shade:600,textColor:"var(--text-normal-dark)"}};function W(e,t,o){const n=v[e];if(n){const r=n[o];if(r)return{backgroundColor:r.backgroundColor,textColor:r.color}}if(t==="solid"){const r=x(e,o);if(r)return{backgroundColor:r.backgroundColor,textColor:r.color};const i=H[o];return{backgroundColor:d(e,i.shade),textColor:i.textColor}}const a=t==="light"?U[o]:j[o];return{backgroundColor:d(e,a.shade),textColor:a.textColor}}function _(e,t){const o=t==="light"?500:600;switch(e){case"white":return t==="light"?"var(--text-inverse-light)":"var(--text-inverted-dark)";case"black":return"var(--color-black)";case"transparent":return"transparent";default:return d(e,o)}}function z(e,t){return e==="white"?"var(--color-white)":e==="black"?"var(--color-black)":e==="transparent"?"inherit":d(e,t==="light"?800:200)}function P(e,t,o){return t==="soft"?d(e,o==="light"?300:700):d(e,o==="light"?500:600)}const J="bui-icons",g=new Map,C=(()=>{try{return typeof indexedDB<"u"&&indexedDB!==null}catch{return!1}})();function Y(){return C?new Promise((e,t)=>{const o=indexedDB.open(J,1);o.onupgradeneeded=function(n){const a=n.target.result;a.objectStoreNames.contains("icons")||a.createObjectStore("icons")},o.onsuccess=function(){e(o.result)},o.onerror=function(){t(o.error)}}):Promise.reject(new Error("IndexedDB not available"))}const p=C?Y():null;async function I(e,t){try{if(p){const o=await p;return new Promise((n,a)=>{const r=o.transaction("icons","readwrite");r.objectStore("icons").put(t,e),r.oncomplete=()=>n(),r.onerror=a})}else g.set(e,t)}catch{g.set(e,t)}}async function D(e){try{if(p){const t=await p;return new Promise((o,n)=>{const i=t.transaction("icons","readonly").objectStore("icons").get(e);i.onsuccess=function(){o(i.result)},i.onerror=n})}else return g.get(e)||null}catch{return g.get(e)||null}}async function K(e){const t=`https://api.iconify.design/${e}.svg`;return fetch(t).then(o=>{if(o.status===200)return o.text();throw new Error(`Failed to load icon: ${e}`)})}async function Q(e){const t=e.replace(":","/"),o=await D(t);if(o)return o;const n=await K(t);return await I(t,n),n}function Z(e){return["bc-icon",`bc-icon--${e}`].join(" ")}function X(e,t="solid"){if(!e)return"";const o=P(e,t,"light"),n=P(e,t,"dark");return`--icon-color: ${o}; --icon-color-dark: ${n}`}function ee({icon:e,size:t="md",color:o,title:n,accessibility:a="auto",tone:r="solid"},...i){const u=l.computedOf(a,n)((s,c)=>s==="decorative"?!1:s==="informative"?!0:c!=null&&c!=="");return l.Use(B,s=>l.html.span(l.attr.class(l.computedOf(t,o)(c=>Z(c??"md"))),l.attr.style(l.computedOf(o,r)((c,h)=>X(c??void 0,h??"solid"))),l.When(u,()=>l.Fragment(l.attr.role("img"),l.aria.label(l.coalesce(n,s.$.iconDescription))),()=>l.aria.hidden(!0)),k.WhenInViewport({once:!0},()=>k.Query({request:e,load:({request:c})=>Q(c),convertError:String,success:({value:c})=>l.html.span(l.style.width("100%"),l.style.height("100%"),l.attr.innerHTML(c)),pending:()=>l.html.span(l.attr.class("animate-spin"),l.When(u,()=>l.Fragment(l.attr.role("img"),l.aria.label(s.$.loadingIcon)),()=>l.aria.hidden(!0)),"↻"),failure:({error:c})=>l.html.span(l.attr.title(c),l.attr.class("text-red-500"),l.When(u,()=>l.Fragment(l.attr.role("img"),l.aria.label(s.$.failedToLoadIcon)),()=>l.aria.hidden(!0)),"🚫")})),...i))}function te(e){const t=e.split("-"),o=[e];return t.length>1&&o.push(t[0]),o}function N({locale:e,defaultLocale:t="en-US",defaultMessages:o,localeLoader:n}){const a=l.prop(t),r=l.prop(o),i=e.on(async u=>{if(u===a.value)return;a.set(u);const s=te(u);for(const c of s)try{const h=await n(c);if(typeof h.default=="object"&&Object.keys(h).length===1){console.error("It appears that you are trying to load a translation module without referencing the default export. Please use `(await import(...)).default` in your loader function.");return}if(u===a.value){r.set(h);return}}catch{continue}console.warn(`No locale found for "${e.value}", using fallback`),u===a.value&&r.set(o)});return{dispose:()=>{i(),a.dispose(),r.dispose()},t:r}}function R({defaultLocale:e,defaultMessages:t,localeLoader:o,providerName:n="I18nProvider"}){return{mark:l.makeProviderMark(n),create:(a,r)=>{const{value:{locale:i}}=r.getProvider(L.mark),{t:u,dispose:s}=N({locale:i,defaultMessages:t,defaultLocale:e,localeLoader:o});return{value:u,dispose:s}}}}const oe=Object.assign({"./locales/ar.ts":()=>Promise.resolve().then(()=>require("./ar-Wr6gMs-M.cjs")).then(e=>e.default),"./locales/de.ts":()=>Promise.resolve().then(()=>require("./de-DZqdSEta.cjs")).then(e=>e.default),"./locales/es.ts":()=>Promise.resolve().then(()=>require("./es-CJgYfRap.cjs")).then(e=>e.default),"./locales/fa.ts":()=>Promise.resolve().then(()=>require("./fa-BQ5PzwNY.cjs")).then(e=>e.default),"./locales/fr.ts":()=>Promise.resolve().then(()=>require("./fr-Bv3TG44U.cjs")).then(e=>e.default),"./locales/he.ts":()=>Promise.resolve().then(()=>require("./he-5LbvgMCC.cjs")).then(e=>e.default),"./locales/hi.ts":()=>Promise.resolve().then(()=>require("./hi-YWhWcG_L.cjs")).then(e=>e.default),"./locales/it.ts":()=>Promise.resolve().then(()=>require("./it-BxOIJE45.cjs")).then(e=>e.default),"./locales/ja.ts":()=>Promise.resolve().then(()=>require("./ja-CNhjK06P.cjs")).then(e=>e.default),"./locales/ko.ts":()=>Promise.resolve().then(()=>require("./ko-DgkqcXTs.cjs")).then(e=>e.default),"./locales/nl.ts":()=>Promise.resolve().then(()=>require("./nl-Dy9lmbBO.cjs")).then(e=>e.default),"./locales/pl.ts":()=>Promise.resolve().then(()=>require("./pl-BtYbtsmG.cjs")).then(e=>e.default),"./locales/pt.ts":()=>Promise.resolve().then(()=>require("./pt-CtNmqQ1X.cjs")).then(e=>e.default),"./locales/ru.ts":()=>Promise.resolve().then(()=>require("./ru-BaL_NPRU.cjs")).then(e=>e.default),"./locales/tr.ts":()=>Promise.resolve().then(()=>require("./tr-DwOd87oB.cjs")).then(e=>e.default),"./locales/ur.ts":()=>Promise.resolve().then(()=>require("./ur-D9nLchps.cjs")).then(e=>e.default),"./locales/vi.ts":()=>Promise.resolve().then(()=>require("./vi-Dg1aiMr5.cjs")).then(e=>e.default),"./locales/zh.ts":()=>Promise.resolve().then(()=>require("./zh-tbwSTbmn.cjs")).then(e=>e.default)}),B=R({defaultLocale:f,defaultMessages:m,localeLoader:async e=>{if(e===f)return m;const t=oe[`./locales/${e}.ts`];return t?await t():m},providerName:"BeatUII18n"});exports.BeatUII18n=B;exports.Icon=ee;exports.LOGICAL_PROPERTY_MAP=w;exports.Locale=L;exports.backgroundValue=G;exports.borderColorValue=_;exports.defaultLocale=f;exports.defaultMessages=m;exports.formatFileSize=y;exports.getDirectionClassName=T;exports.getDirectionFromLocale=b;exports.getIconLocally=D;exports.getOppositeDirection=q;exports.getPhysicalProperty=O;exports.hoverBackgroundValue=W;exports.isIndexedDBAvailable=C;exports.isRTLLocale=F;exports.makeI18nProvider=R;exports.makeMessages=N;exports.resolveDirection=$;exports.storeIconLocally=I;exports.textColorValue=z;

package/dist/types/beatui-i18n/default.d.ts

@@ -64,6 +64,10 @@ export declare const defaultMessages: {
     removeFile: string;
     clearAllFiles: string;
     clearValue: string;
+    dateRangeStart: string;
+    dateRangeEnd: string;
+    dateRangeNoLimit: string;
+    dateRangeSelectDate: string;
     unknownType: string;
     filesInputInstructions: (maxFiles: number | undefined, maxFileSize: number | undefined, fileSizeUnits: string[]) => string;
     paginationLabel: string;
@@ -224,6 +228,111 @@ export declare const defaultMessages: {
         horizontalRule: string;
         linkUrlPlaceholder: string;
     };
+    carousel: {
+        label: string;
+        previousSlide: string;
+        nextSlide: string;
+        slideNavigation: string;
+        slideOfTotal: (index: number, total: number) => string;
+        goToSlide: (index: number) => string;
+    };
+    datePicker: {
+        label: string;
+        previousYear: string;
+        previousMonth: string;
+        selectMonth: string;
+        selectYear: string;
+        nextMonth: string;
+        nextYear: string;
+        previousYears: (count: number) => string;
+        nextYears: (count: number) => string;
+        dateRangePickerLabel: string;
+        monthNames: string[];
+        shortMonthNames: string[];
+        dayNames: string[];
+    };
+    timePicker: {
+        label: string;
+        hoursLabel: string;
+        minutesLabel: string;
+        secondsLabel: string;
+        selectHours: string;
+        selectMinutes: string;
+        selectSeconds: string;
+        selectPeriod: string;
+        nowLabel: string;
+    };
+    timeSelectTime: string;
+    dateTimeSelectDateTime: string;
+    colorPicker: {
+        hue: string;
+        saturation: string;
+        lightness: string;
+        alpha: string;
+        red: string;
+        green: string;
+        blue: string;
+        hex: string;
+        whiteness: string;
+        blackness: string;
+        chroma: string;
+    };
+    spotlight: {
+        placeholder: string;
+        noResults: string;
+        recentItems: string;
+        close: string;
+    };
+    virtualList: {
+        listLabel: string;
+    };
+    stepper: {
+        step: string;
+        stepOfTotal: (current: number, total: number) => string;
+        completed: string;
+        next: string;
+        previous: string;
+        complete: string;
+    };
+    sortableList: {
+        dragHandle: string;
+    };
+    transferList: {
+        available: string;
+        selected: string;
+        moveRight: string;
+        moveLeft: string;
+        moveAllRight: string;
+        moveAllLeft: string;
+        searchAvailable: string;
+        searchSelected: string;
+    };
+    copyButton: {
+        copied: string;
+        copyToClipboard: string;
+    };
+    numberStepper: {
+        increment: string;
+        decrement: string;
+        value: string;
+    };
+    statCard: {
+        trendUp: string;
+        trendDown: string;
+        trendFlat: string;
+    };
+    otpInputLabel: string;
+    otpDigitLabel: (index: number, total: number) => string;
+    scrollableGridView: string;
+    onboardingTour: {
+        label: string;
+        stepIndicator: (current: number, total: number) => string;
+        skip: string;
+        previous: string;
+        next: string;
+        finish: string;
+    };
+    searchPlaceholder: string;
     pdfPageViewer: {
         loading: string;
         loadFailed: string;

package/dist/types/beatui-i18n/locales/en.d.ts

@@ -50,6 +50,10 @@ declare const en: {
     removeFile: string;
     clearAllFiles: string;
     clearValue: string;
+    dateRangeStart: string;
+    dateRangeEnd: string;
+    dateRangeNoLimit: string;
+    dateRangeSelectDate: string;
     unknownType: string;
     filesInputInstructions: (maxFiles: number | undefined, maxFileSize: number | undefined, fileSizeUnits: string[]) => string;
     paginationLabel: string;
@@ -210,6 +214,111 @@ declare const en: {
         horizontalRule: string;
         linkUrlPlaceholder: string;
     };
+    carousel: {
+        label: string;
+        previousSlide: string;
+        nextSlide: string;
+        slideNavigation: string;
+        slideOfTotal: (index: number, total: number) => string;
+        goToSlide: (index: number) => string;
+    };
+    datePicker: {
+        label: string;
+        previousYear: string;
+        previousMonth: string;
+        selectMonth: string;
+        selectYear: string;
+        nextMonth: string;
+        nextYear: string;
+        previousYears: (count: number) => string;
+        nextYears: (count: number) => string;
+        dateRangePickerLabel: string;
+        monthNames: string[];
+        shortMonthNames: string[];
+        dayNames: string[];
+    };
+    timePicker: {
+        label: string;
+        hoursLabel: string;
+        minutesLabel: string;
+        secondsLabel: string;
+        selectHours: string;
+        selectMinutes: string;
+        selectSeconds: string;
+        selectPeriod: string;
+        nowLabel: string;
+    };
+    timeSelectTime: string;
+    dateTimeSelectDateTime: string;
+    colorPicker: {
+        hue: string;
+        saturation: string;
+        lightness: string;
+        alpha: string;
+        red: string;
+        green: string;
+        blue: string;
+        hex: string;
+        whiteness: string;
+        blackness: string;
+        chroma: string;
+    };
+    spotlight: {
+        placeholder: string;
+        noResults: string;
+        recentItems: string;
+        close: string;
+    };
+    virtualList: {
+        listLabel: string;
+    };
+    stepper: {
+        step: string;
+        stepOfTotal: (current: number, total: number) => string;
+        completed: string;
+        next: string;
+        previous: string;
+        complete: string;
+    };
+    sortableList: {
+        dragHandle: string;
+    };
+    transferList: {
+        available: string;
+        selected: string;
+        moveRight: string;
+        moveLeft: string;
+        moveAllRight: string;
+        moveAllLeft: string;
+        searchAvailable: string;
+        searchSelected: string;
+    };
+    copyButton: {
+        copied: string;
+        copyToClipboard: string;
+    };
+    numberStepper: {
+        increment: string;
+        decrement: string;
+        value: string;
+    };
+    statCard: {
+        trendUp: string;
+        trendDown: string;
+        trendFlat: string;
+    };
+    otpInputLabel: string;
+    otpDigitLabel: (index: number, total: number) => string;
+    scrollableGridView: string;
+    onboardingTour: {
+        label: string;
+        stepIndicator: (current: number, total: number) => string;
+        skip: string;
+        previous: string;
+        next: string;
+        finish: string;
+    };
+    searchPlaceholder: string;
     pdfPageViewer: {
         loading: string;
         loadFailed: string;

package/dist/types/beatui-i18n/translations.d.ts

@@ -74,6 +74,10 @@ export declare const BeatUII18n: import("@tempots/dom").Provider<import("@tempot
     removeFile: string;
     clearAllFiles: string;
     clearValue: string;
+    dateRangeStart: string;
+    dateRangeEnd: string;
+    dateRangeNoLimit: string;
+    dateRangeSelectDate: string;
     unknownType: string;
     filesInputInstructions: (maxFiles: number | undefined, maxFileSize: number | undefined, fileSizeUnits: string[]) => string;
     paginationLabel: string;
@@ -234,6 +238,111 @@ export declare const BeatUII18n: import("@tempots/dom").Provider<import("@tempot
         horizontalRule: string;
         linkUrlPlaceholder: string;
     };
+    carousel: {
+        label: string;
+        previousSlide: string;
+        nextSlide: string;
+        slideNavigation: string;
+        slideOfTotal: (index: number, total: number) => string;
+        goToSlide: (index: number) => string;
+    };
+    datePicker: {
+        label: string;
+        previousYear: string;
+        previousMonth: string;
+        selectMonth: string;
+        selectYear: string;
+        nextMonth: string;
+        nextYear: string;
+        previousYears: (count: number) => string;
+        nextYears: (count: number) => string;
+        dateRangePickerLabel: string;
+        monthNames: string[];
+        shortMonthNames: string[];
+        dayNames: string[];
+    };
+    timePicker: {
+        label: string;
+        hoursLabel: string;
+        minutesLabel: string;
+        secondsLabel: string;
+        selectHours: string;
+        selectMinutes: string;
+        selectSeconds: string;
+        selectPeriod: string;
+        nowLabel: string;
+    };
+    timeSelectTime: string;
+    dateTimeSelectDateTime: string;
+    colorPicker: {
+        hue: string;
+        saturation: string;
+        lightness: string;
+        alpha: string;
+        red: string;
+        green: string;
+        blue: string;
+        hex: string;
+        whiteness: string;
+        blackness: string;
+        chroma: string;
+    };
+    spotlight: {
+        placeholder: string;
+        noResults: string;
+        recentItems: string;
+        close: string;
+    };
+    virtualList: {
+        listLabel: string;
+    };
+    stepper: {
+        step: string;
+        stepOfTotal: (current: number, total: number) => string;
+        completed: string;
+        next: string;
+        previous: string;
+        complete: string;
+    };
+    sortableList: {
+        dragHandle: string;
+    };
+    transferList: {
+        available: string;
+        selected: string;
+        moveRight: string;
+        moveLeft: string;
+        moveAllRight: string;
+        moveAllLeft: string;
+        searchAvailable: string;
+        searchSelected: string;
+    };
+    copyButton: {
+        copied: string;
+        copyToClipboard: string;
+    };
+    numberStepper: {
+        increment: string;
+        decrement: string;
+        value: string;
+    };
+    statCard: {
+        trendUp: string;
+        trendDown: string;
+        trendFlat: string;
+    };
+    otpInputLabel: string;
+    otpDigitLabel: (index: number, total: number) => string;
+    scrollableGridView: string;
+    onboardingTour: {
+        label: string;
+        stepIndicator: (current: number, total: number) => string;
+        skip: string;
+        previous: string;
+        next: string;
+        finish: string;
+    };
+    searchPlaceholder: string;
     pdfPageViewer: {
         loading: string;
         loadFailed: string;

package/dist/types/components/button/copy-button.d.ts

@@ -0,0 +1,42 @@
+import { Renderable, TNode, Value } from '@tempots/dom';
+import { ControlSize, ButtonVariant } from '../theme';
+import { ThemeColorName } from '../../tokens';
+import { RadiusName } from '../../tokens/radius';
+/** Configuration options for the {@link CopyButton} component. */
+export interface CopyButtonOptions {
+    /** The text to copy to clipboard when clicked. @default 'Hello World!'' */
+    text: Value<string>;
+    /** Size of the button. @default 'sm' */
+    size?: Value<ControlSize>;
+    /** Theme color. @default 'base' */
+    color?: Value<ThemeColorName>;
+    /** Visual variant. @default 'subtle' */
+    variant?: Value<ButtonVariant>;
+    /** Border radius. @default 'sm' */
+    roundedness?: Value<RadiusName>;
+    /** Whether the button is disabled. @default false */
+    disabled?: Value<boolean>;
+    /** Duration in ms to show the "copied" state before resetting. @default 2000 */
+    timeout?: Value<number>;
+}
+/**
+ * A button that copies text to the clipboard with visual feedback.
+ *
+ * Shows a copy icon in its idle state. When clicked, copies the provided text
+ * to the clipboard and briefly shows a checkmark icon before resetting.
+ *
+ * @param options - Configuration for the copy button
+ * @param children - Optional additional children appended to the button
+ * @returns A copy button element
+ *
+ * @example
+ * ```ts
+ * CopyButton({ text: 'Hello, world!' })
+ * ```
+ *
+ * @example
+ * ```ts
+ * CopyButton({ text: apiKey, variant: 'outline', color: 'primary' }, 'Copy Key')
+ * ```
+ */
+export declare function CopyButton({ text, size, color, variant, roundedness, disabled, timeout, }: CopyButtonOptions, ...children: TNode[]): Renderable;

package/dist/types/components/button/index.d.ts

@@ -1,4 +1,5 @@
 export * from './button';
 export * from './close-button';
+export * from './copy-button';
 export * from './toggle-button';
 export * from './toggle-button-group';

package/dist/types/components/button/toggle-button-group.d.ts

@@ -71,7 +71,7 @@ export interface ToggleButtonGroupOptions {
  *     { key: 'right', label: 'Right' },
  *   ],
  *   value: alignment,
- *   onChange: alignment.set,
+ *   onChange: v => alignment.set(v),
  * })
  * ```
  *
@@ -86,7 +86,7 @@ export interface ToggleButtonGroupOptions {
  *     { key: 'underline', label: 'U' },
  *   ],
  *   value: formats,
- *   onChange: formats.set,
+ *   onChange: v => formats.set(v),
  *   multiple: true,
  *   variant: 'outline',
  * })

package/dist/types/components/button/toggle-button.d.ts

@@ -42,7 +42,7 @@ export interface ToggleButtonOptions {
  *
  * const bold = prop(false)
  * ToggleButton(
- *   { pressed: bold, onChange: bold.set, variant: 'outline' },
+ *   { pressed: bold, onChange: v => bold.set(v), variant: 'outline' },
  *   'B'
  * )
  * ```
@@ -52,7 +52,7 @@ export interface ToggleButtonOptions {
  * // Icon toggle
  * const starred = prop(false)
  * ToggleButton(
- *   { pressed: starred, onChange: starred.set, color: 'yellow' },
+ *   { pressed: starred, onChange: v => starred.set(v), color: 'yellow' },
  *   Icon({ icon: starred.map(s => s ? 'lucide:star' : 'lucide:star-off') })
  * )
  * ```

package/dist/types/components/data/date-picker-shared.d.ts

@@ -4,9 +4,6 @@ import { ThemeColorName } from '../../tokens';
 import type { BeatUITemporal, PlainDate } from '../../temporal/types';
 export declare const YEARS_PER_PAGE = 20;
 export declare const DAYS_IN_WEEK = 7;
-export declare const MONTH_NAMES: string[];
-export declare const SHORT_MONTH_NAMES: string[];
-export declare const DAY_NAMES: string[];
 export type DatePickerView = 'days' | 'months' | 'years';
 export declare function generateDatePickerClasses(size: ControlSize, disabled: boolean): string;
 export declare function generateDatePickerStyles(color: ThemeColorName): string;
@@ -40,12 +37,12 @@ export interface DatePickerNav {
     selectYear: (year: number) => void;
 }
 /** Creates the shared navigation state for a date picker. */
-export declare function createDatePickerNav(T: BeatUITemporal, initialYear: number, initialMonth: number, disabled: Value<boolean>, weekStartsOn: Value<number>): DatePickerNav;
+export declare function createDatePickerNav(T: BeatUITemporal, initialYear: number, initialMonth: number, disabled: Value<boolean>, weekStartsOn: Value<number>, dayNames: Value<string[]>): DatePickerNav;
 export interface DatePickerShellOptions {
     size: Value<ControlSize>;
     disabled: Value<boolean>;
     color: Value<ThemeColorName>;
-    ariaLabel: string;
+    ariaLabel: Value<string>;
 }
 /**
  * Renders the full date picker shell: outer wrapper, navigation header

package/dist/types/components/data/date-picker.d.ts

@@ -51,7 +51,7 @@ export interface DatePickerOptions {
  * const date = prop<PlainDate | null>(null)
  * DatePicker({
  *   value: date,
- *   onSelect: date.set,
+ *   onSelect: v => date.set(v),
  * })
  * ```
  */

package/dist/types/components/data/date-range-picker.d.ts

@@ -49,7 +49,7 @@ export interface DateRangePickerOptions {
  * const range = prop<[PlainDate, PlainDate] | null>(null)
  * DateRangePicker({
  *   value: range,
- *   onChange: range.set,
+ *   onChange: v => range.set(v),
  * })
  * ```
  */

package/dist/types/components/data/index.d.ts

@@ -24,3 +24,6 @@ export * from './selection-checkbox';
 export * from './data-toolbar';
 export * from './column-header-menu';
 export * from './data-table-row-details';
+export * from './time-picker';
+export * from './stat-card';
+export * from './virtual-scrolling';

package/dist/types/components/data/stat-card.d.ts

@@ -0,0 +1,108 @@
+import { TNode, Value } from '@tempots/dom';
+import { ControlSize } from '../theme';
+import { ThemeColorName } from '../../tokens';
+/** Visual style variant for {@link StatCard}. */
+export type StatCardVariant = 'default' | 'elevated' | 'outlined';
+/** Trend direction for {@link StatCardTrend}. */
+export type TrendDirection = 'up' | 'down' | 'flat';
+/** Configuration options for the {@link StatCard} component. */
+export interface StatCardOptions {
+    /** Visual style variant. @default 'default' */
+    variant?: Value<StatCardVariant>;
+    /** Controls internal padding. @default 'md' */
+    size?: Value<ControlSize>;
+    /** Theme color accent. @default 'primary' */
+    color?: Value<ThemeColorName>;
+}
+/** Options for a {@link StatCardSection}. */
+export interface StatCardSectionOptions {
+    /** Additional CSS classes. */
+    class?: Value<string>;
+}
+/** Configuration for the {@link StatCardTrend} sub-component. */
+export interface StatCardTrendOptions {
+    /** The trend value to display (e.g. "+12%", "3.2"). */
+    value: Value<string | number>;
+    /** Direction of the trend. */
+    direction: Value<TrendDirection>;
+    /** Override the auto-derived color. When omitted, uses success/danger/neutral based on direction. */
+    color?: Value<ThemeColorName>;
+}
+/**
+ * A dashboard metric card that displays a statistic with optional label,
+ * trend indicator, icon, and sparkline slot.
+ *
+ * Uses a composition pattern — combine with {@link StatCardValue},
+ * {@link StatCardLabel}, {@link StatCardTrend}, {@link StatCardIcon},
+ * and {@link StatCardSparkline} to build rich stat displays.
+ *
+ * @param options - Configuration for variant, size, and color
+ * @param children - Sub-components to render inside the card
+ * @returns A stat card element
+ *
+ * @example
+ * ```ts
+ * StatCard({ variant: 'elevated' },
+ *   StatCardIcon({}, Icon({ icon: 'lucide:users', size: 'lg' })),
+ *   StatCardValue({}, '1,234'),
+ *   StatCardLabel({}, 'Active Users'),
+ *   StatCardTrend({ value: '+12%', direction: 'up' }),
+ * )
+ * ```
+ */
+export declare function StatCard({ variant, size, color }?: StatCardOptions, ...children: TNode[]): TNode;
+/**
+ * The primary metric value of a {@link StatCard}.
+ *
+ * @example
+ * ```ts
+ * StatCardValue({}, '1,234')
+ * StatCardValue({}, formattedRevenue)
+ * ```
+ */
+export declare function StatCardValue({ class: className }?: StatCardSectionOptions, ...children: TNode[]): TNode;
+/**
+ * A descriptive label for a {@link StatCard} metric.
+ *
+ * @example
+ * ```ts
+ * StatCardLabel({}, 'Monthly Revenue')
+ * ```
+ */
+export declare function StatCardLabel({ class: className }?: StatCardSectionOptions, ...children: TNode[]): TNode;
+/**
+ * A trend indicator showing a value with a directional arrow.
+ *
+ * When no `color` is provided, the color is auto-derived from `direction`:
+ * up → success, down → danger, flat → neutral.
+ *
+ * @param options - Trend value, direction, and optional color override
+ * @returns A trend indicator element
+ *
+ * @example
+ * ```ts
+ * StatCardTrend({ value: '+12.5%', direction: 'up' })
+ * StatCardTrend({ value: '-3%', direction: 'down' })
+ * StatCardTrend({ value: '0%', direction: 'flat' })
+ * ```
+ */
+export declare function StatCardTrend(options: StatCardTrendOptions): TNode;
+/**
+ * An icon slot for a {@link StatCard}, typically placed at the top or side.
+ *
+ * @example
+ * ```ts
+ * StatCardIcon({}, Icon({ icon: 'lucide:dollar-sign', size: 'lg', color: 'primary' }))
+ * ```
+ */
+export declare function StatCardIcon({ class: className }?: StatCardSectionOptions, ...children: TNode[]): TNode;
+/**
+ * A sparkline/chart slot for a {@link StatCard}.
+ * Renders a container where you can place any chart or visualization component.
+ *
+ * @example
+ * ```ts
+ * StatCardSparkline({}, mySparklineChart)
+ * ```
+ */
+export declare function StatCardSparkline({ class: className }?: StatCardSectionOptions, ...children: TNode[]): TNode;