@mattilsynet/design 2.2.6 → 2.2.7

package/mtds/map.js

@@ -0,0 +1,6 @@
+import { MTDSMapElement as t, getPunktFraAdresse as a } from "./map/map-element.js";
+export {
+  t as MTDSMapElement,
+  a as getPunktFraAdresse
+};
+//# sourceMappingURL=map.js.map

package/mtds/map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/mtds/package.json.js

@@ -1,4 +1,4 @@
-const o = "2.2.6";
+const o = "2.2.7";
 export {
   o as version
 };

package/mtds/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../react';
+import { Button } from '../button/button';
 export type PaginationProps = Omit<React.ComponentPropsWithoutRef<"nav">, "children"> & ({
     children?: never;
     current: number;

package/mtds/pagination/pagination.js

@@ -1,71 +1,40 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
-import { clsx as x } from "../external/clsx/dist/clsx.js";
+import x from "clsx";
 import { forwardRef as b } from "react";
-import "../alert/alert.js";
-import "../app/app.js";
-import "../avatar/avatar.js";
-import "../badge/badge.js";
-import "../breadcrumbs/breadcrumbs.js";
-import { Button as o } from "../button/button.js";
-import "../card/card.js";
-import "../chart/chart.js";
-import "../chip/chip.js";
-import "../details/details.js";
-import "../dialog/dialog.js";
-import "../divider/divider.js";
-import "../errorsummary/errorsummary.js";
-import "../field/field.js";
-import "../fieldset/fieldset.js";
-import "../helptext/helptext.js";
-import "../input/input.js";
-import "../layout/layout.js";
-import "../link/link.js";
-import "../logo/logo.js";
-import "../popover/popover.js";
-import "../progress/progress.js";
-import "../skeleton/skeleton.js";
-import "../spinner/spinner.js";
-import "../steps/steps.js";
-import "../table/table.js";
-import "../tabs/tabs.js";
-import "../tag/tag.js";
-import "../toast/toast.js";
-import "../togglegroup/togglegroup.js";
-import "../typography/typography.js";
-import "../validation/validation.js";
+import { Button as n } from "../button/button.js";
 import y from "../styles.module.css.js";
 import { pagination as v } from "./pagination-helper.js";
-const pi = b(
-  function({ children: n, className: e, current: l, total: c, show: d = 7, props: r, ...m }, s) {
-    const { pages: f, next: p, prev: a } = v({ current: l, total: c, show: d });
+const q = b(
+  function({ children: l, className: m, current: c, total: p, show: d = 7, props: a, ...e }, s) {
+    const { pages: f, next: t, prev: o } = v({ current: c, total: p, show: d });
     return /* @__PURE__ */ i(
       "nav",
       {
-        "aria-label": m["aria-label"] || "Pagination",
-        className: x(y.pagination, e),
+        "aria-label": e["aria-label"] || "Pagination",
+        className: x(y.pagination, m),
         ref: s,
-        ...m,
-        children: n || /* @__PURE__ */ u("ul", { children: [
+        ...e,
+        children: l || /* @__PURE__ */ u("ul", { children: [
           /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            o,
+            n,
             {
-              "aria-disabled": !a,
-              ...r?.({ page: a, type: "prev" })
+              "aria-disabled": !o,
+              ...a?.({ page: o, type: "prev" })
             }
           ) }),
-          f.map(({ key: g, page: t, current: h }) => /* @__PURE__ */ i("li", { children: !!t && /* @__PURE__ */ i(
-            o,
+          f.map(({ key: g, page: r, current: h }) => /* @__PURE__ */ i("li", { children: !!r && /* @__PURE__ */ i(
+            n,
             {
               "aria-current": h,
-              children: t,
-              ...r?.({ page: t, type: "page" })
+              children: r,
+              ...a?.({ page: r, type: "page" })
             }
           ) }, g)),
           /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
-            o,
+            n,
             {
-              "aria-disabled": !p,
-              ...r?.({ page: p, type: "next" })
+              "aria-disabled": !t,
+              ...a?.({ page: t, type: "next" })
             }
           ) })
         ] })
@@ -74,6 +43,6 @@ const pi = b(
   }
 );
 export {
-  pi as Pagination
+  q as Pagination
 };
 //# sourceMappingURL=pagination.js.map

package/mtds/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button } from \"../react\";\nimport styles from \"../styles.module.css\";\nimport { pagination } from \"./pagination-helper\";\n\nexport type PaginationProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"nav\">,\n\t\"children\"\n> &\n\t(\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, className, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<nav\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Pagination\"}\n\t\t\t\tclassName={clsx(styles.pagination, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</nav>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","className","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","clsx","styles","Button","key","page"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,MAAMA,KAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAC3DC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,cAAYN,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWO,EAAKC,EAAO,YAAYb,CAAS;AAAA,QAC5C,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAN,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAY,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
+{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button } from \"../button/button\";\nimport styles from \"../styles.module.css\";\nimport { pagination } from \"./pagination-helper\";\n\nexport type PaginationProps = Omit<\n\tReact.ComponentPropsWithoutRef<\"nav\">,\n\t\"children\"\n> &\n\t(\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, className, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<nav\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Pagination\"}\n\t\t\t\tclassName={clsx(styles.pagination, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</nav>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","className","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","clsx","styles","Button","key","page"],"mappings":";;;;;;AA8BO,MAAMA,IAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAC3DC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,cAAYN,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWO,EAAKC,EAAO,YAAYb,CAAS;AAAA,QAC5C,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAN,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAY,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}

package/mtds/popover/popover-observer.js

@@ -1,4 +1,4 @@
-import { flip as f, shift as g, size as m } from "../external/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as f, shift as g, size as m } from "@floating-ui/dom";
 import u from "../styles.module.css.js";
 import { onLoaded as v, on as c, QUICK_EVENT as p, attr as a, anchorPosition as d } from "../utils.js";
 const r = u.popover.split(" ")[0], l = "_mtds-popover-auto";

package/mtds/popover/popover.d.ts

@@ -1,10 +1,10 @@
 import { Placement } from '@floating-ui/dom';
 import { JSX } from 'react';
-import { PolymorphicComponentPropWithRef, PopoverValues } from '../react-types';
+import { PolymorphicComponentPropWithRef } from '../react-types';
 export type PopoverProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, {
     "data-position"?: Placement;
     "data-overscroll"?: "contain";
-    popover?: PopoverValues;
+    popover?: React.HTMLAttributes<HTMLElement>["popover"];
 }>;
 type PopoverComponent = <As extends React.ElementType = "div">(props: PopoverProps<As>) => JSX.Element;
 export declare const Popover: PopoverComponent;

package/mtds/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { clsx as m } from "../external/clsx/dist/clsx.js";
+import m from "clsx";
 import { forwardRef as s } from "react";
 import f from "../styles.module.css.js";
 const u = s(function({ as: o, className: r, ...p }, t) {

package/mtds/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../designsystem/popover/popover.tsx"],"sourcesContent":["import type { Placement } from \"@floating-ui/dom\";\nimport clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tPopoverValues,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type PopoverProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-position\"?: Placement;\n\t\t\t\"data-overscroll\"?: \"contain\";\n\t\t\tpopover?: PopoverValues;\n\t\t}\n\t>;\n\ntype PopoverComponent = <As extends React.ElementType = \"div\">(\n\tprops: PopoverProps<As>,\n) => JSX.Element;\n\nexport const Popover: PopoverComponent = forwardRef<null>(function Popover<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: PopoverProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn (\n\t\t<Tag\n\t\t\tpopover=\"auto\"\n\t\t\tclassName={clsx(styles.popover, className)}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as PopoverComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Popover","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAwBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC;AAAA,IAHWJ,KAAM;AAAA,IAGhB;AAAA,MACA,SAAQ;AAAA,MACR,WAAWK,EAAKC,EAAO,SAASL,CAAS;AAAA,MACzC,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"popover.js","sources":["../../designsystem/popover/popover.tsx"],"sourcesContent":["import type { Placement } from \"@floating-ui/dom\";\nimport clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type PopoverProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-position\"?: Placement;\n\t\t\t\"data-overscroll\"?: \"contain\";\n\t\t\tpopover?: React.HTMLAttributes<HTMLElement>[\"popover\"];\n\t\t}\n\t>;\n\ntype PopoverComponent = <As extends React.ElementType = \"div\">(\n\tprops: PopoverProps<As>,\n) => JSX.Element;\n\nexport const Popover: PopoverComponent = forwardRef<null>(function Popover<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: PopoverProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\n\treturn (\n\t\t<Tag\n\t\t\tpopover=\"auto\"\n\t\t\tclassName={clsx(styles.popover, className)}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as PopoverComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Popover","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAuBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC;AAAA,IAHWJ,KAAM;AAAA,IAGhB;AAAA,MACA,SAAQ;AAAA,MACR,WAAWK,EAAKC,EAAO,SAASL,CAAS;AAAA,MACzC,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/mtds/react-types.d.ts

@@ -7,12 +7,11 @@ export type PolymorphicComponentPropWithRef<As extends React.ElementType, Props
     ref?: PolymorphicRef<As>;
 };
 export type PolymorphicRef<As extends React.ElementType> = React.ComponentPropsWithRef<As>["ref"];
-export type PopoverValues = "" | "auto" | "manual" | undefined;
 export type Sizes = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "18" | "22" | "26" | "30" | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 22 | 26 | 30;
 declare global {
     namespace React {
         interface HTMLAttributes<T> {
-            popover?: PopoverValues;
+            popover?: React.HTMLAttributes<HTMLElement>["popover"];
             popovertarget?: string;
             "data-color"?: "main" | "neutral" | "success" | "danger" | "info" | "warning" | "inverted";
             "data-size"?: "sm" | "md" | "lg" | (string & {});
@@ -22,7 +21,7 @@ declare global {
     }
     namespace React.JSX {
         interface IntrinsicAttributes {
-            popover?: PopoverValues;
+            popover?: React.HTMLAttributes<HTMLElement>["popover"];
             popovertarget?: string;
             popovertargetaction?: string;
         }

package/mtds/skeleton/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { clsx as s } from "../external/clsx/dist/clsx.js";
+import s from "clsx";
 import { forwardRef as f } from "react";
 import i from "../styles.module.css.js";
 const x = f(function({ as: r, className: t, ...o }, e) {

package/mtds/spinner/spinner.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { clsx as p } from "../external/clsx/dist/clsx.js";
+import p from "clsx";
 import { forwardRef as s } from "react";
 import t from "../styles.module.css.js";
 const l = s(

package/mtds/steps/steps.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { clsx as m } from "../external/clsx/dist/clsx.js";
+import m from "clsx";
 import { forwardRef as e } from "react";
 import p from "../styles.module.css.js";
 const a = e(function({ className: o, ...r }, t) {