@santi020k/lumen-core 3.0.1 → 4.0.0

package/dist/components.js

@@ -5,6 +5,8 @@ export const lumenComponentNames = [
     'Agenda',
     'AspectRatio',
     'Attachment',
+    'AttachmentList',
+    'AttachmentPreview',
     'Autocomplete',
     'Avatar',
     'Backdrop',
@@ -41,6 +43,11 @@ export const lumenComponentNames = [
     'DatePicker',
     'DateRangePicker',
     'Dialog',
+    'DialogHeader',
+    'DialogTitle',
+    'DialogBody',
+    'DialogFooter',
+    'DialogClose',
     'Direction',
     'Drawer',
     'DropdownMenu',
@@ -57,6 +64,11 @@ export const lumenComponentNames = [
     'HoverCard',
     'Icon',
     'Image',
+    'DeviceFrame',
+    'ImageComparison',
+    'MediaViewport',
+    'MediaThumbnail',
+    'MediaFilmstrip',
     'Illustration',
     'Input',
     'InputGroup',
@@ -75,6 +87,7 @@ export const lumenComponentNames = [
     'MessageScroller',
     'NativeSelect',
     'NavigationMenu',
+    'AmountField',
     'NumberField',
     'Pagination',
     'PasswordField',
@@ -145,6 +158,9 @@ export const lumenComponentNames = [
     'Segmented',
     'Toolbar',
     'Descriptions',
+    'DescriptionItem',
+    'DescriptionTerm',
+    'DescriptionDetail',
     'Popconfirm',
     'Transfer',
     'Cascader',
@@ -159,9 +175,37 @@ export const lumenComponentNames = [
     'Heatmap',
     'RangeChart',
     'ComboChart',
-    'VisuallyHidden'
+    'VisuallyHidden',
+    'CalendarHeatmap',
+    'FunnelChart',
+    'BoxPlot',
+    'BulletChart',
+    'LollipopChart',
+    'DumbbellChart',
+    'Histogram',
+    'WaterfallChart',
+    'ChangeSummary',
+    'FilterBar',
+    'ChartMotion',
+    'MotionGroup',
+    'VisualEffect',
+    'ApprovalCard',
+    'PromptComposer',
+    'SourceCitation',
+    'StreamMessage',
+    'ToolActivity',
+    'WorldMap'
 ];
 export const lumenComponentBehavior = {
+    ApprovalCard: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    PromptComposer: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    SourceCitation: { astro: 'none', elements: 'registered-element', react: 'component' },
+    StreamMessage: { astro: 'none', elements: 'registered-element', react: 'component' },
+    ToolActivity: { astro: 'none', elements: 'registered-element', react: 'component' },
+    ChartMotion: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    MotionGroup: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    VisualEffect: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    AmountField: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Accordion: { astro: 'none', elements: 'registered-element', react: 'component' },
     Affix: { astro: 'none', elements: 'registered-element', react: 'component' },
     Agenda: { astro: 'none', elements: 'registered-element', react: 'component' },
@@ -173,12 +217,14 @@ export const lumenComponentBehavior = {
     AnimatedPortrait: { astro: 'none', elements: 'registered-element', react: 'component' },
     AspectRatio: { astro: 'none', elements: 'registered-element', react: 'component' },
     Attachment: { astro: 'none', elements: 'registered-element', react: 'component' },
+    AttachmentList: { astro: 'none', elements: 'registered-element', react: 'component' },
+    AttachmentPreview: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Autocomplete: { astro: 'none', elements: 'registered-element', react: 'component' },
     Avatar: { astro: 'none', elements: 'registered-element', react: 'component' },
     Backdrop: { astro: 'none', elements: 'registered-element', react: 'component' },
-    BackToTop: { astro: 'none', elements: 'registered-element', react: 'component' },
+    BackToTop: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Badge: { astro: 'none', elements: 'registered-element', react: 'component' },
-    BarChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    BarChart: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Breadcrumb: { astro: 'none', elements: 'registered-element', react: 'component' },
     Bubble: { astro: 'none', elements: 'registered-element', react: 'component' },
     Button: { astro: 'none', elements: 'registered-element', react: 'component' },
@@ -193,14 +239,14 @@ export const lumenComponentBehavior = {
     CardHeader: { astro: 'none', elements: 'registered-element', react: 'component' },
     CardTitle: { astro: 'none', elements: 'registered-element', react: 'component' },
     Carousel: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
-    Cascader: { astro: 'none', elements: 'registered-element', react: 'component' },
+    Cascader: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Chart: { astro: 'none', elements: 'registered-element', react: 'component' },
     Checkbox: { astro: 'none', elements: 'registered-element', react: 'component' },
     CheckboxGroup: { astro: 'none', elements: 'registered-element', react: 'component' },
     Code: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     CodeTabs: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Collapsible: { astro: 'none', elements: 'registered-element', react: 'component' },
-    ComboChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    ComboChart: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     ColorPicker: { astro: 'none', elements: 'registered-element', react: 'component' },
     Combobox: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     Command: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
@@ -210,10 +256,18 @@ export const lumenComponentBehavior = {
     ContextMenu: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     CoverImage: { astro: 'none', elements: 'registered-element', react: 'component' },
     DataTable: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
-    DatePicker: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DatePicker: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     DateRangePicker: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
+    DescriptionItem: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DescriptionTerm: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DescriptionDetail: { astro: 'none', elements: 'registered-element', react: 'component' },
     Descriptions: { astro: 'none', elements: 'registered-element', react: 'component' },
     Dialog: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
+    DialogHeader: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DialogTitle: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DialogBody: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DialogFooter: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DialogClose: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Direction: { astro: 'none', elements: 'registered-element', react: 'component' },
     Drawer: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     DropdownMenu: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
@@ -221,18 +275,32 @@ export const lumenComponentBehavior = {
     ErrorState: { astro: 'none', elements: 'registered-element', react: 'component' },
     ErrorSummary: { astro: 'none', elements: 'registered-element', react: 'component' },
     Eyebrow: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Field: { astro: 'none', elements: 'registered-element', react: 'component' },
+    Field: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     FieldError: { astro: 'none', elements: 'registered-element', react: 'component' },
-    FileUpload: { astro: 'none', elements: 'registered-element', react: 'component' },
+    FileUpload: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     FloatingBadge: { astro: 'none', elements: 'registered-element', react: 'component' },
     Form: { astro: 'ui-primitives', elements: 'none', react: 'hook' },
     FormattedDate: { astro: 'none', elements: 'registered-element', react: 'component' },
     Graphic: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Heatmap: { astro: 'none', elements: 'registered-element', react: 'component' },
+    Heatmap: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    LollipopChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DumbbellChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    CalendarHeatmap: { astro: 'none', elements: 'registered-element', react: 'component' },
+    FunnelChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    BoxPlot: { astro: 'none', elements: 'registered-element', react: 'component' },
+    BulletChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    Histogram: { astro: 'none', elements: 'registered-element', react: 'component' },
+    WaterfallChart: { astro: 'none', elements: 'registered-element', react: 'component' },
     GradientDivider: { astro: 'none', elements: 'registered-element', react: 'component' },
     Grid: { astro: 'none', elements: 'registered-element', react: 'component' },
     HoverCard: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     Icon: { astro: 'none', elements: 'registered-element', react: 'component' },
+    DeviceFrame: { astro: 'none', elements: 'registered-element', react: 'component' },
+    WorldMap: { astro: 'ui-primitives', astroRuntimeBypass: 'Static map and highlighted country list remain visible without JavaScript.', elements: 'registered-element', react: 'component' },
+    ImageComparison: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    MediaViewport: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    MediaThumbnail: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    MediaFilmstrip: { astro: 'none', elements: 'registered-element', react: 'component' },
     Image: { astro: 'none', elements: 'registered-element', react: 'component' },
     Illustration: { astro: 'none', elements: 'registered-element', react: 'component' },
     Input: { astro: 'none', elements: 'registered-element', react: 'component' },
@@ -244,14 +312,14 @@ export const lumenComponentBehavior = {
     Kbd: { astro: 'none', elements: 'registered-element', react: 'component' },
     Label: { astro: 'none', elements: 'registered-element', react: 'component' },
     LanguageToggle: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
-    LineChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    LineChart: { astro: 'ui-primitives', astroRuntimeBypass: 'Static charts work without the runtime; interactive or drilldown charts require UIPrimitives.', elements: 'registered-element', react: 'component' },
     Link: { astro: 'none', elements: 'registered-element', react: 'component' },
     ListBox: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     Marker: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Mentions: { astro: 'none', elements: 'registered-element', react: 'component' },
+    Mentions: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Menubar: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     Message: { astro: 'none', elements: 'registered-element', react: 'component' },
-    MessageScroller: { astro: 'none', elements: 'registered-element', react: 'component' },
+    MessageScroller: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Meter: { astro: 'none', elements: 'registered-element', react: 'component' },
     NativeSelect: { astro: 'none', elements: 'registered-element', react: 'component' },
     NavigationMenu: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
@@ -261,12 +329,12 @@ export const lumenComponentBehavior = {
     Particles: { astro: 'none', elements: 'registered-element', react: 'component' },
     PasswordField: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     PhoneInput: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
-    PieChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    PieChart: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Pill: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Popconfirm: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Popover: { astro: 'none', elements: 'registered-element', react: 'hook' },
+    Popconfirm: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    Popover: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     Progress: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
-    RangeChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    RangeChart: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Prose: { astro: 'none', elements: 'registered-element', react: 'component' },
     QRCode: { astro: 'none', elements: 'registered-element', react: 'component' },
     RadioGroup: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
@@ -275,7 +343,7 @@ export const lumenComponentBehavior = {
     RevealGroup: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     RichTextEditor: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     Schedule: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
-    ScatterChart: { astro: 'none', elements: 'registered-element', react: 'component' },
+    ScatterChart: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     ScrollArea: { astro: 'none', elements: 'registered-element', react: 'component' },
     ScrollProgress: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     ScrollReveal: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
@@ -289,7 +357,7 @@ export const lumenComponentBehavior = {
     SkipLink: { astro: 'none', elements: 'registered-element', react: 'component' },
     Slider: { astro: 'none', elements: 'registered-element', react: 'component' },
     Sparkline: { astro: 'none', elements: 'registered-element', react: 'component' },
-    SpeedDial: { astro: 'none', elements: 'registered-element', react: 'component' },
+    SpeedDial: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Spinner: { astro: 'none', elements: 'registered-element', react: 'component' },
     Stack: { astro: 'none', elements: 'registered-element', react: 'component' },
     Stat: { astro: 'none', elements: 'registered-element', react: 'component' },
@@ -305,7 +373,7 @@ export const lumenComponentBehavior = {
     TagGroup: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
     Textarea: { astro: 'none', elements: 'registered-element', react: 'component' },
     ThemeBuilder: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
-    ThemeToggle: { astro: 'none', elements: 'registered-element', react: 'component' },
+    ThemeToggle: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     TimeField: { astro: 'none', elements: 'registered-element', react: 'component' },
     Timeline: { astro: 'none', elements: 'registered-element', react: 'component' },
     Toast: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
@@ -317,15 +385,17 @@ export const lumenComponentBehavior = {
         react: 'component'
     },
     ToggleGroup: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
-    Toolbar: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Tooltip: { astro: 'none', elements: 'registered-element', react: 'hook' },
-    Tour: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Transfer: { astro: 'none', elements: 'registered-element', react: 'component' },
-    Tree: { astro: 'none', elements: 'registered-element', react: 'component' },
-    TreeGrid: { astro: 'none', elements: 'registered-element', react: 'component' },
-    TreeSelect: { astro: 'none', elements: 'registered-element', react: 'component' },
+    Toolbar: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    Tooltip: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
+    Tour: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    Transfer: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    Tree: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    TreeGrid: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
+    TreeSelect: { astro: 'ui-primitives', elements: 'registered-element', react: 'component' },
     Typography: { astro: 'none', elements: 'registered-element', react: 'component' },
     VirtualList: { astro: 'ui-primitives', elements: 'registered-element', react: 'hook' },
+    ChangeSummary: { astro: 'none', elements: 'registered-element', react: 'component' },
+    FilterBar: { astro: 'none', elements: 'registered-element', react: 'component' },
     VisuallyHidden: { astro: 'none', elements: 'registered-element', react: 'component' },
     Watermark: { astro: 'none', elements: 'registered-element', react: 'component' }
 };
@@ -426,6 +496,12 @@ export const lumenStylingContracts = {
         rootSlot: 'stat',
         stability: 'stable'
     },
+    PhoneInput: {
+        customProperties: ['--ui-phone-height', '--ui-phone-padding', '--ui-phone-country-gap'],
+        parts: ['phone-country', 'country-flag'],
+        rootSlot: 'phone-input',
+        stability: 'stable'
+    },
     Table: {
         customProperties: ['--ui-table-cell-padding'],
         parts: [],

package/dist/dashboard.d.ts

@@ -0,0 +1,16 @@
+export interface LumenChangeSummaryItem {
+    id: string;
+    label: string;
+    before: string;
+    after: string;
+    /** The application decides equality and whether the proposal is meaningful. */
+    changed: boolean;
+}
+export interface LumenActiveFilter {
+    id: string;
+    label: string;
+    value: string;
+}
+export declare const readLumenChangeSummaryItems: (value: unknown) => LumenChangeSummaryItem[];
+export declare const readLumenActiveFilters: (value: unknown) => LumenActiveFilter[];
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AA4BD,eAAO,MAAM,2BAA2B,GAAI,OAAO,OAAO,KAAG,sBAAsB,EAAgC,CAAA;AACnH,eAAO,MAAM,sBAAsB,GAAI,OAAO,OAAO,KAAG,iBAAiB,EAAgC,CAAA"}

package/dist/dashboard.js

@@ -0,0 +1,21 @@
+const isRecord = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+const isChange = (value) => isRecord(value) && typeof value.id === 'string' && value.id.length > 0 &&
+    typeof value.label === 'string' && typeof value.before === 'string' &&
+    typeof value.after === 'string' && typeof value.changed === 'boolean';
+const isFilter = (value) => isRecord(value) && typeof value.id === 'string' && value.id.length > 0 &&
+    typeof value.label === 'string' && typeof value.value === 'string';
+const readItems = (value, guard) => {
+    if (!Array.isArray(value))
+        throw new TypeError('Dashboard items must be an array');
+    const ids = new Set();
+    const result = [];
+    for (const item of value) {
+        if (!guard(item) || ids.has(item.id))
+            throw new TypeError('Dashboard items require valid, unique IDs');
+        ids.add(item.id);
+        result.push({ ...item });
+    }
+    return result;
+};
+export const readLumenChangeSummaryItems = (value) => readItems(value, isChange);
+export const readLumenActiveFilters = (value) => readItems(value, isFilter);

package/dist/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,CAAA;AAE/C,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,kBAAkB,CAAA;QAC7B,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;CACF;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAEzE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,CAAA;CACxC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB,EAAE,mBAAmB;CAAG;AAEzF,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,kBAAkB,CAAA;IACzB,GAAG,EAAE,MAAM,CAAA;CACZ;AAkBD,eAAO,MAAM,mBAAmB,GAAI,QAAO,OAAO,CAAC,kBAAkB,CAAM,KAAG,kBAU5E,CAAA;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,kBAAkB,KAAG,MAwBlE,CAAA;AAoCD,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,kBAclD,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,cAAc,MAAM,EACpB,cAAc,MAAM,EACpB,UAAU,MAAM,EAChB,WAAW,MAAM,EACjB,iBAAY;;;CAUb,CAAA;AAYD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,eAAe,EACzD,SAAS,SAAS,CAAC,EAAE,EACrB,OAAO,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,OAAO,CAAC,KACnD,CAAC,EAIH,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,eAAe,EACvD,SAAS,SAAS,CAAC,EAAE,EACrB,MAAM,kBAAkB,CAAC,MAAM,CAAC,KAC/B,CAAC,EAeH,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,EACnC,SAAS,SAAS,CAAC,EAAE,EACrB,MAAM,MAAM,EACZ,UAAU,MAAM;;;;;CAgBjB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,EAC1D,SAAS,SAAS,CAAC,EAAE,EACrB,OAAO,kBAAkB;;;;;CAG1B,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,KAAG,MAAgF,CAAA;AAExI,eAAO,MAAM,iBAAiB,GAC5B,SAAS,mBAAmB,EAC5B,KAAK,MAAM,EACX,OAAO,kBAAkB,KACxB,IAEF,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,SAAS,mBAAmB,EAC5B,KAAK,MAAM,KACV,kBAAkB,GAAG,SAIvB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,OAAO,kBAAkB,EACzB,QAAQ,MAAM,KACb,kBAGD,CAAA;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,kBAAkB,EACzB,QAAQ,MAAM,KACb,kBAGD,CAAA;AAEF,eAAO,MAAM,uBAAuB,GAClC,OAAO,kBAAkB,EACzB,IAAI,MAAM,EACV,WAAW,OAAO,KACjB,kBAUF,CAAA;AAED,eAAO,MAAM,0BAA0B,GACrC,OAAO,kBAAkB,KACxB,eAAqE,CAAA;AAExE,eAAO,MAAM,wBAAwB,GACnC,UAAU,MAAM,EAChB,OAAO,kBAAkB,KACxB,MAMF,CAAA;AAED,eAAO,MAAM,2BAA2B,GACtC,UAAU,MAAM,EAChB,OAAO,kBAAkB,KACxB,0BAQF,CAAA"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"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"}

package/dist/data.js

@@ -39,7 +39,12 @@ const parseDataViewFilters = (params) => {
     const filters = {};
     for (const [key, filterValue] of params.entries()) {
         if (key.startsWith('filter.')) {
-            filters[key.slice('filter.'.length)] = filterValue;
+            Object.defineProperty(filters, key.slice('filter.'.length), {
+                configurable: true,
+                enumerable: true,
+                value: filterValue,
+                writable: true
+            });
         }
     }
     return filters;
@@ -78,9 +83,14 @@ export const parseDataViewState = (value) => {
     });
 };
 export const getVirtualRange = (scrollOffset, viewportSize, itemSize, itemCount, overscan = 4) => {
-    const startIndex = Math.max(0, Math.floor(scrollOffset / itemSize) - overscan);
-    const visibleCount = Math.ceil(viewportSize / itemSize) + overscan * 2;
-    const endIndex = Math.min(itemCount - 1, startIndex + visibleCount);
+    const count = Number.isSafeInteger(itemCount) && itemCount > 0 ? itemCount : 0;
+    const size = Number.isFinite(itemSize) && itemSize > 0 ? itemSize : 44;
+    const viewport = Number.isFinite(viewportSize) && viewportSize > 0 ? viewportSize : 0;
+    const extra = Number.isFinite(overscan) ? Math.max(0, Math.trunc(overscan)) : 4;
+    const maximumOffset = Math.max(0, count * size - viewport);
+    const offset = Number.isFinite(scrollOffset) ? Math.min(maximumOffset, Math.max(0, scrollOffset)) : 0;
+    const startIndex = Math.max(0, Math.floor(offset / size) - extra);
+    const endIndex = Math.min(count - 1, Math.max(startIndex, Math.ceil((offset + viewport) / size) - 1) + extra);
     return {
         endIndex,
         startIndex
@@ -154,7 +164,13 @@ export const createDataViewRequestUrl = (endpoint, state) => {
     const query = serializeDataViewState(state);
     if (!query)
         return endpoint;
-    return `${endpoint}${endpoint.includes('?') ? '&' : '?'}${query}`;
+    const fragmentIndex = endpoint.indexOf('#');
+    const path = fragmentIndex < 0 ? endpoint : endpoint.slice(0, fragmentIndex);
+    const fragment = fragmentIndex < 0 ? '' : endpoint.slice(fragmentIndex);
+    let separator = path.includes('?') ? '&' : '?';
+    if (path.endsWith('?') || path.endsWith('&'))
+        separator = '';
+    return `${path}${separator}${query}${fragment}`;
 };
 export const createDataViewServerRequest = (endpoint, state) => {
     const query = serializeDataViewState(state);

package/dist/dates.d.ts

@@ -0,0 +1,13 @@
+/** Parse a complete Gregorian calendar date without accepting Date's day overflow. */
+export declare const parseLumenDate: (value: unknown) => Date | null;
+export declare const isLumenDateBoundsValid: (min?: string, max?: string) => boolean;
+export declare const isLumenDateRangeValid: (range: unknown, min?: string, max?: string) => boolean;
+export declare const resolveLumenDateLocale: (locale?: string) => string;
+export interface LumenDateLabels {
+    previousMonth: string;
+    nextMonth: string;
+    chooseDate: string;
+    invalidRange: string;
+}
+export declare const resolveLumenDateLabels: (locale?: string) => LumenDateLabels;
+//# sourceMappingURL=dates.d.ts.map

package/dist/dates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../src/dates.ts"],"names":[],"mappings":"AACA,sFAAsF;AACtF,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,KAAG,IAAI,GAAG,IAMtD,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,OAInE,CAAA;AAOD,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,EAAE,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,OAMlF,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,SAAS,MAAM,KAAG,MAUxD,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,sBAAsB,GAAI,SAAS,MAAM,KAAG,eAMxD,CAAA"}

package/dist/dates.js

@@ -0,0 +1,37 @@
+// cspell:words siguiente Elegir fecha Selecciona intervalo fechas válido
+/** Parse a complete Gregorian calendar date without accepting Date's day overflow. */
+export const parseLumenDate = (value) => {
+    if (typeof value !== 'string' || !/^\d{4}-\d{2}-\d{2}$/.test(value) || value.startsWith('0000-'))
+        return null;
+    const date = new Date(`${value}T00:00:00.000Z`);
+    return Number.isFinite(date.getTime()) && date.toISOString().slice(0, 10) === value ? date : null;
+};
+export const isLumenDateBoundsValid = (min, max) => ((min === undefined || parseLumenDate(min) !== null) &&
+    (max === undefined || parseLumenDate(max) !== null) &&
+    !(min && max && min > max));
+const isDateRangeRecord = (range) => (typeof range === 'object' && range !== null && 'start' in range && 'end' in range &&
+    typeof range.start === 'string' && typeof range.end === 'string');
+export const isLumenDateRangeValid = (range, min, max) => {
+    if (!isDateRangeRecord(range))
+        return false;
+    return parseLumenDate(range.start) !== null && parseLumenDate(range.end) !== null &&
+        isLumenDateBoundsValid(min, max) && range.start <= range.end &&
+        !(min && range.start < min) && !(max && range.end > max);
+};
+export const resolveLumenDateLocale = (locale) => {
+    const documentLocale = typeof document === 'undefined' ? undefined : document.documentElement.lang;
+    const browserLocale = typeof navigator === 'undefined' ? undefined : navigator.language;
+    const requested = locale || documentLocale || browserLocale || 'en';
+    try {
+        return new Intl.Locale(requested).toString();
+    }
+    catch {
+        return 'en';
+    }
+};
+export const resolveLumenDateLabels = (locale) => {
+    const language = resolveLumenDateLocale(locale);
+    return language.toLowerCase().split('-')[0] === 'es' ?
+        { previousMonth: 'Mes anterior', nextMonth: 'Mes siguiente', chooseDate: 'Elegir fecha', invalidRange: 'Selecciona un intervalo de fechas válido.' } :
+        { previousMonth: 'Previous month', nextMonth: 'Next month', chooseDate: 'Choose date', invalidRange: 'Select a valid date range.' };
+};

package/dist/device-frame.d.ts

@@ -0,0 +1,25 @@
+export type LumenDeviceFrameDevice = 'laptop' | 'desktop' | 'iphone' | 'android' | 'tablet' | 'macbook-pro' | 'macbook-air' | 'imac' | 'pixel' | 'ipad-pro';
+export type LumenDeviceFrameOrientation = 'portrait' | 'landscape';
+export type LumenDeviceFrameTone = 'light' | 'dark';
+export type LumenDeviceFrameColor = 'white' | 'black' | `#${string}`;
+/** Named finishes and bounded hex colors are safe to serialize into an inline declaration. */
+export declare const resolveLumenDeviceFrameColor: (color: unknown) => string | undefined;
+export declare const lumenDeviceFrameSizes: {
+    readonly android: readonly [412, 915];
+    readonly desktop: readonly [1440, 900];
+    readonly imac: readonly [1440, 810];
+    readonly iphone: readonly [390, 844];
+    readonly 'ipad-pro': readonly [834, 1194];
+    readonly laptop: readonly [1280, 800];
+    readonly 'macbook-pro': readonly [1280, 800];
+    readonly 'macbook-air': readonly [1280, 800];
+    readonly pixel: readonly [412, 915];
+    readonly tablet: readonly [820, 1180];
+};
+export declare const resolveLumenDeviceFrame: (device?: LumenDeviceFrameDevice, orientation?: LumenDeviceFrameOrientation, width?: number, height?: number) => {
+    width: number;
+    height: number;
+};
+/** Scale iframe viewports without changing their CSS layout width. Slots remain responsive HTML. */
+export declare const observeLumenDeviceFrame: (screen: HTMLElement, width: number) => (() => void);
+//# sourceMappingURL=device-frame.d.ts.map

package/dist/device-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-frame.d.ts","sourceRoot":"","sources":["../src/device-frame.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAC3J,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAAG,WAAW,CAAA;AAClE,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAA;AACnD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,MAAM,EAAE,CAAA;AAEpE,8FAA8F;AAC9F,eAAO,MAAM,4BAA4B,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,SAMtE,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;CAWxB,CAAA;AAIV,eAAO,MAAM,uBAAuB,GAClC,SAAQ,sBAAiC,EAAE,cAAc,2BAA2B,EACpF,QAAQ,MAAM,EAAE,SAAS,MAAM,KAC9B;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAWjC,CAAA;AAED,oGAAoG;AACpG,eAAO,MAAM,uBAAuB,GAAI,QAAQ,WAAW,EAAE,OAAO,MAAM,KAAG,CAAC,MAAM,IAAI,CAwBvF,CAAA"}

package/dist/device-frame.js

@@ -0,0 +1,50 @@
+/** Named finishes and bounded hex colors are safe to serialize into an inline declaration. */
+export const resolveLumenDeviceFrameColor = (color) => {
+    if (color === 'white' || color === 'black')
+        return color;
+    if (typeof color !== 'string' || ![4, 5, 7, 9].includes(color.length))
+        return undefined;
+    return /^#[\da-f]+$/iu.test(color) ? color : undefined;
+};
+export const lumenDeviceFrameSizes = {
+    android: [412, 915],
+    desktop: [1440, 900],
+    imac: [1440, 810],
+    iphone: [390, 844],
+    'ipad-pro': [834, 1194],
+    laptop: [1280, 800],
+    'macbook-pro': [1280, 800],
+    'macbook-air': [1280, 800],
+    pixel: [412, 915],
+    tablet: [820, 1180]
+};
+const dimension = (value, fallback) => typeof value === 'number' && Number.isFinite(value) && value >= 1 && value <= 16384 ? value : fallback;
+export const resolveLumenDeviceFrame = (device = 'laptop', orientation, width, height) => {
+    const presets = lumenDeviceFrameSizes;
+    const defaults = presets[device] ?? lumenDeviceFrameSizes.laptop;
+    const first = dimension(width, defaults[0]);
+    const second = dimension(height, defaults[1]);
+    if (!orientation)
+        return { height: second, width: first };
+    return orientation === 'landscape' ?
+        { height: Math.min(first, second), width: Math.max(first, second) } :
+        { height: Math.max(first, second), width: Math.min(first, second) };
+};
+/** Scale iframe viewports without changing their CSS layout width. Slots remain responsive HTML. */
+export const observeLumenDeviceFrame = (screen, width) => {
+    const view = screen.ownerDocument.defaultView;
+    const update = () => {
+        const available = screen.clientWidth;
+        if (available > 0)
+            screen.style.setProperty('--ui-device-frame-scale', String(available / width));
+    };
+    const observer = view?.ResizeObserver ? new view.ResizeObserver(update) : undefined;
+    observer?.observe(screen);
+    view?.addEventListener('resize', update);
+    update();
+    return () => {
+        observer?.disconnect();
+        view?.removeEventListener('resize', update);
+        screen.style.removeProperty('--ui-device-frame-scale');
+    };
+};

package/dist/direction.d.ts

@@ -0,0 +1,3 @@
+/** Resolve visual horizontal navigation at event time, including inherited and changing direction. */
+export declare const getLumenDirectionalKey: (element: HTMLElement, key: string) => string;
+//# sourceMappingURL=direction.d.ts.map

package/dist/direction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../src/direction.ts"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,eAAO,MAAM,sBAAsB,GAAI,SAAS,WAAW,EAAE,KAAK,MAAM,KAAG,MAS1E,CAAA"}

package/dist/direction.js

@@ -0,0 +1,10 @@
+/** Resolve visual horizontal navigation at event time, including inherited and changing direction. */
+export const getLumenDirectionalKey = (element, key) => {
+    if (key !== 'ArrowLeft' && key !== 'ArrowRight')
+        return key;
+    const computed = element.ownerDocument.defaultView?.getComputedStyle(element).direction;
+    const direction = computed || element.closest('[dir]')?.getAttribute('dir');
+    if (direction !== 'rtl')
+        return key;
+    return key === 'ArrowLeft' ? 'ArrowRight' : 'ArrowLeft';
+};