@altinn/altinn-components 0.15.5 → 0.17.0

package/README.md

@@ -1,32 +1,35 @@
 # altinn-components
 
 The next frontend of altinn.no is developed by multiple product teams, all working toward the shared goal of delivering a seamless, unified experience for the end users — ensuring they perceive it as a single and robust product.
-This package represents a collaborative effort between designers and developers across these teams, consolidating solutions to shared challenges. 
-It provides Altinn-specific React components tailored to address the common UI needs of these specific teams.   
+This package represents a collaborative effort between designers and developers across these teams, consolidating solutions to shared challenges.
+It provides Altinn-specific React components tailored to address the common UI needs of these specific teams.
 
-Today these teams are [Team Arbeidsflate](https://github.com/digdir/dialogporten-frontend), [Team authorization](https://github.com/Altinn/altinn-access-management-frontend), and Team Portal.
+Today these teams are [Team Arbeidsflate](https://github.com/digdir/dialogporten-frontend), [Team Authorization](https://github.com/Altinn/altinn-access-management-frontend), and Team Portal.
 
-Note that this package is specifically designed to meet the unique needs of the aforementioned teams and is not intended to serve as a general-purpose library. 
+Note that this package is specifically designed to meet the unique needs of the aforementioned teams and is not intended to serve as a general-purpose library.
 We already have the amazing [Norwegian public sector's Design System](https://designsystemet.no/), and we aim to incorporate its elements wherever it makes sense, ensuring alignment and leveraging its strengths while adapting to the specific requirements of Altinn.
 
-Currently, we do not use components from the design system _directly_ but rely on its token structure and continue to explore opportunities for deeper integration. 
-This approach helps us align with brand guidelines and the broader vision of a unified Altinn product. 
+Currently, we do not use components from the design system _directly_ but rely on its token structure and continue to explore opportunities for deeper integration.
+This approach helps us align with brand guidelines and the broader vision of a unified Altinn product.
 
 ## Feedback and questions
-Keep in mind that this package is a work in progress and will be updated continuously. 
+
+Keep in mind that this package is a work in progress and will be updated continuously.
 If you have any feedback or questions, please reach out to us on Github.
 
 ## Installation
+
 To install the package, run the following command:
 
 ```bash
 # for npm users
 npm install @altinn/components
 # for yarn users
-yarn add @altinn/components 
+yarn add @altinn/components
 # for pnpm users
 pnpm add @altinn/components
 ```
+
 Tested with Node.js 20.x <
 
 ## Requirements
@@ -34,17 +37,14 @@ Tested with Node.js 20.x <
 `React` `>=18`in your project as a peer dependency. And `react-dom` if needed.
 
 ## Usage
+
 Wrap your application in RootProvider to enable shared context across all components. Here’s a basic setup:
 
 ```tsx
-import { RootProvider } from '@altinn/components';
+import { RootProvider } from "@altinn/components";
 
 function App() {
-  return (
-    <RootProvider>
-      { /* Your application here */ }
-    </RootProvider>
-  );
+  return <RootProvider>{/* Your application here */}</RootProvider>;
 }
 ```
 
@@ -52,20 +52,24 @@ To use the components in your application, you need to import the components you
 
 ```tsx
 // example: import the Avatar component and type
-import { Avatar, type AvatarVariant } from '@altinn/components';
+import { Avatar, type AvatarVariant } from "@altinn/components";
 ```
+
 and import the css file in your application once, e.g. in your css:
+
 ```ts
-import '@altinn/altinn-components/lib/css/global.css';
+import "@altinn/altinn-components/lib/css/global.css";
 ```
-for correct `font-family` and minimal collection of resets.
 
+for correct `font-family` and minimal collection of resets.
 
 ## Documentation
+
 The documentation for the components can be found in the [Storybook](https://altinn.github.io/altinn-components)  
-Components are decorated with tags to show the current status of the component. 
+Components are decorated with tags to show the current status of the component.
 
 The tags are:
+
 - `@outdated` - The component is out of sync with latest design.
 - `@beta` - The component is in beta and is more likely to have flaws or missing features.
 - `@experimental` - The component is experimental and is work in progress. Recommended not to use.
@@ -109,4 +113,4 @@ pnpm test-storybook --watch 'MyComponent.stories.tsx'
 
 - 
 To skip the test add 'skip-test' string into the tags array for the test you want to exclude. That option is defined in the test-runner.ts file. 
-Currently all the tests under stories/Demo and docs are excluded as the accessibility test is not needed there.
+Currently all the tests under stories/Demo and docs are excluded as the accessibility test is not needed there.

package/dist/ArrowLeft-C91mClJx.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = 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 p = i((t, o) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let n = f();
+  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" })
+  );
+});
+export {
+  p as S
+};

package/dist/ArrowRedo-BYz1MHxK.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = 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 p = i((t, o) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let n = f();
+  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: "M16.03 3.97a.75.75 0 1 0-1.06 1.06l3.22 3.22H8a5.75 5.75 0 0 0 0 11.5h1.5a.75.75 0 0 0 0-1.5H8a4.25 4.25 0 0 1 0-8.5h10.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06z" })
+  );
+});
+export {
+  p as S
+};

