ariadne_view_components 0.0.13-arm64-darwin → 0.0.15-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": [
@@ -58,12 +96,13 @@
     ]
   },
   "Ariadne::BodyComponent": {
-    "DEFAULT_CLASSES": "ariadne-flex ariadne-flex-col ariadne-min-h-screen"
+    "DEFAULT_CLASSES": "ariadne-scroll-smooth ariadne-bg-white ariadne-antialiased"
   },
   "Ariadne::ButtonComponent": {
     "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"
@@ -183,11 +283,11 @@
     "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_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-h-16 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"
   },
@@ -282,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"
@@ -306,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",
@@ -314,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 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",
@@ -328,12 +431,8 @@
     "ListItem": "Ariadne::ListComponent::ListItem"
   },
   "Ariadne::ListComponent::ListItem": {
-    "DEFAULT_ENTRY_CLASSES": "hover:ariadne-text-gray-500",
     "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"
-  },
   "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",
     "DEFAULT_TAG": "div",
@@ -354,14 +453,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": {
@@ -388,7 +487,9 @@
   },
   "Ariadne::TabContainerComponent": {
     "DEFAULT_CLASSES": "",
-    "DEFAULT_TAG": "tab-container"
+    "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",
@@ -401,35 +502,59 @@
     ],
     "UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
   },
