@gnist/design-system 0.0.6

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

@@ -0,0 +1,33 @@
+import { SVGAttributes } from "react";
+import { SizeToken } from "../../utilities/tokens/index.js";
+import { AllowedIcons } from "./icons.js";
+import { VariantNames } from "./variantNames.js";
+export interface IconProps<TIcon extends AllowedIcons> extends Omit<SVGAttributes<SVGElement>, "width" | "height"> {
+    /**
+     * The icon type
+     */
+    icon: TIcon;
+    /**
+     * Accessible title. Will be read by screen readers and shown as a tooltip. Only use this for icons
+     * that convey meaning in the user interface and don't have adjacent descriptive text.
+     *
+     * If you absolutely don't want a tooltip for sighted users, but want something read by screen readers,
+     * use `aria-label` instead.
+     *
+     * If neither `title` nor `aria-label` is supplied, the icon will be considered decorative and
+     * hidden from screen readers unless you explicitly set `aria-hidden={false}` (not recommended!)
+     */
+    title?: string;
+    /**
+     * Icon size, including whitespace. The icon's largest dimension and defined whitespace will scale to fit this size.
+     * @default l
+     */
+    size?: SizeToken | "1em";
+    /** Override the default icon variant for this icon. To change the default icon variant, use IconVariantProvider */
+    variantOverride?: VariantNames;
+}
+/**
+TODO: Usage documentation
+ */
+export declare const Icon: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, import("react").FC<IconProps<AllowedIcons>>>;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAqB,MAAM,YAAY,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,WAAW,SAAS,CAAC,KAAK,SAAS,YAAY,CACjD,SAAQ,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3D;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,mHAAmH;IACnH,eAAe,CAAC,EAAE,YAAY,CAAC;CAClC;AAgED;;GAEG;AAEH,eAAO,MAAM,IAAI,6HAAkD,CAAC"}

package/dist/foundation/iconography/Icon.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { component } from "@gnist/component-utils";
+import { tokens } from "@gnist/themes/tokens.css.js";
+import { calc } from "@vanilla-extract/css-utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import classNames from "classnames";
+import { useExtraIcons } from "./ExtraIconsProvider.js";
+import { iconContainer, svgHeight, svgWidth, svg } from "./Icon.css.js";
+import { icons } from "./icons.js";
+import { useIconVariant } from "./IconVariantProvider.js";
+const IconContainer = ({ icon, title, size: sizeToken = "l", fill = "currentColor", focusable = false, "aria-label": ariaLabel, "aria-hidden": ariaHidden = title || ariaLabel ? false : true, role = "img", className, variantOverride, ...rest }) => {
+  const defaultVariant = useIconVariant();
+  const variant = variantOverride || defaultVariant;
+  const extraIcons = useExtraIcons();
+  const iconSpec = icons[icon] ?? extraIcons[icon];
+  if (!iconSpec) {
+    console.error(`Unsupported icon ${icon}`);
+    return null;
+  }
+  let IconComponent = iconSpec.variants[variant];
+  if (!IconComponent) {
+    const [variantName, component2] = Object.entries(iconSpec.variants)[0];
+    console.error(`Unsupported variant "${variant}" for icon "${icon}". Falling back to first defined variant ${variantName}.`);
+    IconComponent = component2;
+  }
+  const size = sizeToken === "1em" ? sizeToken : tokens.size[sizeToken];
+  const { fit, scale } = (icons[icon] ?? extraIcons[icon]).options;
+  const iconSize = calc.multiply(size, scale);
+  return jsx("span", { className: classNames(className, iconContainer), style: {
+    ...assignInlineVars({
+      [svgHeight]: fit === "height" ? iconSize : "auto",
+      [svgWidth]: fit === "width" ? iconSize : "auto"
+    }),
+    height: size,
+    width: size
+  }, children: jsx(IconComponent, { className: svg, fill, focusable, "aria-label": ariaLabel, "aria-hidden": ariaHidden, role, title, ...rest }) });
+};
+const Icon = component("Icon", iconContainer, IconContainer);
+export {
+  Icon
+};

package/dist/foundation/iconography/IconVariantProvider.cjs

@@ -0,0 +1,10 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const variantContext = React.createContext("filled");
+const useIconVariant = () => React.useContext(variantContext);
+const IconVariantProvider = ({ variant, children }) => jsxRuntime.jsx(variantContext.Provider, { value: variant, children });
+exports.IconVariantProvider = IconVariantProvider;
+exports.useIconVariant = useIconVariant;

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

