@byline/ui 4.11.0 → 4.11.1

package/dist/icons/ellipsis-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const EllipsisIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('ellipsis-icon', className),
+        className: clsx('ellipsis-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/icons/email-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const EmailIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('email-icon', className),
+        className: clsx('email-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/icons/external-link-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ExternalLinkIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('external-link-icon', className),
+        className: clsx('external-link-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/eye-closed-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const EyeClosedIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('eye-closed-icon', className),
+        className: clsx('eye-closed-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/eye-open-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const EyeOpenIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('eye-open-icon', className),
+        className: clsx('eye-open-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/github-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const GithubIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('github-icon', className),
+        className: clsx('github-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/icons/globe-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const GlobeIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('globe-icon flex items-center justify-center', className),
+        className: clsx('globe-icon flex items-center justify-center', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/google-icon.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 const GoogleIcon = ({ className, svgClassName, ...rest })=>{
     const applied = svgClassName;
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('google-icon', className),
+        className: clsx('google-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/icons/gripper-vertical-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const GripperVerticalIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('gripper-vertical-icon', className),
+        className: clsx('gripper-vertical-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/history-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const HistoryIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('history-icon', className),
+        className: clsx('history-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/home-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const HomeIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('home-icon', className),
+        className: clsx('home-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/icon-element.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import icons_module from "./icons.module.js";
 const IconElement = (props)=>{
     const { className, children, width, height, menuItem = false, ...rest } = props;
@@ -9,7 +9,7 @@ const IconElement = (props)=>{
             height,
             marginRight: null != menuItem && menuItem ? '1.2rem' : '0'
         },
-        className: classnames(icons_module["element-root"], className),
+        className: clsx(icons_module["element-root"], className),
         ...rest,
         children: children
     });

package/dist/icons/info-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const InfoIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-info"], svgClassName);
+    const applied = clsx(icons_module["fill-info"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('info-icon', className),
+        className: clsx('info-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/infonomic-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 const svgStylesDefault = '';
 const InfonomicIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(svgStylesDefault, svgClassName);
+    const applied = clsx(svgStylesDefault, svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('infonomic-icon', className),
+        className: clsx('infonomic-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/light-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const LightIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('light-icon', className),
+        className: clsx('light-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/location-pin-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const LocationPinIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-gray"], svgClassName);
+    const applied = clsx(icons_module["fill-gray"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('location-pin-icon', className),
+        className: clsx('location-pin-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/markdown-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const MarkdownIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('markdown-icon', className),
+        className: clsx('markdown-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/moon-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const MoonIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('moon-icon', className),
+        className: clsx('moon-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/icons/plus-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const PlusIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('plus-icon', className),
+        className: clsx('plus-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/primary-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const PrimaryIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-primary"], svgClassName);
+    const applied = clsx(icons_module["fill-primary"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('primary-icon', className),
+        className: clsx('primary-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/refresh-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const RefreshIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('refresh-icon', className),
+        className: clsx('refresh-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/return-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const ReturnIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('return-icon', className),
+        className: clsx('return-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/roles-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const RolesIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('roles-icon', className),
+        className: clsx('roles-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/search-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SearchIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('search-icon', className),
+        className: clsx('search-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/search-menu-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SearchMenuIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-gray"], svgClassName);
+    const applied = clsx(icons_module["fill-gray"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('search-menu-icon', className),
+        className: clsx('search-menu-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/settings-gear-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SettingsGearIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('settings-gear-icon', className),
+        className: clsx('settings-gear-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/settings-sliders-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SettingsSlidersIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('settings-sliders-icon', className),
+        className: clsx('settings-sliders-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/sign-out-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SignOutIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('sign-out-icon', className),
+        className: clsx('sign-out-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/stop-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const StopIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('stop-icon', className),
+        className: clsx('stop-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/stopwatch-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const StopwatchIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], icons_module["stroke-none"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('stopwatch-icon', className),
+        className: clsx('stopwatch-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/success-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const SuccessIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-success"], svgClassName);
+    const applied = clsx(icons_module["fill-success"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('success-icon', className),
+        className: clsx('success-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/user-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const UserIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('user-icon', className),
+        className: clsx('user-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/icons/users-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const UsersIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('users-icon', className),
+        className: clsx('users-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             xmlns: "http://www.w3.org/2000/svg",

package/dist/icons/video-icon.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const VideoIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
+    const applied = clsx(icons_module["fill-none"], icons_module["stroke-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('video-icon', className),
+        className: clsx('video-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsxs("svg", {
             className: applied,

package/dist/icons/wallet-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const WalletIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-current"], svgClassName);
+    const applied = clsx(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('wallet-icon', className),
+        className: clsx('wallet-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/warning-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const WarningIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-warning"], svgClassName);
+    const applied = clsx(icons_module["fill-warning"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('warning-icon', className),
+        className: clsx('warning-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/icons/x-icon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const XIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-gray"], svgClassName);
+    const applied = clsx(icons_module["fill-gray"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
-        className: classnames('x-icon', className),
+        className: clsx('x-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             className: applied,

package/dist/loaders/ellipses.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import ellipses_module from "./ellipses.module.js";
 function LoaderEllipsis({ color, size, className, style, ...rest }) {
     const ellipsisStyle = {
@@ -10,10 +10,10 @@ function LoaderEllipsis({ color, size, className, style, ...rest }) {
     const circles = [
         ...Array(4)
     ].map((_, index)=>/*#__PURE__*/ jsx("div", {
-            className: classnames('byline-loader-ellipsis-dot', ellipses_module["loader-ellipsis-dot"])
+            className: clsx('byline-loader-ellipsis-dot', ellipses_module["loader-ellipsis-dot"])
         }, index));
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-loader-ellipsis', ellipses_module["loader-ellipsis"], className),
+        className: clsx('byline-loader-ellipsis', ellipses_module["loader-ellipsis"], className),
         style: ellipsisStyle,
         ...rest,
         children: circles