@altinn/altinn-components 0.27.0 → 0.28.0

package/dist/components/Page/PageNav.js

@@ -1,28 +1,47 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+"use client";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "react";
-import { Button as n } from "../Button/Button.js";
+import * as a from "react";
+import { forwardRef as m } from "react";
+import { Button as f } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as a } from "./Flex.js";
-import { Breadcrumbs as l } from "./Breadcrumbs.js";
-import { S as c } from "../../ArrowLeft-C91mClJx.js";
-import '../../assets/PageNav.css';const p = "_nav_9bu1z_1", v = "_controls_9bu1z_7", f = {
-  nav: p,
-  controls: v
+import { Flex as c } from "./Flex.js";
+import { Breadcrumbs as p } from "./Breadcrumbs.js";
+import { u as d } from "../../useId-CsCRkvK3.js";
+import '../../assets/PageNav.css';var v = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const u = m((t, o) => {
+  var { title: l, titleId: e } = t, r = v(t, ["title", "titleId"]);
+  let n = d();
+  return n = l ? e || "title-" + n : void 0, a.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
+    l ? a.createElement("title", { id: n }, l) : null,
+    a.createElement("path", { fill: "currentColor", d: "M4.47 11.47a.75.75 0 0 0 0 1.06l4.5 4.5a.75.75 0 0 0 1.06-1.06l-3.22-3.22H19a.75.75 0 0 0 0-1.5H6.81l3.22-3.22a.75.75 0 1 0-1.06-1.06z" })
+  );
+}), w = "_nav_9bu1z_1", g = "_controls_9bu1z_7", y = {
+  nav: w,
+  controls: g
 }, S = ({
-  color: s,
-  padding: t,
-  breadcrumbs: i,
-  backButton: r = {
+  color: t,
+  padding: o,
+  breadcrumbs: l,
+  backButton: e = {
     as: "a",
     label: "Back"
   },
-  controls: e
-}) => /* @__PURE__ */ m(a, { as: "nav", direction: "row", align: "center", justify: "between", color: s, padding: t, children: [
-  i ? /* @__PURE__ */ o(l, { items: i }) : /* @__PURE__ */ o(n, { ...r, variant: "text", size: "sm", icon: c, children: (r == null ? void 0 : r.label) || "Back" }),
-  e && /* @__PURE__ */ o("div", { className: f.controls, children: e })
+  controls: r
+}) => /* @__PURE__ */ s(c, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: o, children: [
+  l ? /* @__PURE__ */ i(p, { items: l }) : /* @__PURE__ */ i(f, { ...e, variant: "text", size: "sm", icon: u, children: (e == null ? void 0 : e.label) || "Back" }),
+  r && /* @__PURE__ */ i("div", { className: y.controls, children: r })
 ] });
 export {
   S as PageNav

package/dist/components/Page/PageTabs.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as p } from "../Menu/MenuItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as l } from "./Flex.js";
 import '../../assets/PageTabs.css';const c = "_list_gp6cp_1", n = "_item_gp6cp_21", r = {

package/dist/components/Page/Section.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "./Flex.js";
 const j = ({ as: o = "section", direction: r = "col", children: t, ...i }) => /* @__PURE__ */ m(p, { as: o, direction: r, ...i, children: t });

package/dist/components/Page/index.js

@@ -1,36 +1,30 @@
 import { PageBase as e } from "./PageBase.js";
-import { PageNav as a } from "./PageNav.js";
+import { PageNav as m } from "./PageNav.js";
 import { PageMenu as x } from "./PageMenu.js";
 import { PageTabs as p } from "./PageTabs.js";
-import { PageHeader as d } from "./PageHeader.js";
-import { PageDetails as i } from "./PageDetails.js";
-import { ArticleHeader as g } from "./ArticleHeader.js";
-import { Flex as b } from "./Flex.js";
-import { Grid as B } from "./Grid.js";
-import { Breadcrumbs as C } from "./Breadcrumbs.js";
-import { BreadcrumbsLink as H } from "./BreadcrumbsLink.js";
-import { Section as h } from "./Section.js";
-import { ContactSection as k } from "./ContactSection.js";
+import { PageHeader as n } from "./PageHeader.js";
+import { PageDetails as g } from "./PageDetails.js";
+import { Flex as P } from "./Flex.js";
+import { Grid as u } from "./Grid.js";
+import { Breadcrumbs as b } from "./Breadcrumbs.js";
+import { BreadcrumbsLink as l } from "./BreadcrumbsLink.js";
+import { Section as k } from "./Section.js";
+import { ContactSection as A } from "./ContactSection.js";
 import { ContactButtons as F } from "./ContactButtons.js";
-import { AccordionSection as L } from "./AccordionSection.js";
-import { DashboardHeader as N } from "./DashboardHeader.js";
-import { DashboardCard as j } from "./DashboardCard.js";
+import { AccordionSection as H } from "./AccordionSection.js";
 export {
-  L as AccordionSection,
-  g as ArticleHeader,
-  C as Breadcrumbs,
-  H as BreadcrumbsLink,
+  H as AccordionSection,
+  b as Breadcrumbs,
+  l as BreadcrumbsLink,
   F as ContactButtons,
-  k as ContactSection,
-  j as DashboardCard,
-  N as DashboardHeader,
-  b as Flex,
-  B as Grid,
+  A as ContactSection,
+  P as Flex,
+  u as Grid,
   e as PageBase,
-  i as PageDetails,
-  d as PageHeader,
+  g as PageDetails,
+  n as PageHeader,
   x as PageMenu,
-  a as PageNav,
+  m as PageNav,
   p as PageTabs,
-  h as Section
+  k as Section
 };

package/dist/components/Profile/AccountList.js

@@ -2,11 +2,11 @@ import { jsx as o } from "react/jsx-runtime";
 import { createElement as m } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as i } from "../List/ListBase.js";
-import "../Search/AutocompleteBase.js";
-import { AccountListItem as e } from "./AccountListItem.js";
+import { List as i } from "../List/List.js";
+import "../Searchbar/AutocompleteBase.js";
+import { AccountListItem as p } from "./AccountListItem.js";
 import "../Snackbar/useSnackbar.js";
-const d = ({ items: t }) => /* @__PURE__ */ o(i, { children: t.map((r) => /* @__PURE__ */ m(e, { ...r, key: r.id })) });
+const d = ({ items: t }) => /* @__PURE__ */ o(i, { children: t.map((r) => /* @__PURE__ */ m(p, { ...r, key: r.id })) });
 export {
   d as AccountList
 };

package/dist/components/Profile/AccountListItem.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as a from "react";
+import * as c from "react";
 import { forwardRef as m } from "react";
-import { Badge as O } from "../Badge/Badge.js";
-import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
-import { ListItemControls as h } from "../List/ListItemControls.js";
-import { ListItem as I } from "../List/ListItem.js";
+import { Badge as y } from "../Badge/Badge.js";
+import { ContextMenu as O } from "../ContextMenu/ContextMenu.js";
+import { ListItemControls as w } from "../List/ListItemControls.js";
+import { ListItem as h } from "../List/ListItem.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as j } from "../Page/Flex.js";
+import { Flex as I } from "../Page/Flex.js";
 import { u as d } from "../../useId-CsCRkvK3.js";
-var x = function(t, o) {
+var j = function(t, o) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -20,17 +20,17 @@ var x = function(t, o) {
       o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const E = m((t, o) => {
-  var { title: l, titleId: e } = t, r = x(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const x = m((t, o) => {
+  var { title: l, titleId: e } = t, r = j(t, ["title", "titleId"]);
+  let i = d();
+  return i = l ? e || "title-" + i : void 0, c.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
+    l ? c.createElement("title", { id: i }, l) : null,
+    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
   );
 });
-var S = function(t, o) {
+var E = function(t, o) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -38,51 +38,49 @@ var S = function(t, o) {
       o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const _ = m((t, o) => {
-  var { title: l, titleId: e } = t, r = S(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const S = m((t, o) => {
+  var { title: l, titleId: e } = t, r = E(t, ["title", "titleId"]);
+  let i = d();
+  return i = l ? e || "title-" + i : void 0, c.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
+    l ? c.createElement("title", { id: i }, l) : null,
+    c.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
   );
-}), q = ({
-  size: t = "md",
+}), $ = ({
+  size: t,
   expanded: o,
   type: l,
-  avatar: e,
-  avatarGroup: r,
-  title: n,
-  description: s,
-  label: c,
-  favourite: p = !1,
+  icon: e,
+  title: r,
+  description: i,
+  label: a,
+  favourite: s = !1,
   contextMenu: f,
-  favouriteLabel: u,
-  children: g,
-  ...b
+  favouriteLabel: p,
+  children: u,
+  ...g
 }) => {
-  const v = /* @__PURE__ */ y(h, { children: [
-    /* @__PURE__ */ i(j, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: c ? /* @__PURE__ */ i(O, { color: l === "group" ? "neutral" : l, children: c }) : p ? /* @__PURE__ */ i(_, { "aria-label": u }) : /* @__PURE__ */ i(E, { "aria-hidden": !0 }) }),
-    f && /* @__PURE__ */ i(w, { ...f, size: "sm" })
+  const b = /* @__PURE__ */ v(w, { children: [
+    /* @__PURE__ */ n(I, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: a ? /* @__PURE__ */ n(y, { color: l === "group" ? "neutral" : l, children: a }) : s ? /* @__PURE__ */ n(S, { "aria-label": p }) : /* @__PURE__ */ n(x, { "aria-hidden": !0 }) }),
+    f && /* @__PURE__ */ n(O, { ...f, size: "sm" })
   ] });
-  return /* @__PURE__ */ i(
-    I,
+  return /* @__PURE__ */ n(
+    h,
     {
-      ...b,
+      ...g,
       size: t,
-      avatar: e,
-      avatarGroup: r && { ...r, size: t === "md" ? "sm" : "xs" },
-      title: n,
-      description: o ? void 0 : s,
+      icon: e,
+      title: r,
+      description: o ? void 0 : i,
       expanded: o,
       selected: o,
-      badge: v,
+      badge: !o && b,
       linkIcon: !0,
-      children: g
+      children: u
     }
   );
 };
 export {
-  q as AccountListItem
+  $ as AccountListItem
 };

package/dist/components/ResourceList/ResourceList.js

@@ -2,11 +2,11 @@ import { jsx as e } from "react/jsx-runtime";
 import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ResourceListItem as p } from "./ResourceListItem.js";
-import { ListBase as s } from "../List/ListBase.js";
-const x = ({ items: o, defaultItemSize: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, size: t })) });
+import { List as s } from "../List/List.js";
+const x = ({ items: o, size: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, size: t, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id })) });
 export {
   x as ResourceList
 };

package/dist/components/ResourceList/ResourceListItem.js

@@ -2,25 +2,25 @@ import { jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as e } from "../List/ListItem.js";
 const u = ({
   ownerName: t,
-  resourceName: r,
-  ownerLogoUrlAlt: i,
+  resourceName: i,
+  ownerLogoUrlAlt: r,
   ownerLogoUrl: m,
   ...o
 }) => /* @__PURE__ */ p(
   e,
   {
-    avatar: {
+    icon: {
       name: t,
       imageUrl: m,
-      imageUrlAlt: i,
+      imageUrlAlt: r,
       type: "company"
     },
-    title: r,
+    title: i,
     description: t,
     ...o
   }

package/dist/components/Search/SearchItem.js

@@ -0,0 +1,20 @@
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as p } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import { ListItemBase as c } from "../List/ListItemBase.js";
+import { ListItemHeader as h } from "../List/ListItemHeader.js";
+import { Heading as r } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/SearchItem.css';const n = "_item_kjtr0_1", d = {
+  item: n
+}, B = ({ color: s = "neutral", size: a, title: m, summary: e, owner: t, category: g, ...o }) => /* @__PURE__ */ i(c, { className: d.item, color: s, size: a, children: /* @__PURE__ */ l(h, { ...o, children: [
+  m && /* @__PURE__ */ i(r, { as: "h2", size: "lg", weight: "bold", children: m }),
+  t && /* @__PURE__ */ i(p, { avatar: t, children: t == null ? void 0 : t.name }),
+  e && /* @__PURE__ */ i(r, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: e })
+] }) });
+export {
+  B as SearchItem
+};

package/dist/components/Search/index.js

@@ -1,23 +1,4 @@
-import { Searchbar as r } from "./Searchbar.js";
-import { SearchbarBase as m } from "./SearchbarBase.js";
-import { SearchField as f } from "./SearchField.js";
-import { AutocompleteBase as a } from "./AutocompleteBase.js";
-import { AutocompleteGroup as u } from "./AutocompleteGroup.js";
-import { Autocomplete as s } from "./Autocomplete.js";
-import { AutocompleteItem as A } from "./AutocompleteItem.js";
-import { ScopeListItem as b } from "./ScopeListItem.js";
-import { SuggestListItem as i } from "./SuggestListItem.js";
-import { QueryItem as g, QueryLabel as y } from "./QueryLabel.js";
+import { SearchItem as m } from "./SearchItem.js";
 export {
-  s as Autocomplete,
-  a as AutocompleteBase,
-  u as AutocompleteGroup,
-  A as AutocompleteItem,
-  g as QueryItem,
-  y as QueryLabel,
-  b as ScopeListItem,
-  f as SearchField,
-  r as Searchbar,
-  m as SearchbarBase,
-  i as SuggestListItem
+  m as SearchItem
 };

package/dist/components/{Search → Searchbar}/Autocomplete.js

@@ -1,16 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useRef as I, createElement as k } from "react";
-import "../../index-L8X2o7IH.js";
 import { useMenu as l } from "../../hooks/useMenu.js";
+import { useEnterKey as y } from "../../hooks/useEnterKey.js";
+import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AutocompleteBase as y } from "./AutocompleteBase.js";
-import { AutocompleteGroup as E } from "./AutocompleteGroup.js";
-import { AutocompleteItem as h } from "./AutocompleteItem.js";
+import { AutocompleteBase as E } from "./AutocompleteBase.js";
+import { AutocompleteGroup as h } from "./AutocompleteGroup.js";
+import { AutocompleteItem as x } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
-import { useEnterKey as x } from "../../hooks/useEnterKey.js";
 const R = ({ className: p, items: n, groups: a = {}, expanded: i, onSelect: r }) => {
   const u = I(null);
-  x(() => {
+  y(() => {
     var e;
     if (i) {
       const t = (e = u.current) == null ? void 0 : e.querySelector('[data-active="true"]');
@@ -23,14 +23,14 @@ const R = ({ className: p, items: n, groups: a = {}, expanded: i, onSelect: r })
     groupByKey: "groupId",
     keyboardEvents: !0
   });
-  return /* @__PURE__ */ m(y, { className: p, expanded: i, ref: u, children: c.map((e, t) => /* @__PURE__ */ k(E, { ...e.props, key: t }, /* @__PURE__ */ m("ul", { children: e.items.map((s, d) => {
+  return /* @__PURE__ */ m(E, { className: p, expanded: i, ref: u, children: c.map((e, t) => /* @__PURE__ */ k(h, { ...e.props, key: t }, /* @__PURE__ */ m("ul", { children: e.items.map((s, d) => {
     const {
       active: b,
       menuIndex: v,
       props: { groupId: g, onClick: o, ...A }
     } = s;
     return /* @__PURE__ */ m(
-      h,
+      x,
       {
         as: "button",
         tabIndex: -1,

package/dist/components/Searchbar/AutocompleteBase.js

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as r } from "../../index-L8X2o7IH.js";
+import { forwardRef as s } from "react";
+import '../../assets/AutocompleteBase.css';const c = "_autocomplete_ivvqd_1", p = {
+  autocomplete: c
+}, u = s(
+  ({ expanded: o, children: t, className: e }, a) => /* @__PURE__ */ m("nav", { className: r(p.autocomplete, e), "aria-expanded": o, "data-size": "sm", ref: a, children: t })
+);
+export {
+  u as AutocompleteBase
+};

package/dist/components/{Search → Searchbar}/AutocompleteItem.js

@@ -1,35 +1,36 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { BookmarksListItem as n } from "../Bookmarks/BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { ListItem as o } from "../List/ListItem.js";
-import { DialogListItem as a } from "../Dialog/DialogListItem.js";
+import { DialogListItem as r } from "../Dialog/DialogListItem.js";
 import "./AutocompleteBase.js";
-import { ScopeListItem as r } from "./ScopeListItem.js";
-import { SuggestListItem as i } from "./SuggestListItem.js";
+import { ScopeListItem as i } from "./ScopeListItem.js";
+import { SuggestListItem as m } from "./SuggestListItem.js";
 import "../Snackbar/useSnackbar.js";
-const p = ({ type: m, ...e }) => {
-  switch (m) {
+const k = ({ type: a, ...t }) => {
+  switch (a) {
     case "scope":
-      return /* @__PURE__ */ t(
-        r,
+      return /* @__PURE__ */ e(
+        i,
         {
-          ...e,
+          ...t,
           color: "company",
-          theme: "default",
+          variant: "default",
           shadow: "none",
+          size: "sm",
           tabIndex: -1,
           linkIcon: !0
         }
       );
     case "suggest":
-      return /* @__PURE__ */ t(
-        i,
+      return /* @__PURE__ */ e(
+        m,
         {
-          ...e,
+          ...t,
           color: "company",
-          theme: "default",
+          variant: "default",
           shadow: "none",
           size: "sm",
           tabIndex: -1,
@@ -37,22 +38,22 @@ const p = ({ type: m, ...e }) => {
         }
       );
     case "bookmark":
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(
         n,
         {
-          ...e,
-          theme: "default",
+          ...t,
+          variant: "default",
           shadow: "none",
           size: "sm",
           tabIndex: -1
         }
       );
     case "dialog":
-      return /* @__PURE__ */ t(
-        a,
+      return /* @__PURE__ */ e(
+        r,
         {
-          ...e,
-          theme: "default",
+          ...t,
+          variant: "default",
           shadow: "none",
           size: "sm",
           tabIndex: -1,
@@ -60,21 +61,22 @@ const p = ({ type: m, ...e }) => {
         }
       );
     case "information":
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(
         o,
         {
           as: "div",
-          ...e,
-          theme: "default",
+          ...t,
+          variant: "default",
           shadow: "none",
           tabIndex: -1,
+          size: "sm",
           interactive: !1
         }
       );
     default:
-      return /* @__PURE__ */ t(o, { ...e, theme: "default", shadow: "none", size: "sm", tabIndex: -1 });
+      return /* @__PURE__ */ e(o, { ...t, variant: "default", shadow: "none", size: "sm", tabIndex: -1 });
   }
 };
 export {
-  p as AutocompleteItem
+  k as AutocompleteItem
 };

package/dist/components/Searchbar/index.js

@@ -0,0 +1,23 @@
+import { Searchbar as r } from "./Searchbar.js";
+import { SearchbarBase as m } from "./SearchbarBase.js";
+import { SearchField as f } from "./SearchField.js";
+import { AutocompleteBase as a } from "./AutocompleteBase.js";
+import { AutocompleteGroup as u } from "./AutocompleteGroup.js";
+import { Autocomplete as s } from "./Autocomplete.js";
+import { AutocompleteItem as A } from "./AutocompleteItem.js";
+import { ScopeListItem as b } from "./ScopeListItem.js";
+import { SuggestListItem as i } from "./SuggestListItem.js";
+import { QueryItem as g, QueryLabel as y } from "./QueryLabel.js";
+export {
+  s as Autocomplete,
+  a as AutocompleteBase,
+  u as AutocompleteGroup,
+  A as AutocompleteItem,
+  g as QueryItem,
+  y as QueryLabel,
+  b as ScopeListItem,
+  f as SearchField,
+  r as Searchbar,
+  m as SearchbarBase,
+  i as SuggestListItem
+};

package/dist/components/Settings/Settings.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as f } from "../Page/Section.js";
+const j = ({
+  size: t = "sm",
+  theme: o = "default",
+  padding: r = 4,
+  spacing: m = 6,
+  shadow: i = "xs",
+  as: p,
+  color: e,
+  children: s
+}) => /* @__PURE__ */ n(f, { as: p, size: t, color: e, theme: o, padding: r, spacing: m, shadow: i, children: s });
+export {
+  j as Settings
+};

package/dist/components/Settings/SettingsItem.js

@@ -0,0 +1,37 @@
+import { jsxs as s, jsx as e, Fragment as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { ListItemBase as g } from "../List/ListItemBase.js";
+import { ListItemHeader as x } from "../List/ListItemHeader.js";
+import { ListItemLabel as _ } from "../List/ListItemLabel.js";
+import { Heading as i } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/SettingsItem.css';const f = "_item_jqpsx_1", L = "_label_jqpsx_12", t = {
+  item: f,
+  label: L
+}, F = ({
+  color: n,
+  size: h,
+  expanded: a,
+  icon: c,
+  label: p,
+  title: r,
+  value: m,
+  description: l,
+  children: d,
+  ...b
+}) => /* @__PURE__ */ s(g, { className: t.item, color: n, size: h, expanded: a, children: [
+  /* @__PURE__ */ e(x, { ariaLabel: r, ...b, className: t.header, icon: c, children: /* @__PURE__ */ e(_, { className: t.label, children: r && m ? /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ e(i, { as: "h3", size: "xs", variant: "subtle", weight: "normal", children: r }),
+    /* @__PURE__ */ e(i, { weight: "normal", size: "sm", children: m })
+  ] }) : r ? /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ e(i, { weight: "normal", size: "sm", children: r || m }),
+    l && /* @__PURE__ */ e(i, { as: "h3", size: "xs", variant: "subtle", weight: "normal", children: l })
+  ] }) : p }) }),
+  a && d
+] });
+export {
+  F as SettingsItem
+};