@misael703/ui 1.26.0 → 1.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,16 +16,41 @@ interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
16
16
  label?: React.ReactNode;
17
17
  }
18
18
  declare function StatusIndicator({ tone, pulse, label, className, ...rest }: StatusIndicatorProps): react_jsx_runtime.JSX.Element;
19
+ type TimelineDensity = 'default' | 'compact';
19
20
  interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {
21
+ /**
22
+ * Visual density (v1.28.0). `compact` shrinks the marker, gap and font
23
+ * sizes for use in cards / list summaries; semantically identical.
24
+ */
25
+ density?: TimelineDensity;
20
26
  }
21
27
  declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLOListElement>>;
28
+ /**
29
+ * Progress state of a Timeline entry (v1.28.0), orthogonal to `tone`.
30
+ * - `done` — completed: filled marker (in `tone` color), solid connector above.
31
+ * - `current` — happening now: ringed/pulsing marker, solid connector above.
32
+ * - `pending` — not started: hollow muted marker, **dashed** connector above.
33
+ *
34
+ * Use it to scan progress on a list of events that grow over time (a despachos
35
+ * order accumulating envíos/retiros until the last marks it complete). Default
36
+ * (state omitted) keeps the 1.x look exactly.
37
+ */
38
+ type TimelineState = 'done' | 'current' | 'pending';
22
39
  interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {
23
40
  icon?: React.ReactNode;
24
41
  tone?: StatusTone;
25
42
  title: React.ReactNode;
26
43
  meta?: React.ReactNode;
44
+ /** Progress state (see {@link TimelineState}). Optional. */
45
+ state?: TimelineState;
46
+ /**
47
+ * Trailing slot on the title row, aligned to the right (v1.28.0). Useful for
48
+ * a Badge marking event type (envío / retiro / nota), a timestamp on the
49
+ * right edge, or a small action chip.
50
+ */
51
+ right?: React.ReactNode;
27
52
  }