package/dist/ArrowRight-OLgmLkGy.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = 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 p = i((t, o) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let n = f();
+  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: "M14.087 6.874a.752.752 0 0 0-.117 1.156l3.22 3.22H5a.75.75 0 0 0 0 1.5h12.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06l-4.5-4.5a.75.75 0 0 0-.943-.096" })
+  );
+});
+export {
+  p as S
+};

package/dist/Bookmark-85oKfr9m.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, o) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = a((t, o) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let n = f();
+  return n = r ? e || "title-" + n : void 0, i.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 }, l),
+    r ? i.createElement("title", { id: n }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 4.75a.25.25 0 0 0-.25.25v13.19l3.72-3.72a.75.75 0 0 1 1.06 0l3.72 3.72V5a.25.25 0 0 0-.25-.25zM6.25 5c0-.966.784-1.75 1.75-1.75h8c.966 0 1.75.784 1.75 1.75v15a.75.75 0 0 1-1.28.53L12 16.06l-4.47 4.47A.75.75 0 0 1 6.25 20z", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/Buildings2-DO6ftvL7.js

@@ -0,0 +1,25 @@
+"use client";
+import * as o from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, a) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.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++)
+      a.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const c = i((t, a) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let n = f();
+  return n = l ? e || "title-" + n : void 0, o.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: a, "aria-labelledby": n }, r),
+    l ? o.createElement("title", { id: n }, l) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.25 3a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 .75.75v18a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75v-8a.75.75 0 0 1 .75-.75h7.25zm3.5 10a.75.75 0 0 0-.75-.75h-1.25v-8.5h8.5v16.5h-6.5zm-1.5.75v6.5h-8.5v-6.5zm6.5-8.25a.75.75 0 0 0-1.5 0v1a.75.75 0 0 0 1.5 0zM5.5 15.25a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zm2.25.75a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1-.75-.75m11-6.5a.75.75 0 0 0-1.5 0v1a.75.75 0 0 0 1.5 0zM18 12.75a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
+  );
+});
+export {
+  c as S
+};

package/dist/ChevronDown-CRAwzuD3.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const u = a((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+  );
+});
+export {
+  u as S
+};

package/dist/ChevronRight-DUaHaWi-.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.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++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const u = a((t, n) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = l ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+  );
+});
+export {
+  u as S
+};

package/dist/ChevronUp-H8Nuww4h.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.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++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const u = a((t, n) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = l ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, r),
+    l ? i.createElement("title", { id: o }, l) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z", clipRule: "evenodd" })
+  );
+});
+export {
+  u as S
+};

package/dist/ClockDashed-PQgzLSPC.js

