@digdir/designsystemet-react 1.0.0-next.17 → 1.0.0-next.33

package/dist/esm/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -67,7 +67,8 @@ const observeElementOffset = (instance, cb) => {
     instance.options.isScrollingResetDelay
   );
   const createHandler = (isScrolling) => () => {
-    offset = element[instance.options.horizontal ? "scrollLeft" : "scrollTop"];
+    const { horizontal, isRtl } = instance.options;
+    offset = horizontal ? element["scrollLeft"] * (isRtl && -1 || 1) : element["scrollTop"];
     fallback();
     cb(offset, isScrolling);
   };
@@ -139,7 +140,8 @@ class Virtualizer {
       return {
         disconnect: () => {
           var _a;
-          return (_a = get()) == null ? void 0 : _a.disconnect();
+          (_a = get()) == null ? void 0 : _a.disconnect();
+          _ro = null;
         },
         observe: (target) => {
           var _a;
@@ -178,27 +180,42 @@ class Virtualizer {
         lanes: 1,
         isScrollingResetDelay: 150,
         enabled: true,
+        isRtl: false,
         ...opts2
       };
     };
-    this.notify = (force, sync) => {
+    this.notify = (sync) => {
       var _a, _b;
-      const { startIndex, endIndex } = this.range ?? {
-        startIndex: void 0,
-        endIndex: void 0
-      };
-      const range = this.calculateRange();
-      if (force || startIndex !== (range == null ? void 0 : range.startIndex) || endIndex !== (range == null ? void 0 : range.endIndex)) {
-        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
-      }
+      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
     };
+    this.maybeNotify = memo(
+      () => {
+        this.calculateRange();
+        return [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ];
+      },
+      (isScrolling) => {
+        this.notify(isScrolling);
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "maybeNotify",
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    );
     this.cleanup = () => {
       this.unsubs.filter(Boolean).forEach((d) => d());
       this.unsubs = [];
+      this.observer.disconnect();
       this.scrollElement = null;
       this.targetWindow = null;
-      this.observer.disconnect();
-      this.elementsCache.clear();
     };
     this._didMount = () => {
       return () => {
@@ -211,7 +228,7 @@ class Virtualizer {
       if (this.scrollElement !== scrollElement) {
         this.cleanup();
         if (!scrollElement) {
-          this.notify(false, false);
+          this.maybeNotify();
           return;
         }
         this.scrollElement = scrollElement;
@@ -220,6 +237,9 @@ class Virtualizer {
         } else {
           this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
         }
+        this.elementsCache.forEach((cached) => {
+          this.observer.observe(cached);
+        });
         this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
@@ -227,7 +247,7 @@ class Virtualizer {
         this.unsubs.push(
           this.options.observeElementRect(this, (rect) => {
             this.scrollRect = rect;
-            this.notify(false, false);
+            this.maybeNotify();
           })
         );
         this.unsubs.push(
@@ -235,9 +255,8 @@ class Virtualizer {
             this.scrollAdjustments = 0;
             this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
             this.scrollOffset = offset;
-            const prevIsScrolling = this.isScrolling;
             this.isScrolling = isScrolling;
-            this.notify(prevIsScrolling !== isScrolling, isScrolling);
+            this.maybeNotify();
           })
         );
       }
@@ -310,7 +329,6 @@ class Virtualizer {
     this.getMeasurements = memo(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count, paddingStart, scrollMargin, getItemKey, enabled }, itemSizeCache) => {
-        var _a;
         if (!enabled) {
           this.measurementsCache = [];
           this.itemSizeCache.clear();
@@ -326,33 +344,6 @@ class Virtualizer {
         this.pendingMeasuredCacheIndexes = [];
         const measurements = this.measurementsCache.slice(0, min);
         for (let i = min; i < count; i++) {
-          let measureElement2 = (_a = this.measurementsCache[i]) == null ? void 0 : _a.measureElement;
-          if (!measureElement2) {
-            measureElement2 = (node) => {
-              const key2 = getItemKey(i);
-              const prevNode = this.elementsCache.get(key2);
-              if (!node) {
-                if (prevNode) {
-                  this.observer.unobserve(prevNode);
-                  this.elementsCache.delete(key2);
-                }
-                return;
-              }
-              if (prevNode !== node) {
-                if (prevNode) {
-                  this.observer.unobserve(prevNode);
-                }
-                this.observer.observe(node);
-                this.elementsCache.set(key2, node);
-              }
-              if (node.isConnected) {
-                this.resizeItem(
-                  i,
-                  this.options.measureElement(node, void 0, this)
-                );
-              }
-            };
-          }
           const key = getItemKey(i);
           const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
           const start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
@@ -366,8 +357,7 @@ class Virtualizer {
             size,
             end,
             key,
-            lane,
-            measureElement: measureElement2
+            lane
           };
         }
         this.measurementsCache = measurements;
@@ -424,29 +414,26 @@ class Virtualizer {
       return parseInt(indexStr, 10);
     };
     this._measureElement = (node, entry) => {
-      const i = this.indexFromElement(node);
-      const item = this.getMeasurements()[i];
-      if (!item || !node.isConnected) {
-        this.elementsCache.forEach((cached, key) => {
-          if (cached === node) {
-            this.observer.unobserve(node);
-            this.elementsCache.delete(key);
-          }
-        });
+      const index = this.indexFromElement(node);
+      const item = this.measurementsCache[index];
+      if (!item) {
         return;
       }
-      const prevNode = this.elementsCache.get(item.key);
+      const key = item.key;
+      const prevNode = this.elementsCache.get(key);
       if (prevNode !== node) {
         if (prevNode) {
           this.observer.unobserve(prevNode);
         }
         this.observer.observe(node);
-        this.elementsCache.set(item.key, node);
+        this.elementsCache.set(key, node);
+      }
+      if (node.isConnected) {
+        this.resizeItem(index, this.options.measureElement(node, entry, this));
       }
-      this.resizeItem(i, this.options.measureElement(node, entry, this));
     };
     this.resizeItem = (index, size) => {
-      const item = this.getMeasurements()[index];
+      const item = this.measurementsCache[index];
       if (!item) {
         return;
       }
@@ -464,11 +451,17 @@ class Virtualizer {
         }
         this.pendingMeasuredCacheIndexes.push(item.index);
         this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
-        this.notify(true, false);
+        this.notify(false);
       }
     };
     this.measureElement = (node) => {
       if (!node) {
+        this.elementsCache.forEach((cached, key) => {
+          if (!cached.isConnected) {
+            this.observer.unobserve(cached);
+            this.elementsCache.delete(key);
+          }
+        });
         return;
       }
       this._measureElement(node, void 0);
@@ -485,7 +478,7 @@ class Virtualizer {
         return virtualItems;
       },
       {
-        key: process.env.NODE_ENV !== "production" && "getIndexes",
+        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
         debug: () => this.options.debug
       }
     );
@@ -529,7 +522,7 @@ class Virtualizer {
     };
     this.getOffsetForIndex = (index, align = "auto") => {
       index = Math.max(0, Math.min(index, this.options.count - 1));
-      const item = this.getMeasurements()[index];
+      const item = this.measurementsCache[index];
       if (!item) {
         return void 0;
       }
@@ -629,9 +622,8 @@ class Virtualizer {
       this.options.scrollToFn(offset, { behavior, adjustments }, this);
     };
     this.measure = () => {
-      var _a, _b;
       this.itemSizeCache = /* @__PURE__ */ new Map();
-      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, false);
+      this.notify(false);
     };
     this.setOptions(opts);
   }

package/dist/esm/node_modules/@u-elements/u-details/dist/u-details.js

@@ -0,0 +1,114 @@
+'use client';
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+
+// ../utils.ts
+var IS_BROWSER = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.navigator !== "undefined";
+var DISPLAY_BLOCK = ":host(:not([hidden])) { display: block }";
+var UHTMLElement = typeof HTMLElement === "undefined" ? class {
+} : HTMLElement;
+var events = (action, element, rest) => rest[0].split(",").forEach((type) => {
+  rest[0] = type;
+  Element.prototype[`${action}EventListener`].apply(element, rest);
+});
+var on = (element, ...rest) => events("add", element, rest);
+var off = (element, ...rest) => events("remove", element, rest);
+var asButton = (event) => {
+  const isClick = "key" in event && (event.key === " " || event.key === "Enter");
+  if (isClick) event.preventDefault();
+  if (isClick && event.target instanceof HTMLElement) event.target.click();
+  return isClick;
+};
+var getRoot = (node) => node.getRootNode();
+var createElement = (tagName, props) => Object.assign(document.createElement(tagName), props);
+var customElements = {
+  define: (name, instance) => !IS_BROWSER || window.customElements.get(name) || window.customElements.define(name, instance)
+};
+
+// u-details.ts
+var OPEN = "open";
+var USUMMARY_TAG = "U-SUMMARY";
+var _content;
+var UHTMLDetailsElement = class extends UHTMLElement {
+  constructor() {
+    super();
+    __privateAdd(this, _content);
+    this.attachShadow({ mode: "closed" }).append(
+      createElement("slot", { name: "summary" }),
+      // Summary slot
+      __privateSet(this, _content, createElement("slot")),
+      // Content slot
+      createElement("style", {
+        textContent: `
+        ${DISPLAY_BLOCK}
+        ::slotted(u-summary) { cursor: pointer; display: list-item; counter-increment: list-item 0; list-style: disclosure-closed inside }
+        ::slotted(u-summary[aria-expanded="true"]) { list-style-type: disclosure-open }
+      `
+      })
+    );
+  }
+  connectedCallback() {
+    on(__privateGet(this, _content), "beforematch", this);
+    on(this, "click,keydown", this);
+    this.attributeChangedCallback();
+  }
+  disconnectedCallback() {
+    off(__privateGet(this, _content), "beforematch", this);
+    off(this, "click,keydown", this);
+  }
+  attributeChangedCallback(prop, prev, next) {
+    const hide = "onbeforematch" in this ? "until-found" : true;
+    const open = this[OPEN];
+    Array.from(this.children, (el) => {
+      if (el.nodeName === USUMMARY_TAG) el.ariaExpanded = `${open}`;
+    });
+    __privateGet(this, _content).ariaHidden = `${!open}`;
+    __privateGet(this, _content).hidden = open ? false : hide;
+    if (hide === "until-found")
+      __privateGet(this, _content).style.display = open ? "" : "block";
+    if (open && this.name)
+      getRoot(this).querySelectorAll(
+        `${this.nodeName}[name="${this.name}"]`
+      ).forEach((uDetails) => uDetails === this || (uDetails[OPEN] = false));
+    if (prop === OPEN && prev === null !== (next === null))
+      this.dispatchEvent(new Event("toggle"));
+  }
+  handleEvent(event) {
+    const summary = this.querySelector("u-summary");
+    const isSummary = summary?.contains(event.target);
+    if (event.defaultPrevented) return;
+    if (event.type === "beforematch") this[OPEN] = true;
+    if (isSummary && event.type === "keydown") asButton(event);
+    if (isSummary && event.type === "click") this[OPEN] = !this[OPEN];
+  }
+  get open() {
+    return this.hasAttribute("open");
+  }
+  set open(open) {
+    this.toggleAttribute("open", open);
+  }
+  get name() {
+    return this.getAttribute("name") || "";
+  }
+  set name(value) {
+    this.setAttribute("name", value);
+  }
+};
+_content = new WeakMap();
+UHTMLDetailsElement.observedAttributes = [OPEN];
+var UHTMLSummaryElement = class extends UHTMLElement {
+  connectedCallback() {
+    this.role = "button";
+    this.slot = "summary";
+    this.tabIndex = 0;
+  }
+};
+customElements.define("u-details", UHTMLDetailsElement);
+customElements.define("u-summary", UHTMLSummaryElement);
+
+export { UHTMLDetailsElement, UHTMLSummaryElement };

package/dist/esm/utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js

@@ -29,11 +29,13 @@ function useSynchronizedAnimation(animationName) {
         if (myAnimation && myAnimation === firstOfType) {
             myAnimation.currentTime = 0;
         }
-        if (myAnimation && firstOfType && myAnimation !== firstOfType) {
+        if (myAnimation &&
+            firstOfType?.currentTime &&
+            myAnimation !== firstOfType) {
             myAnimation.currentTime = firstOfType.currentTime;
         }
         return () => {
-            if (myAnimation && firstOfType) {
+            if (myAnimation && firstOfType?.currentTime) {
                 myAnimation.currentTime = firstOfType.currentTime;
             }
         };

package/dist/types/components/Accordion/{AccordionRoot.d.ts → Accordion.d.ts}

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-export type AccordionRootProps = {
+export type AccordionProps = {
     /**
      * Accordion background color
      * @default neutral
@@ -14,9 +14,9 @@ export type AccordionRootProps = {
     children: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 /**
- * Accordion root component, contains `Accordion.Item` components.
+ * Accordion component, contains `Accordion.Item` components.
  */
-export declare const AccordionRoot: import("react").ForwardRefExoticComponent<{
+export declare const Accordion: React.ForwardRefExoticComponent<{
     /**
      * Accordion background color
      * @default neutral
@@ -29,5 +29,5 @@ export declare const AccordionRoot: import("react").ForwardRefExoticComponent<{
     border?: boolean;
     /** Instances of `Accordion.Item` */
     children: ReactNode;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=AccordionRoot.d.ts.map
+} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/types/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC9D;;;QAGI;IACJ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,SAAS;IAjBpB;;;OAGG;YACK,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ;IAC7D;;;QAGI;aACK,OAAO;IAChB,oCAAoC;cAC1B,SAAS;yEAqBpB,CAAC"}

package/dist/types/components/Accordion/AccordionContent.d.ts

@@ -5,5 +5,5 @@ export type AccordionContentProps = HTMLAttributes<HTMLDivElement>;
  * @example
  * <AccordionContent>Content</AccordionContent>
  */
-export declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=AccordionContent.d.ts.map

package/dist/types/components/Accordion/AccordionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,kHA0B3B,CAAC"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,8FAS3B,CAAC"}

package/dist/types/components/Accordion/AccordionHeading.d.ts

@@ -1,29 +1,15 @@
-import type { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 export type AccordionHeadingProps = {
-    /**
-     * Heading level. Use this to make sure the heading is correct according to you page heading levels
-     * @default 1
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Handle when clicked on header */
-    onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
     /** Heading text */
     children: ReactNode;
-} & HTMLAttributes<HTMLHeadingElement>;
+} & HTMLAttributes<HTMLElement>;
 /**
- * Accordion heading component, contains a button to toggle the content.
+ * Accordion header component, contains a button to toggle the content.
  * @example
- * <AccordionHeading>Header</AccordionHeading>
+ * <AccordionHeader>Header</AccordionHeader>
  */
-export declare const AccordionHeading: import("react").ForwardRefExoticComponent<{
-    /**
-     * Heading level. Use this to make sure the heading is correct according to you page heading levels
-     * @default 1
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Handle when clicked on header */
-    onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
+export declare const AccordionHeading: React.ForwardRefExoticComponent<{
     /** Heading text */
     children: ReactNode;
-} & HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+} & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=AccordionHeading.d.ts.map

package/dist/types/components/Accordion/AccordionHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1E,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,oCAAoC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAhB3B;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B,oCAAoC;oBACpB,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS;IAChE,mBAAmB;cACT,SAAS;2FAoDnB,CAAC"}
+{"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAT3B,mBAAmB;cACT,SAAS;mEAuBpB,CAAC"}

package/dist/types/components/Accordion/AccordionItem.d.ts

@@ -1,4 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
+import '@u-elements/u-details';
 export type AccordionItemProps = {
     /**
      * Controls open-state.
@@ -13,39 +14,24 @@ export type AccordionItemProps = {
      * @default false
      */
     defaultOpen?: boolean;
+    /** Callback function when AccordionItem wants to open due to a find in page-search */
+    onFound?: () => void;
     /** Content should be one `<Accordion.Header>` and `<Accordion.Content>` */
-    children: ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
-type AccordionItemContextProps = {
+    children?: ReactNode;
+} & HTMLAttributes<HTMLDetailsElement> & ({
     open: boolean;
-    toggleOpen: () => void;
-    contentId: string;
-};
-export declare const AccordionItemContext: import("react").Context<AccordionItemContextProps | null>;
+    onFound: () => void;
+} | {
+    open?: never;
+    onFound?: () => void;
+});
 /**
  * Accordion item component, contains `Accordion.Header` and `Accordion.Content` components.
  * @example
  * <AccordionItem>
- *  <AccordionHeading>Header</AccordionHeading>
+ *  <AccordionHeader>Header</AccordionHeader>
  *  <AccordionContent>Content</AccordionContent>
  * </AccordionItem>
  */
-export declare const AccordionItem: import("react").ForwardRefExoticComponent<{
-    /**
-     * Controls open-state.
-     *
-     * Using this removes automatic control of open-state
-     *
-     * @default undefined
-     */
-    open?: boolean;
-    /**
-     * Defaults the accordion to open if not controlled
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /** Content should be one `<Accordion.Header>` and `<Accordion.Content>` */
-    children: ReactNode;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
 //# sourceMappingURL=AccordionItem.d.ts.map

package/dist/types/components/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;IAlCxB;;;;;;OAMG;WACI,OAAO;IACd;;;OAGG;kBACW,OAAO;IACrB,2EAA2E;cACjE,SAAS;mFAmDpB,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GACpC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CACzC,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FAkDzB,CAAC"}

package/dist/types/components/Accordion/index.d.ts

@@ -1,13 +1,8 @@
-import type { AccordionContentProps } from './AccordionContent';
+import { Accordion as AccordionParent } from './Accordion';
 import { AccordionContent } from './AccordionContent';
-import type { AccordionHeadingProps } from './AccordionHeading';
 import { AccordionHeading } from './AccordionHeading';
-import type { AccordionItemProps } from './AccordionItem';
 import { AccordionItem } from './AccordionItem';
-import type { AccordionRootProps } from './AccordionRoot';
-import { AccordionRoot } from './AccordionRoot';
-type AccordionComponent = {
-    Root: typeof AccordionRoot;
+type AccordionComponent = typeof AccordionParent & {
     Item: typeof AccordionItem;
     Heading: typeof AccordionHeading;
     Content: typeof AccordionContent;
@@ -15,14 +10,17 @@ type AccordionComponent = {
 /**
  * Accordions are used to toggle the visibility of content.
  * @example
- * <Accordion.Root>
+ * <Accordion>
  *  <Accordion.Item>
  *   <Accordion.Heading>Heading 1</Accordion.Heading>
  *   <Accordion.Content>Content 1</Accordion.Content>
  *  </Accordion.Item>
- * <Accordion.Item>
+ * <Accordion>
  */
 declare const Accordion: AccordionComponent;
-export type { AccordionRootProps, AccordionContentProps, AccordionHeadingProps, AccordionItemProps, };
-export { Accordion, AccordionRoot, AccordionItem, AccordionContent, AccordionHeading, };
+export type { AccordionContentProps } from './AccordionContent';
+export type { AccordionHeadingProps } from './AccordionHeading';
+export type { AccordionItemProps } from './AccordionItem';
+export type { AccordionProps } from './Accordion';
+export { Accordion, AccordionItem, AccordionContent, AccordionHeading };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CAClC,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAS,kBAAkB,CAAC;AAY3C,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,CAAC;AACF,OAAO,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,kBAAkB,GAAG,OAAO,eAAe,GAAG;IACjD,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CAClC,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAsB,kBAAkB,CAAC;AAUxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/types/components/Alert/Alert.d.ts

@@ -1,18 +1,10 @@
 import type { HTMLAttributes } from 'react';
-type Severity = 'info' | 'warning' | 'success' | 'danger';
 export type AlertProps = {
     /**
-     * Sets color & icon according to severity
+     * Sets color and icon.
      * @default info
      */
-    severity?: Severity;
-    /**
-     * Sets `title` on the icon.
-     *
-     * Use this to inform screenreaders of severity.
-     * Defaults to Norwegian.
-     */
-    iconTitle?: string;
+    color?: 'info' | 'warning' | 'success' | 'danger';
     /**
      * Sets the size of the alert.
      * Does not affect font size.
@@ -24,21 +16,14 @@ export type AlertProps = {
 /**
  * Alerts are used to inform users about important information, warnings, errors, or success.
  * @example
- * <Alert severity='info'>Dette er en informasjonsmelding</Alert>
+ * <Alert color='info'>Dette er en informasjonsmelding</Alert>
  */
-export declare const Alert: import("react").ForwardRefExoticComponent<{
+export declare const Alert: React.ForwardRefExoticComponent<{
     /**
-     * Sets color & icon according to severity
+     * Sets color and icon.
      * @default info
      */
-    severity?: Severity;
-    /**
-     * Sets `title` on the icon.
-     *
-     * Use this to inform screenreaders of severity.
-     * Defaults to Norwegian.
-     */
-    iconTitle?: string;
+    color?: "info" | "warning" | "success" | "danger";
     /**
      * Sets the size of the alert.
      * Does not affect font size.
@@ -46,6 +31,5 @@ export declare const Alert: import("react").ForwardRefExoticComponent<{
      * @default md
      */
     size?: "sm" | "md" | "lg";
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAqB5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,KAAK;IA1BhB;;;OAGG;eACQ,QAAQ;IACnB;;;;;OAKG;gBACS,MAAM;IAClB;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;mFAmC1B,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;YACK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;IACjD;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;yEAuBzB,CAAC"}