ariadne_view_components 0.0.12-arm64-darwin → 0.0.14-arm64-darwin

data/static/constants.json

@@ -1,6 +1,44 @@
 {
+  "Ariadne::AvatarComponent": {
+    "DEFAULT_CLASSES": "ariadne-inline-block ariadne-rounded-full ariadne-ring-2 ariadne-ring-white",
+    "DEFAULT_SHAPE": "circle",
+    "DEFAULT_SIZE": 20,
+    "SHAPE_OPTIONS": [
+      "circle",
+      "square"
+    ],
+    "SIZE_OPTIONS": [
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      80
+    ],
+    "SMALL_THRESHOLD": 24
+  },
+  "Ariadne::AvatarStackComponent": {
+    "ALIGN_DEFAULT": "left",
+    "ALIGN_OPTIONS": [
+      "left",
+      "right"
+    ],
+    "BODY_TAG_OPTIONS": [
+      "div",
+      "span"
+    ],
+    "DEFAULT_BODY_TAG": "div",
+    "DEFAULT_CLASSES": "ariadne-flex ariadne--space-x-2 ariadne-overflow-hidden",
+    "DEFAULT_TAG": "div",
+    "TAG_OPTIONS": [
+      "div",
+      "span"
+    ]
+  },
   "Ariadne::BaseButton": {
     "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-border ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
+    "DEFAULT_NUDE_CLASSES": "ariadne-inline-flex focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
     "DEFAULT_SIZE": "md",
     "DEFAULT_TAG": "button",
     "DEFAULT_TYPE": "button",
@@ -16,11 +54,6 @@
       "a",
       "summary"
     ],
-    "TYPE_OPTIONS": [
-      "button",
-      "reset",
-      "submit"
-    ],
     "TYPE_SUBMIT": "submit",
     "VALID_SIZES": [
       "xs",
@@ -28,6 +61,11 @@
       "md",
       "lg",
       "xl"
+    ],
+    "VALID_TYPES": [
+      "button",
+      "reset",
+      "submit"
     ]
   },
   "Ariadne::BaseComponent": {
@@ -50,7 +88,7 @@
   },
   "Ariadne::BlankslateComponent": {
     "DEFAULT_CLASSES": "ariadne-text-center",
-    "DEFAULT_HEADING_CLASSES": "text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl",
+    "DEFAULT_HEADING_CLASSES": "ariadne-text-3xl ariadne-font-extrabold ariadne-tracking-tight ariadne-text-gray-900 sm:ariadne-text-4xl",
     "DEFAULT_IMAGE_SIZE": 56,
     "DEFAULT_TAG": "div",
     "TAG_OPTIONS": [
@@ -64,6 +102,7 @@
     "DEFAULT_SCHEME": "default",
     "LINK_SCHEME": "link",
     "SCHEME_CLASS_MAPPINGS": {
+      "link": "ariadne-underline ariadne-decoration-double",
       "none": "",
       "default": "ariadne-text-purple-800 ariadne-bg-purple-50 hover:ariadne-bg-purple-100 ariadne-border-purple-300 focus:ariadne-ring-offset-purple-50 focus:ariadne-ring-purple-600",
       "info": "ariadne-text-blue-800 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 ariadne-border-blue-300 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
@@ -72,6 +111,7 @@
       "danger": "ariadne-text-red-800 ariadne-bg-red-50 hover:ariadne-bg-red-100 ariadne-border-red-300 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600"
     },
     "VALID_SCHEMES": [
+      "link",
       "none",
       "default",
       "info",
@@ -92,7 +132,7 @@
       "data-action": "click->clipboard-copy-component#copy mouseover->tooltip-component#show mouseout->tooltip-component#hide",
       "data-tooltip-component-target": "trigger"
     },
-    "DEFAULT_CLASSES": " ariadne-cursor-pointer ariadne-underline ariadne-decoration-double ariadne-font-semibold hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
+    "DEFAULT_CLASSES": "ariadne-underline ariadne-decoration-double",
     "DEFAULT_TAG": "clipboard-copy"
   },
   "Ariadne::CommentComponent": {
@@ -110,6 +150,66 @@
   "Ariadne::CounterComponent": {
     "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-p-1 ariadne-border ariadne-border-transparent ariadne-rounded-full ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2"
   },
+  "Ariadne::DetailsComponent": {
+    "DEFAULT_BODY_CLASSES": "ariadne-absolute ariadne-right-0 ariadne-z-10 ariadne-mt-2 ariadne-w-56 ariadne-origin-top-right ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-bg-white ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none",
+    "DEFAULT_BODY_TAG": "div",
+    "DEFAULT_CLASSES": "",
+    "DEFAULT_TAG": "details",
+    "NO_OVERLAY": "none",
+    "OVERLAY_MAPPINGS": {
+      "none": "",
+      "default": ""
+    },
+    "VALID_BODY_TAGS": [
+      "ul",
+      "details-menu",
+      "details-dialog",
+      "div"
+    ]
+  },
+  "Ariadne::Dropdown::MenuComponent": {
+    "DEFAULT_AS_OPTION": "default",
+    "DEFAULT_CLASSES": "",
+    "DEFAULT_DIRECTION": "se",
+    "DEFAULT_HEADER_CLASSES": "ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
+    "DEFAULT_TAG": "details-menu",
+    "Item": "Ariadne::Dropdown::MenuComponent::Item",
+    "TAG_OPTIONS": [
+      "details-menu"
+    ],
+    "VALID_AS_OPTIONS": [
+      "default",
+      "list"
+    ],
+    "VALID_DIRECTIONS": [
+      "se",
+      "sw",
+      "w",
+      "e",
+      "ne",
+      "s"
+    ]
+  },
+  "Ariadne::Dropdown::MenuComponent::Item": {
+    "BUTTON_TAGS": [
+      "button",
+      "summary"
+    ],
+    "DEFAULT_ITEM_CLASSES": "ariadne-block ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-text-gray-700",
+    "DEFAULT_TAG": "a",
+    "VALID_TAGS": [
+      "a",
+      "button",
+      "summary"
+    ]
+  },
+  "Ariadne::DropdownComponent": {
+    "DEFAULT_CLASSES": "",
+    "DEFAULT_TAG": "div",
+    "TAG_OPTIONS": [
+      "div"
+    ]
+  },
   "Ariadne::FlashComponent": {
     "BG_SCHEME_CLASS_MAPPINGS": {
       "default": "ariadne-bg-blue-50",
@@ -156,7 +256,7 @@
     ]
   },
   "Ariadne::FlexComponent": {
-    "DEFAULT_CLASSES": "flex",
+    "DEFAULT_CLASSES": "ariadne-flex",
     "DEFAULT_TAG": "div",
     "TAG_OPTIONS": [
       "div"
@@ -173,20 +273,21 @@
   },
   "Ariadne::GridComponent": {
     "DEFAULT_CLASSES": "ariadne-grid ariadne-gap-6 sm:ariadne-grid-cols-2 lg:ariadne-grid-cols-3",
-    "DEFAULT_LINK_COLOR_CLASSES": "ariadne-text-button-text-color ariadne-bg-button-bg-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
+    "DEFAULT_LINK_COLOR_CLASSES": "focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
     "GridItem": "Ariadne::GridComponent::GridItem"
   },
   "Ariadne::GridComponent::GridItem": {
-    "DEFAULT_ACTION_LINK_CLASSES": "text-button-text-color ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent ariadne-rounded-bl-lg ariadne-rounded-lg",
-    "DEFAULT_ENTRY_CLASSES": "group ariadne-flex-1 ariadne-flex ariadne-flex-col ariadne-p-8 hover:ariadne-bg-button-hover-color hover:ariadne-text-gray-500 ariadne-rounded-lg",
-    "DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow ariadne-my-4 text-black-700 ariadne-border-black"
+    "DEFAULT_ACTION_LINK_CLASSES": "ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent",
+    "DEFAULT_ACTION_LINK_COLORS": "hover:ariadne-text-gray-500",
+    "DEFAULT_ENTRY_CLASSES": "ariadne-group ariadne-flex-1 ariadne-flex ariadne-flex-col ariadne-p-8 hover:ariadne-text-gray-500",
+    "DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow text-black-700 ariadne-border-black"
   },
   "Ariadne::HeaderComponent": {
     "DEFAULT_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-py-5 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500",
     "DEFAULT_IMAGE_LOGO_CLASSES": "ariadne-h-10 ariadne-w-auto",
     "DEFAULT_NAV_LINK_CLASSES": "ariadne-inline-block ariadne-rounded-lg ariadne-py-1 ariadne-px-2 ariadne-text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900",
-    "DEFAULT_PROFILE_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
-    "DEFAULT_SIGNUP_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
+    "DEFAULT_PROFILE_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:ariadne-outline-2 focus-visible:outline-offset-2",
+    "DEFAULT_SIGNUP_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:ariadne-outline-2 focus-visible:outline-offset-2",
     "DEFAULT_TEXT_LOGO_CLASSES": "ariadne-flex ariadne-items-center ariadne-font-bold ariadne-text-xl",
     "LINK_CLASSES": "ariadne-rounded-lg ariadne-py-1 ariadne-px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
   },
@@ -281,19 +382,22 @@
         "variant": "outline"
       }
     ],
-    "SIZE_DEFAULT": "sm",
+    "SIZE_DEFAULT": "md",
     "SIZE_LARGE": "lg",
     "SIZE_MAPPINGS": {
-      "sm": 16,
+      "mu": 16,
+      "sm": 20,
       "md": 24,
       "lg": 128
     },
-    "SIZE_MEDIUM": "md",
+    "SIZE_MICRO": "mu",
     "SIZE_OPTIONS": [
+      "mu",
       "sm",
       "md",
       "lg"
-    ]
+    ],
+    "SIZE_SMALL": "sm"
   },
   "Ariadne::ImageComponent": {
     "DEFAULT_TAG": "img"
@@ -305,7 +409,7 @@
     "DEFAULT_TEXT_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
     "DEFAULT_TEXT_CLOSED_CLASSES": "ariadne-text-state-closed",
     "DEFAULT_TEXT_OPEN_CLASSES": "ariadne-text-state-open",
-    "STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-closed fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
+    "STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-closed ariadne-fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
     "STATE_OPEN_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-open\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
     "STATE_OPTIONS": [
       "closed",
@@ -313,8 +417,8 @@
     ]
   },
   "Ariadne::LinkComponent": {
-    "DEFAULT_ACTIONABLE_CLASSES": " ariadne-cursor-pointer ariadne-underline ariadne-decoration-double ariadne-font-semibold hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
-    "DEFAULT_CLASSES": "ariadne-cursor-pointer",
+    "DEFAULT_ACTIONABLE_CLASSES": "ariadne-underline ariadne-decoration-double",
+    "DEFAULT_CLASSES": "ariadne-cursor-pointer ariadne-font-semibold hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
     "DEFAULT_TAG": "a",
     "TAG_OPTIONS": [
       "a",
@@ -330,7 +434,7 @@
     "DEFAULT_ITEM_CLASSES": "ariadne-relative ariadne-p-1.5 focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500 hover:ariadne-bg-button-hover-color"
   },
   "Ariadne::MainComponent": {
-    "DEFAULT_CLASSES": "flex-auto"
+    "DEFAULT_CLASSES": "ariadne-flex-auto"
   },
   "Ariadne::NarrowContainerComponent": {
     "DEFAULT_CLASSES": "ariadne-max-w-7xl ariadne-mx-auto ariadne-py-12 ariadne-px-4 sm:ariadne-px-6 lg:ariadne-py-16 lg:ariadne-px-8",
@@ -352,14 +456,14 @@
     "DEFAULT_WRAPPER_CLASSES": "group ariadne-flex ariadne-items-center ariadne-w-full"
   },
   "Ariadne::PillComponent": {
-    "DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full",
+    "DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
     "DEFAULT_TAG": "span",
     "TAG_OPTIONS": [
       "span"
     ]
   },
   "Ariadne::RichTextAreaComponent": {
-    "DEFAULT_CLASSES": "ariadne-block ariadne-w-full ariadne-border-0 ariadne-py-3 focus:ariadne-ring-0 sm:ariadne-text-sm",
+    "DEFAULT_CLASSES": "ariadne-block",
     "DEFAULT_TAG": "div"
   },
   "Ariadne::SlideoverComponent": {
@@ -376,20 +480,84 @@
       "xl"
     ]
   },
