ariadne_view_components 0.0.4 → 0.0.7

data/static/constants.json

@@ -1,15 +1,15 @@
 {
   "Ariadne::BaseButton": {
-    "DEFAULT_CLASSES": "inline-flex items-center px-4 py-2 text-sm border border-gray-300 shadow-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
-    "DEFAULT_SIZE": "m",
+    "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_SIZE": "md",
     "DEFAULT_TAG": "button",
     "DEFAULT_TYPE": "button",
     "SIZE_CLASS_MAPPINGS": {
-      "xs": "inline-flex items-center px-2.5 py-1.5 text-xs font-medium rounded",
-      "s": "inline-flex items-center px-3 py-2 text-sm leading-4 font-medium rounded-m",
-      "m": "inline-flex items-center px-4 py-2 text-sm font-medium rounded-md",
-      "l": "inline-flex items-center px-4 py-2 text-base font-medium rounded-md",
-      "xl": "inline-flex items-center px-6 py-3 text-base font-medium rounded-md"
+      "xs": "ariadne-px-2.5 ariadne-py-1.5 ariadne-text-xs ariadne-font-medium ariadne-rounded",
+      "sm": "ariadne-px-3 ariadne-py-2 ariadne-text-sm ariadne-leading-4 ariadne-font-medium ariadne-rounded-m",
+      "md": "ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-rounded-md",
+      "lg": "ariadne-px-4 ariadne-py-2 ariadne-text-base ariadne-font-medium ariadne-rounded-md",
+      "xl": "ariadne-px-6 ariadne-py-3 ariadne-text-base ariadne-font-medium ariadne-rounded-md"
     },
     "TAG_OPTIONS": [
       "button",
@@ -21,11 +21,12 @@
       "reset",
       "submit"
     ],
+    "TYPE_SUBMIT": "submit",
     "VALID_SIZES": [
       "xs",
-      "s",
-      "m",
-      "l",
+      "sm",
+      "md",
+      "lg",
       "xl"
     ]
   },
@@ -48,7 +49,7 @@
     ]
   },
   "Ariadne::BlankslateComponent": {
-    "DEFAULT_CLASSES": "max-w-7xl mx-auto text-center py-12 px-4 sm:px-6 lg:py-16 lg:px-8",
+    "DEFAULT_CLASSES": "ariadne-text-center",
     "DEFAULT_HEADING_CLASSES": "text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl",
     "DEFAULT_IMAGE_SIZE": 56,
     "DEFAULT_TAG": "div",
@@ -56,17 +57,22 @@
       "div"
     ]
   },
