lecom-ui 5.4.43 → 5.4.44

package/README.md

@@ -1 +1 @@
-lecom-ui
+lecom-ui

package/dist/components/MultiSelect/MultiSelect.js

@@ -93,13 +93,14 @@ const MultiSelect = React.forwardRef(
           setTimeout(() => calculateMaxCount(), 10);
           return;
         }
-        const CONTROLS_WIDTH = 60;
-        const COUNTER_TAG_WIDTH = 50;
-        const TAG_GAP = 4;
-        const CONTAINER_PADDING = 8;
-        const AVG_CHAR_WIDTH = 10;
-        const TAG_PADDING = 16;
-        const availableWidth = buttonWidth - CONTAINER_PADDING * 2 - CONTROLS_WIDTH;
+        const CONTAINER_PADDING = 16;
+        const TAG_GAP = 2;
+        const COUNTER_TAG_WIDTH = 60;
+        const ICONS_WIDTH = 50;
+        const AVG_CHAR_WIDTH = 7;
+        const MAX_TAG_WIDTH = 250;
+        const TAG_BASE_WIDTH = 24;
+        const availableWidth = buttonWidth - CONTAINER_PADDING - ICONS_WIDTH;
         if (availableWidth <= 0) {
           setDynamicMaxCount(1);
           return;
@@ -116,28 +117,33 @@ const MultiSelect = React.forwardRef(
         };
         const estimatedWidths = [];
         for (let i = 0; i < selectedValues.length; i++) {
-          const label = getTreeLabel(selectedValues[i]) || options.find((o) => o.value === selectedValues[i])?.label || selectedValues[i];
+          const option = options.find((option2) => option2.value === selectedValues[i]);
+          const label = getTreeLabel(selectedValues[i]) || option?.label || selectedValues[i];
+          const prefixWidth = option?.prefix ? 24 : 0;
+          const textWidth = label.length * AVG_CHAR_WIDTH;
+          const closeButtonWidth = 16;
           const estimatedWidth = Math.min(
-            label.length * AVG_CHAR_WIDTH + TAG_PADDING,
-            250
+            TAG_BASE_WIDTH + textWidth + prefixWidth + closeButtonWidth,
+            MAX_TAG_WIDTH
           );
           estimatedWidths.push(estimatedWidth);
         }
-        let totalWidth = 0;
+        let totalWidthWithoutCounter = 0;
         for (let i = 0; i < estimatedWidths.length; i++) {
-          totalWidth += estimatedWidths[i] + (i > 0 ? TAG_GAP : 0);
+          totalWidthWithoutCounter += estimatedWidths[i];
+          if (i > 0) totalWidthWithoutCounter += TAG_GAP;
         }
-        if (totalWidth <= availableWidth) {
+        if (totalWidthWithoutCounter <= availableWidth) {
           setDynamicMaxCount(selectedValues.length);
           return;
         }
-        const availableWithCounter = availableWidth - COUNTER_TAG_WIDTH - TAG_GAP;
+        const availableForTagsWithCounter = availableWidth - COUNTER_TAG_WIDTH - TAG_GAP;
         let count = 0;
-        totalWidth = 0;
+        let accumulatedWidth = 0;
         for (let i = 0; i < estimatedWidths.length; i++) {
-          const tagWidth = estimatedWidths[i] + (i > 0 ? TAG_GAP : 0);
-          if (totalWidth + tagWidth <= availableWithCounter) {
-            totalWidth += tagWidth;
+          const nextTagWidth = estimatedWidths[i] + (i > 0 ? TAG_GAP : 0);
+          if (accumulatedWidth + nextTagWidth <= availableForTagsWithCounter) {
+            accumulatedWidth += nextTagWidth;
             count++;
           } else {
             break;

package/dist/index.d.ts

@@ -999,7 +999,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLButtonElement | HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement | HTMLInputElement | HTMLUListElement | HTMLLabelElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -1168,7 +1168,7 @@ declare const textareaVariants: (props?: ({
     variant?: "filled" | "default" | "borderless" | null | undefined;
     size?: "small" | "large" | "default" | null | undefined;
     radius?: "small" | "large" | "default" | "full" | null | undefined;
-    resize?: "default" | "both" | "horizontal" | "vertical" | "vertical-limited" | null | undefined;
+    resize?: "both" | "horizontal" | "vertical" | "default" | "vertical-limited" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
 }
@@ -1311,7 +1311,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
 declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/dist/plugin/extend.js

@@ -1,79 +1,79 @@
-const extend = {
-  colors: {
-    background: 'hsl(var(--background))',
-    foreground: 'hsl(var(--foreground))',
-    card: {
-      DEFAULT: 'hsl(var(--card))',
-      foreground: 'hsl(var(--card-foreground))',
-    },
-    popover: {
-      DEFAULT: 'hsl(var(--popover))',
-      foreground: 'hsl(var(--popover-foreground))',
-    },
-    primary: {
-      DEFAULT: 'hsl(var(--primary))',
-      foreground: 'hsl(var(--primary-foreground))',
-    },
-    secondary: {
-      DEFAULT: 'hsl(var(--secondary))',
-      foreground: 'hsl(var(--secondary-foreground))',
-    },
-    muted: {
-      DEFAULT: 'hsl(var(--muted))',
-      foreground: 'hsl(var(--muted-foreground))',
-    },
-    accent: {
-      DEFAULT: 'hsl(var(--accent))',
-      foreground: 'hsl(var(--accent-foreground))',
-    },
-    destructive: {
-      DEFAULT: 'hsl(var(--destructive))',
-      foreground: 'hsl(var(--destructive-foreground))',
-    },
-    border: 'hsl(var(--border))',
-    input: 'hsl(var(--input))',
-    ring: 'hsl(var(--ring))',
-    chart: {
-      1: 'hsl(var(--chart-1))',
-      2: 'hsl(var(--chart-2))',
-      3: 'hsl(var(--chart-3))',
-      4: 'hsl(var(--chart-4))',
-      5: 'hsl(var(--chart-5))',
-      6: 'hsl(var(--chart-6))',
-      7: 'hsl(var(--chart-7))',
-      8: 'hsl(var(--chart-8))',
-    },
-    sidebar: {
-      DEFAULT: 'hsl(var(--sidebar-background))',
-      foreground: 'hsl(var(--sidebar-foreground))',
-      primary: 'hsl(var(--sidebar-primary))',
-      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
-      accent: 'hsl(var(--sidebar-accent))',
-      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
-      border: 'hsl(var(--sidebar-border))',
-      ring: 'hsl(var(--sidebar-ring))',
-    },
-  },
-  borderRadius: {
-    lg: 'var(--radius)',
-    md: 'calc(var(--radius) - 2px)',
-    sm: 'calc(var(--radius) - 4px)',
-  },
-  keyframes: {
-    'accordion-down': {
-      from: { height: '0' },
-      to: { height: 'var(--radix-accordion-content-height)' },
-    },
-    'accordion-up': {
-      from: { height: 'var(--radix-accordion-content-height)' },
-      to: { height: '0' },
-    },
-  },
-  animation: {
-    'accordion-down': 'accordion-down 0.2s ease-out',
-    'accordion-up': 'accordion-up 0.2s ease-out',
-    'spin-slow': 'spin 2s linear infinite',
-  },
-};
-
-export { extend };
+const extend = {
+  colors: {
+    background: 'hsl(var(--background))',
+    foreground: 'hsl(var(--foreground))',
+    card: {
+      DEFAULT: 'hsl(var(--card))',
+      foreground: 'hsl(var(--card-foreground))',
+    },
+    popover: {
+      DEFAULT: 'hsl(var(--popover))',
+      foreground: 'hsl(var(--popover-foreground))',
+    },
+    primary: {
+      DEFAULT: 'hsl(var(--primary))',
+      foreground: 'hsl(var(--primary-foreground))',
+    },
+    secondary: {
+      DEFAULT: 'hsl(var(--secondary))',
+      foreground: 'hsl(var(--secondary-foreground))',
+    },
+    muted: {
+      DEFAULT: 'hsl(var(--muted))',
+      foreground: 'hsl(var(--muted-foreground))',
+    },
+    accent: {
+      DEFAULT: 'hsl(var(--accent))',
+      foreground: 'hsl(var(--accent-foreground))',
+    },
+    destructive: {
+      DEFAULT: 'hsl(var(--destructive))',
+      foreground: 'hsl(var(--destructive-foreground))',
+    },
+    border: 'hsl(var(--border))',
+    input: 'hsl(var(--input))',
+    ring: 'hsl(var(--ring))',
+    chart: {
+      1: 'hsl(var(--chart-1))',
+      2: 'hsl(var(--chart-2))',
+      3: 'hsl(var(--chart-3))',
+      4: 'hsl(var(--chart-4))',
+      5: 'hsl(var(--chart-5))',
+      6: 'hsl(var(--chart-6))',
+      7: 'hsl(var(--chart-7))',
+      8: 'hsl(var(--chart-8))',
+    },
+    sidebar: {
+      DEFAULT: 'hsl(var(--sidebar-background))',
+      foreground: 'hsl(var(--sidebar-foreground))',
+      primary: 'hsl(var(--sidebar-primary))',
+      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+      accent: 'hsl(var(--sidebar-accent))',
+      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+      border: 'hsl(var(--sidebar-border))',
+      ring: 'hsl(var(--sidebar-ring))',
+    },
+  },
+  borderRadius: {
+    lg: 'var(--radius)',
+    md: 'calc(var(--radius) - 2px)',
+    sm: 'calc(var(--radius) - 4px)',
+  },
+  keyframes: {
+    'accordion-down': {
+      from: { height: '0' },
+      to: { height: 'var(--radix-accordion-content-height)' },
+    },
+    'accordion-up': {
+      from: { height: 'var(--radix-accordion-content-height)' },
+      to: { height: '0' },
+    },
+  },
+  animation: {
+    'accordion-down': 'accordion-down 0.2s ease-out',
+    'accordion-up': 'accordion-up 0.2s ease-out',
+    'spin-slow': 'spin 2s linear infinite',
+  },
+};
+
+export { extend };

package/dist/plugin/fontFaces.js

@@ -1,172 +1,172 @@
-const fontFaces = (publicPath) => [
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/thin-100-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/light-300-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/regular-400-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/medium-500-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/bold-700-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/black-900-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/thin-100.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/light-300.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/regular-400.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/medium-500.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/bold-700.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/black-900.woff2')`,
-  },
-  {
-    fontFamily: 'Montserrat',
-    fontStyle: 'italic',
-    fontWeight: '100 900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Montserrat/italic.woff2')`,
-  },
-  {
-    fontFamily: 'Montserrat',
-    fontStyle: 'normal',
-    fontWeight: '100 900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Montserrat/normal.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/thin-100-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/light-300-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/regular-400-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/medium-500-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/bold-700-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/thin-100.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/light-300.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/regular-400.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/medium-500.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/bold-700.woff2')`,
-  },
-];
-
-export { fontFaces };
+const fontFaces = (publicPath) => [
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/thin-100-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/light-300-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/regular-400-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/medium-500-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/bold-700-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/black-900-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/thin-100.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/light-300.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/regular-400.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/medium-500.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/bold-700.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/black-900.woff2')`,
+  },
+  {
+    fontFamily: 'Montserrat',
+    fontStyle: 'italic',
+    fontWeight: '100 900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Montserrat/italic.woff2')`,
+  },
+  {
+    fontFamily: 'Montserrat',
+    fontStyle: 'normal',
+    fontWeight: '100 900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Montserrat/normal.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/thin-100-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/light-300-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/regular-400-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/medium-500-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/bold-700-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/thin-100.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/light-300.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/regular-400.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/medium-500.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/bold-700.woff2')`,
+  },
+];
+
+export { fontFaces };

package/dist/plugin/general.js

@@ -1,12 +1,12 @@
-const general = {
-  '*': {
-    borderColor: 'hsl(var(--border))',
-  },
-  body: {
-    backgroundColor: 'hsl(var(--background))',
-    fontFamily: 'Roboto, sans-serif',
-    color: 'hsl(var(--foreground))',
-  },
-};
-
-export { general };
+const general = {
+  '*': {
+    borderColor: 'hsl(var(--border))',
+  },
+  body: {
+    backgroundColor: 'hsl(var(--background))',
+    fontFamily: 'Roboto, sans-serif',
+    color: 'hsl(var(--foreground))',
+  },
+};
+
+export { general };

package/dist/plugin/pluginDev.cjs

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-
-const buildPlugin = require('./template').buildPlugin;
-
-module.exports = buildPlugin('../public');
+/* eslint-disable @typescript-eslint/no-require-imports */
+
+const buildPlugin = require('./template').buildPlugin;
+
+module.exports = buildPlugin('../public');

package/dist/plugin/pluginNext.cjs

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-
-const buildPlugin = require('./template').buildPlugin;
-
-module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');
+/* eslint-disable @typescript-eslint/no-require-imports */
+
+const buildPlugin = require('./template').buildPlugin;
+
+module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');