-  "Ariadne::TabBarComponent": {
-    "DEFAULT_CLASSES": "ariadne--mb-px ariadne-flex ariadne-space-x-8 ariadne-bg-transparent",
+  "Ariadne::TabComponent": {
+    "ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
+      true,
+      "page"
+    ],
+    "DEFAULT_ARIA_CURRENT_FOR_ANCHOR": "page",
+    "DEFAULT_CLASSES": "ariadne-border-transparent ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300 ariadne-whitespace-nowrap ariadne-py-4 ariadne-px-1 ariadne-border-b-2 ariadne-font-medium ariadne-text-sm"
+  },
+  "Ariadne::TabContainerComponent": {
+    "DEFAULT_CLASSES": "",
+    "DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
+    "DEFAULT_TAG": "tab-container",
+    "DEFAULT_UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
+  },
+  "Ariadne::TabNavComponent": {
+    "BODY_TAG_DEFAULT": "ul",
+    "DEFAULT_CLASSES": "",
     "DEFAULT_TAG": "nav",
+    "SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
     "TAG_OPTIONS": [
-      "nav"
-    ]
+      "nav",
+      "div"
+    ],
+    "UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
+  },
+  "Ariadne::TableNavComponent": {
+    "BaseCellItem": "Ariadne::TableNavComponent::BaseCellItem",
+    "BaseRowItem": "Ariadne::TableNavComponent::BaseRowItem",
+    "DEFAULT_CLASSES": "ariadne-min-w-full ariadne-divide-y ariadne-divide-gray-300",
+    "DEFAULT_TAG": "table",
+    "FooterItem": "Ariadne::TableNavComponent::FooterItem",
+    "PaginationBarItem": "Ariadne::TableNavComponent::PaginationBarItem"
+  },
+  "Ariadne::TableNavComponent::BaseCellItem": {
+    "CellItem": "Ariadne::TableNavComponent::BaseCellItem::CellItem",
+    "DEFAULT_CELL_CLASSES": "ariadne-py-3.5 ariadne-pl-4 ariadne-pr-3 ariadne-text-left ariadne-text-sm ariadne-text-gray-900",
+    "HeaderCellItem": "Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem"
+  },
+  "Ariadne::TableNavComponent::BaseCellItem::CellItem": {
+    "DEFAULT_CELL_CLASSES": "",
+    "DEFAULT_TAG": "td"
+  },
+  "Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem": {
+    "DEFAULT_HEADER_CELL_CLASSES": "ariadne-py-3.5 ariadne-pl-4 ariadne-pr-3 ariadne-text-left ariadne-text-sm ariadne-font-semibold ariadne-text-gray-900 sm:ariadne-pl-6 md:ariadne-pl-0",
+    "DEFAULT_TAG": "th",
+    "WIDTH_CLASSES": {
+      "none": "ariadne-flex-none ariadne-w-14 ariadne-px-4",
+      "default": "ariadne-flex-initial",
+      "narrow": "ariadne-flex-initial ariadne-w-1/5 ariadne-text-right",
+      "wide": "ariadne-flex-grow ariadne-w-3/5 sm:ariadne-pl-6"
+    }
   },
