@telia/teddy 0.0.1

package/dist/components/label/label.js

@@ -0,0 +1,61 @@
+import "../../assets/label.css";
+import { jsx as b } from "react/jsx-runtime";
+import { _ as d, a as p } from "../../index-TI1xsy6a.js";
+import u, { forwardRef as f, useEffect as $, createElement as i } from "react";
+import "react-dom";
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+const x = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], y = x.reduce((a, t) => {
+  const e = /* @__PURE__ */ f((o, r) => {
+    const { asChild: l, ...n } = o, m = l ? p : t;
+    return $(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ i(m, d({}, n, {
+      ref: r
+    }));
+  });
+  return e.displayName = `Primitive.${t}`, {
+    ...a,
+    [t]: e
+  };
+}, {}), v = /* @__PURE__ */ f((a, t) => /* @__PURE__ */ i(y.label, d({}, a, {
+  ref: t,
+  onMouseDown: (e) => {
+    var o;
+    (o = a.onMouseDown) === null || o === void 0 || o.call(a, e), !e.defaultPrevented && e.detail > 1 && e.preventDefault();
+  }
+}))), w = v, s = {
+  "teddy-label": "_teddy-label_rfe6h_1",
+  "teddy-label--disabled": "_teddy-label--disabled_rfe6h_8"
+}, c = "teddy-label", h = u.forwardRef(
+  ({ className: a, disabled: t, children: e, ...o }, r) => {
+    const l = _(
+      [s[c]],
+      {
+        [s[`${c}--disabled`]]: t
+      },
+      a
+    );
+    return /* @__PURE__ */ b(w, { ...o, ref: r, className: l, children: e });
+  }
+);
+h.displayName = "Label";
+export {
+  h as Label
+};

package/dist/components/spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner } from './spinner';

package/dist/components/spinner/index.js