@@ -0,0 +1,30 @@
+import { ReactNode } from "react";
+import { VariantNames } from "./variantNames.js";
+export declare const useIconVariant: () => VariantNames;
+/**
+Set the icon variant used in the app. If you don't use IconVariantProvider, the `"filled"` variant will be used.
+ 
+```tsx
+    // App.tsx or equivalent
+
+    export const App = () => (
+        <IconVariantProvider variant="outlined">
+            // ...render the rest of the app...
+        </IconVariantProvider>
+    );
+
+    // SomeComponent.tsx
+
+    export const SomeComponent = () => (
+        <div>
+            This icon will now use the "outlined" variant
+            <Icon icon="info" />
+        </div>
+    );
+```
+*/
+export declare const IconVariantProvider: React.FC<{
+    variant: VariantNames;
+    children: ReactNode;
+}>;
+//# sourceMappingURL=IconVariantProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconVariantProvider.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/IconVariantProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,eAAO,MAAM,cAAc,oBAAmC,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;EAqBE;AACF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAIA,CAAC"}

package/dist/foundation/iconography/IconVariantProvider.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const variantContext = createContext("filled");
+const useIconVariant = () => useContext(variantContext);
+const IconVariantProvider = ({ variant, children }) => jsx(variantContext.Provider, { value: variant, children });
+export {
+  IconVariantProvider,
+  useIconVariant
+};

package/dist/foundation/iconography/icons.cjs

@@ -0,0 +1,71 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./svg/action/index.cjs");
+const index$1 = require("./svg/communication/index.cjs");
+const index$2 = require("./svg/content/index.cjs");
+const index$3 = require("./svg/device/index.cjs");
+const index$4 = require("./svg/file/index.cjs");
+const index$5 = require("./svg/map/index.cjs");
+const index$6 = require("./svg/navigation/index.cjs");
+const index$7 = require("./svg/notifications/index.cjs");
+const index$b = require("./svg/search/index.cjs");
+const index$8 = require("./svg/social/index.cjs");
+const index$9 = require("./svg/toggle/index.cjs");
+const index$a = require("./svg/validation/index.cjs");
+function mergeIconsAndOptions(inputIcons, options) {
+  const initial = {};
+  return Object.entries(inputIcons).reduce((results, [icon, spec]) => ({
+    ...results,
+    [icon]: { ...spec, options: options[icon] }
+  }), initial);
+}
+const defaultOptions = { fit: "height", scale: 2 / 3 };
+function defineIcons(icons2) {
+  const result = {};
+  for (const key of Object.keys(icons2)) {
+    const icon = key;
+    const { options: definedOptions, ...variants } = icons2[icon];
+    const options = { ...defaultOptions, ...definedOptions };
+    result[icon] = {
+      variants,
+      options
+    };
+  }
+  return result;
+}
+const icons = defineIcons(mergeIconsAndOptions({
+  ...index,
+  ...index$1,
+  ...index$2,
+  ...index$3,
+  ...index$4,
+  ...index$5,
+  ...index$6,
+  ...index$7,
+  ...index$8,
+  ...index$9,
+  ...index$a,
+  ...index$b
+}, {
+  // Action
+  car: { fit: "width" },
+  car_crash: { fit: "width" },
+  code: { fit: "width" },
+  visibility_on: { fit: "width" },
+  visibility_off: { fit: "width" },
+  // Navigation
+  check: { fit: "width" },
+  chevron_left: { scale: 0.5 },
+  chevron_right: { scale: 0.5 },
+  expand_less: { fit: "width", scale: 0.5 },
+  expand_more: { fit: "width", scale: 0.5 },
+  menu: { fit: "width" },
+  more_horizontal: { fit: "width" },
+  // Validation
+  warning: { fit: "width" },
+  // Content
+  remove: { fit: "width", scale: 0.5 }
+}));
+exports.defineIcons = defineIcons;
+exports.icons = icons;

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