-  "Ariadne::TableComponent": {
-    "DEFAULT_CLASSES": "ariadne-min-w-full ariadne-divide-y ariadne-divide-gray-300 flex flex-col",
-    "FooterItem": "Ariadne::TableComponent::FooterItem",
-    "HeaderRowItem": "Ariadne::TableComponent::HeaderRowItem",
-    "PaginationBarItem": "Ariadne::TableComponent::PaginationBarItem",
-    "RowItem": "Ariadne::TableComponent::RowItem"
-  },
-  "Ariadne::TableComponent::FooterItem": {
-    "DEFAULT_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": {
+    "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::TableComponent::HeaderRowItem": {
-    "DEFAULT_HEADER_CLASSES": "ariadne-bg-gray-50 flex flex-row"
+  "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::TableComponent::PaginationBarItem": {
-    "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 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 focus:ariadne-z-20"
+  "Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem": {
+    "DEFAULT_HEADER_ROW_CLASSES": "ariadne-bg-gray-50 ariadne-text-left"
   },
-  "Ariadne::TableComponent::RowItem": {
-    "CellItem": "Ariadne::TableComponent::RowItem::CellItem",
-    "DEFAULT_ROW_CLASSES": "ariadne-whitespace-nowrap ariadne-py-4 ariadne-pl-4 ariadne-pr-3 ariadne-text-sm sm:ariadne-pl-6 flex flex-row",
-    "HeaderCellItem": "Ariadne::TableComponent::RowItem::HeaderCellItem"
+  "Ariadne::TableNavComponent::BaseRowItem::RowItem": {
+    "DEFAULT_METADATA_CLASSES": "",
+    "DEFAULT_ROW_CLASSES": "ariadne-bg-white"
   },
-  "Ariadne::TableComponent::RowItem::CellItem": {
-    "DEFAULT_CELL_CLASSES": ""
+  "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::TableComponent::RowItem::HeaderCellItem": {
-    "DEFAULT_HEADER_CELL_CLASSES": "ariadne-py-3.5 ariadne-pl-4 pr-3 ariadne-text-left ariadne-text-sm ariadne-font-semibold ariadne-text-gray-900 ariadne-sm:pl-6"
+  "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"
@@ -448,19 +573,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",
@@ -22,7 +28,6 @@
   "Ariadne::LinkComponent": "stable",
   "Ariadne::ListComponent": "stable",
   "Ariadne::ListComponent::ListItem": "stable",
-  "Ariadne::MainComponent": "stable",
   "Ariadne::NarrowContainerComponent": "stable",
   "Ariadne::PanelBarComponent": "stable",
   "Ariadne::PanelBarComponent::PanelItem": "stable",
@@ -32,13 +37,15 @@
   "Ariadne::TabComponent": "stable",
   "Ariadne::TabContainerComponent": "stable",
   "Ariadne::TabNavComponent": "stable",
-  "Ariadne::TableComponent": "stable",
-  "Ariadne::TableComponent::FooterItem": "stable",
-  "Ariadne::TableComponent::HeaderRowItem": "stable",
-  "Ariadne::TableComponent::PaginationBarItem": "stable",
-  "Ariadne::TableComponent::RowItem": "stable",
-  "Ariadne::TableComponent::RowItem::CellItem": "stable",
-  "Ariadne::TableComponent::RowItem::HeaderCellItem": "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

@@ -1,4 +1,5 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
+const colors = require('tailwindcss/colors')
 
 const CLASS_YML_REGEX = /^- "\.([\S-]+)"$/
 
@@ -27,7 +28,16 @@ module.exports = {
       },
       rb: content => {
         const matches = content.match(CLASS_RB_REGEX)
-        return matches ? matches[0].split(/\s+/) : []
+        if (matches) {
+          const rez = matches[0]
+            .split(/\s+/)
+            .filter(function (m) {
+              return m.match(/ariadne/)
+            })
+            .map(m => m.replace(/"/, ''))
+          return rez
+        }
+        return []
       }
     }
   },
@@ -40,11 +50,25 @@ module.exports = {
   theme: {
     extend: {
       colors: {
+        'billy-purple': '#a700a0',
+
+        'button-text-color': colors.indigo['700'],
+        'button-bg-color': colors.indigo['100'],
+        'button-hover-color': colors.indigo['200'],
+
+        '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]
+      },
+      flexBasis: {
+        160: '40rem'
       }
     }
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.13
+  version: 0.0.15
 platform: arm64-darwin
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-09-23 00:00:00.000000000 Z
+date: 2022-10-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -124,10 +124,14 @@ files:
 - 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
@@ -146,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
@@ -164,7 +175,6 @@ files:
 - app/components/ariadne/link_component.rb
 - app/components/ariadne/list_component.html.erb
 - app/components/ariadne/list_component.rb
-- app/components/ariadne/main_component.rb
 - app/components/ariadne/narrow_container_component.html.erb
 - app/components/ariadne/narrow_container_component.rb
 - app/components/ariadne/panel_bar_component.html.erb
@@ -185,8 +195,8 @@ files:
 - 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_component.html.erb
-- app/components/ariadne/table_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

data/app/components/ariadne/main_component.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-module Ariadne
-  # Add a general description of component here
-  # Add additional usage considerations or best practices that may aid the user to use the component correctly.
-  # @accessibility Add any accessibility considerations
-  class MainComponent < Ariadne::Component
-    DEFAULT_CLASSES = "flex-auto"
-
-    # @example Default
-    #
-    #   <%= render(Ariadne::MainComponent.new) { "Example" } %>
-    #
-    # @param classes [String] <%= link_to_classes_docs %>
-    # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(classes: "", attributes: {})
-      @tag = :main
-      @classes = class_names(
-        DEFAULT_CLASSES,
-        classes,
-      )
-
-      @attributes = attributes
-    end
-
-    def call
-      render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do
-        render(Ariadne::ContainerComponent.new) { content }
-      end
-    end
-  end
-end

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

@@ -1,17 +0,0 @@
-<div class="ariadne-inline-block ariadne-min-w-full ariadne-py-2 ariadne-align-middle md:ariadne-px-6 lg:ariadne-px-8">
-  <div class="ariadne-overflow-hidden ariadne-shadow ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 md:ariadne-rounded-lg">
-    <%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do |component| %>
-      <% if has_header_row? %>
-        <%= header_row %>
-      <% end %>
-      <ul class="ariadne-divide-y ariadne-divide-gray-200 ariadne-bg-white">
-        <% rows.each do |row| %>
-          <%= row %>
-        <% end %>
-      </ul>
-    <% end %>
-  </div>
-  <% if has_footer? %>
-    <%= footer %>
-  <% end %>
-</div>