@@ -0,0 +1,25 @@
+"use client";
+import * as n from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, a) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = i((t, a) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, n.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: a, "aria-labelledby": o }, l),
+    r ? n.createElement("title", { id: o }, r) : null,
+    n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/DocPencil-CVby07uu.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var c = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = i((t, n) => {
+  var { title: r, titleId: e } = t, l = c(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : 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: n, "aria-labelledby": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.286 11.483a.75.75 0 0 1 .099-.33l4.5-7.795a2.75 2.75 0 0 1 4.763 2.75l-4.5 7.795a.75.75 0 0 1-.236.25l-3.732 2.465a.75.75 0 0 1-1.162-.671zm1.486.266-.167 2.79L14.937 13l3.028-5.243-2.165-1.25zm6.577-6.39-.634 1.097-2.165-1.25.634-1.098a1.25 1.25 0 1 1 2.165 1.25M12.5 4.75H5.75v15.5h11.5V15.5a.75.75 0 0 1 1.5 0v5c0 .69-.56 1.25-1.25 1.25h-12c-.69 0-1.25-.56-1.25-1.25v-16c0-.69.56-1.25 1.25-1.25h7a.75.75 0 0 1 0 1.5", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/Eye-CMPIjkcy.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as c } from "./useId-CsCRkvK3.js";
+var f = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = i((t, n) => {
+  var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
+  let o = c();
+  return o = r ? e || "title-" + o : 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: n, "aria-labelledby": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.148 12.317A10 10 0 0 1 3.905 12q.103-.14.243-.317c.35-.438.878-1.025 1.582-1.61C7.136 8.902 9.222 7.75 12 7.75a4.25 4.25 0 0 0 0 8.5c-2.778 0-4.864-1.152-6.27-2.323a11.3 11.3 0 0 1-1.582-1.61M12 16.25a4.25 4.25 0 0 0 0-8.5c2.778 0 4.864 1.152 6.27 2.323A11.3 11.3 0 0 1 20.095 12q-.103.14-.243.317a11.3 11.3 0 0 1-1.582 1.61c-1.406 1.171-3.492 2.323-6.27 2.323m0-10c-3.222 0-5.636 1.343-7.23 2.67a12.8 12.8 0 0 0-1.793 1.826 10 10 0 0 0-.576.796l-.05.08-.011.022a1 1 0 0 0-.037.078c-.012.032-.045.17-.053.278.008.108.041.246.053.278l.037.078.012.022.05.08q.04.069.12.182c.103.152.254.363.455.614.4.5.997 1.163 1.793 1.826 1.594 1.327 4.008 2.67 7.23 2.67s5.636-1.343 7.23-2.67a12.8 12.8 0 0 0 1.793-1.826 10 10 0 0 0 .576-.796l.035-.056.005-.009.01-.015.011-.022.016-.03c.004-.01.015-.033.02-.048.013-.032.046-.17.054-.278a1.4 1.4 0 0 0-.053-.278l-.021-.047q-.012-.024-.016-.031l-.02-.034-.006-.012a4 4 0 0 0-.155-.238 10 10 0 0 0-.456-.614c-.4-.5-.997-1.163-1.793-1.826-1.594-1.327-4.008-2.67-7.23-2.67M9.25 12a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/Handshake-Bz9FuL-x.js

@@ -0,0 +1,25 @@
+"use client";
+import * as o from "react";
+import { forwardRef as c } from "react";
+import { u as i } from "./useId-CsCRkvK3.js";
+var f = function(t, a) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = c((t, a) => {
+  var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
+  let n = i();
+  return n = r ? e || "title-" + n : void 0, o.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: a, "aria-labelledby": n }, l),
+    r ? o.createElement("title", { id: n }, r) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M13.737 3.177a1.75 1.75 0 0 0-2.474 0L9.689 4.75H3a.75.75 0 0 0-.75.75v9c0 .199.079.39.22.53l5.5 5.5c.613.614 1.319.931 2.021.954a2.41 2.41 0 0 0 2.35-1.583l.129.13c.613.613 1.319.93 2.021.953a2.41 2.41 0 0 0 2.361-1.618c.517.394 1.079.6 1.64.618a2.41 2.41 0 0 0 2.492-2.493c-.023-.702-.34-1.408-.954-2.021l-.22-.22H21a.75.75 0 0 0 .75-.75v-9a.75.75 0 0 0-.75-.75h-5.69zM12.53 7.97l5.78 5.78h1.94v-7.5H15a.75.75 0 0 1-.53-.22l-1.793-1.793a.25.25 0 0 0-.354 0L7.561 9l.555.555a1.25 1.25 0 0 0 1.768 0L11.47 7.97a.75.75 0 0 1 1.06 0m-1.545 11.07c-.009-.266-.129-.623-.515-1.01l-1.5-1.5a.75.75 0 1 1 1.06-1.06l3.5 3.5c.387.386.744.506 1.01.515a.91.91 0 0 0 .945-.945c-.009-.266-.129-.623-.515-1.01l-3.5-3.5a.75.75 0 1 1 1.06-1.06l5 5c.387.386.744.506 1.01.515a.91.91 0 0 0 .945-.945c-.009-.266-.129-.623-.515-1.01L12 9.56l-1.056 1.056a2.75 2.75 0 0 1-3.889 0L5.97 9.53a.75.75 0 0 1 0-1.06l2.22-2.22H3.75v7.94l5.28 5.28c.387.386.744.506 1.01.515a.91.91 0 0 0 .945-.945", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/Inbox-z7qqLz8Y.js

@@ -0,0 +1,25 @@
+"use client";
+import * as o from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, a) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      a.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = i((t, a) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let n = f();
+  return n = r ? e || "title-" + n : void 0, o.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: a, "aria-labelledby": n }, l),
+    r ? o.createElement("title", { id: n }, r) : null,
+    o.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 4.25a.75.75 0 0 0-.696.471L2.31 12.206a.74.74 0 0 0-.06.311V19c0 .414.336.75.75.75h18a.75.75 0 0 0 .75-.75v-6.483a.75.75 0 0 0-.06-.311L18.696 4.72A.75.75 0 0 0 18 4.25zm13.892 7.5-2.4-6H6.508l-2.4 6h2.774a1.75 1.75 0 0 1 1.565.967l.947 1.895a.25.25 0 0 0 .224.138h4.764a.25.25 0 0 0 .224-.138l.947-1.895a1.75 1.75 0 0 1 1.565-.967zm-2.998 1.638a.25.25 0 0 1 .224-.138h3.132v5H3.75v-5h3.132a.25.25 0 0 1 .224.138l.947 1.895a1.75 1.75 0 0 0 1.565.967h4.764a1.75 1.75 0 0 0 1.565-.967z", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/ListItemBase-BVx5MDhO.js

@@ -0,0 +1,83 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as H } from "./index-L8X2o7IH.js";
+import './assets/ListItemBase.css';const I = "_item_12vtu_1", N = "_interactive_12vtu_54", q = "_interactiveSelected_12vtu_96", A = "_interactiveHidden_12vtu_100", t = {
+  item: I,
+  interactive: N,
+  interactiveSelected: q,
+  interactiveHidden: A
+}, G = ({
+  title: b,
+  interactive: w = !0,
+  as: x,
+  href: h,
+  onClick: a,
+  onKeyPress: e,
+  tabIndex: L,
+  size: d,
+  variant: n,
+  color: c,
+  theme: i,
+  shadow: j,
+  loading: r,
+  disabled: s,
+  hidden: v = !1,
+  active: o = !1,
+  selected: m,
+  className: _,
+  onMouseEnter: l,
+  children: p
+}) => {
+  const u = i === "transparent" ? "none" : j;
+  if (w) {
+    const B = H(
+      t.item,
+      t.interactive,
+      _,
+      m && t.interactiveSelected,
+      v && t.interactiveHidden
+    );
+    return /* @__PURE__ */ f(
+      x || "button",
+      {
+        "aria-label": b,
+        className: B,
+        "data-variant": n,
+        "data-color": c,
+        "data-theme": i,
+        "data-size": d,
+        "data-shadow": u,
+        "data-active": o,
+        href: h,
+        onKeyPress: (S) => {
+          S.key === "Enter" && (a == null || a()), e == null || e(S);
+        },
+        onClick: a,
+        tabIndex: L,
+        "aria-disabled": s || r,
+        disabled: s || r,
+        onMouseEnter: l,
+        children: p
+      }
+    );
+  }
+  const z = H(t.item, _, m && t.interactiveSelected);
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: z,
+      "data-variant": n,
+      "data-color": c,
+      "data-theme": i,
+      "data-size": d,
+      "data-shadow": u,
+      "data-active": o,
+      "aria-hidden": v,
+      onMouseEnter: l,
+      children: p
+    }
+  );
+};
+export {
+  G as L,
+  t as s
+};

