@doscientos/ui 0.1.32 → 0.1.33

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.
Files changed (8) hide show
  1. package/dist/index.cjs +540 -525
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +71 -62
  4. package/dist/index.d.ts +71 -62
  5. package/dist/index.js +558 -543
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -409,6 +409,53 @@ declare function CommandContent({ className, ...props }: React.ComponentProps<ty
409
409
  declare function CommandList<T extends object>({ className, ...props }: React.ComponentProps<typeof ListBox<T>>): React$1.JSX.Element;
410
410
  declare function CommandItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
411
411
 
412
+ type ConfirmDialogProps = {
413
+ open: boolean;
414
+ onOpenChange: (open: boolean) => void;
415
+ title: string;
416
+ description?: React$1.ReactNode;
417
+ confirmLabel?: string;
418
+ cancelLabel?: string;
419
+ destructive?: boolean;
420
+ pending?: boolean;
421
+ onConfirm: () => void;
422
+ };
423
+ /** Controlled confirmation dialog for irreversible actions. */
424
+ declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps): React$1.JSX.Element;
425
+
426
+ type CopyButtonProps = Omit<ButtonProps, 'children' | 'onPress'> & {
427
+ value: string;
428
+ children?: React$1.ReactNode;
429
+ copiedLabel?: string;
430
+ resetMs?: number;
431
+ onCopied?: (value: string) => void;
432
+ onCopyError?: (error: Error) => void;
433
+ };
434
+ /** Copies a value with accessible success feedback and no dependency on a toast provider. */
435
+ declare function CopyButton({ value, children, copiedLabel, resetMs, onCopied, onCopyError, ...props }: CopyButtonProps): React$1.JSX.Element;
436
+
437
+ type DangerZoneProps = {
438
+ children: React$1.ReactNode;
439
+ className?: string;
440
+ defaultOpen?: boolean;
441
+ description?: string;
442
+ title?: string;
443
+ };
444
+ /** Collapsed-by-default container for actions that are hard to reverse. */
445
+ declare function DangerZone({ title, description, defaultOpen, className, children, }: DangerZoneProps): React$1.JSX.Element;
446
+
447
+ /** Composable empty, loading, or recoverable state for a data view. */
448
+ declare function DataViewState({ className, ...props }: React$1.ComponentProps<'section'>): React$1.JSX.Element;
449
+ declare function DataViewStateTitle({ children, className, ...props }: React$1.ComponentProps<'h2'>): React$1.JSX.Element;
450
+ declare function DataViewStateDescription({ className, ...props }: React$1.ComponentProps<'p'>): React$1.JSX.Element;
451
+ declare function DataViewStateActions({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
452
+
453
+ /** Responsive semantic list for read-only record details. */
454
+ declare function DescriptionList({ className, ...props }: React$1.ComponentProps<'dl'>): React$1.JSX.Element;
455
+ declare function DescriptionItem({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
456
+ declare function DescriptionTerm({ className, ...props }: React$1.ComponentProps<'dt'>): React$1.JSX.Element;
457
+ declare function DescriptionDetails({ className, ...props }: React$1.ComponentProps<'dd'>): React$1.JSX.Element;
458
+
412
459
  declare function DrawerTrigger({ ...props }: DialogTriggerProps$1): React$1.JSX.Element;
413
460
  declare function DrawerClose({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
414
461
  /** Props for a controlled drawer panel. */
@@ -460,71 +507,13 @@ declare const SheetTrigger: typeof DrawerTrigger;
460
507
  /** @deprecated Use {@link DrawerTriggerPrimitiveProps}. */
461
508
  type SheetTriggerPrimitiveProps = DialogTriggerProps$1;
462
509
 
463
- /** Flexible toolbar container for filter controls and active-filter chips. */
464
- declare function FilterBar({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
465
- declare function FilterGroup({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
466
- /** Labels a group of currently active filters for assistive technology. */
467
- declare function ActiveFilters({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
468
- /** An active filter button. `onRemove` must update the application-owned filter state. */
469
- declare function FilterChip({ children, onRemove, ...props }: Omit<React$1.ComponentProps<typeof Button>, 'children' | 'onPress'> & {
470
- children: React$1.ReactNode;
471
- onRemove: () => void;
472
- }): React$1.JSX.Element;
473
- /** Announces the selected item count and displays application-owned bulk actions. */
474
- declare function SelectionToolbar({ count, className, children, ...props }: React$1.ComponentProps<'div'> & {
475
- count: number;
476
- }): React$1.JSX.Element;
477
- /** Responsive semantic list for read-only record details. */
478
- declare function DescriptionList({ className, ...props }: React$1.ComponentProps<'dl'>): React$1.JSX.Element;
479
- declare function DescriptionItem({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
480
- declare function DescriptionTerm({ className, ...props }: React$1.ComponentProps<'dt'>): React$1.JSX.Element;
481
- declare function DescriptionDetails({ className, ...props }: React$1.ComponentProps<'dd'>): React$1.JSX.Element;
482
- /** Composable empty, loading, or recoverable state for a data view. */
483
- declare function DataViewState({ className, ...props }: React$1.ComponentProps<'section'>): React$1.JSX.Element;
484
- declare function DataViewStateTitle({ children, className, ...props }: React$1.ComponentProps<'h2'>): React$1.JSX.Element;
485
- declare function DataViewStateDescription({ className, ...props }: React$1.ComponentProps<'p'>): React$1.JSX.Element;
486
- declare function DataViewStateActions({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
487
- /** Responsive layout container for MetricCard items. */
488
- declare function MetricGrid({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
489
- /** Drawer content frame for record details; compose it inside an open Drawer. */
510
+ /**
511
+ * Drawer content frame for record details.
512
+ * Use it as the content of `DrawerTrigger`, or control it directly with `isOpen` and `onOpenChange`.
513
+ */
490
514
  declare function DetailDrawer({ children, ...props }: React$1.ComponentProps<typeof DrawerContent>): React$1.JSX.Element;
491
515
  declare function DetailDrawerBody({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
492
516
 
493
- type ConfirmDialogProps = {
494
- open: boolean;
495
- onOpenChange: (open: boolean) => void;
496
- title: string;
497
- description?: React$1.ReactNode;
498
- confirmLabel?: string;
499
- cancelLabel?: string;
500
- destructive?: boolean;
501
- pending?: boolean;
502
- onConfirm: () => void;
503
- };
504
- /** Controlled confirmation dialog for irreversible actions. */
505
- declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps): React$1.JSX.Element;
506
-
507
- type CopyButtonProps = Omit<ButtonProps, 'children' | 'onPress'> & {
508
- value: string;
509
- children?: React$1.ReactNode;
510
- copiedLabel?: string;
511
- resetMs?: number;
512
- onCopied?: (value: string) => void;
513
- onCopyError?: (error: Error) => void;
514
- };
515
- /** Copies a value with accessible success feedback and no dependency on a toast provider. */
516
- declare function CopyButton({ value, children, copiedLabel, resetMs, onCopied, onCopyError, ...props }: CopyButtonProps): React$1.JSX.Element;
517
-
518
- type DangerZoneProps = {
519
- children: React$1.ReactNode;
520
- className?: string;
521
- defaultOpen?: boolean;
522
- description?: string;
523
- title?: string;
524
- };
525
- /** Collapsed-by-default container for actions that are hard to reverse. */
526
- declare function DangerZone({ title, description, defaultOpen, className, children, }: DangerZoneProps): React$1.JSX.Element;
527
-
528
517
  type DocPreviewProps = {
529
518
  /** Signed storage URL, generated by the consuming application. */
530
519
  mimeType: string | null;
@@ -652,6 +641,18 @@ type FieldErrorProps = React$1.ComponentProps<'div'> & {
652
641
  /** Announced validation message for a {@link Field}. */
653
642
  declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): React$1.JSX.Element | null;
654
643
 
644
+ /** Flexible toolbar container for filter controls and active-filter chips. */
645
+ declare function FilterBar({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
646
+ /** Groups related filter controls inside FilterBar. */
647
+ declare function FilterGroup({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
648
+ /** Labels a group of currently active filters for assistive technology. */
649
+ declare function ActiveFilters({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
650
+ /** An active filter button. `onRemove` must update the application-owned filter state. */
651
+ declare function FilterChip({ children, onRemove, ...props }: Omit<React$1.ComponentProps<typeof Button>, 'children' | 'onPress'> & {
652
+ children: React$1.ReactNode;
653
+ onRemove: () => void;
654
+ }): React$1.JSX.Element;
655
+
655
656
  type FormFeedbackState = {
656
657
  status: 'idle';
657
658
  } | {
@@ -810,6 +811,9 @@ type MetricCardProps = Omit<React$1.ComponentProps<typeof Card>, 'children'> & {
810
811
  /** Compact, accessible summary of a labelled metric. */
811
812
  declare function MetricCard({ className, label, value, description, icon, tone, trend, delta, loading, loadingLabel, ...props }: MetricCardProps): React$1.JSX.Element;
812
813
 
814
+ /** Responsive layout container for MetricCard items. */
815
+ declare function MetricGrid({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
816
+
813
817
  type CompatibleRef<T> = ((instance: T | null) => unknown) | {
814
818
  readonly current: T | null;
815
819
  } | null;
@@ -905,6 +909,11 @@ declare function SelectList<T extends object>({ className, ...props }: ListBoxPr
905
909
  /** Selectable option within a {@link SelectList}. */
906
910
  declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
907
911
 
912
+ /** Announces the selected item count and displays application-owned bulk actions. */
913
+ declare function SelectionToolbar({ count, className, children, ...props }: React$1.ComponentProps<'div'> & {
914
+ count: number;
915
+ }): React$1.JSX.Element;
916
+
908
917
  /** Provides the expanded or collapsed state required by sidebar components. */
909
918
  declare function SidebarProvider({ defaultCollapsed, collapsed: controlledCollapsed, onCollapsedChange, children, }: {
910
919
  defaultCollapsed?: boolean;
package/dist/index.d.ts CHANGED
@@ -409,6 +409,53 @@ declare function CommandContent({ className, ...props }: React.ComponentProps<ty
409
409
  declare function CommandList<T extends object>({ className, ...props }: React.ComponentProps<typeof ListBox<T>>): React$1.JSX.Element;
410
410
  declare function CommandItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
411
411
 
412
+ type ConfirmDialogProps = {
413
+ open: boolean;
414
+ onOpenChange: (open: boolean) => void;
415
+ title: string;
416
+ description?: React$1.ReactNode;
417
+ confirmLabel?: string;
418
+ cancelLabel?: string;
419
+ destructive?: boolean;
420
+ pending?: boolean;
421
+ onConfirm: () => void;
422
+ };
423
+ /** Controlled confirmation dialog for irreversible actions. */
424
+ declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps): React$1.JSX.Element;
425
+
426
+ type CopyButtonProps = Omit<ButtonProps, 'children' | 'onPress'> & {
427
+ value: string;
428
+ children?: React$1.ReactNode;
429
+ copiedLabel?: string;
430
+ resetMs?: number;
431
+ onCopied?: (value: string) => void;
432
+ onCopyError?: (error: Error) => void;
433
+ };
434
+ /** Copies a value with accessible success feedback and no dependency on a toast provider. */
435
+ declare function CopyButton({ value, children, copiedLabel, resetMs, onCopied, onCopyError, ...props }: CopyButtonProps): React$1.JSX.Element;
436
+
437
+ type DangerZoneProps = {
438
+ children: React$1.ReactNode;
439
+ className?: string;
440
+ defaultOpen?: boolean;
441
+ description?: string;
442
+ title?: string;
443
+ };
444
+ /** Collapsed-by-default container for actions that are hard to reverse. */
445
+ declare function DangerZone({ title, description, defaultOpen, className, children, }: DangerZoneProps): React$1.JSX.Element;
446
+
447
+ /** Composable empty, loading, or recoverable state for a data view. */
448
+ declare function DataViewState({ className, ...props }: React$1.ComponentProps<'section'>): React$1.JSX.Element;
449
+ declare function DataViewStateTitle({ children, className, ...props }: React$1.ComponentProps<'h2'>): React$1.JSX.Element;
450
+ declare function DataViewStateDescription({ className, ...props }: React$1.ComponentProps<'p'>): React$1.JSX.Element;
451
+ declare function DataViewStateActions({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
452
+
453
+ /** Responsive semantic list for read-only record details. */
454
+ declare function DescriptionList({ className, ...props }: React$1.ComponentProps<'dl'>): React$1.JSX.Element;
455
+ declare function DescriptionItem({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
456
+ declare function DescriptionTerm({ className, ...props }: React$1.ComponentProps<'dt'>): React$1.JSX.Element;
457
+ declare function DescriptionDetails({ className, ...props }: React$1.ComponentProps<'dd'>): React$1.JSX.Element;
458
+
412
459
  declare function DrawerTrigger({ ...props }: DialogTriggerProps$1): React$1.JSX.Element;
413
460
  declare function DrawerClose({ className, variant, size, ...props }: ButtonProps): React$1.JSX.Element;
414
461
  /** Props for a controlled drawer panel. */
@@ -460,71 +507,13 @@ declare const SheetTrigger: typeof DrawerTrigger;
460
507
  /** @deprecated Use {@link DrawerTriggerPrimitiveProps}. */
461
508
  type SheetTriggerPrimitiveProps = DialogTriggerProps$1;
462
509
 
463
- /** Flexible toolbar container for filter controls and active-filter chips. */
464
- declare function FilterBar({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
465
- declare function FilterGroup({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
466
- /** Labels a group of currently active filters for assistive technology. */
467
- declare function ActiveFilters({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
468
- /** An active filter button. `onRemove` must update the application-owned filter state. */
469
- declare function FilterChip({ children, onRemove, ...props }: Omit<React$1.ComponentProps<typeof Button>, 'children' | 'onPress'> & {
470
- children: React$1.ReactNode;
471
- onRemove: () => void;
472
- }): React$1.JSX.Element;
473
- /** Announces the selected item count and displays application-owned bulk actions. */
474
- declare function SelectionToolbar({ count, className, children, ...props }: React$1.ComponentProps<'div'> & {
475
- count: number;
476
- }): React$1.JSX.Element;
477
- /** Responsive semantic list for read-only record details. */
478
- declare function DescriptionList({ className, ...props }: React$1.ComponentProps<'dl'>): React$1.JSX.Element;
479
- declare function DescriptionItem({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
480
- declare function DescriptionTerm({ className, ...props }: React$1.ComponentProps<'dt'>): React$1.JSX.Element;
481
- declare function DescriptionDetails({ className, ...props }: React$1.ComponentProps<'dd'>): React$1.JSX.Element;
482
- /** Composable empty, loading, or recoverable state for a data view. */
483
- declare function DataViewState({ className, ...props }: React$1.ComponentProps<'section'>): React$1.JSX.Element;
484
- declare function DataViewStateTitle({ children, className, ...props }: React$1.ComponentProps<'h2'>): React$1.JSX.Element;
485
- declare function DataViewStateDescription({ className, ...props }: React$1.ComponentProps<'p'>): React$1.JSX.Element;
486
- declare function DataViewStateActions({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
487
- /** Responsive layout container for MetricCard items. */
488
- declare function MetricGrid({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
489
- /** Drawer content frame for record details; compose it inside an open Drawer. */
510
+ /**
511
+ * Drawer content frame for record details.
512
+ * Use it as the content of `DrawerTrigger`, or control it directly with `isOpen` and `onOpenChange`.
513
+ */
490
514
  declare function DetailDrawer({ children, ...props }: React$1.ComponentProps<typeof DrawerContent>): React$1.JSX.Element;
491
515
  declare function DetailDrawerBody({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
492
516
 
493
- type ConfirmDialogProps = {
494
- open: boolean;
495
- onOpenChange: (open: boolean) => void;
496
- title: string;
497
- description?: React$1.ReactNode;
498
- confirmLabel?: string;
499
- cancelLabel?: string;
500
- destructive?: boolean;
501
- pending?: boolean;
502
- onConfirm: () => void;
503
- };
504
- /** Controlled confirmation dialog for irreversible actions. */
505
- declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, destructive, pending, onConfirm, }: ConfirmDialogProps): React$1.JSX.Element;
506
-
507
- type CopyButtonProps = Omit<ButtonProps, 'children' | 'onPress'> & {
508
- value: string;
509
- children?: React$1.ReactNode;
510
- copiedLabel?: string;
511
- resetMs?: number;
512
- onCopied?: (value: string) => void;
513
- onCopyError?: (error: Error) => void;
514
- };
515
- /** Copies a value with accessible success feedback and no dependency on a toast provider. */
516
- declare function CopyButton({ value, children, copiedLabel, resetMs, onCopied, onCopyError, ...props }: CopyButtonProps): React$1.JSX.Element;
517
-
518
- type DangerZoneProps = {
519
- children: React$1.ReactNode;
520
- className?: string;
521
- defaultOpen?: boolean;
522
- description?: string;
523
- title?: string;
524
- };
525
- /** Collapsed-by-default container for actions that are hard to reverse. */
526
- declare function DangerZone({ title, description, defaultOpen, className, children, }: DangerZoneProps): React$1.JSX.Element;
527
-
528
517
  type DocPreviewProps = {
529
518
  /** Signed storage URL, generated by the consuming application. */
530
519
  mimeType: string | null;
@@ -652,6 +641,18 @@ type FieldErrorProps = React$1.ComponentProps<'div'> & {
652
641
  /** Announced validation message for a {@link Field}. */
653
642
  declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): React$1.JSX.Element | null;
654
643
 
644
+ /** Flexible toolbar container for filter controls and active-filter chips. */
645
+ declare function FilterBar({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
646
+ /** Groups related filter controls inside FilterBar. */
647
+ declare function FilterGroup({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
648
+ /** Labels a group of currently active filters for assistive technology. */
649
+ declare function ActiveFilters({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
650
+ /** An active filter button. `onRemove` must update the application-owned filter state. */
651
+ declare function FilterChip({ children, onRemove, ...props }: Omit<React$1.ComponentProps<typeof Button>, 'children' | 'onPress'> & {
652
+ children: React$1.ReactNode;
653
+ onRemove: () => void;
654
+ }): React$1.JSX.Element;
655
+
655
656
  type FormFeedbackState = {
656
657
  status: 'idle';
657
658
  } | {
@@ -810,6 +811,9 @@ type MetricCardProps = Omit<React$1.ComponentProps<typeof Card>, 'children'> & {
810
811
  /** Compact, accessible summary of a labelled metric. */
811
812
  declare function MetricCard({ className, label, value, description, icon, tone, trend, delta, loading, loadingLabel, ...props }: MetricCardProps): React$1.JSX.Element;
812
813
 
814
+ /** Responsive layout container for MetricCard items. */
815
+ declare function MetricGrid({ className, ...props }: React$1.ComponentProps<'div'>): React$1.JSX.Element;
816
+
813
817
  type CompatibleRef<T> = ((instance: T | null) => unknown) | {
814
818
  readonly current: T | null;
815
819
  } | null;
@@ -905,6 +909,11 @@ declare function SelectList<T extends object>({ className, ...props }: ListBoxPr
905
909
  /** Selectable option within a {@link SelectList}. */
906
910
  declare function SelectItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): React$1.JSX.Element;
907
911
 
912
+ /** Announces the selected item count and displays application-owned bulk actions. */
913
+ declare function SelectionToolbar({ count, className, children, ...props }: React$1.ComponentProps<'div'> & {
914
+ count: number;
915
+ }): React$1.JSX.Element;
916
+
908
917
  /** Provides the expanded or collapsed state required by sidebar components. */
909
918
  declare function SidebarProvider({ defaultCollapsed, collapsed: controlledCollapsed, onCollapsedChange, children, }: {
910
919
  defaultCollapsed?: boolean;