@@ -0,0 +1,50 @@
+import { SVGProps } from "react";
+import { VariantNames } from "./variantNames.js";
+interface SvgProps extends SVGProps<SVGSVGElement> {
+    title?: string | undefined;
+}
+type SvgComponent = React.FC<SvgProps>;
+type VariantDefinitions = {
+    [V in VariantNames]?: SvgComponent;
+};
+interface IconOptions {
+    /**
+     * Which dimension is used to determine the icon size? The other dimension will be set to "auto".
+     * @default "height"
+     */
+    fit: "width" | "height";
+    /**
+     * Actual icon size will be scaled by this number. By default we use 1/3 of the largest dimension as whitespace
+     * @default 2/3
+     */
+    scale: number;
+}
+type IconSpecifications<T extends string> = {
+    [K in T]: VariantDefinitions & {
+        options?: Partial<IconOptions>;
+    };
+};
+type IconVariantsAndOptions<T extends string> = {
+    [K in T]: {
+        variants: VariantDefinitions;
+        options: IconOptions;
+    };
+};
+export declare function defineIcons<T extends string>(icons: IconSpecifications<T>): IconVariantsAndOptions<T>;
+export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "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" | "backspace" | "mail" | "remove" | "send" | "call" | "chat" | "assignment" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "lightbulb" | "login" | "logout" | "payment" | "pets" | "play_circle" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "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.
+ */
+export interface ExtraIcons {
+}
+interface IconDef {
+    variants: VariantDefinitions;
+    options: IconOptions;
+}
+export type IconSet<TIconNames extends string> = Record<TIconNames, IconDef>;
+export type AllIcons = Icons & ExtraIcons;
+export type StringKeys<T> = Extract<keyof T, string>;
+export type AllowedIcons = StringKeys<AllIcons>;
+export {};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +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,qoCAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAEH,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/icons.js

@@ -0,0 +1,71 @@
+"use client";
+import * as index from "./svg/action/index.js";
+import * as index$1 from "./svg/communication/index.js";
+import * as index$2 from "./svg/content/index.js";
+import * as index$3 from "./svg/device/index.js";
+import * as index$4 from "./svg/file/index.js";
+import * as index$5 from "./svg/map/index.js";
+import * as index$6 from "./svg/navigation/index.js";
+import * as index$7 from "./svg/notifications/index.js";
+import * as index$b from "./svg/search/index.js";
+import * as index$8 from "./svg/social/index.js";
+import * as index$9 from "./svg/toggle/index.js";
+import * as index$a from "./svg/validation/index.js";
+function mergeIconsAndOptions(inputIcons, options) {
+  const initial = {};
+  return Object.entries(inputIcons).reduce((results, [icon, spec]) => ({
+    ...results,
+    [icon]: { ...spec, options: options[icon] }
+  }), initial);
+}
+const defaultOptions = { fit: "height", scale: 2 / 3 };
+function defineIcons(icons2) {
+  const result = {};
+  for (const key of Object.keys(icons2)) {
+    const icon = key;
+    const { options: definedOptions, ...variants } = icons2[icon];
+    const options = { ...defaultOptions, ...definedOptions };
+    result[icon] = {
+      variants,
+      options
+    };
+  }
+  return result;
+}
+const icons = defineIcons(mergeIconsAndOptions({
+  ...index,
+  ...index$1,
+  ...index$2,
+  ...index$3,
+  ...index$4,
+  ...index$5,
+  ...index$6,
+  ...index$7,
+  ...index$8,
+  ...index$9,
+  ...index$a,
+  ...index$b
+}, {
+  // Action
+  car: { fit: "width" },
+  car_crash: { fit: "width" },
+  code: { fit: "width" },
+  visibility_on: { fit: "width" },
+  visibility_off: { fit: "width" },
+  // Navigation
+  check: { fit: "width" },
+  chevron_left: { scale: 0.5 },
+  chevron_right: { scale: 0.5 },
+  expand_less: { fit: "width", scale: 0.5 },
+  expand_more: { fit: "width", scale: 0.5 },
+  menu: { fit: "width" },
+  more_horizontal: { fit: "width" },
+  // Validation
+  warning: { fit: "width" },
+  // Content
+  remove: { fit: "width", scale: 0.5 }
+}));
+export {
+  defineIcons,
+  icons
+};

package/dist/foundation/iconography/index.cjs

@@ -0,0 +1,11 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ExtraIconsProvider = require("./ExtraIconsProvider.cjs");
+const IconVariantProvider = require("./IconVariantProvider.cjs");
+const icons = require("./icons.cjs");
+const Icon = require("./Icon.cjs");
+exports.ExtraIconsProvider = ExtraIconsProvider.ExtraIconsProvider;
+exports.IconVariantProvider = IconVariantProvider.IconVariantProvider;
+exports.defineIcons = icons.defineIcons;
+exports.Icon = Icon.Icon;

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

@@ -0,0 +1,6 @@
+export { ExtraIconsProvider } from "./ExtraIconsProvider.js";
+export { IconVariantProvider } from "./IconVariantProvider.js";
+export type { ExtraIcons, AllowedIcons } from "./icons.js";
+export { defineIcons } from "./icons.js";
+export { Icon } from "./Icon.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}