28
- declare function TimelineItem({ icon, tone, title, meta, children, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
53
+ declare function TimelineItem({ icon, tone, title, meta, children, state, right, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
29
54
  interface TreeNodeData {
30
55
  id: string;
31
56
  label: React.ReactNode;
@@ -55,4 +80,4 @@ interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {
55
80
  }
56
81
  declare function Calendar({ month: monthProp, events, onMonthChange, onDayClick, className, ...rest }: CalendarProps): react_jsx_runtime.JSX.Element;
57
82
 
58
- export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };
83
+ export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, type TimelineDensity, TimelineItem, type TimelineItemProps, type TimelineProps, type TimelineState, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var chunkEFEEQBS3_js = require('../chunk-EFEEQBS3.js');
4
+ var chunkH4KDBDXC_js = require('../chunk-H4KDBDXC.js');
5
5
  require('../chunk-3OT3FROI.js');
6
6
  require('../chunk-MVJITG75.js');
7
7
  require('../chunk-XMLBKK7X.js');
@@ -16,27 +16,27 @@ require('../chunk-PASF6T4H.js');
16
16
 
17
17
  Object.defineProperty(exports, "Calendar", {
18
18
  enumerable: true,
19
- get: function () { return chunkEFEEQBS3_js.Calendar; }
19
+ get: function () { return chunkH4KDBDXC_js.Calendar; }
20
20
  });
21
21
  Object.defineProperty(exports, "StatusIndicator", {
22
22
  enumerable: true,
23
- get: function () { return chunkEFEEQBS3_js.StatusIndicator; }
23
+ get: function () { return chunkH4KDBDXC_js.StatusIndicator; }
24
24
  });
25
25
  Object.defineProperty(exports, "Timeline", {
26
26
  enumerable: true,
27
- get: function () { return chunkEFEEQBS3_js.Timeline; }
27
+ get: function () { return chunkH4KDBDXC_js.Timeline; }
28
28
  });
29
29
  Object.defineProperty(exports, "TimelineItem", {
30
30
  enumerable: true,
31
- get: function () { return chunkEFEEQBS3_js.TimelineItem; }
31
+ get: function () { return chunkH4KDBDXC_js.TimelineItem; }
32
32
  });
33
33
  Object.defineProperty(exports, "Tree", {
34
34
  enumerable: true,
35
- get: function () { return chunkEFEEQBS3_js.Tree; }
35
+ get: function () { return chunkH4KDBDXC_js.Tree; }
36
36
  });
37
37
  Object.defineProperty(exports, "UserCell", {
38
38
  enumerable: true,
39
- get: function () { return chunkEFEEQBS3_js.UserCell; }
39
+ get: function () { return chunkH4KDBDXC_js.UserCell; }
40
40
  });
41
41
  //# sourceMappingURL=Display3.js.map
42
42
  //# sourceMappingURL=Display3.js.map
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-2X66MNCR.mjs';
2
+ export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-HXCAPPXO.mjs';
3
3
  import '../chunk-B4BPE3LC.mjs';
4
4
  import '../chunk-4QHE5H36.mjs';
5
5
  import '../chunk-6P2TKRTL.mjs';
package/dist/index.d.mts CHANGED
@@ -19,7 +19,7 @@ export { AppShell, AppShellBaseProps, AppShellHeader, AppShellHeaderApi, AppShel
19
19
  export { AreaChart, AreaChartProps, BarChart, BarChartProps, BaseChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.mjs';
20
20
  export { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bell, Bold, Building, CalendarDays, CalendarIcon, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Columns3, Copy, CreditCard, Download, Edit, ExternalLink, Eye, EyeOff, FileText, Filter, Folder, Globe, Heart, Home, IconProps, Info, Italic, LayoutGrid, Link, Loader, Lock, LogOut, Mail, Map, MapPin, MenuIcon, Minus, Moon, MoreHorizontal, MoreVertical, Package, Phone, Plus, RefreshCw, Rows3, Search, Settings, ShoppingCart, Star, Sun, Tag, Tool, Trash, Truck, Underline, Unlock, Upload, User, Users, Wrench, X } from './components/Icons.mjs';
21
21
  export { Logo, LogoBg, LogoFormat, LogoProps, LogoVariant } from './components/Logo.mjs';
22
- export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineItem, TimelineItemProps, TimelineProps, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.mjs';
22
+ export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineDensity, TimelineItem, TimelineItemProps, TimelineProps, TimelineState, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.mjs';
23
23
  export { NotificationCenter, NotificationCenterProps, NotificationItem, NotificationTone } from './components/Notifications.mjs';
24
24
  export { CodeBlock, CodeBlockProps, JsonViewer, JsonViewerProps } from './components/Code.mjs';
25
25
  export { BulkActionBar, BulkActionBarProps, FilterBar, FilterBarProps, FilterField, FilterFieldProps, FilterPanel, FilterPanelProps, FilterSection, FilterSectionProps, SortDropdown, SortDropdownProps, SortOption } from './components/Filters.mjs';
package/dist/index.d.ts CHANGED
@@ -19,7 +19,7 @@ export { AppShell, AppShellBaseProps, AppShellHeader, AppShellHeaderApi, AppShel
19
19
  export { AreaChart, AreaChartProps, BarChart, BarChartProps, BaseChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.js';
20
20
  export { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bell, Bold, Building, CalendarDays, CalendarIcon, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Columns3, Copy, CreditCard, Download, Edit, ExternalLink, Eye, EyeOff, FileText, Filter, Folder, Globe, Heart, Home, IconProps, Info, Italic, LayoutGrid, Link, Loader, Lock, LogOut, Mail, Map, MapPin, MenuIcon, Minus, Moon, MoreHorizontal, MoreVertical, Package, Phone, Plus, RefreshCw, Rows3, Search, Settings, ShoppingCart, Star, Sun, Tag, Tool, Trash, Truck, Underline, Unlock, Upload, User, Users, Wrench, X } from './components/Icons.js';
21
21
  export { Logo, LogoBg, LogoFormat, LogoProps, LogoVariant } from './components/Logo.js';
22
- export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineItem, TimelineItemProps, TimelineProps, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.js';
22
+ export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineDensity, TimelineItem, TimelineItemProps, TimelineProps, TimelineState, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.js';
23
23
  export { NotificationCenter, NotificationCenterProps, NotificationItem, NotificationTone } from './components/Notifications.js';
24
24
  export { CodeBlock, CodeBlockProps, JsonViewer, JsonViewerProps } from './components/Code.js';
25
25
  export { BulkActionBar, BulkActionBarProps, FilterBar, FilterBarProps, FilterField, FilterFieldProps, FilterPanel, FilterPanelProps, FilterSection, FilterSectionProps, SortDropdown, SortDropdownProps, SortOption } from './components/Filters.js';
package/dist/index.js CHANGED
@@ -32,7 +32,7 @@ var chunk6DMU73SO_js = require('./chunk-6DMU73SO.js');
32
32
  var chunk74ALPTUE_js = require('./chunk-74ALPTUE.js');
33
33
  var chunkTCFO7YBF_js = require('./chunk-TCFO7YBF.js');
34
34
  var chunk2T5KZJGY_js = require('./chunk-2T5KZJGY.js');
35
- var chunkEFEEQBS3_js = require('./chunk-EFEEQBS3.js');
35
+ var chunkH4KDBDXC_js = require('./chunk-H4KDBDXC.js');
36
36
  var chunk3OT3FROI_js = require('./chunk-3OT3FROI.js');
37
37
  var chunkM3RO3GSC_js = require('./chunk-M3RO3GSC.js');
38
38
  var chunkDFQLWCIC_js = require('./chunk-DFQLWCIC.js');
@@ -41,7 +41,7 @@ var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
41
41
  var chunkCRKYET66_js = require('./chunk-CRKYET66.js');
42
42
  var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
43
43
  var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
44
- var chunk6BRRRENF_js = require('./chunk-6BRRRENF.js');
44
+ var chunkMSP4BOPZ_js = require('./chunk-MSP4BOPZ.js');
45
45
  var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
46
46
  var chunkAJ22SXI2_js = require('./chunk-AJ22SXI2.js');
47
47
  var chunkEUB4PHPI_js = require('./chunk-EUB4PHPI.js');
@@ -527,27 +527,27 @@ Object.defineProperty(exports, "Spinner", {
527
527
  });
528
528
  Object.defineProperty(exports, "Calendar", {
529
529
  enumerable: true,
530
- get: function () { return chunkEFEEQBS3_js.Calendar; }
530
+ get: function () { return chunkH4KDBDXC_js.Calendar; }
531
531
  });
532
532
  Object.defineProperty(exports, "StatusIndicator", {
533
533
  enumerable: true,
534
- get: function () { return chunkEFEEQBS3_js.StatusIndicator; }
534
+ get: function () { return chunkH4KDBDXC_js.StatusIndicator; }
535
535
  });
536
536
  Object.defineProperty(exports, "Timeline", {
537
537
  enumerable: true,
538
- get: function () { return chunkEFEEQBS3_js.Timeline; }
538
+ get: function () { return chunkH4KDBDXC_js.Timeline; }
539
539
  });
540
540
  Object.defineProperty(exports, "TimelineItem", {
541
541
  enumerable: true,
542
- get: function () { return chunkEFEEQBS3_js.TimelineItem; }
542
+ get: function () { return chunkH4KDBDXC_js.TimelineItem; }
543
543
  });
544
544
  Object.defineProperty(exports, "Tree", {
545
545
  enumerable: true,
546
- get: function () { return chunkEFEEQBS3_js.Tree; }
546
+ get: function () { return chunkH4KDBDXC_js.Tree; }
547
547
  });
548
548
  Object.defineProperty(exports, "UserCell", {
549
549
  enumerable: true,
550
- get: function () { return chunkEFEEQBS3_js.UserCell; }
550
+ get: function () { return chunkH4KDBDXC_js.UserCell; }
551
551
  });
552
552
  Object.defineProperty(exports, "Avatar", {
553
553
  enumerable: true,
@@ -667,11 +667,11 @@ Object.defineProperty(exports, "resetBrand", {
667
667
  });
668
668
  Object.defineProperty(exports, "AppShell", {
669
669
  enumerable: true,
670
- get: function () { return chunk6BRRRENF_js.AppShell; }
670
+ get: function () { return chunkMSP4BOPZ_js.AppShell; }
671
671
  });
672
672
  Object.defineProperty(exports, "PageHeader", {
673
673
  enumerable: true,
674
- get: function () { return chunk6BRRRENF_js.PageHeader; }
674
+ get: function () { return chunkMSP4BOPZ_js.PageHeader; }
675
675
  });
676
676
  Object.defineProperty(exports, "LocaleProvider", {
677
677
  enumerable: true,
package/dist/index.mjs CHANGED
@@ -30,7 +30,7 @@ export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, Tabl
30
30
  export { Checkbox, FormField, Input, InputGroup, InputGroupAddon, Label, Radio, Select, Switch, Textarea } from './chunk-TS3WC3G4.mjs';
31
31
  export { EmptyState, Kpi, NumberInput, Pagination } from './chunk-Y6EGYS4L.mjs';
32
32
  export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from './chunk-MSEDQM7C.mjs';
33
- export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from './chunk-2X66MNCR.mjs';
33
+ export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from './chunk-HXCAPPXO.mjs';
34
34
  export { Avatar, AvatarGroup, Menu, Stat } from './chunk-B4BPE3LC.mjs';
35
35
  export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from './chunk-NCXODB4O.mjs';
36
36
  export { format } from './chunk-Q4HKSXUE.mjs';
@@ -39,7 +39,7 @@ export { useDismiss } from './chunk-6P2TKRTL.mjs';
39
39
  export { usePopoverPosition } from './chunk-5XT2LX3I.mjs';
40
40
  export { Portal } from './chunk-FKBQYQQD.mjs';
41
41
  export { BRAND_DEFAULTS, configureBrand, getBrand, resetBrand } from './chunk-5GEWIK4T.mjs';
42
- export { AppShell, PageHeader } from './chunk-SHS4QYYN.mjs';
42
+ export { AppShell, PageHeader } from './chunk-ER2Z5JEO.mjs';
43
43
  export { LocaleProvider, esMessages, useLocale } from './chunk-PQV7HHCJ.mjs';
44
44
  export { Button, ButtonGroup } from './chunk-NAL457NQ.mjs';
45
45
  export { AspectRatio, ScrollArea, Separator, Slot, Slottable } from './chunk-IEPKSPBX.mjs';