@@ -0,0 +1,4 @@
+import { Spinner as n } from "./spinner.js";
+export {
+  n as Spinner
+};

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+declare const SPINNER_VARIANT: {
+    readonly PRIMARY: "primary";
+    readonly DISABLED: "disabled";
+    readonly NEGATIVE: "negative";
+    readonly NEGATIVE_DISABLED: "negative-disabled";
+};
+type SpinnerVariant = (typeof SPINNER_VARIANT)[keyof typeof SPINNER_VARIANT];
+declare const SPINNER_SIZE: {
+    readonly XXS: "xxs";
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+type SpinnerSize = (typeof SPINNER_SIZE)[keyof typeof SPINNER_SIZE];
+type SpinnerProps = React.ComponentPropsWithoutRef<'svg'> & {
+    size?: SpinnerSize;
+    variant?: SpinnerVariant;
+};
+declare const Spinner: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    size?: SpinnerSize | undefined;
+    variant?: SpinnerVariant | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export { Spinner };
+export type { SpinnerProps, SpinnerSize, SpinnerVariant };

package/dist/components/spinner/spinner.js

@@ -0,0 +1,50 @@
+import "../../assets/spinner.css";
+import { jsx as _ } from "react/jsx-runtime";
+import { c as s } from "../../clsx-DB4S2d7J.js";
+import a from "react";
+const l = "_dash_qjx6c_1", p = "_rotate_qjx6c_1", e = {
+  "teddy-spinner--xxs": "_teddy-spinner--xxs_qjx6c_1",
+  "teddy-spinner--xs": "_teddy-spinner--xs_qjx6c_5",
+  "teddy-spinner--sm": "_teddy-spinner--sm_qjx6c_9",
+  "teddy-spinner--md": "_teddy-spinner--md_qjx6c_13",
+  "teddy-spinner--lg": "_teddy-spinner--lg_qjx6c_17",
+  "teddy-spinner__circle": "_teddy-spinner__circle_qjx6c_21",
+  dash: l,
+  rotate: p,
+  "teddy-spinner__circle--disabled": "_teddy-spinner__circle--disabled_qjx6c_31",
+  "teddy-spinner__circle--negative": "_teddy-spinner__circle--negative_qjx6c_34",
+  "teddy-spinner__circle--negative-disabled": "_teddy-spinner__circle--negative-disabled_qjx6c_37"
+}, d = "teddy-spinner", x = {
+  PRIMARY: "primary",
+  DISABLED: "disabled",
+  NEGATIVE: "negative",
+  NEGATIVE_DISABLED: "negative-disabled"
+}, o = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, g = a.forwardRef(
+  ({ size: n = o.SM, variant: r = x.PRIMARY, className: i, ...c }, t) => /* @__PURE__ */ _(
+    "svg",
+    {
+      ...c,
+      viewBox: "0 0 50 50",
+      className: s([e[d], e[`${d}--${n}`], i]),
+      ref: t,
+      children: /* @__PURE__ */ _(
+        "circle",
+        {
+          className: s(e[`${d}__circle`], e[`${d}__circle--${r}`]),
+          cx: "25",
+          cy: "25",
+          r: "20"
+        }
+      )
+    }
+  )
+);
+export {
+  g as Spinner
+};

package/dist/components/text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './text';
+export type { TextProps, TextVariant } from './text';

package/dist/components/text/index.js

@@ -0,0 +1,4 @@
+import { Text as r } from "./text.js";
+export {
+  r as Text
+};

package/dist/components/text/text.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+declare const paragraphVariants: readonly ["paragraph-100", "paragraph-100-medium", "paragraph-100-bold", "paragraph-200", "preamble-100", "preamble-200", "additional-100", "additional-100-medium", "overline-100", "overline-200"];
+type AsChildProps = {
+    asChild: true;
+    as?: never;
+} & React.ComponentPropsWithoutRef<'p'>;
+type SpanProps = {
+    as?: 'span';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'span'>;
+type DivProps = {
+    as: 'div';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'div'>;
+type LabelProps = {
+    as: 'label';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'label'>;
+type PProps = {
+    as: 'p';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'p'>;
+type TextVariant = (typeof paragraphVariants)[number];
+type TextProps = {
+    enableHyphenation?: boolean;
+    disabled?: boolean;
+    variant?: 'paragraph-100' | 'paragraph-100-medium' | 'paragraph-100-bold' | 'paragraph-200' | 'preamble-100' | 'preamble-200' | 'additional-100' | 'additional-100-medium' | 'overline-100' | 'overline-200';
+} & (AsChildProps | SpanProps | DivProps | LabelProps | PProps);
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>> & {
+    paragraphVariants: readonly ["paragraph-100", "paragraph-100-medium", "paragraph-100-bold", "paragraph-200", "preamble-100", "preamble-200", "additional-100", "additional-100-medium", "overline-100", "overline-200"];
+};
+export { Text };
+export type { TextProps, TextVariant };

package/dist/components/text/text.js

@@ -0,0 +1,51 @@
+import "../../assets/text.css";
+import { jsx as a } from "react/jsx-runtime";
+import { a as b } from "../../index-TI1xsy6a.js";
+import { c as n } from "../../clsx-DB4S2d7J.js";
+import f from "react";
+const e = {
+  "teddy-text": "_teddy-text_ebzsf_1",
+  "teddy-text--disabled": "_teddy-text--disabled_ebzsf_7",
+  "teddy-text--hyphens": "_teddy-text--hyphens_ebzsf_10",
+  "teddy-text--paragraph-100": "_teddy-text--paragraph-100_ebzsf_13",
+  "teddy-text--paragraph-100-medium": "_teddy-text--paragraph-100-medium_ebzsf_19",
+  "teddy-text--paragraph-100-bold": "_teddy-text--paragraph-100-bold_ebzsf_26",
+  "teddy-text--paragraph-200": "_teddy-text--paragraph-200_ebzsf_33",
+  "teddy-text--preamble-100": "_teddy-text--preamble-100_ebzsf_39",
+  "teddy-text--preamble-200": "_teddy-text--preamble-200_ebzsf_45",
+  "teddy-text--additional-100": "_teddy-text--additional-100_ebzsf_51",
+  "teddy-text--additional-100-medium": "_teddy-text--additional-100-medium_ebzsf_57",
+  "teddy-text--overline-100": "_teddy-text--overline-100_ebzsf_64",
+  "teddy-text--overline-200": "_teddy-text--overline-200_ebzsf_71"
+}, t = "teddy-text", h = [
+  "paragraph-100",
+  "paragraph-100-medium",
+  "paragraph-100-bold",
+  "paragraph-200",
+  "preamble-100",
+  "preamble-200",
+  "additional-100",
+  "additional-100-medium",
+  "overline-100",
+  "overline-200"
+], r = f.forwardRef(
+  ({ className: p, children: d, disabled: s, enableHyphenation: _, variant: o = "paragraph-100", asChild: i, as: x = "p", ...y }, l) => {
+    const m = n(
+      e[t],
+      e[`${t}--${o}`],
+      {
+        [e[`${t}--hyphens`]]: _,
+        [e[`${t}--disabled`]]: s
+      },
+      p
+    );
+    return /* @__PURE__ */ a(b, { ...y, ref: l, className: m, children: i ? d : /* @__PURE__ */ a(x, { children: d }) });
+  }
+);
+r.displayName = "Text";
+const v = Object.assign(r, {
+  paragraphVariants: h
+});
+export {
+  v as Text
+};

package/dist/components/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { TextField } from './text-field';
+export type { TextFieldProps } from './text-field';

package/dist/components/text-field/index.js

@@ -0,0 +1,4 @@
+import { TextField as r } from "./text-field.js";
+export {
+  r as TextField
+};

package/dist/components/text-field/text-field.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { HelperTextProps } from '../helper-text';
+import { LabelProps } from '../label';
+type ListOfErrors = Array<string | null | undefined> | null | undefined;
+type TextFieldContextValue = {
+    id: string;
+    errorId?: string;
+    helperTextId?: string;
+    disabled?: boolean;
+    errors?: ListOfErrors;
+    readOnly?: boolean;
+    isValid?: boolean;
+    isLoading?: boolean;
+    isRequired?: boolean;
+};
+type Input = React.ComponentPropsWithoutRef<'input'>;
+type RootInputProps<T extends Input['value']> = Omit<Input, 'value'> & {
+    value?: T;
+    onValueChange?: (value: T) => void;
+};
+type TextFieldRootProps<T extends Input['value']> = React.ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean;
+    readOnly?: boolean;
+    /**
+     * List of errors
+     */
+    errors?: ListOfErrors;
+    /**
+     * Whether the input is invalid.
+     */
+    isValid?: boolean;
+    /**
+     * Whether the input is loading.
+     */
+    isLoading?: boolean;
+    /**
+     * Whether the input is required.
+     */
+    isRequired?: boolean;
+} & RootInputProps<T>;
+type TextFieldInputProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'id' | 'disabled' | 'readOnly' | 'required'> & {};
+type TextFieldDecoratorProps = React.ComponentPropsWithoutRef<'div'> & {};
+type TextFieldLabelProps = LabelProps;
+type TextFieldHelperTextProps = HelperTextProps & {};
+type TextFieldErrorList = Omit<React.ComponentPropsWithoutRef<'ul'>, 'children'> & {
+    children?: ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode) | React.ReactNode;
+};
+declare const TextFieldErrorList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "children"> & {
+    children?: React.ReactNode | ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode);
+} & React.RefAttributes<HTMLUListElement>>;
+type TextFieldIndicatorProps = React.ComponentPropsWithoutRef<'svg'>;
+export declare const TextField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    /**
+     * List of errors
+     */
+    errors?: ListOfErrors;
+    /**
+     * Whether the input is invalid.
+     */
+    isValid?: boolean | undefined;
+    /**
+     * Whether the input is loading.
+     */
+    isLoading?: boolean | undefined;
+    /**
+     * Whether the input is required.
+     */
+    isRequired?: boolean | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
+    value?: string | number | readonly string[] | undefined;
+    onValueChange?: ((value: string | number | readonly string[] | undefined) => void) | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "id" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+        disabled?: boolean | undefined;
+    } & React.RefAttributes<HTMLLabelElement>>;
+    Decorator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    HelperText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    ErrorList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "children"> & {
+        children?: React.ReactNode | ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode);
+    } & React.RefAttributes<HTMLUListElement>>;
+    Indicator: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+export type TextFieldProps<T extends Input['value']> = {
+    Root: TextFieldRootProps<T>;
+    Input: TextFieldInputProps;
+    Label: TextFieldLabelProps;
+    Decorator: TextFieldDecoratorProps;
+    HelperText: TextFieldHelperTextProps;
+    ErrorList: TextFieldErrorList;
+    Indicator: TextFieldIndicatorProps;
+};
+export {};

