@logora/debate 0.3.6 → 0.3.7

package/dist/assets/components/navigation/tabs/Tabs.module-D0w5qSU_.css

@@ -0,0 +1 @@
+._navTabs_ahca6_3{display:flex;flex-wrap:nowrap;gap:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5));white-space:nowrap;padding-left:0;margin-bottom:0;border-bottom:none!important;list-style:none}@container (max-width: 575.98px){._navTabs_ahca6_3{font-size:var(--font-size-normal, 16px);gap:var(--space-unit, 1em)}}._navTabs_ahca6_3{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._navTabs_ahca6_3::-webkit-scrollbar{display:none}._navItem_ahca6_28{cursor:pointer;position:relative}._navLink_ahca6_33{display:block;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border:none!important;color:var(--text-primary, #222222);outline:0}._navLink_ahca6_33:hover,._navLink_ahca6_33:focus{text-decoration:none;color:var(--text-primary, #222222)!important;background:transparent}._navLink_ahca6_33._disabled_ahca6_45{color:var(--darkest-text-tertiary, #c7c7c7);pointer-events:none;cursor:default}._navLink_ahca6_33:after{content:"";background-color:var(--text-primary, #222222);height:2px;position:absolute;width:100%;left:0;bottom:-1px;z-index:1;transition:transform .25s ease 0s;transform:scale(0)}._navLink_ahca6_33._active_ahca6_62{color:var(--text-primary, #222222)!important;background:transparent;font-weight:var(--font-weight-bold, 700)}._navLink_ahca6_33._active_ahca6_62:after{transform:scale(1)}@media(hover:hover){._navItem_ahca6_28:hover>._navLink_ahca6_33:after{transform:scale(1)}}

package/dist/components/navigation/tabs/Tab.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import c from "classnames";
+import a from "./Tabs.module.scss.js";
+const d = n(({ label: o, active: r, id: t, panelId: i, onClick: m, onKeyDown: s }, l) => /* @__PURE__ */ e("li", { className: a.navItem, role: "presentation", children: /* @__PURE__ */ e(
+  "div",
+  {
+    ref: l,
+    id: t,
+    role: "tab",
+    "aria-selected": r,
+    "aria-controls": i,
+    tabIndex: r ? 0 : -1,
+    className: c(a.navLink, { [a.active]: r }),
+    onClick: m,
+    onKeyDown: s,
+    children: o
+  }
+) }));
+d.displayName = "Tab";
+export {
+  d as Tab
+};

package/dist/components/navigation/tabs/TabPanel.js

@@ -0,0 +1,16 @@
+import { jsx as l } from "react/jsx-runtime";
+import "react";
+const b = ({ children: e, id: a, tabId: r, active: t }) => /* @__PURE__ */ l(
+  "div",
+  {
+    role: "tabpanel",
+    id: a,
+    "aria-labelledby": r,
+    tabIndex: 0,
+    hidden: !t,
+    children: e
+  }
+);
+export {
+  b as TabPanel
+};

package/dist/components/navigation/tabs/Tabs.js

@@ -0,0 +1,30 @@
+import { jsx as m } from "react/jsx-runtime";
+import l, { useId as p, useRef as y } from "react";
+import b from "./Tabs.module.scss.js";
+const $ = ({ value: f, onChange: s, children: n, label: u }) => {
+  const a = p(), c = y([]), o = l.Children.count(n), i = (r, t) => {
+    let e;
+    if (r.key === "ArrowRight") e = (t + 1) % o;
+    else if (r.key === "ArrowLeft") e = (t - 1 + o) % o;
+    else if (r.key === "Home") e = 0;
+    else if (r.key === "End") e = o - 1;
+    else return;
+    r.preventDefault(), s(r, e), c.current[e]?.focus();
+  };
+  return /* @__PURE__ */ m("ul", { role: "tablist", "aria-label": u, className: b.navTabs, children: l.Children.map(
+    n,
+    (r, t) => l.cloneElement(r, {
+      active: f === t,
+      id: `${a}-tab-${t}`,
+      panelId: `${a}-panel-${t}`,
+      onClick: (e) => s(e, t),
+      onKeyDown: (e) => i(e, t),
+      ref: (e) => {
+        c.current[t] = e;
+      }
+    })
+  ) });
+};
+export {
+  $ as Tabs
+};

package/dist/components/navigation/tabs/Tabs.module.scss.js

@@ -0,0 +1,13 @@
+import '../../../assets/components/navigation/tabs/Tabs.module-D0w5qSU_.css';const a = "_navTabs_ahca6_3", n = "_navItem_ahca6_28", t = "_navLink_ahca6_33", c = "_active_ahca6_62", v = {
+  navTabs: a,
+  navItem: n,
+  navLink: t,
+  active: c
+};
+export {
+  c as active,
+  v as default,
+  n as navItem,
+  t as navLink,
+  a as navTabs
+};

package/dist/index.js

@@ -14,10 +14,10 @@ import { AuthInitializer as h } from "./components/auth/auth_initializer/AuthIni
 import { AuthModal as T } from "./components/auth/auth_modal/AuthModal.js";
 import { AuthProvider as v, withAuth as L } from "./components/auth/use_auth/AuthProvider.js";
 import { AuthProviderFactory as F } from "./components/auth/providers/AuthProviderFactory.js";
-import { AuthorBox as D } from "./components/user/author_box/AuthorBox.js";
-import { Avatar as U } from "./components/user/avatar/Avatar.js";
-import { AvatarSelector as E } from "./components/user/avatar_selector/AvatarSelector.js";
-import { BackLink as b } from "./components/action/back_link/BackLink.js";
+import { AuthorBox as k } from "./components/user/author_box/AuthorBox.js";
+import { Avatar as R } from "./components/user/avatar/Avatar.js";
+import { AvatarSelector as w } from "./components/user/avatar_selector/AvatarSelector.js";
+import { BackLink as V } from "./components/action/back_link/BackLink.js";
 import { BadgeBox as N } from "./components/gamification/badge_box/BadgeBox.js";
 import { BoxSkeleton as G } from "./components/skeleton/box_skeleton/BoxSkeleton.js";
 import { Button as $ } from "./components/action/button/Button.js";
@@ -39,10 +39,10 @@ import { EmbedHeader as ho } from "./components/embed/embed_header/EmbedHeader.j
 import { ExpandableText as To } from "./components/text/expandable_text/ExpandableText.js";
 import { FacebookLoginButton as vo } from "./components/auth/facebook_login_button/FacebookLoginButton.js";
 import { FollowButton as Mo } from "./components/follow/follow_button/FollowButton.js";
-import { Form as ko } from "./components/forms/form/form.js";
-import { FormContext as Ro } from "./components/forms/form/form-context.js";
-import { GoogleLoginButton as wo } from "./components/auth/google_login_button/GoogleLoginButton.js";
-import { HashScroll as Vo } from "./components/tools/hash_scroll/HashScroll.js";
+import { Form as bo } from "./components/forms/form/form.js";
+import { FormContext as Do } from "./components/forms/form/form-context.js";
+import { GoogleLoginButton as Uo } from "./components/auth/google_login_button/GoogleLoginButton.js";
+import { HashScroll as Eo } from "./components/tools/hash_scroll/HashScroll.js";
 import { Icon as yo } from "./components/icons/icon/Icon.js";
 import { IconContext as Ho, IconProvider as Go } from "./components/icons/icon_provider/IconProvider.js";
 import { IconTextLink as $o } from "./components/action/icon_text_link/IconTextLink.js";
@@ -64,10 +64,10 @@ import { Modal as Ar } from "./components/dialog/modal/Modal.js";
 import { ModalContext as Ir, ModalProvider as Tr } from "./components/dialog/modal/ModalProvider.js";
 import { NavbarButton as vr } from "./components/navbar/navbar_button/NavbarButton.js";
 import { NavbarModal as Mr } from "./components/navbar/navbar_modal/NavbarModal.js";
-import { NotificationItem as kr } from "./components/notification/notification_item/NotificationItem.js";
-import { NotificationMenu as Rr } from "./components/notification/notification_menu/NotificationMenu.js";
-import { OAuth2Button as wr } from "./components/auth/oauth2_button/OAuth2Button.js";
-import { PaginatedList as Vr } from "./components/list/paginated_list/PaginatedList.js";
+import { NotificationItem as br } from "./components/notification/notification_item/NotificationItem.js";
+import { NotificationMenu as Dr } from "./components/notification/notification_menu/NotificationMenu.js";
+import { OAuth2Button as Ur } from "./components/auth/oauth2_button/OAuth2Button.js";
+import { PaginatedList as Er } from "./components/list/paginated_list/PaginatedList.js";
 import { Pagination as yr } from "./components/list/pagination/Pagination.js";
 import { PieChart as Hr } from "./components/chart/pie_chart/PieChart.js";
 import { PointBox as Or } from "./components/gamification/point_box/PointBox.js";
@@ -91,72 +91,75 @@ import { SocialAuthForm as he } from "./components/auth/social_auth_form/SocialA
 import { SourceBox as Te } from "./components/source/source_box/SourceBox.js";
 import { SourceListItem as ve } from "./components/source/source_list_item/SourceListItem.js";
 import { SourceModal as Me } from "./components/source/source_modal/SourceModal.js";
-import { StandardErrorBoundary as ke } from "./components/error/standard_error_boundary/StandardErrorBoundary.js";
-import { SuggestionBanner as Re } from "./components/suggestion/suggestion_banner/SuggestionBanner.js";
-import { SuggestionBox as we } from "./components/suggestion/suggestion_box/SuggestionBox.js";
-import { SuggestionInput as Ve } from "./components/suggestion/suggestion_input/SuggestionInput.js";
+import { StandardErrorBoundary as be } from "./components/error/standard_error_boundary/StandardErrorBoundary.js";
+import { SuggestionBanner as De } from "./components/suggestion/suggestion_banner/SuggestionBanner.js";
+import { SuggestionBox as Ue } from "./components/suggestion/suggestion_box/SuggestionBox.js";
+import { SuggestionInput as Ee } from "./components/suggestion/suggestion_input/SuggestionInput.js";
 import { SuggestionVoteBox as ye } from "./components/vote/suggestion_vote_box/SuggestionVoteBox.js";
 import { Summary as He } from "./components/summary/summary/Summary.js";
 import { SummaryBox as Oe } from "./components/summary/summary_box/SummaryBox.js";
 import { SummaryContentBox as _e } from "./components/user_content/summary_content_box/SummaryContentBox.js";
-import { Tag as Ke } from "./components/tag/tag/Tag.js";
-import { TextEditor as We } from "./components/input/text_editor/TextEditor.js";
-import { TextInput as je } from "./components/input/text_input/TextInput.js";
-import { Toast as Qe } from "./components/dialog/toast/Toast.js";
-import { ToastProvider as Ze } from "./components/dialog/toast_provider/ToastProvider.js";
-import { Toggle as rt } from "./components/input/toggle/Toggle.js";
-import { TogglePosition as tt } from "./components/input/toggle_position/TogglePosition.js";
-import { Tooltip as mt } from "./components/dialog/tooltip/Tooltip.js";
-import { TopArguments as ft } from "./components/argument/top_arguments/TopArguments.js";
-import { TranslatedContent as at } from "./components/translation/translated_content/TranslatedContent.js";
-import { TranslationButton as st } from "./components/translation/translation_button/TranslationButton.js";
-import { UpDownVoteBox as dt } from "./components/vote/up_down_vote_box/UpDownVoteBox.js";
-import { UpdateUserInfoModal as gt } from "./components/user/update_user_info_modal/UpdateUserInfoModal.js";
-import { UserBox as Bt } from "./components/user/user_box/UserBox.js";
-import { UserBoxSmall as Ct } from "./components/user/user_box_small/UserBoxSmall.js";
-import { UserContentSkeleton as ht } from "./components/skeleton/user_content_skeleton/UserContentSkeleton.js";
-import { VoteBox as Tt } from "./components/vote/vote_box/VoteBox.js";
-import { VoteButton as vt } from "./components/vote/vote_button/VoteButton.js";
-import { VoteContext as Mt, VoteProvider as Ft } from "./components/vote/vote_provider/VoteProvider.js";
-import { VotePaginatedList as Dt } from "./components/list/paginated_list/VotePaginatedList.js";
-import { WithAd as Ut } from "./components/ad/with_ad/WithAd.js";
-import { authTokenHandler as Et } from "./components/auth/use_auth/authTokenHandler.js";
-import { classes as bt, getAccent as yt } from "./components/input/text_input/color-accent.js";
-import { dataProvider as Ht } from "./components/data/data_provider/DataProvider.js";
-import { extractFormData as Ot } from "./components/forms/form/extract-form-data.js";
-import { getTranslatedContent as _t, useTranslatedContent as qt } from "./components/translation/translated_content/useTranslatedContent.js";
-import { httpClient as zt } from "./components/data/axios_client/httpClient.js";
-import { lexicalToHtml as Yt } from "./components/input/text_editor/lexicalToHtml.js";
-import { makeStorage as Jt } from "./components/auth/use_auth/AuthStorage.js";
-import { uniqueBy as Xt } from "./components/util/unique_by/uniqueBy.js";
-import { useAuth as ox } from "./components/auth/use_auth/useAuth.js";
-import { useAuthInterceptor as ex } from "./components/auth/use_auth/useAuthInterceptor.js";
-import { useAuthRequired as xx } from "./components/hooks/use_auth_required/useAuthRequired.js";
-import { useConfig as px } from "./components/data/config_provider/useConfig.js";
-import { useCssTheme as nx } from "./components/hooks/use_css_theme/useCssTheme.js";
-import { useData as ix } from "./components/data/data_provider/useData.js";
-import { useDataProvider as ux } from "./components/data/data_provider/useDataProvider.js";
-import { useDeleteContent as lx } from "./components/user_content/use_delete_content/useDeleteContent.js";
-import { useFollow as cx } from "./components/follow/use_follow/useFollow.js";
-import { useFontLoader as Sx } from "./components/hooks/use_font_loader/useFontLoader.js";
-import { useForm as Ax } from "./components/forms/form/use-form.js";
-import { useFormContext as Ix } from "./components/forms/form/use-form-context.js";
-import { useFormValidation as Px } from "./components/forms/use_form_validation/useFormValidation.js";
-import { useGoogleAdManager as Lx } from "./components/ad/use_google_ad_manager/useGoogleAdManager.js";
-import { useInput as Fx } from "./components/input/input_provider/useInput.js";
-import { useList as Dx } from "./components/list/list_provider/useList.js";
-import { useLocale as Ux } from "./components/intl/intl_provider/useLocale.js";
-import { useMatomo as Ex } from "./components/hooks/use_matomo/useMatomo.js";
-import { useModal as bx } from "./components/dialog/modal/useModal.js";
-import { useRelativeTime as Nx } from "./components/hooks/use_relative_time/useRelativeTime.js";
-import { useReportContent as Gx } from "./components/user_content/use_report_content/useReportContent.js";
-import { useResponsive as $x } from "./components/hooks/use_responsive/useResponsive.js";
-import { useRichContent as qx } from "./components/argument/argument/useRichContent.js";
-import { useRoutes as zx } from "./components/data/config_provider/useRoutes.js";
-import { useToast as Yx } from "./components/dialog/toast_provider/useToast.js";
-import { useUpdateUserInfo as Jx } from "./components/user/update_user_info_modal/useUpdateUserInfo.js";
-import { useVote as Xx } from "./components/vote/use_vote/useVote.js";
-import { withConfig as om } from "./components/data/config_provider/withConfig.js";
+import { Tab as Ke } from "./components/navigation/tabs/Tab.js";
+import { TabPanel as We } from "./components/navigation/tabs/TabPanel.js";
+import { Tabs as je } from "./components/navigation/tabs/Tabs.js";
+import { Tag as Qe } from "./components/tag/tag/Tag.js";
+import { TextEditor as Ze } from "./components/input/text_editor/TextEditor.js";
+import { TextInput as rt } from "./components/input/text_input/TextInput.js";
+import { Toast as tt } from "./components/dialog/toast/Toast.js";
+import { ToastProvider as mt } from "./components/dialog/toast_provider/ToastProvider.js";
+import { Toggle as ft } from "./components/input/toggle/Toggle.js";
+import { TogglePosition as at } from "./components/input/toggle_position/TogglePosition.js";
+import { Tooltip as st } from "./components/dialog/tooltip/Tooltip.js";
+import { TopArguments as dt } from "./components/argument/top_arguments/TopArguments.js";
+import { TranslatedContent as gt } from "./components/translation/translated_content/TranslatedContent.js";
+import { TranslationButton as Bt } from "./components/translation/translation_button/TranslationButton.js";
+import { UpDownVoteBox as Ct } from "./components/vote/up_down_vote_box/UpDownVoteBox.js";
+import { UpdateUserInfoModal as ht } from "./components/user/update_user_info_modal/UpdateUserInfoModal.js";
+import { UserBox as Tt } from "./components/user/user_box/UserBox.js";
+import { UserBoxSmall as vt } from "./components/user/user_box_small/UserBoxSmall.js";
+import { UserContentSkeleton as Mt } from "./components/skeleton/user_content_skeleton/UserContentSkeleton.js";
+import { VoteBox as bt } from "./components/vote/vote_box/VoteBox.js";
+import { VoteButton as Dt } from "./components/vote/vote_button/VoteButton.js";
+import { VoteContext as Ut, VoteProvider as wt } from "./components/vote/vote_provider/VoteProvider.js";
+import { VotePaginatedList as Vt } from "./components/list/paginated_list/VotePaginatedList.js";
+import { WithAd as Nt } from "./components/ad/with_ad/WithAd.js";
+import { authTokenHandler as Gt } from "./components/auth/use_auth/authTokenHandler.js";
+import { classes as $t, getAccent as _t } from "./components/input/text_input/color-accent.js";
+import { dataProvider as Kt } from "./components/data/data_provider/DataProvider.js";
+import { extractFormData as Wt } from "./components/forms/form/extract-form-data.js";
+import { getTranslatedContent as jt, useTranslatedContent as Jt } from "./components/translation/translated_content/useTranslatedContent.js";
+import { httpClient as Xt } from "./components/data/axios_client/httpClient.js";
+import { lexicalToHtml as ox } from "./components/input/text_editor/lexicalToHtml.js";
+import { makeStorage as ex } from "./components/auth/use_auth/AuthStorage.js";
+import { uniqueBy as xx } from "./components/util/unique_by/uniqueBy.js";
+import { useAuth as px } from "./components/auth/use_auth/useAuth.js";
+import { useAuthInterceptor as nx } from "./components/auth/use_auth/useAuthInterceptor.js";
+import { useAuthRequired as ix } from "./components/hooks/use_auth_required/useAuthRequired.js";
+import { useConfig as ux } from "./components/data/config_provider/useConfig.js";
+import { useCssTheme as lx } from "./components/hooks/use_css_theme/useCssTheme.js";
+import { useData as cx } from "./components/data/data_provider/useData.js";
+import { useDataProvider as Sx } from "./components/data/data_provider/useDataProvider.js";
+import { useDeleteContent as Ax } from "./components/user_content/use_delete_content/useDeleteContent.js";
+import { useFollow as Ix } from "./components/follow/use_follow/useFollow.js";
+import { useFontLoader as Px } from "./components/hooks/use_font_loader/useFontLoader.js";
+import { useForm as Lx } from "./components/forms/form/use-form.js";
+import { useFormContext as Fx } from "./components/forms/form/use-form-context.js";
+import { useFormValidation as kx } from "./components/forms/use_form_validation/useFormValidation.js";
+import { useGoogleAdManager as Rx } from "./components/ad/use_google_ad_manager/useGoogleAdManager.js";
+import { useInput as wx } from "./components/input/input_provider/useInput.js";
+import { useList as Vx } from "./components/list/list_provider/useList.js";
+import { useLocale as Nx } from "./components/intl/intl_provider/useLocale.js";
+import { useMatomo as Gx } from "./components/hooks/use_matomo/useMatomo.js";
+import { useModal as $x } from "./components/dialog/modal/useModal.js";
+import { useRelativeTime as qx } from "./components/hooks/use_relative_time/useRelativeTime.js";
+import { useReportContent as zx } from "./components/user_content/use_report_content/useReportContent.js";
+import { useResponsive as Yx } from "./components/hooks/use_responsive/useResponsive.js";
+import { useRichContent as Jx } from "./components/argument/argument/useRichContent.js";
+import { useRoutes as Xx } from "./components/data/config_provider/useRoutes.js";
+import { useToast as om } from "./components/dialog/toast_provider/useToast.js";
+import { useUpdateUserInfo as em } from "./components/user/update_user_info_modal/useUpdateUserInfo.js";
+import { useVote as xm } from "./components/vote/use_vote/useVote.js";
+import { withConfig as pm } from "./components/data/config_provider/withConfig.js";
 export {
   f as ActionBar,
   a as AdUnit,
@@ -169,10 +172,10 @@ export {
   T as AuthModal,
   v as AuthProvider,
   F as AuthProviderFactory,
-  D as AuthorBox,
-  U as Avatar,
-  E as AvatarSelector,
-  b as BackLink,
+  k as AuthorBox,
+  R as Avatar,
+  w as AvatarSelector,
+  V as BackLink,
   N as BadgeBox,
   G as BoxSkeleton,
   $ as Button,
@@ -195,10 +198,10 @@ export {
   To as ExpandableText,
   vo as FacebookLoginButton,
   Mo as FollowButton,
-  ko as Form,
-  Ro as FormContext,
-  wo as GoogleLoginButton,
-  Vo as HashScroll,
+  bo as Form,
+  Do as FormContext,
+  Uo as GoogleLoginButton,
+  Eo as HashScroll,
   yo as Icon,
   Ho as IconContext,
   Go as IconProvider,
@@ -222,10 +225,10 @@ export {
   Tr as ModalProvider,
   vr as NavbarButton,
   Mr as NavbarModal,
-  kr as NotificationItem,
-  Rr as NotificationMenu,
-  wr as OAuth2Button,
-  Vr as PaginatedList,
+  br as NotificationItem,
+  Dr as NotificationMenu,
+  Ur as OAuth2Button,
+  Er as PaginatedList,
   yr as Pagination,
   Hr as PieChart,
   Or as PointBox,
@@ -249,82 +252,85 @@ export {
   Te as SourceBox,
   ve as SourceListItem,
   Me as SourceModal,
-  ke as StandardErrorBoundary,
-  Re as SuggestionBanner,
-  we as SuggestionBox,
-  Ve as SuggestionInput,
+  be as StandardErrorBoundary,
+  De as SuggestionBanner,
+  Ue as SuggestionBox,
+  Ee as SuggestionInput,
   ye as SuggestionVoteBox,
   He as Summary,
   Oe as SummaryBox,
   _e as SummaryContentBox,
-  Ke as Tag,
-  We as TextEditor,
-  je as TextInput,
-  Qe as Toast,
-  Ze as ToastProvider,
-  rt as Toggle,
-  tt as TogglePosition,
-  mt as Tooltip,
-  ft as TopArguments,
-  at as TranslatedContent,
-  st as TranslationButton,
-  dt as UpDownVoteBox,
-  gt as UpdateUserInfoModal,
-  Bt as UserBox,
-  Ct as UserBoxSmall,
-  ht as UserContentSkeleton,
-  Tt as VoteBox,
-  vt as VoteButton,
-  Mt as VoteContext,
-  Dt as VotePaginatedList,
-  Ft as VoteProvider,
-  Ut as WithAd,
-  Et as authTokenHandler,
+  Ke as Tab,
+  We as TabPanel,
+  je as Tabs,
+  Qe as Tag,
+  Ze as TextEditor,
+  rt as TextInput,
+  tt as Toast,
+  mt as ToastProvider,
+  ft as Toggle,
+  at as TogglePosition,
+  st as Tooltip,
+  dt as TopArguments,
+  gt as TranslatedContent,
+  Bt as TranslationButton,
+  Ct as UpDownVoteBox,
+  ht as UpdateUserInfoModal,
+  Tt as UserBox,
+  vt as UserBoxSmall,
+  Mt as UserContentSkeleton,
+  bt as VoteBox,
+  Dt as VoteButton,
+  Ut as VoteContext,
+  Vt as VotePaginatedList,
+  wt as VoteProvider,
+  Nt as WithAd,
+  Gt as authTokenHandler,
   r as bildIcons,
-  bt as classes,
-  Ht as dataProvider,
-  Ot as extractFormData,
-  yt as getAccent,
+  $t as classes,
+  Kt as dataProvider,
+  Wt as extractFormData,
+  _t as getAccent,
   tr as getLocaleIcon,
   xr as getLocaleName,
-  _t as getTranslatedContent,
+  jt as getTranslatedContent,
   t as heroIcons,
-  zt as httpClient,
+  Xt as httpClient,
   x as kroneIcons,
-  Yt as lexicalToHtml,
-  Jt as makeStorage,
+  ox as lexicalToHtml,
+  ex as makeStorage,
   o as regularIcons,
   e as spiegelIcons,
-  Xt as uniqueBy,
-  ox as useAuth,
+  xx as uniqueBy,
+  px as useAuth,
   Co as useAuthActions,
-  ex as useAuthInterceptor,
-  xx as useAuthRequired,
-  px as useConfig,
-  nx as useCssTheme,
-  ix as useData,
-  ux as useDataProvider,
-  lx as useDeleteContent,
-  cx as useFollow,
-  Sx as useFontLoader,
-  Ax as useForm,
-  Ix as useFormContext,
-  Px as useFormValidation,
-  Lx as useGoogleAdManager,
-  Fx as useInput,
-  Dx as useList,
-  Ux as useLocale,
-  Ex as useMatomo,
-  bx as useModal,
-  Nx as useRelativeTime,
-  Gx as useReportContent,
-  $x as useResponsive,
-  qx as useRichContent,
-  zx as useRoutes,
-  Yx as useToast,
-  qt as useTranslatedContent,
-  Jx as useUpdateUserInfo,
-  Xx as useVote,
+  nx as useAuthInterceptor,
+  ix as useAuthRequired,
+  ux as useConfig,
+  lx as useCssTheme,
+  cx as useData,
+  Sx as useDataProvider,
+  Ax as useDeleteContent,
+  Ix as useFollow,
+  Px as useFontLoader,
+  Lx as useForm,
+  Fx as useFormContext,
+  kx as useFormValidation,
+  Rx as useGoogleAdManager,
+  wx as useInput,
+  Vx as useList,
+  Nx as useLocale,
+  Gx as useMatomo,
+  $x as useModal,
+  qx as useRelativeTime,
+  zx as useReportContent,
+  Yx as useResponsive,
+  Jx as useRichContent,
+  Xx as useRoutes,
+  om as useToast,
+  Jt as useTranslatedContent,
+  em as useUpdateUserInfo,
+  xm as useVote,
   L as withAuth,
-  om as withConfig
+  pm as withConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",

package/src/components/styles/tabs/Tabs.stories.jsx

@@ -1,66 +0,0 @@
-import React, { useState } from "react";
-import cx from "classnames";
-import styles from "./tabs.stories.module.scss";
-
-const TabsDemo = ({ tabs }) => {
-	const [activeTab, setActiveTab] = useState(0);
-
-	return (
-		<div>
-			<nav>
-				<ul className={styles.navTabs}>
-					{tabs.map((tab, index) => (
-						<li key={tab} className={styles.navItem}>
-							<div
-								className={cx(styles.navLink, {
-									[styles.active]: activeTab === index,
-								})}
-								onClick={() => setActiveTab(index)}
-								onKeyUp={(e) => {
-									if (e.key === "Enter" || e.key === " ") setActiveTab(index);
-								}}
-								role="tab"
-								tabIndex={0}
-								aria-selected={activeTab === index}
-							>
-								{tab}
-							</div>
-						</li>
-					))}
-				</ul>
-			</nav>
-			<div className={styles.tabContent}>
-				{tabs.map((tab, index) => (
-					<div
-						key={tab}
-						className={cx(styles.tabPane, { [styles.active]: activeTab === index })}
-					>
-						Contenu de l'onglet : <strong>{tab}</strong>
-					</div>
-				))}
-			</div>
-		</div>
-	);
-};
-
-const meta = {
-	title: "Styles/Tabs",
-	component: TabsDemo,
-	args: {
-		tabs: ["Onglet 1", "Onglet 2", "Onglet 3"],
-	},
-	argTypes: {
-		tabs: { control: "object" },
-	},
-	render: (args) => <TabsDemo {...args} />,
-};
-
-export default meta;
-
-export const DefaultTabs = {};
-
-export const TwoTabs = {
-	args: {
-		tabs: ["En cours", "Sélectionnés"],
-	},
-};

package/src/components/styles/tabs/_tabs.scss

@@ -1,161 +0,0 @@
-@use '../theme' as theme;
-@use '../spacing' as spacing;
-@use '../display' as display;
-
-:global(.MuiTab-root:focus) {
-    outline: none !important;
-}
-
-.navTabs {
-    display: flex;
-    flex-wrap: nowrap;
-    gap: spacing.$spacer-lg;
-    white-space: nowrap;
-    padding-left: 0;
-    margin-bottom: 0;
-    border-bottom: 0 !important;
-    list-style: none;
-
-    @include display.media-breakpoint-down(xs) {
-        font-size: theme.$font-size-normal;
-        gap: spacing.$spacer;
-    }
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
-
-    .navLink {
-        border: 1px solid transparent;
-        border-top-left-radius: theme.$box-border-radius;
-        border-top-right-radius: theme.$box-border-radius;
-
-        &:hover,
-        &:focus {
-            border-color: theme.$text-tertiary theme.$text-tertiary theme.$darken-text-tertiary;
-        }
-
-        &.disabled {
-            color: theme.$darkest-text-tertiary;
-            background-color: transparent;
-            border-color: transparent;
-        }
-    }
-
-    .navLink.active,
-    .navItem.show .navLink {
-        color: theme.$text-secondary;
-        background-color: theme.$background-color-primary;
-        border-color: theme.$darken-text-tertiary theme.$darken-text-tertiary theme.$background-color-primary;
-    }
-}
-
-.navLink {
-    display: block;
-    padding-bottom: spacing.$spacer-sm;
-
-    &:hover,
-    &:focus {
-        text-decoration: none;
-    }
-
-    // Disabled state lightens text
-    &.disabled {
-        color: theme.$darkest-text-tertiary;
-        pointer-events: none;
-        cursor: default;
-    }
-}
-
-.tabContent {
-    >.tabPane {
-        display: none;
-    }
-
-    >.active {
-        display: block;
-    }
-}
-
-.navTabs .navItem {
-    cursor: pointer;
-    position: relative;
-}
-
-.navLink.active,
-.navLink:focus,
-.navLink.active:hover {
-    background: transparent;
-    border-width: 0 !important;
-}
-
-.navLink {
-    border: none !important;
-    color: theme.$text-primary;
-    outline: 0;
-}
-
-.navLink.active {
-    border: none !important;
-    color: theme.$text-primary !important;
-    background: transparent;
-    font-weight: theme.$font-weight-bold;
-}
-
-.navLink:hover {
-    border: none !important;
-    color: theme.$text-primary !important;
-    background: transparent;
-}
-
-.navLink::after {
-    content: "";
-    background-color: theme.$text-primary;
-    height: 2px;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    bottom: -1px;
-    z-index: 1;
-    transition: all 250ms ease 0s;
-    transform: scale(0);
-}
-
-.navLink.active::after,
-.navTabs>.navItem:hover>.navLink::after {
-    transform: scale(1);
-}
-
-.navLink.active:hover {
-    background: transparent;
-}
-
-.tabPane {
-    padding: 10px 0;
-    min-height: 50vh;
-}
-
-.tabContainer {
-    display: flex;
-    flex-direction: column;
-    gap: spacing.$spacer-lg;
-    @include spacing.mt(2.5, xs);
-
-    @include display.media-breakpoint-down(xs) {
-        gap: spacing.$spacer;
-    }
-}
-
-.tab {
-    color: theme.$text-primary !important;
-    @include spacing.px(0, xs);
-}
-
-.tabSelected {
-    color: theme.$text-primary !important;
-    font-weight: theme.$font-weight-bold !important;
-}
-
-.tabIndicator {
-    background: theme.$text-primary !important;
-}

package/src/components/styles/tabs/index.scss

@@ -1 +0,0 @@
-@forward './tabs';

package/src/components/styles/tabs/tabs.docs.mdx

@@ -1,8 +0,0 @@
----
-description: SASS classes for tabs.
----
-
-### Component usage
-```scss
-    @use '@logora/debate.styles.tabs' as tabs;
-```

package/src/components/styles/tabs/tabs.stories.module.scss

@@ -1 +0,0 @@
-@use './tabs';