@logora/debate 0.2.5 → 0.3.0

package/dist/components/vote/use_vote/useVote.js

@@ -3,12 +3,12 @@ import { VoteContext as H } from "../vote_provider/VoteProvider.js";
 import { useAuth as I } from "../../auth/use_auth/useAuth.js";
 import { useDataProvider as L } from "../../data/data_provider/useDataProvider.js";
 import { useAuthRequired as O } from "../../hooks/use_auth_required/useAuthRequired.js";
-const K = (b, d, x, S, w = null) => {
-  const { votes: f } = B(H), { isLoggedIn: i } = I(), V = L(), [D, h] = n(!1), [A, T] = n(!0), [_, m] = n(), [r, g] = n(x), [u, v] = n(S), [q, s] = n(!1), [y, C] = n(!1), j = O();
+const K = (x, d, S, q, w = null) => {
+  const { votes: f } = B(H), { isLoggedIn: i } = I(), V = L(), [D, h] = n(!1), [A, T] = n(!0), [_, m] = n(), [r, g] = n(S), [u, v] = n(q), [y, s] = n(!1), [C, b] = n(!1), j = O();
   E(() => {
-    if (!y && i && Object.keys(f).length > 0 && d in f) {
+    if (!C && i && Object.keys(f).length > 0 && d in f) {
       const e = f[d];
-      C(!0), h(!!e), T(e?.is_upvote), m(e?.id);
+      b(!0), h(!!e), T(e?.is_upvote), m(e?.id);
     }
   }, [f, i]);
   const c = (e) => {
@@ -20,7 +20,7 @@ const K = (b, d, x, S, w = null) => {
     const t = e ? r - 1 : r, o = e ? u : u - 1;
     w?.(e, !1, t, o), e ? g((a) => a - 1) : v((a) => a - 1);
   }, k = (e) => {
-    if (D)
+    if (b(!0), D)
       if (A === e)
         l(e), s(!0), V.delete("votes", _).then(
           (t) => {
@@ -47,7 +47,7 @@ const K = (b, d, x, S, w = null) => {
     else {
       const t = {
         voteable_id: d,
-        voteable_type: b,
+        voteable_type: x,
         is_upvote: e
       };
       c(e), s(!0), V.create("votes", t).then(
@@ -66,7 +66,7 @@ const K = (b, d, x, S, w = null) => {
     activeVote: D,
     voteSide: A,
     handleVote: (e) => {
-      q || (i ? k(e) : j({ loginAction: "vote" }));
+      y || (i ? k(e) : j({ loginAction: "vote" }));
     }
   };
 };

package/dist/index.js

@@ -1,68 +1,68 @@
-import * as o from "./components/icons/bild_icons/index.js";
-import * as r from "./components/icons/hero_icons/index.js";
-import * as e from "./components/icons/krone_icons/index.js";
-import * as t from "./components/icons/regular_icons/index.js";
-import * as x from "./components/icons/spiegel_icons/index.js";
+import * as o from "./components/icons/regular_icons/index.js";
+import * as r from "./components/icons/bild_icons/index.js";
+import * as e from "./components/icons/spiegel_icons/index.js";
+import * as t from "./components/icons/hero_icons/index.js";
+import * as x from "./components/icons/krone_icons/index.js";
 import { ActionBar as f } from "./components/list/paginated_list/action_bar/ActionBar.js";
 import { AdUnit as a } from "./components/ad/ad_unit/AdUnit.js";
-import { AnnouncementDialog as i } from "./components/dialog/announcement_dialog/AnnouncementDialog.js";
+import { AnnouncementDialog as s } from "./components/dialog/announcement_dialog/AnnouncementDialog.js";
 import { Argument as l } from "./components/argument/argument/Argument.js";
 import { ArgumentSummaryBox as g } from "./components/summary/argument_summary_box/ArgumentSummaryBox.js";
 import { AuthContext as B } from "./components/auth/use_auth/AuthContext.js";
 import { AuthInitializer as S } from "./components/auth/auth_initializer/AuthInitializer.js";
-import { AuthProvider as A, withAuth as I } from "./components/auth/use_auth/AuthProvider.js";
-import { AuthorBox as P } from "./components/user/author_box/AuthorBox.js";
-import { Avatar as L } from "./components/user/avatar/Avatar.js";
+import { AuthProvider as h, withAuth as I } from "./components/auth/use_auth/AuthProvider.js";
+import { AuthorBox as L } from "./components/user/author_box/AuthorBox.js";
+import { Avatar as v } from "./components/user/avatar/Avatar.js";
 import { AvatarSelector as M } from "./components/user/avatar_selector/AvatarSelector.js";
 import { BackLink as D } from "./components/action/back_link/BackLink.js";
 import { BadgeBox as U } from "./components/gamification/badge_box/BadgeBox.js";
 import { BoxSkeleton as V } from "./components/skeleton/box_skeleton/BoxSkeleton.js";
 import { Button as E } from "./components/action/button/Button.js";
-import { CheckBox as y } from "./components/icons/krone_icons/CheckBox.js";
-import { ConfigContext as G, ConfigProvider as O } from "./components/data/config_provider/ConfigProvider.js";
-import { ConfirmModal as _ } from "./components/dialog/confirm_modal/ConfirmModal.js";
-import { ConsultationBox as K } from "./components/consultation/consultation_box/ConsultationBox.js";
-import { ContentFooter as W } from "./components/user_content/content_footer/ContentFooter.js";
-import { ContentHeader as j } from "./components/user_content/content_header/ContentHeader.js";
-import { ContextSourceBox as Q } from "./components/source/context_source_box/ContextSourceBox.js";
-import { ContextSourceList as Z } from "./components/source/context_source_list/ContextSourceList.js";
-import { Countdown as ro } from "./components/dialog/countdown/Countdown.js";
-import { DataProviderContext as to } from "./components/data/data_provider/DataProviderContext.js";
-import { DebateBox as mo } from "./components/debate/debate_box/DebateBox.js";
-import { DialogBox as fo } from "./components/dialog/dialog_box/DialogBox.js";
-import { Drawer as ao } from "./components/dialog/drawer/Drawer.js";
-import { Dropdown as io } from "./components/dialog/dropdown/Dropdown.js";
-import { EMAIL_CONSENT_STORAGE_KEY as lo, useAuthActions as go } from "./components/auth/use_auth/useAuthActions.js";
-import { EmbedHeader as Bo } from "./components/embed/embed_header/EmbedHeader.js";
-import { ExpandableText as So } from "./components/text/expandable_text/ExpandableText.js";
-import { FacebookLoginButton as Ao } from "./components/auth/facebook_login_button/FacebookLoginButton.js";
-import { FollowButton as To } from "./components/follow/follow_button/FollowButton.js";
-import { Form as vo } from "./components/forms/form/form.js";
-import { FormContext as Fo } from "./components/forms/form/form-context.js";
-import { GoogleLoginButton as ko } from "./components/auth/google_login_button/GoogleLoginButton.js";
-import { HashScroll as Ro } from "./components/tools/hash_scroll/HashScroll.js";
-import { Icon as wo } from "./components/icons/icon/Icon.js";
-import { IconContext as bo, IconProvider as Eo } from "./components/icons/icon_provider/IconProvider.js";
-import { IconTextLink as yo } from "./components/action/icon_text_link/IconTextLink.js";
-import { HiddenCheckbox as Go } from "./components/input/checkbox/hidden/hidden-checkbox.js";
-import { InputProvider as $o } from "./components/input/input_provider/InputProvider.js";
-import { IntlContext as qo } from "./components/intl/intl_provider/IntlContext.js";
-import { IntlProvider as zo } from "./components/intl/intl_provider/IntlProvider.js";
-import { KeywordBox as Yo } from "./components/summary/keyword_box/KeywordBox.js";
-import { LANGUAGES as Jo, getLocaleIcon as Qo, getLocaleName as Xo } from "./components/util/lang_emojis/langEmojis.js";
-import { LineChart as or } from "./components/chart/line_chart/LineChart.js";
+import { ConfigContext as y, ConfigProvider as H } from "./components/data/config_provider/ConfigProvider.js";
+import { ConfirmModal as O } from "./components/dialog/confirm_modal/ConfirmModal.js";
+import { ConsultationBox as _ } from "./components/consultation/consultation_box/ConsultationBox.js";
+import { ContentFooter as K } from "./components/user_content/content_footer/ContentFooter.js";
+import { ContentHeader as W } from "./components/user_content/content_header/ContentHeader.js";
+import { ContextSourceBox as j } from "./components/source/context_source_box/ContextSourceBox.js";
+import { ContextSourceList as Q } from "./components/source/context_source_list/ContextSourceList.js";
+import { Countdown as Z } from "./components/dialog/countdown/Countdown.js";
+import { DataProviderContext as ro } from "./components/data/data_provider/DataProviderContext.js";
+import { DebateBox as to } from "./components/debate/debate_box/DebateBox.js";
+import { DialogBox as mo } from "./components/dialog/dialog_box/DialogBox.js";
+import { Drawer as fo } from "./components/dialog/drawer/Drawer.js";
+import { Dropdown as ao } from "./components/dialog/dropdown/Dropdown.js";
+import { EMAIL_CONSENT_STORAGE_KEY as so, useAuthActions as uo } from "./components/auth/use_auth/useAuthActions.js";
+import { EmbedHeader as go } from "./components/embed/embed_header/EmbedHeader.js";
+import { ExpandableText as Bo } from "./components/text/expandable_text/ExpandableText.js";
+import { FacebookLoginButton as So } from "./components/auth/facebook_login_button/FacebookLoginButton.js";
+import { FollowButton as ho } from "./components/follow/follow_button/FollowButton.js";
+import { Form as To } from "./components/forms/form/form.js";
+import { FormContext as Po } from "./components/forms/form/form-context.js";
+import { GoogleLoginButton as Fo } from "./components/auth/google_login_button/GoogleLoginButton.js";
+import { HashScroll as ko } from "./components/tools/hash_scroll/HashScroll.js";
+import { Icon as Ro } from "./components/icons/icon/Icon.js";
+import { IconContext as wo, IconProvider as Vo } from "./components/icons/icon_provider/IconProvider.js";
+import { IconTextLink as Eo } from "./components/action/icon_text_link/IconTextLink.js";
+import { HiddenCheckbox as yo } from "./components/input/checkbox/hidden/hidden-checkbox.js";
+import { InputProvider as Go } from "./components/input/input_provider/InputProvider.js";
+import { IntlContext as $o } from "./components/intl/intl_provider/IntlContext.js";
+import { IntlProvider as qo } from "./components/intl/intl_provider/IntlProvider.js";
+import { KeywordBox as zo } from "./components/summary/keyword_box/KeywordBox.js";
+import { LANGUAGES as Yo, getLocaleIcon as jo, getLocaleName as Jo } from "./components/util/lang_emojis/langEmojis.js";
+import { LineChart as Xo } from "./components/chart/line_chart/LineChart.js";
+import { Link as or } from "./components/action/link/Link.js";
 import { ListProvider as er } from "./components/list/list_provider/ListProvider.js";
 import { Loader as xr } from "./components/progress/loader/Loader.js";
 import { Location as pr } from "./components/util/location/Location.js";
 import { LoginForm as nr } from "./components/auth/login_form/LoginForm.js";
-import { Message as sr } from "./components/input/text_input/message.js";
+import { Message as ir } from "./components/input/text_input/message.js";
 import { Modal as ur } from "./components/dialog/modal/Modal.js";
 import { ModalContext as dr, ModalProvider as gr } from "./components/dialog/modal/ModalProvider.js";
 import { NavbarButton as Br } from "./components/navbar/navbar_button/NavbarButton.js";
 import { NavbarModal as Sr } from "./components/navbar/navbar_modal/NavbarModal.js";
-import { NotificationItem as Ar } from "./components/notification/notification_item/NotificationItem.js";
+import { NotificationItem as hr } from "./components/notification/notification_item/NotificationItem.js";
 import { OAuth2Button as Tr } from "./components/auth/oauth2_button/OAuth2Button.js";
-import { PaginatedList as vr } from "./components/list/paginated_list/PaginatedList.js";
+import { PaginatedList as Pr } from "./components/list/paginated_list/PaginatedList.js";
 import { Pagination as Fr } from "./components/list/pagination/Pagination.js";
 import { PieChart as kr } from "./components/chart/pie_chart/PieChart.js";
 import { PointBox as Rr } from "./components/gamification/point_box/PointBox.js";
@@ -82,14 +82,14 @@ import { SignupForm as te } from "./components/auth/signup_form/SignupForm.js";
 import { SocialAuthForm as me } from "./components/auth/social_auth_form/SocialAuthForm.js";
 import { SourceBox as fe } from "./components/source/source_box/SourceBox.js";
 import { SourceListItem as ae } from "./components/source/source_list_item/SourceListItem.js";
-import { SourceModal as ie } from "./components/source/source_modal/SourceModal.js";
+import { SourceModal as se } from "./components/source/source_modal/SourceModal.js";
 import { SuggestionBanner as le } from "./components/suggestion/suggestion_banner/SuggestionBanner.js";
 import { SuggestionBox as ge } from "./components/suggestion/suggestion_box/SuggestionBox.js";
 import { SuggestionInput as Be } from "./components/suggestion/suggestion_input/SuggestionInput.js";
 import { SuggestionVoteBox as Se } from "./components/vote/suggestion_vote_box/SuggestionVoteBox.js";
-import { Summary as Ae } from "./components/summary/summary/Summary.js";
+import { Summary as he } from "./components/summary/summary/Summary.js";
 import { SummaryBox as Te } from "./components/summary/summary_box/SummaryBox.js";
-import { SummaryContentBox as ve } from "./components/user_content/summary_content_box/SummaryContentBox.js";
+import { SummaryContentBox as Pe } from "./components/user_content/summary_content_box/SummaryContentBox.js";
 import { Tag as Fe } from "./components/tag/tag/Tag.js";
 import { TextInput as ke } from "./components/input/text_input/TextInput.js";
 import { Toast as Re } from "./components/dialog/toast/Toast.js";
@@ -108,14 +108,14 @@ import { UserContentSkeleton as rt } from "./components/skeleton/user_content_sk
 import { VoteBox as tt } from "./components/vote/vote_box/VoteBox.js";
 import { VoteButton as mt } from "./components/vote/vote_button/VoteButton.js";
 import { VoteContext as ft, VoteProvider as nt } from "./components/vote/vote_provider/VoteProvider.js";
-import { VotePaginatedList as st } from "./components/list/paginated_list/VotePaginatedList.js";
+import { VotePaginatedList as it } from "./components/list/paginated_list/VotePaginatedList.js";
 import { WithAd as ut } from "./components/ad/with_ad/WithAd.js";
 import { authTokenHandler as dt } from "./components/auth/use_auth/authTokenHandler.js";
 import { classes as ct, getAccent as Bt } from "./components/input/text_input/color-accent.js";
 import { dataProvider as St } from "./components/data/data_provider/DataProvider.js";
-import { extractFormData as At } from "./components/forms/form/extract-form-data.js";
-import { getTranslatedContent as Tt, useTranslatedContent as Pt } from "./components/translation/translated_content/useTranslatedContent.js";
-import { httpClient as Lt } from "./components/data/axios_client/httpClient.js";
+import { extractFormData as ht } from "./components/forms/form/extract-form-data.js";
+import { getTranslatedContent as Tt, useTranslatedContent as Lt } from "./components/translation/translated_content/useTranslatedContent.js";
+import { httpClient as vt } from "./components/data/axios_client/httpClient.js";
 import { lexicalToHtml as Mt } from "./components/input/text_editor/lexicalToHtml.js";
 import { makeStorage as Dt } from "./components/auth/use_auth/AuthStorage.js";
 import { uniqueBy as Ut } from "./components/util/unique_by/uniqueBy.js";
@@ -134,15 +134,15 @@ import { useFormContext as ex } from "./components/forms/form/use-form-context.j
 import { useFormValidation as xx } from "./components/forms/use_form_validation/useFormValidation.js";
 import { useGoogleAdManager as px } from "./components/ad/use_google_ad_manager/useGoogleAdManager.js";
 import { useInput as nx } from "./components/input/input_provider/useInput.js";
-import { useList as sx } from "./components/list/list_provider/useList.js";
+import { useList as ix } from "./components/list/list_provider/useList.js";
 import { useLocale as ux } from "./components/intl/intl_provider/useLocale.js";
 import { useMatomo as dx } from "./components/hooks/use_matomo/useMatomo.js";
 import { useModal as cx } from "./components/dialog/modal/useModal.js";
 import { useRelativeTime as Cx } from "./components/hooks/use_relative_time/useRelativeTime.js";
-import { useReportContent as hx } from "./components/user_content/use_report_content/useReportContent.js";
+import { useReportContent as Ax } from "./components/user_content/use_report_content/useReportContent.js";
 import { useResponsive as Ix } from "./components/hooks/use_responsive/useResponsive.js";
-import { useRichContent as Px } from "./components/argument/argument/useRichContent.js";
-import { useRoutes as Lx } from "./components/data/config_provider/useRoutes.js";
+import { useRichContent as Lx } from "./components/argument/argument/useRichContent.js";
+import { useRoutes as vx } from "./components/data/config_provider/useRoutes.js";
 import { useToast as Mx } from "./components/dialog/toast_provider/useToast.js";
 import { useUpdateUserInfo as Dx } from "./components/user/update_user_info_modal/useUpdateUserInfo.js";
 import { useVote as Ux } from "./components/vote/use_vote/useVote.js";
@@ -150,67 +150,67 @@ import { withConfig as Vx } from "./components/data/config_provider/withConfig.j
 export {
   f as ActionBar,
   a as AdUnit,
-  i as AnnouncementDialog,
+  s as AnnouncementDialog,
   l as Argument,
   g as ArgumentSummaryBox,
   B as AuthContext,
   S as AuthInitializer,
-  A as AuthProvider,
-  P as AuthorBox,
-  L as Avatar,
+  h as AuthProvider,
+  L as AuthorBox,
+  v as Avatar,
   M as AvatarSelector,
   D as BackLink,
   U as BadgeBox,
   V as BoxSkeleton,
   E as Button,
-  y as CheckBox,
-  G as ConfigContext,
-  O as ConfigProvider,
-  _ as ConfirmModal,
-  K as ConsultationBox,
-  W as ContentFooter,
-  j as ContentHeader,
-  Q as ContextSourceBox,
-  Z as ContextSourceList,
-  ro as Countdown,
-  to as DataProviderContext,
-  mo as DebateBox,
-  fo as DialogBox,
-  ao as Drawer,
-  io as Dropdown,
-  lo as EMAIL_CONSENT_STORAGE_KEY,
-  Bo as EmbedHeader,
-  So as ExpandableText,
-  Ao as FacebookLoginButton,
-  To as FollowButton,
-  vo as Form,
-  Fo as FormContext,
-  ko as GoogleLoginButton,
-  Ro as HashScroll,
-  wo as Icon,
-  bo as IconContext,
-  Eo as IconProvider,
-  yo as IconTextLink,
-  Go as Input,
-  $o as InputProvider,
-  qo as IntlContext,
-  zo as IntlProvider,
-  Yo as KeywordBox,
-  Jo as LANGUAGES,
-  or as LineChart,
+  y as ConfigContext,
+  H as ConfigProvider,
+  O as ConfirmModal,
+  _ as ConsultationBox,
+  K as ContentFooter,
+  W as ContentHeader,
+  j as ContextSourceBox,
+  Q as ContextSourceList,
+  Z as Countdown,
+  ro as DataProviderContext,
+  to as DebateBox,
+  mo as DialogBox,
+  fo as Drawer,
+  ao as Dropdown,
+  so as EMAIL_CONSENT_STORAGE_KEY,
+  go as EmbedHeader,
+  Bo as ExpandableText,
+  So as FacebookLoginButton,
+  ho as FollowButton,
+  To as Form,
+  Po as FormContext,
+  Fo as GoogleLoginButton,
+  ko as HashScroll,
+  Ro as Icon,
+  wo as IconContext,
+  Vo as IconProvider,
+  Eo as IconTextLink,
+  yo as Input,
+  Go as InputProvider,
+  $o as IntlContext,
+  qo as IntlProvider,
+  zo as KeywordBox,
+  Yo as LANGUAGES,
+  Xo as LineChart,
+  or as Link,
   er as ListProvider,
   xr as Loader,
   pr as Location,
   nr as LoginForm,
-  sr as Message,
+  ir as Message,
   ur as Modal,
   dr as ModalContext,
   gr as ModalProvider,
   Br as NavbarButton,
   Sr as NavbarModal,
-  Ar as NotificationItem,
+  hr as NotificationItem,
   Tr as OAuth2Button,
-  vr as PaginatedList,
+  Pr as PaginatedList,
   Fr as Pagination,
   kr as PieChart,
   Rr as PointBox,
@@ -230,14 +230,14 @@ export {
   me as SocialAuthForm,
   fe as SourceBox,
   ae as SourceListItem,
-  ie as SourceModal,
+  se as SourceModal,
   le as SuggestionBanner,
   ge as SuggestionBox,
   Be as SuggestionInput,
   Se as SuggestionVoteBox,
-  Ae as Summary,
+  he as Summary,
   Te as SummaryBox,
-  ve as SummaryContentBox,
+  Pe as SummaryContentBox,
   Fe as Tag,
   ke as TextInput,
   Re as Toast,
@@ -256,28 +256,28 @@ export {
   tt as VoteBox,
   mt as VoteButton,
   ft as VoteContext,
-  st as VotePaginatedList,
+  it as VotePaginatedList,
   nt as VoteProvider,
   ut as WithAd,
   dt as authTokenHandler,
-  o as bildIcons,
+  r as bildIcons,
   ct as classes,
   St as dataProvider,
-  At as extractFormData,
+  ht as extractFormData,
   Bt as getAccent,
-  Qo as getLocaleIcon,
-  Xo as getLocaleName,
+  jo as getLocaleIcon,
+  Jo as getLocaleName,
   Tt as getTranslatedContent,
-  r as heroIcons,
-  Lt as httpClient,
-  e as kroneIcons,
+  t as heroIcons,
+  vt as httpClient,
+  x as kroneIcons,
   Mt as lexicalToHtml,
   Dt as makeStorage,
-  t as regularIcons,
-  x as spiegelIcons,
+  o as regularIcons,
+  e as spiegelIcons,
   Ut as uniqueBy,
   Vt as useAuth,
-  go as useAuthActions,
+  uo as useAuthActions,
   Et as useAuthInterceptor,
   yt as useAuthRequired,
   Gt as useConfig,
@@ -292,17 +292,17 @@ export {
   xx as useFormValidation,
   px as useGoogleAdManager,
   nx as useInput,
-  sx as useList,
+  ix as useList,
   ux as useLocale,
   dx as useMatomo,
   cx as useModal,
   Cx as useRelativeTime,
-  hx as useReportContent,
+  Ax as useReportContent,
   Ix as useResponsive,
-  Px as useRichContent,
-  Lx as useRoutes,
+  Lx as useRichContent,
+  vx as useRoutes,
   Mx as useToast,
-  Pt as useTranslatedContent,
+  Lt as useTranslatedContent,
   Dx as useUpdateUserInfo,
   Ux as useVote,
   I as withAuth,

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@logora/debate",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "files": [
-    "dist"
+    "dist",
+    "styles"
   ],
   "sideEffects": [
     "**/*.css",
@@ -18,9 +19,22 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./styles/*": "./styles/_*.scss",
     "./package.json": "./package.json"
   },
   "author": "Logora <contact@logora.fr>",
+  "scripts": {
+    "build": "vite build --config vite.lib.config.mjs",
+    "dev": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "format": "npx @biomejs/biome format --write ./src",
+    "lint": "npx @biomejs/biome lint ./src",
+    "check": "npx @biomejs/biome check ./src",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Logora/interface.git"
@@ -97,17 +111,5 @@
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router": "^6.29.0",
     "react-router-dom": "^6.29.0"
-  },
-  "scripts": {
-    "build": "vite build --config vite.lib.config.mjs",
-    "dev": "storybook dev -p 6006",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "format": "npx @biomejs/biome format --write ./src",
-    "lint": "npx @biomejs/biome lint ./src",
-    "check": "npx @biomejs/biome check ./src",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
   }
-}
+}

package/styles/_display.scss

@@ -0,0 +1 @@
+@forward '../src/components/styles/display';

package/styles/_flex.scss

@@ -0,0 +1 @@
+@forward '../src/components/styles/flex';

package/styles/_spacing.scss

@@ -0,0 +1 @@
+@forward '../src/components/styles/spacing';

package/styles/_tabs.scss

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

package/styles/_theme.scss

@@ -0,0 +1 @@
+@forward '../src/components/styles/theme';