package/dist/foundation/iconography/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { ExtraIconsProvider } from "./ExtraIconsProvider.js";
+import { IconVariantProvider } from "./IconVariantProvider.js";
+import { defineIcons } from "./icons.js";
+import { Icon } from "./Icon.js";
+export {
+  ExtraIconsProvider,
+  Icon,
+  IconVariantProvider,
+  defineIcons
+};

package/dist/foundation/iconography/package.json

@@ -0,0 +1,7 @@
+{
+    "type": "module",
+    "internal": true,
+    "main": "./index.cjs",
+    "module": "./index.js",
+    "types": "./index.d.ts"
+}

package/dist/foundation/iconography/svg/action/assignment-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 SvgAssignmentFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M14.222 1.8h-3.715C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H1.778C.8 1.8 0 2.61 0 3.6v12.6c0 .99.8 1.8 1.778 1.8h12.444C15.2 18 16 17.19 16 16.2V3.6c0-.99-.8-1.8-1.778-1.8ZM8 1.8c.489 0 .889.405.889.9s-.4.9-.889.9a.897.897 0 0 1-.889-.9c0-.495.4-.9.889-.9Zm1.778 12.6H3.556v-1.8h6.222v1.8Zm2.666-3.6H3.556V9h8.888v1.8Zm0-3.6H3.556V5.4h8.888v1.8Z" }));
+exports.default = SvgAssignmentFilled;

package/dist/foundation/iconography/svg/action/assignment-filled.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAssignmentFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M14.222 1.8h-3.715C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H1.778C.8 1.8 0 2.61 0 3.6v12.6c0 .99.8 1.8 1.778 1.8h12.444C15.2 18 16 17.19 16 16.2V3.6c0-.99-.8-1.8-1.778-1.8ZM8 1.8c.489 0 .889.405.889.9s-.4.9-.889.9a.897.897 0 0 1-.889-.9c0-.495.4-.9.889-.9Zm1.778 12.6H3.556v-1.8h6.222v1.8Zm2.666-3.6H3.556V9h8.888v1.8Zm0-3.6H3.556V5.4h8.888v1.8Z" }));
+export {
+  SvgAssignmentFilled as default
+};

package/dist/foundation/iconography/svg/action/assignment-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 SvgAssignmentOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.556 12.6h6.222v1.8H3.556v-1.8Zm0-3.6h8.888v1.8H3.556V9Zm0-3.6h8.888v1.8H3.556V5.4Zm10.666-3.6h-3.715C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H1.778c-.125 0-.24.009-.356.036a1.804 1.804 0 0 0-1.28 1.071A1.752 1.752 0 0 0 0 3.6v12.6c0 .243.053.486.142.702.09.216.222.405.382.576.24.243.552.423.898.495.116.018.231.027.356.027h12.444C15.2 18 16 17.19 16 16.2V3.6c0-.99-.8-1.8-1.778-1.8ZM8 1.575a.676.676 0 0 1 0 1.35.676.676 0 0 1 0-1.35ZM14.222 16.2H1.778V3.6h12.444v12.6Z" }));
+exports.default = SvgAssignmentOutlined;

package/dist/foundation/iconography/svg/action/assignment-outlined.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAssignmentOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.556 12.6h6.222v1.8H3.556v-1.8Zm0-3.6h8.888v1.8H3.556V9Zm0-3.6h8.888v1.8H3.556V5.4Zm10.666-3.6h-3.715C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H1.778c-.125 0-.24.009-.356.036a1.804 1.804 0 0 0-1.28 1.071A1.752 1.752 0 0 0 0 3.6v12.6c0 .243.053.486.142.702.09.216.222.405.382.576.24.243.552.423.898.495.116.018.231.027.356.027h12.444C15.2 18 16 17.19 16 16.2V3.6c0-.99-.8-1.8-1.778-1.8ZM8 1.575a.676.676 0 0 1 0 1.35.676.676 0 0 1 0-1.35ZM14.222 16.2H1.778V3.6h12.444v12.6Z" }));
+export {
+  SvgAssignmentOutlined as default
+};

package/dist/foundation/iconography/svg/action/assignment-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 SvgAssignmentRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M14.222 1.8h-3.715C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H1.778C.8 1.8 0 2.61 0 3.6v12.6c0 .99.8 1.8 1.778 1.8h12.444C15.2 18 16 17.19 16 16.2V3.6c0-.99-.8-1.8-1.778-1.8ZM8 1.8c.489 0 .889.405.889.9s-.4.9-.889.9a.897.897 0 0 1-.889-.9c0-.495.4-.9.889-.9Zm.889 12.6H4.444a.897.897 0 0 1-.888-.9c0-.495.4-.9.888-.9H8.89c.489 0 .889.405.889.9s-.4.9-.89.9Zm2.667-3.6H4.444a.897.897 0 0 1-.888-.9c0-.495.4-.9.888-.9h7.112c.488 0 .888.405.888.9s-.4.9-.888.9Zm0-3.6H4.444a.897.897 0 0 1-.888-.9c0-.495.4-.9.888-.9h7.112c.488 0 .888.405.888.9s-.4.9-.888.9Z" }));
+exports.default = SvgAssignmentRound;

