@assure-one/design-system 1.48.0 → 1.50.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.
@@ -640,6 +640,57 @@ var listPageAnatomy = defineAnatomy("list-page", [
640
640
  "bulk-bar",
641
641
  "result-count"
642
642
  ]);
643
+ var threadEventAnatomy = defineAnatomy("thread-event", ["root", "icon", "label", "time"]);
644
+ var threadDividerAnatomy = defineAnatomy("thread-divider", ["root", "rule", "label"]);
645
+ var messageBubbleAnatomy = defineAnatomy("message-bubble", [
646
+ "root",
647
+ "avatar",
648
+ "header",
649
+ "name",
650
+ "time",
651
+ "bubble",
652
+ "actions",
653
+ "footer",
654
+ "meta"
655
+ ]);
656
+ var conversationRowAnatomy = defineAnatomy("conversation-row", [
657
+ "root",
658
+ "indicator",
659
+ "selection",
660
+ "open",
661
+ "leading",
662
+ "title",
663
+ "marker",
664
+ "unread",
665
+ "meta",
666
+ "preview",
667
+ "aside",
668
+ "time",
669
+ "status",
670
+ "actions"
671
+ ]);
672
+ var conversationHeaderAnatomy = defineAnatomy("conversation-header", [
673
+ "root",
674
+ "back",
675
+ "avatar",
676
+ "title",
677
+ "badge",
678
+ "meta",
679
+ "meta-item",
680
+ "aside",
681
+ "actions",
682
+ "secondary-actions"
683
+ ]);
684
+ var peopleListAnatomy = defineAnatomy("people-list", [
685
+ "root",
686
+ "header",
687
+ "title",
688
+ "description",
689
+ "section",
690
+ "section-header",
691
+ "person",
692
+ "footer"
693
+ ]);
643
694
 
644
695
  // src/foundation/anatomy/slot.ts