package/dist/components/text-field/text-field.js

@@ -0,0 +1,141 @@
+import "../../assets/text-field.css";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import { c } from "../../clsx-DB4S2d7J.js";
+import a from "react";
+import { FieldErrorText as x } from "../field-error-text/field-error-text.js";
+import { HelperText as L } from "../helper-text/helper-text.js";
+import "../../assets/f2a2f391a886d395.svg";
+import { Icon as E } from "../icon/icon.js";
+import { Label as O } from "../label/label.js";
+import { Spinner as P } from "../spinner/spinner.js";
+const A = "_fadeInAnimation_370v0_1", w = "_scaleInAnimation_370v0_1", l = {
+  "teddy-text-field": "_teddy-text-field_370v0_17",
+  "teddy-text-field__frame": "_teddy-text-field__frame_370v0_23",
+  "teddy-text-field__input": "_teddy-text-field__input_370v0_30",
+  "teddy-text-field__decorator": "_teddy-text-field__decorator_370v0_47",
+  "teddy-text-field__decorator--disabled": "_teddy-text-field__decorator--disabled_370v0_54",
+  "teddy-text-field__decorator--read-only": "_teddy-text-field__decorator--read-only_370v0_54",
+  "teddy-text-field__decorator--error": "_teddy-text-field__decorator--error_370v0_68",
+  "teddy-text-field__decorator--valid": "_teddy-text-field__decorator--valid_370v0_71",
+  "teddy-text-field__indicator": "_teddy-text-field__indicator_370v0_74",
+  fadeInAnimation: A,
+  scaleInAnimation: w,
+  "teddy-text-field__error-list": "_teddy-text-field__error-list_370v0_80"
+}, n = "teddy-text-field", u = a.createContext(void 0), I = a.forwardRef(function({ className: i, children: r, readOnly: d, disabled: t, errors: e, isValid: o, isLoading: _, isRequired: f, ...m }, $) {
+  const h = a.useId(), p = m.id || h, R = c([l[n]], i), D = e != null && e.length ? `${p}-error` : void 0;
+  return /* @__PURE__ */ s("div", { ...m, ref: $, className: R, children: /* @__PURE__ */ s(
+    u.Provider,
+    {
+      value: {
+        errors: e,
+        id: p,
+        errorId: D,
+        disabled: t,
+        readOnly: d,
+        isValid: o,
+        isLoading: _,
+        isRequired: f
+      },
+      children: r
+    }
+  ) });
+});
+I.displayName = "TextFieldRoot";
+const T = a.forwardRef(
+  ({ className: i, ...r }, d) => {
+    const t = a.useContext(F), e = a.useContext(u), o = c([l[`${n}__input`]], i), _ = t !== void 0, f = e == null ? void 0 : e.id, m = {
+      "aria-invalid": e != null && e.errorId ? !0 : void 0,
+      "aria-describedby": e == null ? void 0 : e.errorId,
+      id: f,
+      className: o,
+      disabled: e == null ? void 0 : e.disabled,
+      readOnly: e == null ? void 0 : e.readOnly,
+      required: e == null ? void 0 : e.isRequired
+    };
+    return _ ? /* @__PURE__ */ s("input", { ...r, ...m, ref: d }) : /* @__PURE__ */ s(y, { children: /* @__PURE__ */ s("input", { ...r, ...m, ref: d }) });
+  }
+);
+T.displayName = "TextFieldInput";
+function H(i) {
+  const r = i == null ? void 0 : i.target;
+  if (r.closest("input, button, a"))
+    return;
+  const d = [...i.currentTarget.getElementsByTagName("input")].find((_) => _);
+  if (!d)
+    return;
+  const o = (d.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING) !== 0 ? 0 : d.value.length;
+  requestAnimationFrame(() => {
+    try {
+      d.setSelectionRange(o, o);
+    } finally {
+      d.focus();
+    }
+  });
+}
+const F = a.createContext(void 0), y = a.forwardRef(
+  ({ className: i, children: r, ...d }, t) => {
+    const e = a.useContext(u), o = c(
+      [l[`${n}__decorator`]],
+      {
+        [l[`${n}__decorator--disabled`]]: e == null ? void 0 : e.disabled,
+        [l[`${n}__decorator--read-only`]]: e == null ? void 0 : e.readOnly,
+        [l[`${n}__decorator--error`]]: e == null ? void 0 : e.errorId,
+        [l[`${n}__decorator--valid`]]: e == null ? void 0 : e.isValid
+      },
+      i
+    );
+    return /* @__PURE__ */ v("div", { ...d, onPointerDown: H, ref: t, className: o, children: [
+      /* @__PURE__ */ s(F.Provider, { value: !0, children: r }),
+      /* @__PURE__ */ s("div", { className: l[`${n}__frame`] })
+    ] });
+  }
+);
+y.displayName = "TextFieldDecorator";
+const N = a.forwardRef(
+  ({ className: i, ...r }, d) => {
+    const t = c([l[`${n}__label`]], i), e = a.useContext(u), o = r.id || (e == null ? void 0 : e.id);
+    return /* @__PURE__ */ s(O, { ...r, htmlFor: o, disabled: e == null ? void 0 : e.disabled, ref: d, className: t });
+  }
+);
+N.displayName = "TextFieldLabel";
+const b = a.forwardRef(
+  ({ className: i, ...r }, d) => {
+    const t = c([l[`${n}__help-text`]], i);
+    return /* @__PURE__ */ s(L, { ...r, ref: d, className: t });
+  }
+);
+b.displayName = "TextFieldHelperText";
+const C = a.forwardRef(
+  ({ className: i, children: r, ...d }, t) => {
+    var _;
+    const e = c([l[`${n}__error-list`]], i), o = a.useContext(u);
+    return !o || !o.errors ? null : /* @__PURE__ */ s("ul", { id: o.errorId, "aria-live": "assertive", ...d, ref: t, className: e, children: typeof r == "function" ? r({ errors: o.errors }) : r || ((_ = o.errors) == null ? void 0 : _.map((f) => /* @__PURE__ */ s(x, { asChild: !0, children: /* @__PURE__ */ v("li", { children: [
+      /* @__PURE__ */ s(x.Indicator, {}),
+      f
+    ] }) }, f))) });
+  }
+);
+C.displayName = "TextFieldErrorList";
+const g = a.forwardRef(
+  ({ className: i, ...r }, d) => {
+    const t = a.useContext(u);
+    if (!(t != null && t.isValid) && !(t != null && t.isLoading))
+      return null;
+    if (!(t != null && t.isValid) && (t != null && t.isLoading))
+      return /* @__PURE__ */ s(P, { className: i, size: "xs", ...r, ref: d });
+    const e = c([l[`${n}__indicator`]], i);
+    return /* @__PURE__ */ s(E, { ...r, size: "md", name: "check-circle-filled", className: e, ref: d });
+  }
+);
+g.displayName = "TextFieldIndicator";
+const J = Object.assign(I, {
+  Input: T,
+  Label: N,
+  Decorator: y,
+  HelperText: b,
+  ErrorList: C,
+  Indicator: g
+});
+export {
+  J as TextField
+};