package/dist/foundation/iconography/svg/action/assignment-round.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAssignmentRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M14.222 1.8h-3.715C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H1.778C.8 1.8 0 2.61 0 3.6v12.6c0 .99.8 1.8 1.778 1.8h12.444C15.2 18 16 17.19 16 16.2V3.6c0-.99-.8-1.8-1.778-1.8ZM8 1.8c.489 0 .889.405.889.9s-.4.9-.889.9a.897.897 0 0 1-.889-.9c0-.495.4-.9.889-.9Zm.889 12.6H4.444a.897.897 0 0 1-.888-.9c0-.495.4-.9.888-.9H8.89c.489 0 .889.405.889.9s-.4.9-.89.9Zm2.667-3.6H4.444a.897.897 0 0 1-.888-.9c0-.495.4-.9.888-.9h7.112c.488 0 .888.405.888.9s-.4.9-.888.9Zm0-3.6H4.444a.897.897 0 0 1-.888-.9c0-.495.4-.9.888-.9h7.112c.488 0 .888.405.888.9s-.4.9-.888.9Z" }));
+export {
+  SvgAssignmentRound as default
+};

package/dist/foundation/iconography/svg/action/assignment-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 SvgAssignmentSharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M16 1.8h-5.493C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H0V18h16V1.8Zm-8 0c.489 0 .889.405.889.9s-.4.9-.889.9a.897.897 0 0 1-.889-.9c0-.495.4-.9.889-.9Zm1.778 12.6H3.556v-1.8h6.222v1.8Zm2.666-3.6H3.556V9h8.888v1.8Zm0-3.6H3.556V5.4h8.888v1.8Z" }));
+exports.default = SvgAssignmentSharp;

package/dist/foundation/iconography/svg/action/assignment-sharp.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAssignmentSharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M16 1.8h-5.493C10.133.756 9.156 0 8 0 6.844 0 5.867.756 5.493 1.8H0V18h16V1.8Zm-8 0c.489 0 .889.405.889.9s-.4.9-.889.9a.897.897 0 0 1-.889-.9c0-.495.4-.9.889-.9Zm1.778 12.6H3.556v-1.8h6.222v1.8Zm2.666-3.6H3.556V9h8.888v1.8Zm0-3.6H3.556V5.4h8.888v1.8Z" }));
+export {
+  SvgAssignmentSharp as default
+};

package/dist/foundation/iconography/svg/action/bolt-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 SvgBoltFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.597 16h-.9l.9-6.222H.447c-.522 0-.513-.285-.342-.587.17-.302.045-.071.063-.107C1.328 7.058 3.075 4.036 5.397 0h.9l-.9 6.222h3.15c.44 0 .504.294.423.454l-.063.133C5.36 12.933 3.597 16 3.597 16Z" }));
+exports.default = SvgBoltFilled;

package/dist/foundation/iconography/svg/action/bolt-filled.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgBoltFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.597 16h-.9l.9-6.222H.447c-.522 0-.513-.285-.342-.587.17-.302.045-.071.063-.107C1.328 7.058 3.075 4.036 5.397 0h.9l-.9 6.222h3.15c.44 0 .504.294.423.454l-.063.133C5.36 12.933 3.597 16 3.597 16Z" }));
+export {
+  SvgBoltFilled as default
+};

package/dist/foundation/iconography/svg/action/bolt-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 SvgBoltOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.596 16h-.9l.9-6.222H.448c-.792 0-.297-.667-.279-.694C1.33 7.058 3.075 4.036 5.404 0h.9l-.9 6.222h3.158c.36 0 .558.17.36.587A6879.273 6879.273 0 0 0 3.596 16Z" }));
+exports.default = SvgBoltOutlined;

package/dist/foundation/iconography/svg/action/bolt-outlined.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgBoltOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.596 16h-.9l.9-6.222H.448c-.792 0-.297-.667-.279-.694C1.33 7.058 3.075 4.036 5.404 0h.9l-.9 6.222h3.158c.36 0 .558.17.36.587A6879.273 6879.273 0 0 0 3.596 16Z" }));
+export {
+  SvgBoltOutlined as default
+};