ariadne_view_components 0.0.18 → 0.0.19

data/app/components/ariadne/slideover_component.rb

@@ -12,43 +12,29 @@ module Ariadne
     DIRECTION_X_LEFT = :xl
     VALID_DIRECTIONS = [DIRECTION_Y_DOWN, DIRECTION_X_LEFT].freeze
 
-    DEFAULT_CLASSES = ""
+    DEFAULT_CLASSES = "ariadne-flex ariadne-flex-col"
 
     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::ButtonComponent::SCHEME_CLASS_MAPPINGS[:default]
-    renders_one :open_button, lambda { |label:, classes: "", attributes: {}, text_classes: ""|
-      actual_classes = class_names(DEFAULT_BUTTON_CLASSES, classes)
+    renders_one :open_button, lambda { |selected: false, classes: "", attributes: {}|
+      actual_classes = class_names(DEFAULT_BUTTON_CLASSES, classes, selected ? "" : BASE_HIDDEN_CLASS)
 
       attributes[:id] ||= "btnOpen"
       attributes[:"data-slideover-component-target"] ||= "slidePanel"
       attributes[:"data-action"] ||= "click->slideover-component#toggle"
       attributes[:type] ||= "submit"
 
-      icon = case @direction
-      when DIRECTION_Y_DOWN
-        :"chevron-double-down"
-      end
-
-      render(Ariadne::BaseComponent.new(tag: :button, classes: actual_classes, attributes: attributes)) do
-        render(Ariadne::HeroiconComponent.new(icon: icon, size: :sm, variant: HeroiconsHelper::Icon::VARIANT_SOLID, attributes: { "data-slideover-component-target" => "slide-panel" }, text_classes: text_classes)) { label }
-      end
+      Ariadne::ButtonComponent.new(classes: actual_classes, attributes: attributes)
     }
 
-    renders_one :close_button, lambda { |label:, classes: "", attributes: {}, text_classes: ""|
-      actual_classes = class_names(DEFAULT_BUTTON_CLASSES, classes)
+    renders_one :close_button, lambda { |selected: false, classes: "", attributes: {}|
+      actual_classes = class_names(DEFAULT_BUTTON_CLASSES, classes, selected ? "" : BASE_HIDDEN_CLASS)
 
       attributes[:id] ||= "btnClose"
       attributes[:"data-slideover-component-target"] ||= "slidePanel"
       attributes[:"data-action"] ||= "click->slideover-component#toggle"
       attributes[:type] ||= "submit"
 
-      icon = case @direction
-      when DIRECTION_Y_DOWN
-        :"chevron-double-up"
-      end
-
-      render(Ariadne::BaseComponent.new(tag: :button, classes: actual_classes, attributes: attributes)) do
-        render(Ariadne::HeroiconComponent.new(icon: icon, size: :sm, variant: HeroiconsHelper::Icon::VARIANT_SOLID, attributes: { "data-slideover-component-target" => "slide-panel" }, text_classes: text_classes)) { label }
-      end
+      Ariadne::ButtonComponent.new(classes: actual_classes, attributes: attributes)
     }
 
     # @example Default
@@ -57,12 +43,11 @@ module Ariadne
     #
     # @param tag [Symbol, String] The rendered tag name.
     # @param direction [Symbol] <%= one_of(Ariadne::SlideoverComponent::VALID_DIRECTIONS) %>
-    # @param form_id [String] The ID of any `form` tag to submit when the button is clicked.
     # @param open_text [String] The text to use to open the slideover.
     # @param close_text [String] The text to use to close the slideover.
     # @param classes [String] <%= link_to_classes_docs %>
     # @param attributes [Hash] <%= link_to_attributes_docs %>
-    def initialize(tag: DEFAULT_TAG, direction:, form_id: nil, open_text: "Open", close_text: "Close", classes: "", attributes: {})
+    def initialize(tag: DEFAULT_TAG, direction:, open_text: "Open", close_text: "Close", classes: "", attributes: {})
       @tag = check_incoming_tag(DEFAULT_TAG, tag)
       @classes = class_names(
         DEFAULT_CLASSES,
@@ -70,12 +55,12 @@ module Ariadne
       )
 
       @direction = fetch_or_raise(VALID_DIRECTIONS, direction)
-      @form_id = form_id
 
       @open_text = open_text
       @close_text = close_text
       @attributes = attributes
       @attributes[:"data-controller"] = "slideover-component"
+      @attributes[:"data-slideover-component-target"] = "expandWrapper"
     end
   end
 end

data/app/components/ariadne/tab-component.js

@@ -0,0 +1 @@
+"use strict";

data/app/components/ariadne/tab-container-component copy.d.ts

@@ -0,0 +1 @@
+import '@github/tab-container-element';

data/app/components/ariadne/tab-container-component copy.js

@@ -0,0 +1,23 @@
+import '@github/tab-container-element';
+// // keep in sync with tab_container_component.rb
+// const DEFAULT_SELECTED_CLASSES: string[] = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600']
+// const DEFAULT_UNSELECTED_CLASSES: string[] = [
+//   'ariadne-text-gray-500',
+//   'hover:ariadne-text-gray-700',
+//   'hover:ariadne-border-gray-300'
+// ]
+for (const tabContainer of document.getElementsByTagName('tab-container')) {
+    tabContainer.addEventListener('tab-container-change', function (event) {
+        var _a;
+        const newPanel = event.detail.relatedTarget;
+        const tabContainer = newPanel.closest('tab-container');
+        const tabList = tabContainer.firstElementChild;
+        const currentTab = tabList.querySelector('[aria-selected="true"]');
+        const tabId = (_a = newPanel.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-').slice(1).join('-');
+        const newTab = tabList.querySelector(`#${tabId}`);
+        currentTab.classList.remove(...DEFAULT_SELECTED_CLASSES);
+        currentTab.classList.add(...DEFAULT_UNSELECTED_CLASSES);
+        newTab.classList.add(...DEFAULT_SELECTED_CLASSES);
+        newTab.classList.remove(...DEFAULT_UNSELECTED_CLASSES);
+    });
+}

data/app/components/ariadne/tab-container-component.d.ts

@@ -0,0 +1 @@
+import '@github/tab-container-element';

data/app/components/ariadne/tab-container-component.js

@@ -0,0 +1,23 @@
+import '@github/tab-container-element';
+// keep in sync with tab_container_component.rb
+const DEFAULT_SELECTED_CLASSES = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600'];
+const DEFAULT_UNSELECTED_CLASSES = [
+    'ariadne-text-gray-500',
+    'hover:ariadne-text-gray-700',
+    'hover:ariadne-border-gray-300'
+];
+for (const tabContainer of document.getElementsByTagName('tab-container')) {
+    tabContainer.addEventListener('tab-container-change', function (event) {
+        var _a;
+        const newPanel = event.detail.relatedTarget;
+        const tabContainer = newPanel.closest('tab-container');
+        const tabList = tabContainer.firstElementChild;
+        const currentTab = tabList.querySelector('[aria-selected="true"]');
+        const tabId = (_a = newPanel.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-').slice(1).join('-');
+        const newTab = tabList.querySelector(`#${tabId}`);
+        currentTab.classList.remove(...DEFAULT_SELECTED_CLASSES);
+        currentTab.classList.add(...DEFAULT_UNSELECTED_CLASSES);
+        newTab.classList.add(...DEFAULT_SELECTED_CLASSES);
+        newTab.classList.remove(...DEFAULT_UNSELECTED_CLASSES);
+    });
+}

data/app/components/ariadne/tab-nav-component.d.ts

@@ -0,0 +1,9 @@
+import { Controller } from '@hotwired/stimulus';
+export default class TabNavComponent extends Controller {
+    static targets: string[];
+    readonly tabTargets: [HTMLAnchorElement];
+    SELECTED_CLASSES: string[];
+    UNSELECTED_CLASSES: string[];
+    connect(): void;
+    toggle(event: Event): void;
+}

data/app/components/ariadne/tab-nav-component.js

@@ -0,0 +1,32 @@
+import { Controller } from '@hotwired/stimulus';
+export default class TabNavComponent extends Controller {
+    constructor() {
+        super(...arguments);
+        // keep in synch with tab_nav_component
+        this.SELECTED_CLASSES = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600'];
+        this.UNSELECTED_CLASSES = ['ariadne-text-gray-500', 'hover:ariadne-text-gray-700', 'hover:ariadne-border-gray-300'];
+    }
+    connect() {
+        for (const tab of this.tabTargets) {
+            if (tab.hasAttribute('aria-current')) {
+                tab.classList.add(...this.SELECTED_CLASSES);
+                tab.classList.remove(...this.UNSELECTED_CLASSES);
+            }
+        }
+    }
+    toggle(event) {
+        for (const tab of this.tabTargets) {
+            if (tab === event.target) {
+                tab.setAttribute('aria-current', 'page');
+                tab.classList.add(...this.SELECTED_CLASSES);
+                tab.classList.remove(...this.UNSELECTED_CLASSES);
+            }
+            else if (tab.hasAttribute('aria-current')) {
+                tab.removeAttribute('aria-current');
+                tab.classList.add(...this.UNSELECTED_CLASSES);
+                tab.classList.remove(...this.SELECTED_CLASSES);
+            }
+        }
+    }
+}
+TabNavComponent.targets = ['tab'];

data/app/components/ariadne/tab_component.rb

@@ -21,7 +21,6 @@ module Ariadne
       attributes[:id] = @panel_id
       tag = :div
       attributes[:role] ||= :tabpanel
-      attributes[:tabindex] = 0
       attributes[:hidden] = true unless @selected
 
       label_present = aria("label", attributes) || aria("labelledby", attributes)

data/app/components/ariadne/tab_container_component.erb

@@ -1,5 +1,5 @@
 <%= render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do  |component| %>
-  <div role="tablist">
+  <div role="tablist" class="ariadne-bg-neutral-50">
     <% tabs.each do |tab| %>
       <%= tab %>
     <% end %>

data/app/components/ariadne/tab_container_component.rb

@@ -9,7 +9,7 @@ module Ariadne
 
     DEFAULT_CLASSES = ""
 
-    DEFAULT_SELECTED_CLASSES = "ariadne-border-indigo-500 ariadne-text-indigo-600"
+    DEFAULT_SELECTED_CLASSES = "ariadne-bg-white ariadne-border-indigo-500 ariadne-text-indigo-600"
     DEFAULT_UNSELECTED_CLASSES = "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
 
     # Tabs and panels to be rendered.
@@ -20,6 +20,7 @@ module Ariadne
     # @param attributes [Hash] <%= link_to_attributes_docs %>
     renders_many :tabs, lambda { |id: "", selected: false, classes: "", attributes: {}|
       actual_classes = class_names(selected ? DEFAULT_SELECTED_CLASSES : DEFAULT_UNSELECTED_CLASSES, classes)
+
       Ariadne::TabComponent.new(
         id: id,
         selected: selected,

data/app/components/ariadne/tabs-component.js

@@ -0,0 +1 @@
+"use strict";

data/app/components/ariadne/time-ago-component.d.ts

@@ -0,0 +1 @@
+import '@github/time-elements';

data/app/components/ariadne/time-ago-component.js

@@ -0,0 +1 @@
+import '@github/time-elements';

data/app/components/ariadne/time_ago_component.d.ts

@@ -0,0 +1 @@
+import '@github/time-elements';

data/app/components/ariadne/time_ago_component.js

@@ -0,0 +1 @@
+import '@github/time-elements';

data/app/components/ariadne/tooltip-component.d.ts

@@ -0,0 +1,24 @@
+import { Controller } from '@hotwired/stimulus';
+import type { Instance, Placement } from '@popperjs/core';
+export default class TooltipComponent extends Controller {
+    static targets: string[];
+    readonly triggerTarget: HTMLElement;
+    readonly tooltipTarget: HTMLElement;
+    static values: {
+        placement: {
+            type: StringConstructor;
+            default: string;
+        };
+        offset: {
+            type: ArrayConstructor;
+            default: number[];
+        };
+    };
+    readonly placementValue: Placement;
+    readonly offsetValue: Array<number>;
+    popperInstance: Instance;
+    connect(): void;
+    disconnect(): void;
+    show(): void;
+    hide(): void;
+}

data/app/components/ariadne/tooltip-component.js

@@ -0,0 +1,42 @@
+import { Controller } from '@hotwired/stimulus';
+import { createPopper } from '@popperjs/core';
+export default class TooltipComponent extends Controller {
+    // Create a new Popper instance
+    connect() {
+        this.popperInstance = createPopper(this.triggerTarget, this.tooltipTarget, {
+            placement: this.placementValue,
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: {
+                        offset: this.offsetValue
+                    }
+                }
+            ]
+        });
+    }
+    // Destroy the Popper instance
+    disconnect() {
+        if (this.popperInstance) {
+            this.popperInstance.destroy();
+        }
+    }
+    show() {
+        this.tooltipTarget.setAttribute('data-tooltip-show', '');
+        this.tooltipTarget.classList.remove('ariadne-invisible');
+        // We need to tell Popper to update the tooltip position
+        // after we show the tooltip, otherwise it will be incorrect
+        this.popperInstance.update();
+        this.dispatch('shown', { detail: { trigger: this.triggerTarget, tooltip: this.tooltipTarget } });
+    }
+    hide() {
+        this.tooltipTarget.removeAttribute('data-tooltip-show');
+        this.tooltipTarget.classList.add('ariadne-invisible');
+        this.dispatch('ariadne-hidden', { detail: { trigger: this.triggerTarget, tooltip: this.tooltipTarget } });
+    }
+}
+TooltipComponent.targets = ['trigger', 'tooltip'];
+TooltipComponent.values = {
+    placement: { type: String, default: 'top' },
+    offset: { type: Array, default: [0, 8] }
+};

data/lib/ariadne/view_components/version.rb

@@ -2,6 +2,6 @@
 
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.18"
+    VERSION = "0.0.19"
   end
 end

data/static/arguments.yml

@@ -554,10 +554,6 @@
     type: Symbol
     default: N/A
     description: One of `:xl` and `:yd`.
-  - name: form_id
-    type: String
-    default: "`nil`"
-    description: The ID of any `form` tag to submit when the button is clicked.
   - name: open_text
     type: String
     default: '`"Open"`'

data/static/classes.yml

@@ -12,7 +12,6 @@
 - ".ariadne-flex"
 - ".ariadne--space-x-2"
 - ".ariadne-overflow-hidden"
-- ".ariadne-inline-flex"
 - ".ariadne-items-center"
 - ".ariadne-border"
 - ".ariadne-shadow-sm"
@@ -79,6 +78,7 @@
 - ".focus:ariadne-ring-offset-red-50"
 - ".focus:ariadne-ring-red-600"
 - ".ariadne-text-yellow-600"
+- ".ariadne-inline-flex"
 - ".ariadne-p-1"
 - ".ariadne-border-transparent"
 - ".ariadne-invisible"
@@ -99,6 +99,7 @@
 - ".ariadne-shadow"
 - ".ariadne-py-5"
 - ".ariadne-px-5"
+- ".ariadne-bg-neutral-50"
 - ".ariadne-text-gray-500"
 - ".hover:ariadne-text-gray-700"
 - ".hover:ariadne-border-gray-300"
@@ -110,9 +111,6 @@
 - ".ariadne-text-indigo-600"
 - ".ariadne-space-y-8"
 - ".sm:ariadne-space-y-5"
-- ".focus-within:ariadne-border-indigo-500"
-- ".focus-within:ariadne-ring-1"
-- ".focus-within:ariadne-ring-indigo-500"
 - ".tiptap-editor"
 - ".ariadne-mt-2"
 - ".ariadne-justify-end"
@@ -170,9 +168,9 @@
 - ".ariadne-py-0.5"
 - ".ariadne-text-black"
 - ".ariadne-hidden"
-- ".ariadne-pb-4"
 - ".ariadne-list-none"
 - ".ariadne-divide-gray-200"
+- ".ariadne-pb-4"
 - ".ariadne-text-lg"
 - ".ariadne-pt-6"
 - ".ariadne-flow-root"

data/static/constants.json

@@ -37,8 +37,8 @@
     ]
   },
   "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_CLASSES": "ariadne-items-center ariadne-border ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
+    "DEFAULT_NUDE_CLASSES": "focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
     "DEFAULT_SIZE": "md",
     "DEFAULT_TAG": "button",
     "DEFAULT_TYPE": "button",
@@ -136,8 +136,7 @@
     "DEFAULT_TAG": "clipboard-copy"
   },
   "Ariadne::CommentComponent": {
-    "DEFAULT_CLASSES": "ariadne-bg-internal-message ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
-    "DEFAULT_INTERNAL_CLASSES": "ariadne-bg-internal-message",
+    "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"
@@ -405,9 +404,9 @@
   },
   "Ariadne::InlineFlexComponent": {
     "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_LABEL_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium",
     "DEFAULT_TAG": "span",
-    "DEFAULT_TEXT_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
+    "DEFAULT_TEXT_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium",
     "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 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",
@@ -466,7 +465,7 @@
   },
   "Ariadne::SlideoverComponent": {
     "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_CLASSES": "ariadne-flex ariadne-flex-col",
     "DEFAULT_TAG": "div",
     "DIRECTION_X_LEFT": "xl",
     "DIRECTION_Y_DOWN": "yd",
@@ -488,7 +487,7 @@
   },
   "Ariadne::TabContainerComponent": {
     "DEFAULT_CLASSES": "",
-    "DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
+    "DEFAULT_SELECTED_CLASSES": "ariadne-bg-white 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"
   },

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.18
+  version: 0.0.19
 platform: ruby
 authors:
 - Garen J. Torikian
-autorequire: 
+autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-10-07 00:00:00.000000000 Z
+date: 2022-10-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -98,7 +98,7 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '3.0'
-description: 
+description:
 email:
 - gjtorikian@yettoapp.com
 executables:
@@ -108,6 +108,7 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- app/assets/builds/ariadne_view_components.css
 - app/assets/config/manifest.js
 - app/assets/javascripts/ariadne-form-with.d.ts
 - app/assets/javascripts/ariadne-form.d.ts
@@ -127,7 +128,13 @@ files:
 - app/assets/stylesheets/dropdown.css
 - app/assets/stylesheets/prosemirror.css
 - app/assets/stylesheets/tooltip-component.css
+- app/components/ariadne/ariadne-form-with.d.ts
+- app/components/ariadne/ariadne-form-with.js
+- app/components/ariadne/ariadne-form.d.ts
+- app/components/ariadne/ariadne-form.js
 - app/components/ariadne/ariadne-form.ts
+- app/components/ariadne/ariadne.d.ts
+- app/components/ariadne/ariadne.js
 - app/components/ariadne/ariadne.ts
 - app/components/ariadne/avatar_component.rb
 - app/components/ariadne/avatar_stack_component.html.erb
@@ -139,8 +146,12 @@ files:
 - app/components/ariadne/body_component.rb
 - app/components/ariadne/button_component.html.erb
 - app/components/ariadne/button_component.rb
+- app/components/ariadne/clipboard-copy-component.d.ts
+- app/components/ariadne/clipboard-copy-component.js
 - app/components/ariadne/clipboard-copy-component.ts
+- app/components/ariadne/clipboard_copy_component.d.ts
 - app/components/ariadne/clipboard_copy_component.html.erb
+- app/components/ariadne/clipboard_copy_component.js
 - app/components/ariadne/clipboard_copy_component.rb
 - app/components/ariadne/comment_component.html.erb
 - app/components/ariadne/comment_component.rb
@@ -180,13 +191,26 @@ files:
 - app/components/ariadne/panel_bar_component.rb
 - app/components/ariadne/pill_component.html.erb
 - app/components/ariadne/pill_component.rb
+- app/components/ariadne/rich-text-area-component.d.ts
+- app/components/ariadne/rich-text-area-component.js
 - app/components/ariadne/rich-text-area-component.ts
 - app/components/ariadne/rich_text_area_component.html.erb
 - app/components/ariadne/rich_text_area_component.rb
+- app/components/ariadne/slideover-component.d.ts
+- app/components/ariadne/slideover-component.js
 - app/components/ariadne/slideover-component.ts
+- app/components/ariadne/slideover_component.d.ts
 - app/components/ariadne/slideover_component.html.erb
+- app/components/ariadne/slideover_component.js
 - app/components/ariadne/slideover_component.rb
+- app/components/ariadne/tab-component.js
+- app/components/ariadne/tab-container-component copy.d.ts
+- app/components/ariadne/tab-container-component copy.js
+- app/components/ariadne/tab-container-component.d.ts
+- app/components/ariadne/tab-container-component.js
 - app/components/ariadne/tab-container-component.ts
+- app/components/ariadne/tab-nav-component.d.ts
+- app/components/ariadne/tab-nav-component.js
 - app/components/ariadne/tab-nav-component.ts
 - app/components/ariadne/tab_component.html.erb
 - app/components/ariadne/tab_component.rb
@@ -196,11 +220,19 @@ files:
 - 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/tabs-component.d.ts
+- app/components/ariadne/tabs-component.js
 - app/components/ariadne/text.rb
+- app/components/ariadne/time-ago-component.d.ts
+- app/components/ariadne/time-ago-component.js
 - app/components/ariadne/time-ago-component.ts
+- app/components/ariadne/time_ago_component.d.ts
+- app/components/ariadne/time_ago_component.js
 - app/components/ariadne/time_ago_component.rb
 - app/components/ariadne/timeline_component.html.erb
 - app/components/ariadne/timeline_component.rb
+- app/components/ariadne/tooltip-component.d.ts
+- app/components/ariadne/tooltip-component.js
 - app/components/ariadne/tooltip-component.ts
 - app/components/ariadne/tooltip_component.html.erb
 - app/components/ariadne/tooltip_component.rb
@@ -251,7 +283,7 @@ licenses:
 - MIT
 metadata:
   allowed_push_host: https://rubygems.org
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -270,7 +302,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.3.7
-signing_key: 
+signing_key:
 specification_version: 4
 summary: ViewComponents for the Ariadne Design System
 test_files: []