package/dist/icons/name.d.js

@@ -0,0 +1 @@
+

package/dist/icons/name.d.ts

@@ -0,0 +1,2 @@
+export declare const iconNames: readonly ["activity-level", "add", "address-book", "ai-robot", "airplay", "alert-filled", "alert", "arrow-down", "arrow-left", "arrow-right", "arrow-subdirectory", "arrow-up", "attachment", "b2b-customer", "bag", "bar-chart", "basketball", "battery", "blood-pressure", "bluetooth", "broadband", "broken-phone", "bulb", "business-continuity", "business-intelligence", "calendar", "camera", "card-view", "care", "cast", "chat-robot", "chat", "check-circle-filled", "check-circle", "checkmark", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "child-2", "close-circle", "close", "cloud-connect", "cloud", "coffee", "compass", "connected-building", "connected", "construction", "conversation", "core-router", "credit-card", "customer-dialogue", "daas-device", "data-transfer", "delivery", "desktop", "devices", "dislike", "doc", "document-doc", "document-edit", "document-pdf", "document-ppt", "download", "drone", "dsl-hub", "edit", "education", "efficiency", "end-user", "entertainment", "environment", "error-filled", "error", "esim-simcard", "esim", "euro", "excel", "external", "face-id", "facemask", "fiber", "film", "filter", "fingerprint", "fiveg", "flag", "focus", "folder-copy", "folder-new", "folder", "food", "fourg", "fraud", "games", "getting-started", "GIF", "graph", "grid-view", "handshake", "headphones", "help", "home-care", "home-installation", "home", "hospital", "image", "industrial-iot", "industry", "infinite", "info-filled", "info", "internet", "invoice", "job-search", "key", "kontantkort", "laptop", "late-payment", "layers", "letter", "like", "link", "list-view", "lock-open", "lock", "login", "logout", "map", "measuring-health", "media-content", "megaphone", "menu", "microphone", "minus", "mms", "mobile-broadband", "moisture", "money-back", "money-krone", "money", "more-horizontal", "more-vertical", "music", "network", "new-contact", "new-group", "news", "offering", "offshore", "optimization", "org-chart", "pay-monthly", "pay-once", "payment-success", "people", "pet-dog", "phone-recycling", "phone-ringing", "phone", "pie-chart", "pin", "plane", "player-settings", "plus-minus", "plus", "police", "power-grid", "premises-datacenter", "premises-large", "premises-medium", "premises-small", "premises", "present", "press-button", "price", "print", "pulse", "question-filled", "question", "rack", "radio", "record", "recycle", "refill-card", "register", "remote-control", "repair", "report", "reservation", "reverse", "roaming", "route", "router", "ruler", "satellite", "save", "savings", "search", "secure-device", "secured-1", "secured-2", "security-camera", "send", "sense-car", "server", "service-device", "service-supervision", "services", "settings", "share", "shopping", "shuffle", "signature", "simcard", "skip-back-10sec", "skip-back-30sec", "skip-forward-10sec", "skip-forward-30sec", "slow-wifi", "smart-wifi", "smartphone", "smartwatch", "smiley-happy", "sms", "snowflake", "sorter", "speedometer", "spell-check", "split", "spyware", "stop", "store", "stream", "suitcase", "summary", "support", "sustainability", "switch", "sync", "table-view", "tablet", "tag", "temperature", "thinking", "time", "trade-phone", "trailer", "train", "transfer", "tv-next", "tv-pause", "tv-previous", "tv-stop", "tv", "undo", "upload", "usb", "user-admin", "vcard", "video-conference", "video", "voice-switch", "voicemail", "wallet", "wallplug", "warning", "wavelength", "weather", "wireless-off", "wireless", "world-alert", "world-off", "world-question", "world", "zoom-out", "zoom"];
+export type IconName = (typeof iconNames)[number];