@gnist/design-system 5.5.0-alpha.1 → 5.5.1

package/dist/components/surfaces/modal/modal.css.cjs

@@ -2,11 +2,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const atoms_css_js = require("@gnist/themes/atoms.css.js");
-const layers_css_js = require("@gnist/themes/layers.css.js");
 const tokens_css_js = require("@gnist/themes/tokens.css.js");
 const css = require("@vanilla-extract/css");
 const cssUtils = require("@vanilla-extract/css-utils");
-const backdropStyle = layers_css_js.gnistStyle({
+const recipes = require("@vanilla-extract/recipes");
+const backdropStyle = css.style({
   zIndex: -1,
   position: "fixed",
   right: 0,
@@ -16,7 +16,7 @@ const backdropStyle = layers_css_js.gnistStyle({
   backgroundColor: "rgba(0, 0, 0, 0.5)",
   WebkitTapHighlightColor: "transparent"
 });
-const modalStyle = layers_css_js.gnistStyle({
+const modalStyle = css.style({
   position: "fixed",
   zIndex: 1300,
   right: 0,
@@ -36,7 +36,7 @@ const modalStyle = layers_css_js.gnistStyle({
   margin: 0,
   padding: 0
 });
-const modalHeadingStyle = layers_css_js.gnistStyle({
+const modalHeadingStyle = css.style({
   fontWeight: tokens_css_js.tokens.typeface.weight.semibold
 });
 const dialogPadding = (size) => {
@@ -51,7 +51,7 @@ const dialogPadding = (size) => {
       return tokens_css_js.tokens.spacing.m;
   }
 };
-const dialogRecipe = layers_css_js.gnistRecipe({
+const dialogRecipe = recipes.recipe({
   base: [
     atoms_css_js.atoms({
       color: "on-surface",
@@ -104,12 +104,12 @@ const dialogRecipe = layers_css_js.gnistRecipe({
     size: "medium"
   }
 });
-const headerRowPaddingBySize = (size) => layers_css_js.gnistStyle({
+const headerRowPaddingBySize = (size) => css.style({
   paddingTop: dialogPadding(size),
   paddingRight: dialogPadding(size),
   paddingLeft: dialogPadding(size)
 });
-const headerRowRecipe = layers_css_js.gnistRecipe({
+const headerRowRecipe = recipes.recipe({
   base: [
     {
       position: "sticky",
@@ -144,7 +144,7 @@ const headerRowRecipe = layers_css_js.gnistRecipe({
     }
   ]
 });
-const contentContainerRecipe = layers_css_js.gnistRecipe({
+const contentContainerRecipe = recipes.recipe({
   base: [
     atoms_css_js.atoms({
       display: "flex",
@@ -210,12 +210,12 @@ const contentContainerRecipe = layers_css_js.gnistRecipe({
     }
   ]
 });
-const actionRowPaddingBySize = (size) => layers_css_js.gnistStyle({
+const actionRowPaddingBySize = (size) => css.style({
   paddingTop: cssUtils.calc(dialogPadding(size)).add(tokens_css_js.tokens.spacing.xxs).toString(),
   paddingRight: dialogPadding(size),
   paddingLeft: dialogPadding(size)
 });
-const actionRowRecipe = layers_css_js.gnistRecipe({
+const actionRowRecipe = recipes.recipe({
   base: [
     atoms_css_js.atoms({
       display: "flex",

package/dist/components/surfaces/modal/modal.css.js

@@ -1,10 +1,10 @@
 "use client";
 import { atoms } from "@gnist/themes/atoms.css.js";
-import { gnistStyle, gnistRecipe } from "@gnist/themes/layers.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
-import { globalStyle } from "@vanilla-extract/css";
+import { style, globalStyle } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
-const backdropStyle = gnistStyle({
+import { recipe } from "@vanilla-extract/recipes";
+const backdropStyle = style({
   zIndex: -1,
   position: "fixed",
   right: 0,
@@ -14,7 +14,7 @@ const backdropStyle = gnistStyle({
   backgroundColor: "rgba(0, 0, 0, 0.5)",
   WebkitTapHighlightColor: "transparent"
 });
-const modalStyle = gnistStyle({
+const modalStyle = style({
   position: "fixed",
   zIndex: 1300,
   right: 0,
@@ -34,7 +34,7 @@ const modalStyle = gnistStyle({
   margin: 0,
   padding: 0
 });
-const modalHeadingStyle = gnistStyle({
+const modalHeadingStyle = style({
   fontWeight: tokens.typeface.weight.semibold
 });
 const dialogPadding = (size) => {
@@ -49,7 +49,7 @@ const dialogPadding = (size) => {
       return tokens.spacing.m;
   }
 };
-const dialogRecipe = gnistRecipe({
+const dialogRecipe = recipe({
   base: [
     atoms({
       color: "on-surface",
@@ -102,12 +102,12 @@ const dialogRecipe = gnistRecipe({
     size: "medium"
   }
 });
-const headerRowPaddingBySize = (size) => gnistStyle({
+const headerRowPaddingBySize = (size) => style({
   paddingTop: dialogPadding(size),
   paddingRight: dialogPadding(size),
   paddingLeft: dialogPadding(size)
 });
-const headerRowRecipe = gnistRecipe({
+const headerRowRecipe = recipe({
   base: [
     {
       position: "sticky",
@@ -142,7 +142,7 @@ const headerRowRecipe = gnistRecipe({
     }
   ]
 });
-const contentContainerRecipe = gnistRecipe({
+const contentContainerRecipe = recipe({
   base: [
     atoms({
       display: "flex",
@@ -208,12 +208,12 @@ const contentContainerRecipe = gnistRecipe({
     }
   ]
 });
-const actionRowPaddingBySize = (size) => gnistStyle({
+const actionRowPaddingBySize = (size) => style({
   paddingTop: calc(dialogPadding(size)).add(tokens.spacing.xxs).toString(),
   paddingRight: dialogPadding(size),
   paddingLeft: dialogPadding(size)
 });
-const actionRowRecipe = gnistRecipe({
+const actionRowRecipe = recipe({
   base: [
     atoms({
       display: "flex",

package/dist/foundation/iconography/Icon.css.cjs

@@ -2,15 +2,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const atoms_css_js = require("@gnist/themes/atoms.css.js");
-const layers_css_js = require("@gnist/themes/layers.css.js");
 const css = require("@vanilla-extract/css");
 const svgHeight = css.createVar();
 const svgWidth = css.createVar();
-const iconContainer = layers_css_js.gnistStyle([
+const iconContainer = css.style([
   { display: "inline-flex" },
   atoms_css_js.atoms({ justifyContent: "center", alignItems: "center" })
 ]);
-const svg = layers_css_js.gnistStyle({
+const svg = css.style({
   overflow: "visible",
   height: svgHeight,
   width: svgWidth

package/dist/foundation/iconography/Icon.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/Icon.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,oBAAc,CAAC;AACrC,eAAO,MAAM,QAAQ,oBAAc,CAAC;AAEpC,eAAO,MAAM,aAAa,QAGxB,CAAC;AAEH,eAAO,MAAM,GAAG,QAId,CAAC"}
+{"version":3,"file":"Icon.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/Icon.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAC;AACrC,eAAO,MAAM,QAAQ,oBAAc,CAAC;AAEpC,eAAO,MAAM,aAAa,QAGxB,CAAC;AAEH,eAAO,MAAM,GAAG,QAId,CAAC"}

package/dist/foundation/iconography/Icon.css.js

@@ -1,14 +1,13 @@
 "use client";
 import { atoms } from "@gnist/themes/atoms.css.js";
-import { gnistStyle } from "@gnist/themes/layers.css.js";
-import { createVar } from "@vanilla-extract/css";
+import { createVar, style } from "@vanilla-extract/css";
 const svgHeight = createVar();
 const svgWidth = createVar();
-const iconContainer = gnistStyle([
+const iconContainer = style([
   { display: "inline-flex" },
   atoms({ justifyContent: "center", alignItems: "center" })
 ]);
-const svg = gnistStyle({
+const svg = style({
   overflow: "visible",
   height: svgHeight,
   width: svgWidth

package/dist/foundation/iconography/icons.d.ts

@@ -31,7 +31,7 @@ type IconVariantsAndOptions<T extends string> = {
     };
 };
 export declare function defineIcons<T extends string>(icons: IconSpecifications<T>): IconVariantsAndOptions<T>;
-export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "favorite_border" | "star" | "star_outline" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "file_download" | "file_upload" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "notifications" | "payment" | "pets" | "play_circle" | "print" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
+export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "favorite_border" | "star" | "star_outline" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "archive" | "file_copy" | "file_download" | "file_upload" | "unarchive" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "notifications" | "payment" | "pets" | "play_circle" | "print" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
 type Icons = typeof icons;
 /**
  * Apps using this library can use declaration merging to add app-specific icons to the allowed icon list.

package/dist/foundation/iconography/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,w0CAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,g3CAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}

package/dist/foundation/iconography/svg/file/archive-filled.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgArchiveFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M15.6 1.98 14.36.48Q13.99.02 13.33 0H2.67c-.42 0-.79.19-1.03.49L.4 1.99c-.26.3-.41.7-.41 1.12v11.11A1.8 1.8 0 0 0 1.78 16h12.44c.98 0 1.78-.8 1.78-1.78V3.12q-.01-.67-.4-1.14M8 12.88 3.11 8h3.11V6.22h3.56V8h3.1zM1.88 1.79l.72-.9h10.67l.84.9z" }));
+exports.default = SvgArchiveFilled;

package/dist/foundation/iconography/svg/file/archive-filled.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgArchiveFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M15.6 1.98 14.36.48Q13.99.02 13.33 0H2.67c-.42 0-.79.19-1.03.49L.4 1.99c-.26.3-.41.7-.41 1.12v11.11A1.8 1.8 0 0 0 1.78 16h12.44c.98 0 1.78-.8 1.78-1.78V3.12q-.01-.67-.4-1.14M8 12.88 3.11 8h3.11V6.22h3.56V8h3.1zM1.88 1.79l.72-.9h10.67l.84.9z" }));
+export {
+  SvgArchiveFilled as default
+};

package/dist/foundation/iconography/svg/file/archive-outlined.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgArchiveOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M15.6 1.98 14.36.48Q13.99.02 13.33 0H2.67c-.42 0-.79.19-1.03.49L.4 1.99c-.26.3-.41.7-.41 1.12v11.11A1.8 1.8 0 0 0 1.78 16h12.44c.98 0 1.78-.8 1.78-1.78V3.12q-.01-.67-.4-1.14m-12.72-.2h10.24l.72.86H2.17zm-1.1 12.44V4.44h12.44v9.78zm7.5-8H6.71v2.67H4.44L8 12.44l3.56-3.55H9.29z" }));
+exports.default = SvgArchiveOutlined;

package/dist/foundation/iconography/svg/file/archive-outlined.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgArchiveOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M15.6 1.98 14.36.48Q13.99.02 13.33 0H2.67c-.42 0-.79.19-1.03.49L.4 1.99c-.26.3-.41.7-.41 1.12v11.11A1.8 1.8 0 0 0 1.78 16h12.44c.98 0 1.78-.8 1.78-1.78V3.12q-.01-.67-.4-1.14m-12.72-.2h10.24l.72.86H2.17zm-1.1 12.44V4.44h12.44v9.78zm7.5-8H6.71v2.67H4.44L8 12.44l3.56-3.55H9.29z" }));
+export {
+  SvgArchiveOutlined as default
+};

package/dist/foundation/iconography/svg/file/archive-round.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgArchiveRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M15.6 1.98 14.36.48Q13.99.02 13.33 0H2.67c-.42 0-.79.19-1.03.49L.4 1.99c-.26.3-.41.7-.41 1.12v11.11A1.8 1.8 0 0 0 1.78 16h12.44c.98 0 1.78-.8 1.78-1.78V3.12q-.01-.67-.4-1.14m-7.91 10.6L3.1 8h3.11V6.22h3.56V8h3.1L8.3 12.58a.45.45 0 0 1-.62 0m-5.8-10.8.71-.9h10.67l.84.9z" }));
+exports.default = SvgArchiveRound;

package/dist/foundation/iconography/svg/file/archive-round.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgArchiveRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M15.6 1.98 14.36.48Q13.99.02 13.33 0H2.67c-.42 0-.79.19-1.03.49L.4 1.99c-.26.3-.41.7-.41 1.12v11.11A1.8 1.8 0 0 0 1.78 16h12.44c.98 0 1.78-.8 1.78-1.78V3.12q-.01-.67-.4-1.14m-7.91 10.6L3.1 8h3.11V6.22h3.56V8h3.1L8.3 12.58a.45.45 0 0 1-.62 0m-5.8-10.8.71-.9h10.67l.84.9z" }));
+export {
+  SvgArchiveRound as default
+};

package/dist/foundation/iconography/svg/file/archive-sharp.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgArchiveSharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M13.96 0H2.04L0 2.48V16h16V2.48zM8 12.89 3.11 8h3.11V6.22h3.56V8h3.1zM1.88 1.78l.72-.9h10.67l.84.9z" }));
+exports.default = SvgArchiveSharp;

package/dist/foundation/iconography/svg/file/archive-sharp.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgArchiveSharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M13.96 0H2.04L0 2.48V16h16V2.48zM8 12.89 3.11 8h3.11V6.22h3.56V8h3.1zM1.88 1.78l.72-.9h10.67l.84.9z" }));
+export {
+  SvgArchiveSharp as default
+};

package/dist/foundation/iconography/svg/file/file_copy-filled.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgFileCopyFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M12.89 0H2.52C1.57 0 .8.78.8 1.73v12.09h1.72V1.72H12.9zm-.87 3.45 5.18 5.19v8.63c0 .95-.77 1.73-1.72 1.73H5.97c-.95 0-1.72-.78-1.72-1.73V5.18c0-.95.78-1.73 1.73-1.73zm-.86 6.05h4.75l-4.75-4.75z" }));
+exports.default = SvgFileCopyFilled;

package/dist/foundation/iconography/svg/file/file_copy-filled.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgFileCopyFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M12.89 0H2.52C1.57 0 .8.78.8 1.73v12.09h1.72V1.72H12.9zm-.87 3.45 5.18 5.19v8.63c0 .95-.77 1.73-1.72 1.73H5.97c-.95 0-1.72-.78-1.72-1.73V5.18c0-.95.78-1.73 1.73-1.73zm-.86 6.05h4.75l-4.75-4.75z" }));
+export {
+  SvgFileCopyFilled as default
+};

package/dist/foundation/iconography/svg/file/file_copy-outlined.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgFileCopyOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M12.89 0H2.52C1.57 0 .8.78.8 1.73v12.09h1.72V1.72H12.9zm-.87 3.45H5.98c-.95 0-1.72.78-1.72 1.73l-.01 12.1c0 .94.77 1.72 1.72 1.72h9.5c.96 0 1.73-.78 1.73-1.73V8.64zM5.98 17.27V5.18h5.18V9.5h4.32v7.77z" }));
+exports.default = SvgFileCopyOutlined;

package/dist/foundation/iconography/svg/file/file_copy-outlined.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgFileCopyOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M12.89 0H2.52C1.57 0 .8.78.8 1.73v12.09h1.72V1.72H12.9zm-.87 3.45H5.98c-.95 0-1.72.78-1.72 1.73l-.01 12.1c0 .94.77 1.72 1.72 1.72h9.5c.96 0 1.73-.78 1.73-1.73V8.64zM5.98 17.27V5.18h5.18V9.5h4.32v7.77z" }));
+export {
+  SvgFileCopyOutlined as default
+};

package/dist/foundation/iconography/svg/file/file_copy-round.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgFileCopyRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M12.02 0h-9.5C1.57 0 .8.78.8 1.73v11.22c0 .48.38.87.86.87.47 0 .86-.39.86-.87V2.6c0-.47.4-.86.87-.86h8.63a.87.87 0 1 0 0-1.73m.51 3.96 4.17 4.18c.32.31.5.76.5 1.21v7.92c0 .95-.77 1.73-1.72 1.73H5.97c-.95 0-1.72-.78-1.72-1.73V5.18c0-.95.78-1.73 1.73-1.73h5.33c.45 0 .9.19 1.22.51m-.5 5.54h3.88l-4.75-4.75v3.89c0 .47.39.86.86.86" }));
+exports.default = SvgFileCopyRound;

package/dist/foundation/iconography/svg/file/file_copy-round.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgFileCopyRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M12.02 0h-9.5C1.57 0 .8.78.8 1.73v11.22c0 .48.38.87.86.87.47 0 .86-.39.86-.87V2.6c0-.47.4-.86.87-.86h8.63a.87.87 0 1 0 0-1.73m.51 3.96 4.17 4.18c.32.31.5.76.5 1.21v7.92c0 .95-.77 1.73-1.72 1.73H5.97c-.95 0-1.72-.78-1.72-1.73V5.18c0-.95.78-1.73 1.73-1.73h5.33c.45 0 .9.19 1.22.51m-.5 5.54h3.88l-4.75-4.75v3.89c0 .47.39.86.86.86" }));
+export {
+  SvgFileCopyRound as default
+};

package/dist/foundation/iconography/svg/file/file_copy-sharp.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgFileCopySharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M12.89 0H.79v13.82h1.73V1.72H12.9zm-.87 3.45 5.18 5.19V19H4.25V3.45zm-.86 6.05h4.75l-4.75-4.75z" }));
+exports.default = SvgFileCopySharp;

package/dist/foundation/iconography/svg/file/file_copy-sharp.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgFileCopySharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 19", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M12.89 0H.79v13.82h1.73V1.72H12.9zm-.87 3.45 5.18 5.19V19H4.25V3.45zm-.86 6.05h4.75l-4.75-4.75z" }));
+export {
+  SvgFileCopySharp as default
+};

package/dist/foundation/iconography/svg/file/index.cjs

@@ -1,6 +1,14 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const archiveFilled = require("./archive-filled.svg.cjs");
+const archiveOutlined = require("./archive-outlined.svg.cjs");
+const archiveRound = require("./archive-round.svg.cjs");
+const archiveSharp = require("./archive-sharp.svg.cjs");
+const file_copyFilled = require("./file_copy-filled.svg.cjs");
+const file_copyOutlined = require("./file_copy-outlined.svg.cjs");
+const file_copyRound = require("./file_copy-round.svg.cjs");
+const file_copySharp = require("./file_copy-sharp.svg.cjs");
 const file_downloadFilled = require("./file_download-filled.svg.cjs");
 const file_downloadOutlined = require("./file_download-outlined.svg.cjs");
 const file_downloadRound = require("./file_download-round.svg.cjs");
@@ -9,6 +17,22 @@ const file_uploadFilled = require("./file_upload-filled.svg.cjs");
 const file_uploadOutlined = require("./file_upload-outlined.svg.cjs");
 const file_uploadRound = require("./file_upload-round.svg.cjs");
 const file_uploadSharp = require("./file_upload-sharp.svg.cjs");
+const unarchiveFilled = require("./unarchive-filled.svg.cjs");
+const unarchiveOutlined = require("./unarchive-outlined.svg.cjs");
+const unarchiveRound = require("./unarchive-round.svg.cjs");
+const unarchiveSharp = require("./unarchive-sharp.svg.cjs");
+const archive = {
+  filled: archiveFilled.default,
+  outlined: archiveOutlined.default,
+  round: archiveRound.default,
+  sharp: archiveSharp.default
+};
+const file_copy = {
+  filled: file_copyFilled.default,
+  outlined: file_copyOutlined.default,
+  round: file_copyRound.default,
+  sharp: file_copySharp.default
+};
 const file_download = {
   filled: file_downloadFilled.default,
   outlined: file_downloadOutlined.default,
@@ -21,5 +45,14 @@ const file_upload = {
   round: file_uploadRound.default,
   sharp: file_uploadSharp.default
 };
+const unarchive = {
+  filled: unarchiveFilled.default,
+  outlined: unarchiveOutlined.default,
+  round: unarchiveRound.default,
+  sharp: unarchiveSharp.default
+};
+exports.archive = archive;
+exports.file_copy = file_copy;
 exports.file_download = file_download;
 exports.file_upload = file_upload;
+exports.unarchive = unarchive;