-  "Ariadne::TabComponent": {
-    "BASE_TAB_CLASSES": "ariadne-whitespace-nowrap ariadne-py-4 ariadne-px-1 ariadne-border-b-2 ariadne-font-medium ariadne-text-sm",
-    "DEFAULT_CLASSES": "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md",
-    "DEFAULT_TAG": "button",
-    "TAG_OPTIONS": [
-      "button"
-    ]
+  "Ariadne::TableNavComponent::BaseRowItem": {
+    "BASE_MAIN_CLASSES": "ariadne-pr-5",
+    "BASE_ROW_CLASSES": "",
+    "BASE_SELECTION_CLASSES": "",
+    "DEFAULT_TAG": "tr",
+    "HeaderRowItem": "Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem",
+    "RowItem": "Ariadne::TableNavComponent::BaseRowItem::RowItem"
+  },
+  "Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem": {
+    "DEFAULT_HEADER_ROW_CLASSES": "ariadne-bg-gray-50 ariadne-text-left"
+  },
+  "Ariadne::TableNavComponent::BaseRowItem::RowItem": {
+    "DEFAULT_METADATA_CLASSES": "",
+    "DEFAULT_ROW_CLASSES": "ariadne-bg-white"
+  },
+  "Ariadne::TableNavComponent::FooterItem": {
+    "DEFAULT_FOOTER_CLASSES": "ariadne-border-none ariadne-flex ariadne-items-center ariadne-justify-between ariadne-px-4 ariadne-py-3 sm:ariadne-px-6",
+    "DEFAULT_RESULT_CLASSES": "ariadne-text-sm ariadne-text-gray-700"
+  },
+  "Ariadne::TableNavComponent::PaginationBarItem": {
+    "DEFAULT_CURRENT_PAGE_CLASSES": "ariadne-relative ariadne-z-10 ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-indigo-500 ariadne-bg-indigo-50 ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-indigo-600 focus:ariadne-z-20",
+    "DEFAULT_GAP_CLASSES": " ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-700",
+    "DEFAULT_NEXT_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-r-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20",
+    "DEFAULT_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20",
+    "DEFAULT_PAGINATOR_CLASSES": "ariadne-flex ariadne-items-center ariadne-justify-between ariadne-m-10",
+    "DEFAULT_PREV_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-l-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20"
   },
   "Ariadne::Text": {
     "DEFAULT_TAG": "span"
@@ -408,19 +576,19 @@
   "Ariadne::TooltipComponent": {
     "DATA_ACTION": "mouseover->tooltip-component#show mouseout->tooltip-component#hide",
     "DATA_CONTROLLER": "tooltip-component",
-    "DEFAULT_CLASSES": "ariadne-invisible ariadne-absolute ariadne-bg-slate-900 ariadne-text-white ariadne-font-semibold ariadne-max-w-xs ariadne-py-1 ariadne-px-2 ariadne-rounded z-max",
+    "DEFAULT_CLASSES": "ariadne-invisible ariadne-absolute ariadne-bg-slate-900 ariadne-text-white ariadne-font-semibold ariadne-max-w-xs ariadne-py-1 ariadne-px-2 ariadne-rounded ariadne-z-max",
     "DEFAULT_PLACEMENT": "top",
     "DEFAULT_TAG": "tooltip",
     "TYPE_DEFAULT": "description",
-    "TYPE_OPTIONS": [
-      "label",
-      "description"
-    ],
     "VALID_PLACEMENTS": [
       "top",
       "right",
       "bottom",
       "left"
+    ],
+    "VALID_TYPES": [
+      "label",
+      "description"
     ]
   }
 }

data/static/statuses.json

@@ -1,4 +1,6 @@
 {
+  "Ariadne::AvatarComponent": "stable",
+  "Ariadne::AvatarStackComponent": "stable",
   "Ariadne::BaseButton": "stable",
   "Ariadne::BaseComponent": "stable",
   "Ariadne::BlankslateComponent": "stable",
@@ -9,6 +11,10 @@
   "Ariadne::ContainerComponent": "stable",
   "Ariadne::Content": "stable",
   "Ariadne::CounterComponent": "stable",
+  "Ariadne::DetailsComponent": "stable",
+  "Ariadne::Dropdown::MenuComponent": "stable",
+  "Ariadne::Dropdown::MenuComponent::Item": "stable",
+  "Ariadne::DropdownComponent": "stable",
   "Ariadne::FlashComponent": "stable",
   "Ariadne::FlexComponent": "stable",
   "Ariadne::FooterComponent": "stable",
@@ -29,8 +35,18 @@
   "Ariadne::PillComponent": "stable",
   "Ariadne::RichTextAreaComponent": "stable",
   "Ariadne::SlideoverComponent": "stable",
-  "Ariadne::TabBarComponent": "stable",
   "Ariadne::TabComponent": "stable",
+  "Ariadne::TabContainerComponent": "stable",
+  "Ariadne::TabNavComponent": "stable",
+  "Ariadne::TableNavComponent": "stable",
+  "Ariadne::TableNavComponent::BaseCellItem": "stable",
+  "Ariadne::TableNavComponent::BaseCellItem::CellItem": "stable",
+  "Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem": "stable",
+  "Ariadne::TableNavComponent::BaseRowItem": "stable",
+  "Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem": "stable",
+  "Ariadne::TableNavComponent::BaseRowItem::RowItem": "stable",
+  "Ariadne::TableNavComponent::FooterItem": "stable",
+  "Ariadne::TableNavComponent::PaginationBarItem": "stable",
   "Ariadne::Text": "stable",
   "Ariadne::TimeAgoComponent": "stable",
   "Ariadne::TimelineComponent": "stable",

data/tailwind.config.js

@@ -3,11 +3,11 @@ const colors = require('tailwindcss/colors')
 
 const CLASS_YML_REGEX = /^- "\.([\S-]+)"$/
 
-// for classes in hashes
+// for classes in hashes, eg. `SCHEME_CLASS_MAPPINGS`
 const CLASS_MAPPINGS = '(?:\\S+|:\\"[\\S-]+\\"): \\"([\\S -]+)\\"'
 // for classes in constants
 const CLASS_CONSTANT = '[A-Z_]+ = \\"([\\S -]+)\\"'
-const CLASS_RB_REGEX = new RegExp(`(?:${CLASS_MAPPINGS}|${CLASS_CONSTANT})'`, 'g')
+const CLASS_RB_REGEX = new RegExp(`(?:${CLASS_MAPPINGS}|${CLASS_CONSTANT})`, 'g')
 
 const resolve = require('path').resolve
 module.exports = {
@@ -28,39 +28,48 @@ module.exports = {
       },
       rb: content => {
         const matches = content.match(CLASS_RB_REGEX)
-        return matches ? matches[1].split(/\s+/) : []
+        if (matches) {
+          const rez = matches[0]
+            .split(/\s+/)
+            .filter(function (m) {
+              return m.match(/ariadne/)
+            })
+            .map(m => m.replace(/"/, ''))
+          return rez
+        }
+        return []
       }
     }
   },
+  plugins: [
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/line-clamp'),
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography')
+  ],
   theme: {
     extend: {
       colors: {
         'billy-purple': '#a700a0',
 
-        'state-closed': '#da1e28',
-        'state-open': '#198038',
-
-        'list-hover': colors.indigo['50'],
-        'filter-panel': colors.amber['100'],
-
         'button-text-color': colors.indigo['700'],
         'button-bg-color': colors.indigo['100'],
         'button-hover-color': colors.indigo['200'],
 
-        'internal-message': colors.amber['100']
+        'list-hover-color': colors.blue['50'],
+        'filter-panel-color': colors.amber['100'],
+
+        'internal-message': colors.amber['100'],
+
+        'state-closed': '#da1e28',
+        'state-open': '#198038'
       },
       fontFamily: {
         sans: ['Inter var', ...defaultTheme.fontFamily.sans]
       },
-      zIndex: {
-        max: '9999'
+      flexBasis: {
+        160: '40rem'
       }
     }
-  },
-  plugins: [
-    require('@tailwindcss/aspect-ratio'),
-    require('@tailwindcss/line-clamp'),
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/typography')
-  ]
+  }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.14
 platform: arm64-darwin
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-09-12 00:00:00.000000000 Z
+date: 2022-10-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -118,14 +118,20 @@ files:
 - app/assets/javascripts/comment-component.d.ts
 - app/assets/javascripts/rich-text-area-component.d.ts
 - app/assets/javascripts/slideover-component.d.ts
+- app/assets/javascripts/tab-container-component.d.ts
+- app/assets/javascripts/tab-nav-component.d.ts
 - app/assets/javascripts/time-ago-component.d.ts
 - app/assets/javascripts/time_ago_component.d.ts
 - app/assets/javascripts/tooltip-component.d.ts
 - app/assets/stylesheets/ariadne_view_components.css
+- app/assets/stylesheets/dropdown.css
 - app/assets/stylesheets/prosemirror.css
 - app/assets/stylesheets/tooltip-component.css
 - app/components/ariadne/ariadne-form.ts
 - app/components/ariadne/ariadne.ts
+- app/components/ariadne/avatar_component.rb
+- app/components/ariadne/avatar_stack_component.html.erb
+- app/components/ariadne/avatar_stack_component.rb
 - app/components/ariadne/base_button.rb
 - app/components/ariadne/base_component.rb
 - app/components/ariadne/blankslate_component.html.erb
@@ -144,6 +150,13 @@ files:
 - app/components/ariadne/container_component.rb
 - app/components/ariadne/content.rb
 - app/components/ariadne/counter_component.rb
+- app/components/ariadne/details_component.html.erb
+- app/components/ariadne/details_component.rb
+- app/components/ariadne/dropdown/menu_component.html.erb
+- app/components/ariadne/dropdown/menu_component.rb
+- app/components/ariadne/dropdown/menu_component.ts
+- app/components/ariadne/dropdown_component.html.erb
+- app/components/ariadne/dropdown_component.rb
 - app/components/ariadne/flash_component.html.erb
 - app/components/ariadne/flash_component.rb
 - app/components/ariadne/flex_component.rb
@@ -175,10 +188,16 @@ files:
 - app/components/ariadne/slideover-component.ts
 - app/components/ariadne/slideover_component.html.erb
 - app/components/ariadne/slideover_component.rb
-- app/components/ariadne/tab_bar_component.html.erb
-- app/components/ariadne/tab_bar_component.rb
+- app/components/ariadne/tab-container-component.ts
+- app/components/ariadne/tab-nav-component.ts
 - app/components/ariadne/tab_component.html.erb
 - app/components/ariadne/tab_component.rb
+- app/components/ariadne/tab_container_component.erb
+- app/components/ariadne/tab_container_component.rb
+- app/components/ariadne/tab_nav_component.html.erb
+- app/components/ariadne/tab_nav_component.rb
+- app/components/ariadne/table_nav_component.html.erb
+- app/components/ariadne/table_nav_component.rb
 - app/components/ariadne/text.rb
 - app/components/ariadne/time-ago-component.ts
 - app/components/ariadne/time_ago_component.rb
@@ -193,13 +212,8 @@ files:
 - app/lib/ariadne/fetch_or_fallback_helper.rb
 - app/lib/ariadne/form_builder.rb
 - app/lib/ariadne/icon_helper.rb
-- app/lib/ariadne/join_style_arguments_helper.rb
 - app/lib/ariadne/logger_helper.rb
 - app/lib/ariadne/status/dsl.rb
-- app/lib/ariadne/tab_nav_helper.rb
-- app/lib/ariadne/tabbed_component_helper.rb
-- app/lib/ariadne/test_selector_helper.rb
-- app/lib/ariadne/underline_nav_helper.rb
 - app/lib/ariadne/view_helper.rb
 - exe/arm64-darwin/tailwindcss
 - exe/tailwindcss
@@ -247,7 +261,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '3.0'
+      version: '3.1'
   - - "<"
     - !ruby/object:Gem::Version
       version: '4.0'

data/app/components/ariadne/tab_bar_component.html.erb

@@ -1,3 +0,0 @@
-<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do  |component| %>
-  <%= content %>
-<% end %>

data/app/components/ariadne/tab_bar_component.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # A container for a row of tags.
-  # @accessibility This component requires you to pass in a `sr_label`
-  # attribute, which will be used to label the tabs for screen readers.
-  class TabBarComponent < Ariadne::Component
-    DEFAULT_TAG = :nav
-    TAG_OPTIONS = [DEFAULT_TAG].freeze
-
-    DEFAULT_CLASSES = "ariadne--mb-px ariadne-flex ariadne-space-x-8 ariadne-bg-transparent"
-
-    # Tabs to be rendered. For more information, refer to <%= link_to_component(Ariadne::TabComponent) %>.
-    #
-    # @param selected [Boolean] Whether the tab is selected.
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    renders_many :tabs, lambda { |selected: false, classes: "", attributes: {}|
-      Ariadne::TabComponent.new(
-        selected: selected,
-        classes: classes,
-        attributes: attributes
-      )
-    }
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::TabBarComponent.new(sr_label: "Navigation tabs")) { "Example" } %>
-    #
-    # @param tag [Symbol, String] The rendered tag name.
-    # @param sr_label [String] A label to introduce these tabs for screen readers.
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, sr_label:, classes: "", attributes: {})
-      @tag = check_incoming_tag(DEFAULT_TAG, tag)
-      @classes = class_names(
-        DEFAULT_CLASSES,
-        classes
-      )
-      @sr_label = sr_label
-      @attributes = attributes
-      @attributes[:"aria-label"] ||= "Tabs"
-    end
-  end
-end