+  "Ariadne::BodyComponent": {
+    "DEFAULT_CLASSES": "ariadne-flex ariadne-flex-col ariadne-min-h-screen"
+  },
   "Ariadne::ButtonComponent": {
     "DEFAULT_SCHEME": "default",
     "LINK_SCHEME": "link",
     "SCHEME_CLASS_MAPPINGS": {
-      "default": "text-purple-800 bg-purple-50 hover:bg-purple-100 border-purple-300 focus:ring-offset-purple-50 focus:ring-purple-600",
-      "info": "text-blue-800 bg-blue-50 hover:bg-blue-100 border-blue-300 focus:ring-offset-blue-50 focus:ring-blue-600",
-      "success": "text-green-800 bg-green-50 hover:bg-green-100 border-green-300 focus:ring-offset-green-50 focus:ring-green-600",
-      "warning": "text-yellow-800 bg-yellow-50 hover:bg-yellow-100 border-yellow-300 focus:ring-offset-yellow-50 focus:ring-yellow-600",
-      "danger": "text-red-800 bg-red-50 hover:bg-red-100 border-red-300 focus:ring-offset-red-50 focus:ring-red-600"
+      "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",
+      "success": "ariadne-text-green-800 ariadne-bg-green-50 hover:ariadne-bg-green-100 ariadne-border-green-300 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
+      "warning": "ariadne-text-yellow-800 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 ariadne-border-yellow-300 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
+      "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": [
+      "none",
       "default",
       "info",
       "success",
@@ -77,39 +83,55 @@
   "Ariadne::ClipboardCopyComponent": {
     "DATA_ACTION": "click->clipboard-copy-component#copy",
     "DATA_CONTROLLER": "clipboard-copy-component",
-    "DEFAULT_CLASSES": "cursor-pointer",
+    "DATA_CONTROLLERS": {
+      "data-controller": "clipboard-copy-component",
+      "data-action": "click->clipboard-copy-component#copy"
+    },
+    "DATA_CONTROLLERS_WITH_TOOLTIPS": {
+      "data-controller": "clipboard-copy-component tooltip-component",
+      "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_TAG": "clipboard-copy"
   },
+  "Ariadne::CommentComponent": {
+    "DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
+    "DEFAULT_TAG": "div",
+    "TAG_OPTIONS": [
+      "div"
+    ]
+  },
   "Ariadne::ContainerComponent": {
-    "DEFAULT_CLASSES": "px-4 py-5 sm:px-6 lg:px-8"
+    "DEFAULT_CLASSES": "ariadne-px-4 sm:ariadne-px-6 lg:ariadne-px-8"
   },
   "Ariadne::Content": {
   },
   "Ariadne::CounterComponent": {
-    "DEFAULT_CLASSES": "inline-flex items-center p-1 border border-transparent rounded-full shadow-sm text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"
+    "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::FlashComponent": {
     "BG_SCHEME_CLASS_MAPPINGS": {
-      "default": "bg-blue-50",
-      "info": "bg-blue-50",
-      "success": "bg-green-50",
-      "warning": "bg-yellow-50",
-      "danger": "bg-red-50"
+      "default": "ariadne-bg-blue-50",
+      "info": "ariadne-bg-blue-50",
+      "success": "ariadne-bg-green-50",
+      "warning": "ariadne-bg-yellow-50",
+      "danger": "ariadne-bg-red-50"
     },
     "CONTENT_SCHEME_CLASS_MAPPINGS": {
-      "default": "text-blue-700",
-      "info": "text-blue-700",
-      "success": "text-green-700",
-      "warning": "text-yellow-700",
-      "danger": "text-red-700"
+      "default": "ariadne-text-blue-700",
+      "info": "ariadne-text-blue-700",
+      "success": "ariadne-text-green-700",
+      "warning": "ariadne-text-yellow-700",
+      "danger": "ariadne-text-red-700"
     },
     "DEFAULT_SCHEME": "default",
     "DISMISSIBLE_SCHEME_CLASS_MAPPINGS": {
-      "default": "text-blue-500 bg-blue-50 hover:bg-blue-100 focus:ring-offset-blue-50 focus:ring-blue-600",
-      "info": "text-blue-500 bg-blue-50 hover:bg-blue-100 focus:ring-offset-blue-50 focus:ring-blue-600",
-      "success": "text-green-500 bg-green-50 hover:bg-green-100 focus:ring-offset-green-50 focus:ring-green-600",
-      "warning": "text-yellow-500 bg-yellow-50 hover:bg-yellow-100 focus:ring-offset-yellow-50 focus:ring-yellow-600",
-      "danger": "text-red-500 bg-red-50 hover:bg-red-100 focus:ring-offset-red-50 focus:ring-red-600"
+      "default": "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "info": "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "success": "ariadne-text-green-500 ariadne-bg-green-50 hover:ariadne-bg-green-100 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
+      "warning": "ariadne-text-yellow-500 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
+      "danger": "ariadne-text-red-500 ariadne-bg-red-50 hover:ariadne-bg-red-100 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600"
     },
     "VALID_BG_SCHEMES": [
       "default",
@@ -133,90 +155,40 @@
       "danger"
     ]
   },
-  "Ariadne::FooterComponent": {
-    "DEFAULT_CLASSES": "py-5"
-  },
-  "Ariadne::FormComponent": {
-    "CheckboxField": "Ariadne::FormComponent::CheckboxField",
-    "DEFAULT_CLASSES": "space-y-8 divide-y divide-gray-200 sm:space-y-5",
-    "DEFAULT_TAG": "form",
-    "EmailField": "Ariadne::FormComponent::EmailField",
-    "FORM_TYPE_CHECKBOX": "checkbox",
-    "FORM_TYPE_EMAIL": "email",
-    "FORM_TYPE_HIDDEN": "hidden",
-    "FORM_TYPE_PASSWORD": "password",
-    "FORM_TYPE_RADIO": "radio",
-    "FORM_TYPE_TEXT": "text",
-    "FORM_TYPE_TEXTAREA": "textarea",
-    "HiddenField": "Ariadne::FormComponent::HiddenField",
-    "PasswordField": "Ariadne::FormComponent::PasswordField",
-    "RadioField": "Ariadne::FormComponent::RadioField",
-    "Section": "Ariadne::FormComponent::Section",
+  "Ariadne::FlexComponent": {
+    "DEFAULT_CLASSES": "flex",
+    "DEFAULT_TAG": "div",
     "TAG_OPTIONS": [
-      "form"
-    ],
-    "TextField": "Ariadne::FormComponent::TextField",
-    "TextareaField": "Ariadne::FormComponent::TextareaField",
-    "VALID_FORM_TYPES": [
-      "text",
-      "checkbox",
-      "radio",
-      "textarea",
-      "hidden",
-      "password",
-      "email"
+      "div"
     ],
-    "VALID_METHODS": [
-      "get",
-      "post",
-      "put",
-      "delete",
-      "patch"
+    "VALID_TYPES": [
+      "row",
+      "column",
+      "row_reverse",
+      "column_reverse"
     ]
   },
-  "Ariadne::FormComponent::CheckboxField": {
-    "DEFAULT_CHECKBOX_CLASSES": "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
-  },
-  "Ariadne::FormComponent::EmailField": {
-    "AUTOCOMPLETE": "email",
-    "DEFAULT_EMAIL_CLASSES": "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md"
-  },
-  "Ariadne::FormComponent::HiddenField": {
-  },
-  "Ariadne::FormComponent::PasswordField": {
-    "AUTOCOMPLETE": "current-password",
-    "DEFAULT_PASSWORD_CLASSES": "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
-  },
-  "Ariadne::FormComponent::RadioField": {
-    "DEFAULT_RADIO_CLASSES": "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
-  },
-  "Ariadne::FormComponent::Section": {
-    "DEFAULT_SECTION_CLASSES": "divide-y divide-gray-200 pt-8 space-y-6 sm:pt-10 sm:space-y-5",
-    "DEFAULT_SECTION_HEADING_CLASSES": "text-lg leading-6 font-medium text-gray-900",
-    "DEFAULT_SECTION_SUBHEADING_CLASSES": "mt-1 max-w-2xl text-sm text-gray-500",
-    "ITEMS_LAMBDA": "#<Proc:0x00007f117916e6a8 /home/runner/work/ariadne/ariadne/ruby/ariadne_view_components/app/components/ariadne/form_component.rb:71 (lambda)>"
-  },
-  "Ariadne::FormComponent::TextField": {
-    "DEFAULT_TEXT_CLASSES": "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md"
-  },
-  "Ariadne::FormComponent::TextareaField": {
-    "DEFAULT_TEXTAREA_CLASSES": "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border border-gray-300 rounded-md"
+  "Ariadne::FooterComponent": {
+    "DEFAULT_CLASSES": "ariadne-py-5"
   },
   "Ariadne::GridComponent": {
-    "DEFAULT_CLASSES": "grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
-    "DEFAULT_LINK_COLOR_CLASSES": "text-button-text-color bg-button-bg-color hover:bg-button-hover-color focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500",
-    "Item": "Ariadne::GridComponent::Item"
+    "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",
+    "GridItem": "Ariadne::GridComponent::GridItem"
   },
-  "Ariadne::GridComponent::Item": {
+  "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"
   },
   "Ariadne::HeaderComponent": {
-    "DEFAULT_CLASSES": "sticky top-0 z-50 px-4 py-2 bg-white shadow-sm shadow-slate-900/5 transition duration-500",
-    "DEFAULT_IMAGE_LOGO_CLASSES": "h-10 w-auto",
-    "DEFAULT_NAV_LINK_CLASSES": "inline-block rounded-lg py-1 px-2 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900",
-    "DEFAULT_PROFILE_LINK_CLASSES": "group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
-    "DEFAULT_SIGNUP_LINK_CLASSES": "group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
-    "DEFAULT_TEXT_LOGO_CLASSES": "flex items-center font-bold text-xl",
-    "LINK_CLASSES": "rounded-lg py-1 px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
+    "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_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"
   },
   "Ariadne::HeadingComponent": {
     "TAG_OPTIONS": [
@@ -228,12 +200,13 @@
       "h6"
     ],
     "TAG_TO_CLASSES": {
-      "h1": "font-bold leading-7 sm:text-3xl",
-      "h2": "text-3xl font-extrabold text-gray-900",
-      "h3": "text-2xl font-extrabold text-gray-900"
+      "h1": "ariadne-font-bold ariadne-leading-7 sm:ariadne-text-3xl",
+      "h2": "ariadne-text-3xl ariadne-font-extrabold",
+      "h3": "ariadne-text-2xl ariadne-font-extrabold"
     }
   },
   "Ariadne::HeroiconComponent": {
+    "DEFAULT_TEXT_CLASSES": "ariadne-pl-2",
     "PRELOADED_ICONS": [
       {
         "name": "bell",
@@ -304,38 +277,44 @@
         "variant": "outline"
       },
       {
-        "name": "x",
+        "name": "x-mark",
         "variant": "outline"
       }
     ],
-    "SIZE_DEFAULT": "s",
+    "SIZE_DEFAULT": "sm",
+    "SIZE_LARGE": "lg",
     "SIZE_MAPPINGS": {
-      "s": 16,
-      "m": 24
+      "sm": 16,
+      "md": 24,
+      "lg": 128
     },
-    "SIZE_MEDIUM": "m",
+    "SIZE_MEDIUM": "md",
     "SIZE_OPTIONS": [
-      "s",
-      "m"
+      "sm",
+      "md",
+      "lg"
     ]
   },
   "Ariadne::ImageComponent": {
     "DEFAULT_TAG": "img"
   },
   "Ariadne::InlineFlexComponent": {
-    "DEFAULT_CLASSES": "inline-flex items-baseline",
+    "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-baseline",
+    "DEFAULT_LABEL_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
     "DEFAULT_TAG": "span",
-    "DEFAULT_TEXT_CLASSES": "pl-2 text-sm font-medium text-gray-900 text-sm",
-    "DEFAULT_TEXT_CLOSED_CLASSES": "text-state-closed",
-    "DEFAULT_TEXT_OPEN_CLASSES": "text-state-open",
-    "STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"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_OPEN_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"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",
+    "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_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",
       "open"
     ]
   },
   "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_TAG": "a",
     "TAG_OPTIONS": [
       "a",
@@ -343,37 +322,80 @@
     ]
   },
   "Ariadne::ListComponent": {
-    "DEFAULT_UL_CLASSES": "divide-y divide-gray-300",
-    "Item": "Ariadne::ListComponent::Item"
+    "DEFAULT_TAG": "ul",
+    "DEFAULT_UL_CLASSES": "ariadne-divide-y ariadne-divide-gray-300",
+    "ListItem": "Ariadne::ListComponent::ListItem"
+  },
+  "Ariadne::ListComponent::ListItem": {
+    "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::ListComponent::Item": {
+  "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",
+    "TAG_OPTIONS": [
+      "div"
+    ]
+  },
+  "Ariadne::PanelBarComponent": {
+    "DEFAULT_CLASSES": "ariadne-border ariadne-border-gray-300 ariadne-rounded-md ariadne-divide-y ariadne-divide-gray-300 md:ariadne-flex md:ariadne-divide-y-0",
+    "DEFAULT_TAG": "ol",
+    "PanelItem": "Ariadne::PanelBarComponent::PanelItem",
+    "TAG_OPTIONS": [
+      "ol"
+    ]
+  },
+  "Ariadne::PanelBarComponent::PanelItem": {
+    "DEFAULT_ITEM_CLASSES": "ariadne-relative md:ariadne-flex-1 md:ariadne-flex",
+    "DEFAULT_WRAPPER_CLASSES": "group ariadne-flex ariadne-items-center ariadne-w-full"
   },
   "Ariadne::PillComponent": {
-    "DEFAULT_CLASSES": "flex-shrink-0 inline-block px-2 py-0.5 text-xs font-medium 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",
     "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_TAG": "div"
+  },
   "Ariadne::SlideoverComponent": {
-    "DEFAULT_BUTTON_CLASSES": "inline-flex items-center shadow-sm px-4 py-1.5 border border-our-purple-300 z-50 text-sm leading-5 font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
+    "DEFAULT_BUTTON_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-shadow-sm ariadne-px-4 ariadne-py-1.5 ariadne-pb-2 ariadne-text-sm ariadne-leading-5 ariadne-font-medium ariadne-rounded-full 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",
     "DEFAULT_CLASSES": "",
     "DEFAULT_TAG": "div",
-    "DIRECTION_X": "x",
-    "DIRECTION_Y": "y",
+    "DIRECTION_X_LEFT": "xl",
+    "DIRECTION_Y_DOWN": "yd",
     "TAG_OPTIONS": [
       "div"
     ],
     "VALID_DIRECTIONS": [
-      "y",
-      "x"
+      "yd",
+      "xl"
+    ]
+  },
+  "Ariadne::TabBarComponent": {
+    "DEFAULT_CLASSES": "ariadne--mb-px ariadne-flex ariadne-space-x-8 ariadne-bg-transparent",
+    "DEFAULT_TAG": "nav",
+    "TAG_OPTIONS": [
+      "nav"
+    ]
+  },
+  "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::Text": {
     "DEFAULT_TAG": "span"
   },
   "Ariadne::TimeAgoComponent": {
-    "DEFAULT_CLASSES": "whitespace-nowrap",
+    "DEFAULT_CLASSES": "ariadne-whitespace-nowrap",
     "DEFAULT_TAG": "time-ago",
     "TAG_OPTIONS": [
       "time-ago"
@@ -384,21 +406,21 @@
     "DEFAULT_TAG": "div"
   },
   "Ariadne::TooltipComponent": {
-    "DIRECTION_DEFAULT": "s",
-    "DIRECTION_OPTIONS": [
-      "s",
-      "n",
-      "e",
-      "w",
-      "ne",
-      "nw",
-      "se",
-      "sw"
-    ],
+    "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_PLACEMENT": "top",
+    "DEFAULT_TAG": "tooltip",
     "TYPE_DEFAULT": "description",
     "TYPE_OPTIONS": [
       "label",
       "description"
+    ],
+    "VALID_PLACEMENTS": [
+      "top",
+      "right",
+      "bottom",
+      "left"
     ]
   }
 }

data/static/statuses.json

@@ -2,15 +2,18 @@
   "Ariadne::BaseButton": "stable",
   "Ariadne::BaseComponent": "stable",
   "Ariadne::BlankslateComponent": "stable",
+  "Ariadne::BodyComponent": "stable",
   "Ariadne::ButtonComponent": "stable",
   "Ariadne::ClipboardCopyComponent": "stable",
+  "Ariadne::CommentComponent": "stable",
   "Ariadne::ContainerComponent": "stable",
   "Ariadne::Content": "stable",
   "Ariadne::CounterComponent": "stable",
   "Ariadne::FlashComponent": "stable",
+  "Ariadne::FlexComponent": "stable",
   "Ariadne::FooterComponent": "stable",
   "Ariadne::GridComponent": "stable",
-  "Ariadne::GridComponent::Item": "stable",
+  "Ariadne::GridComponent::GridItem": "stable",
   "Ariadne::HeaderComponent": "stable",
   "Ariadne::HeadingComponent": "stable",
   "Ariadne::HeroiconComponent": "stable",
@@ -18,9 +21,16 @@
   "Ariadne::InlineFlexComponent": "stable",
   "Ariadne::LinkComponent": "stable",
   "Ariadne::ListComponent": "stable",
-  "Ariadne::ListComponent::Item": "stable",
+  "Ariadne::ListComponent::ListItem": "stable",
+  "Ariadne::MainComponent": "stable",
+  "Ariadne::NarrowContainerComponent": "stable",
+  "Ariadne::PanelBarComponent": "stable",
+  "Ariadne::PanelBarComponent::PanelItem": "stable",
   "Ariadne::PillComponent": "stable",
+  "Ariadne::RichTextAreaComponent": "stable",
   "Ariadne::SlideoverComponent": "stable",
+  "Ariadne::TabBarComponent": "stable",
+  "Ariadne::TabComponent": "stable",
   "Ariadne::Text": "stable",
   "Ariadne::TimeAgoComponent": "stable",
   "Ariadne::TimelineComponent": "stable",