645
696
  function slot(anatomy, part) {
@@ -1752,7 +1803,10 @@ function optionElementId(listId, value) {
1752
1803
  var LIST_ITEM_BOX = {
1753
1804
  select: "ds:rounded-surface-sm ds:relative ds:flex ds:w-full ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-8 ds:pl-2",
1754
1805
  menu: "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:px-2 ds:py-1.5",
1755
- "menu-indicator": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-2 ds:pl-8"
1806
+ "menu-indicator": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-2 ds:pl-8",
1807
+ // The well at the end instead: the row's own leading glyph (a status dot, an
1808
+ // icon) sits at the start, the check at the end, as on a Select option.
1809
+ "menu-indicator-end": "ds:rounded-surface-sm ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:py-1.5 ds:pr-8 ds:pl-2"
1756
1810
  };
1757
1811
  var LIST_ITEM_INTERACTION = "ds:outline-none ds:select-none";
1758
1812
  var LIST_ITEM_INK = {
@@ -2933,6 +2987,7 @@ var MENU_SUB_TRIGGER_OPEN = {
2933
2987
  var MENU_SUB_TRIGGER_BOX = "ds:rounded-surface-sm ds:flex ds:cursor-pointer ds:items-center ds:gap-2 ds:px-2 ds:py-1.5";
2934
2988
  var MENU_SUB_TRIGGER_CHEVRON = "ds:text-fg-3 ds:ml-auto ds:size-4 ds:-translate-x-px";
2935
2989
  var MENU_INDICATOR_WELL = LIST_ITEM_INDICATOR_WELL.start;
2990
+ var MENU_INDICATOR_WELL_END = LIST_ITEM_INDICATOR_WELL.end;
2936
2991
  var MENU_CHECK_GLYPH = "ds:size-3.5!";
2937
2992
  var MENU_RADIO_GLYPH = "ds:size-2! ds:fill-current!";
2938
2993
  var MENU_SHORTCUT_INK = {
@@ -2950,9 +3005,9 @@ function menuItemClasses(palette) {
2950
3005
  selected: "none"
2951
3006
  });
2952
3007
  }
2953
- function menuIndicatorItemClasses(palette) {
3008
+ function menuIndicatorItemClasses(palette, side = "start") {
2954
3009
  return listItemClasses({
2955
- frame: "menu-indicator",
3010
+ frame: side === "end" ? "menu-indicator-end" : "menu-indicator",
2956
3011
  labelSize: MENU_ITEM_LABEL_SIZE,
2957
3012
  palette,
2958
3013
  highlight: "focus",
@@ -3074,17 +3129,20 @@ var DropdownMenuCheckboxItem = React7.forwardRef(({ className, children, ...prop
3074
3129
  }
3075
3130
  ));
3076
3131
  DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
3077
- var DropdownMenuRadioItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
3132
+ var DropdownMenuRadioItem = React7.forwardRef(({ className, children, indicator = "dot", ...props }, ref) => /* @__PURE__ */ jsx(
3078
3133
  DropdownMenuPrimitive.RadioItem,
3079
3134
  {
3080
3135
  ref,
3081
3136
  ...slot(dropdownMenuAnatomy, "radio-item"),
3082
- className: cn(menuIndicatorItemClasses(PALETTE), className),
3137
+ className: cn(menuIndicatorItemClasses(PALETTE, indicator === "check" ? "end" : "start"), className),
3083
3138
  ...props,
3084
- children: [
3139
+ children: indicator === "check" ? /* @__PURE__ */ jsxs(Fragment, { children: [
3140
+ children,
3141
+ /* @__PURE__ */ jsx("span", { className: MENU_INDICATOR_WELL_END, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { ...slot(dropdownMenuAnatomy, "item-indicator"), children: /* @__PURE__ */ jsx(CheckIcon, { className: MENU_CHECK_GLYPH, "aria-hidden": "true" }) }) })
3142
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
3085
3143
  /* @__PURE__ */ jsx("span", { className: MENU_INDICATOR_WELL, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { ...slot(dropdownMenuAnatomy, "item-indicator"), children: /* @__PURE__ */ jsx(CircleIcon, { className: MENU_RADIO_GLYPH, "aria-hidden": "true" }) }) }),
3086
3144
  children
3087
- ]
3145
+ ] })
3088
3146
  }
3089
3147
  ));
3090
3148
  DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
@@ -4014,6 +4072,6 @@ var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, appro
4014
4072
  });
4015
4073
  DocumentRow.displayName = "DocumentRow";
4016
4074
 
4017
- export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, CONTROL_LABEL_TEXT, CONTROL_SIZE_CLASSES, Checkbox, DEFAULT_OVERLAY_MESSAGES, DISABLED_LOOK_CLASSES, DISMISS_GLYPH_CLASSES, DesignSystemContext, DismissButton, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EN_MESSAGES, FIELD_PARTS, FLOATING_PADDING, FLOATING_WIDTH, FieldContext, FieldsetContext, FileChip, FileUpload, FormBridge, INERT_ATTRIBUTES, INERT_CLASSES, IconButton, Input, LIST_ITEM_INDICATOR_WELL, LIST_SEPARATOR, MENU_CHECK_GLYPH, MENU_INDICATOR_WELL, MENU_INSET, MENU_ITEM_DANGER, MENU_RADIO_GLYPH, MENU_SUB_TRIGGER_CHEVRON, ModalContent, ModalDescription, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, OverlayBody, OverlayDescription, OverlayFooter, OverlayHeader, OverlaySurface, OverlayTitle, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Portal, PortalContainerContext, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, TOOLTIP_DEFAULT_DELAY_MS, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, filterChipsAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, listPageAnatomy, menuIndicatorItemClasses, menuItemClasses, menuLabelClasses, menuSeparatorClasses, menuShortcutClasses, menuSubTriggerClasses, mergeRefs, microInteractions, numberInputAnatomy, optionElementId, paginationAnatomy, partId, phoneFieldAnatomy, presence, radioGroupAnatomy, resolveButtonIcons, resolveButtonStyle, searchInputAnatomy, sheetAnatomy, shellAnatomy, sideDrawerAnatomy, sidebarAnatomy, sidebarBrandSwitcherAnatomy, slot, spinnerVariants, stackAnatomy, statStripAnatomy, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, toastAnatomy, useControllableState, useDsDirection, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useFormReset2, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
4018
- //# sourceMappingURL=chunk-HV24JSRN.js.map
4019
- //# sourceMappingURL=chunk-HV24JSRN.js.map
4075
+ export { Avatar, Backdrop, Button, CONTROL_GAP_CLASSES, CONTROL_LABEL_TEXT, CONTROL_SIZE_CLASSES, Checkbox, DEFAULT_OVERLAY_MESSAGES, DISABLED_LOOK_CLASSES, DISMISS_GLYPH_CLASSES, DesignSystemContext, DismissButton, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EN_MESSAGES, FIELD_PARTS, FLOATING_PADDING, FLOATING_WIDTH, FieldContext, FieldsetContext, FileChip, FileUpload, FormBridge, INERT_ATTRIBUTES, INERT_CLASSES, IconButton, Input, LIST_ITEM_INDICATOR_WELL, LIST_SEPARATOR, MENU_CHECK_GLYPH, MENU_INDICATOR_WELL, MENU_INSET, MENU_ITEM_DANGER, MENU_RADIO_GLYPH, MENU_SUB_TRIGGER_CHEVRON, ModalContent, ModalDescription, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, OverlayBody, OverlayDescription, OverlayFooter, OverlayHeader, OverlaySurface, OverlayTitle, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Portal, PortalContainerContext, Pressable, SPINNER_TONE_TO_INTENT, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, TOOLTIP_DEFAULT_DELAY_MS, Textarea, ThemeScope, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, alertDialogAnatomy, badgeAnatomy, buttonBase, buttonVariants, cardAnatomy, chipAnatomy, codeAnatomy, comboboxAnatomy, commandAnatomy, contextMenuAnatomy, controlChrome, conversationHeaderAnatomy, conversationRowAnatomy, dataTableAnatomy, deprecate, dialogAnatomy, errorOnce, fieldAnatomy, fieldsetAnatomy, filterChipsAnatomy, floatingSurfaceClasses, groupHeadingClasses, headingAnatomy, iconButtonVariants, inertHandlers, inlineAnatomy, inputVariants, isLabelable, joinIds, kbdAnatomy, labelAnatomy, linkButtonAnatomy, listItemAttributes, listItemClasses, listPageAnatomy, menuIndicatorItemClasses, menuItemClasses, menuLabelClasses, menuSeparatorClasses, menuShortcutClasses, menuSubTriggerClasses, mergeRefs, messageBubbleAnatomy, microInteractions, numberInputAnatomy, optionElementId, paginationAnatomy, partId, peopleListAnatomy, phoneFieldAnatomy, presence, radioGroupAnatomy, resolveButtonIcons, resolveButtonStyle, searchInputAnatomy, sheetAnatomy, shellAnatomy, sideDrawerAnatomy, sidebarAnatomy, sidebarBrandSwitcherAnatomy, slot, spinnerVariants, stackAnatomy, statStripAnatomy, stateAttributes, statusBadgeAnatomy, surfaceAnatomy, switchAnatomy, tableAnatomy, textAnatomy, textareaVariants, threadDividerAnatomy, threadEventAnatomy, toastAnatomy, useControllableState, useDsDirection, useDsMessages, useExitPresence, useFieldContext, useFieldControl, useFieldsetContext, useFieldsetLegend, useFieldsetState, useFormReset, useFormReset2, useId, useImageComponent, useLinkComponent, useMergedRefs, warnLegacyButtonProps, withPortalContainer };
4076
+ //# sourceMappingURL=chunk-CRA6WJZ6.js.map
4077
+ //# sourceMappingURL=chunk-CRA6WJZ6.js.map