package/dist/MagnifyingGlass-DWIcpwS4.js

@@ -0,0 +1,25 @@
+"use client";
+import * as i from "react";
+import { forwardRef as a } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const u = a((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : void 0, i.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: n, "aria-labelledby": o }, l),
+    r ? i.createElement("title", { id: o }, r) : null,
+    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
+  );
+});
+export {
+  u as S
+};

package/dist/Package-ASRzCHA7.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = i((t, n) => {
+  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : 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: n, "aria-labelledby": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.794 4.5a.75.75 0 0 1-.75 0l-7.794-4.5a.75.75 0 0 1-.375-.65v-9a.75.75 0 0 1 .375-.65zM12 3.866 5.706 7.5 12 11.134 18.294 7.5zm7.044 4.933-6.294 3.634v7.268l6.294-3.634zM11.25 19.701v-7.268L4.956 8.799v7.268z", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/PadlockLocked-xJsxvaHH.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as d } from "./useId-CsCRkvK3.js";
+var f = 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 p = i((t, o) => {
+  var { title: l, titleId: e } = t, r = f(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", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
+  );
+});
+export {
+  p as S
+};

package/dist/Plus-B6MBOAcH.js

@@ -0,0 +1,25 @@
+"use client";
+import * as a from "react";
+import { forwardRef as i } from "react";
+import { u as f } from "./useId-CsCRkvK3.js";
+var d = function(t, n) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.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++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const p = i((t, n) => {
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
+  let o = f();
+  return o = l ? e || "title-" + o : 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: n, "aria-labelledby": o }, r),
+    l ? a.createElement("title", { id: o }, l) : null,
+    a.createElement("path", { fill: "currentColor", d: "M12.75 5.5a.75.75 0 0 0-1.5 0v5.75H5.5a.75.75 0 0 0 0 1.5h5.75v5.75a.75.75 0 0 0 1.5 0v-5.75h5.75a.75.75 0 0 0 0-1.5h-5.75z" })
+  );
+});
+export {
+  p as S
+};