@arkitektbedriftene/fe-lib 5.4.0 → 5.5.0

package/dist/system/components/Input.es.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import l from "clsx";
+const p = m.forwardRef(
+  ({ className: t, type: n, startIcon: i, ...s }, r) => {
+    const a = !!i;
+    return a ? /* @__PURE__ */ o("div", { className: "relative", children: [
+      /* @__PURE__ */ e("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none", children: i }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: n,
+          className: l(
+            "input",
+            t,
+            {
+              "pl-10": a
+            }
+          ),
+          ref: r,
+          ...s
+        }
+      )
+    ] }) : /* @__PURE__ */ e(
+      "input",
+      {
+        type: n,
+        className: l(
+          "input",
+          t
+        ),
+        ref: r,
+        ...s
+      }
+    );
+  }
+);
+p.displayName = "Input";
+export {
+  p as Input
+};

package/dist/system/components/Logo.es.js

@@ -0,0 +1,9 @@
+import { jsxs as H, jsx as C } from "react/jsx-runtime";
+import V from "clsx";
+const o = ({ className: L }) => /* @__PURE__ */ H("svg", { width: "681", height: "95", viewBox: "0 0 681 95", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: V("w-full h-auto", L), children: [
+  /* @__PURE__ */ C("path", { d: "M145.02 23H154.05L174 72H165.32L151.04 34.06C150.853 33.5467 150.667 33.0567 150.48 32.59C150.2 31.75 149.827 30.6767 149.36 29.37C149.173 29.9767 148.987 30.5133 148.8 30.98C148.66 31.4 148.473 31.89 148.24 32.45L147.68 34.06L133.33 72H125.14L145.02 23ZM137.67 51.49H161.12V58H137.67V51.49ZM177.512 38.05H184.722V40.08C184.722 41.3867 184.675 42.67 184.582 43.93C185.562 41.83 186.915 40.15 188.642 38.89C190.369 37.5833 192.445 36.93 194.872 36.93C195.525 36.93 196.085 36.9767 196.552 37.07V44.14C195.852 44 195.129 43.93 194.382 43.93C192.375 43.93 190.649 44.3033 189.202 45.05C187.802 45.7967 186.705 46.9633 185.912 48.55C185.119 50.1367 184.722 52.1433 184.722 54.57V72H177.512V38.05ZM201.473 23H208.683V51.98C209.477 51 210.34 50.0667 211.273 49.18L221.913 38.05H231.223L208.683 60.59V72H201.473V23ZM211.203 56.46L216.243 51.84L232.693 72H223.173L211.203 56.46ZM235.415 38.05H242.625V72H235.415V38.05ZM235.415 66.12H242.625V72H235.415V66.12ZM235.415 38.05H238.985V43.93H235.415V38.05ZM235.065 24.19H242.975V32.24H235.065V24.19ZM264.48 72.56C261.26 72.56 258.717 71.72 256.85 70.04C255.03 68.3133 254.12 65.63 254.12 61.99V43.93H247.12V38.05H254.12V26.36H261.4V38.05H269.1V43.93H261.4V61.08C261.4 62.9467 261.82 64.3233 262.66 65.21C263.5 66.05 264.76 66.47 266.44 66.47C267.233 66.47 268.073 66.4 268.96 66.26V72.07C268.447 72.21 267.77 72.3267 266.93 72.42C266.137 72.5133 265.32 72.56 264.48 72.56ZM289.153 73.12C285.746 73.12 282.783 72.42 280.263 71.02C277.743 69.5733 275.783 67.4967 274.383 64.79C272.983 62.0833 272.283 58.7933 272.283 54.92C272.283 51.4667 272.983 48.3867 274.383 45.68C275.829 42.9267 277.813 40.78 280.333 39.24C282.853 37.7 285.676 36.93 288.803 36.93C292.163 36.93 295.033 37.6767 297.413 39.17C299.839 40.6633 301.683 42.7867 302.943 45.54C304.203 48.2467 304.833 51.42 304.833 55.06V56.6H279.633C279.633 58.7933 280.053 60.7067 280.893 62.34C281.733 63.9733 282.853 65.2333 284.253 66.12C285.699 67.0067 287.333 67.45 289.153 67.45C291.299 67.45 293.096 66.9367 294.543 65.91C296.036 64.8833 296.946 63.32 297.273 61.22H304.553C304.319 63.46 303.573 65.49 302.313 67.31C301.053 69.0833 299.279 70.5067 296.993 71.58C294.753 72.6067 292.139 73.12 289.153 73.12ZM297.273 51.42C297.226 48.7133 296.456 46.5433 294.963 44.91C293.469 43.2767 291.416 42.46 288.803 42.46C286.283 42.46 284.183 43.3233 282.503 45.05C280.869 46.73 279.936 48.8533 279.703 51.42H297.273ZM311.059 23H318.269V51.98C319.062 51 319.926 50.0667 320.859 49.18L331.499 38.05H340.809L318.269 60.59V72H311.059V23ZM320.789 56.46L325.829 51.84L342.279 72H332.759L320.789 56.46ZM360.681 72.56C357.461 72.56 354.917 71.72 353.051 70.04C351.231 68.3133 350.321 65.63 350.321 61.99V43.93H343.321V38.05H350.321V26.36H357.601V38.05H365.301V43.93H357.601V61.08C357.601 62.9467 358.021 64.3233 358.861 65.21C359.701 66.05 360.961 66.47 362.641 66.47C363.434 66.47 364.274 66.4 365.161 66.26V72.07C364.647 72.21 363.971 72.3267 363.131 72.42C362.337 72.5133 361.521 72.56 360.681 72.56ZM389.19 73.12C386.67 73.12 384.454 72.6067 382.54 71.58C380.674 70.5067 379.227 69.0833 378.2 67.31C378.294 68.3367 378.34 69.3633 378.34 70.39V72H371.13V23H378.34V39.73C378.34 40.57 378.294 41.5967 378.2 42.81C379.367 41.0367 380.884 39.6133 382.75 38.54C384.617 37.4667 386.764 36.93 389.19 36.93C392.177 36.93 394.837 37.7 397.17 39.24C399.55 40.7333 401.394 42.8567 402.7 45.61C404.054 48.3633 404.73 51.5367 404.73 55.13C404.73 58.7233 404.077 61.8967 402.77 64.65C401.464 67.3567 399.62 69.4567 397.24 70.95C394.907 72.3967 392.224 73.12 389.19 73.12ZM387.58 67.45C389.494 67.45 391.174 66.9367 392.62 65.91C394.067 64.8367 395.187 63.39 395.98 61.57C396.82 59.7033 397.24 57.5567 397.24 55.13C397.24 52.7033 396.82 50.5567 395.98 48.69C395.187 46.7767 394.067 45.3067 392.62 44.28C391.174 43.2067 389.494 42.67 387.58 42.67C385.714 42.67 384.034 43.1833 382.54 44.21C381.094 45.2367 379.95 46.6833 379.11 48.55C378.317 50.4167 377.92 52.5867 377.92 55.06C377.92 57.4867 378.34 59.6333 379.18 61.5C380.02 63.3667 381.164 64.8367 382.61 65.91C384.057 66.9367 385.714 67.45 387.58 67.45ZM425.653 73.12C422.246 73.12 419.283 72.42 416.763 71.02C414.243 69.5733 412.283 67.4967 410.883 64.79C409.483 62.0833 408.783 58.7933 408.783 54.92C408.783 51.4667 409.483 48.3867 410.883 45.68C412.329 42.9267 414.313 40.78 416.833 39.24C419.353 37.7 422.176 36.93 425.303 36.93C428.663 36.93 431.533 37.6767 433.913 39.17C436.339 40.6633 438.183 42.7867 439.443 45.54C440.703 48.2467 441.333 51.42 441.333 55.06V56.6H416.133C416.133 58.7933 416.553 60.7067 417.393 62.34C418.233 63.9733 419.353 65.2333 420.753 66.12C422.199 67.0067 423.833 67.45 425.653 67.45C427.799 67.45 429.596 66.9367 431.043 65.91C432.536 64.8833 433.446 63.32 433.773 61.22H441.053C440.819 63.46 440.073 65.49 438.813 67.31C437.553 69.0833 435.779 70.5067 433.493 71.58C431.253 72.6067 428.639 73.12 425.653 73.12ZM433.773 51.42C433.726 48.7133 432.956 46.5433 431.463 44.91C429.969 43.2767 427.916 42.46 425.303 42.46C422.783 42.46 420.683 43.3233 419.003 45.05C417.369 46.73 416.436 48.8533 416.203 51.42H433.773ZM461.069 73.12C458.036 73.12 455.352 72.4433 453.019 71.09C450.686 69.69 448.842 67.6367 447.489 64.93C446.136 62.1767 445.459 58.91 445.459 55.13C445.459 51.4433 446.136 48.2467 447.489 45.54C448.889 42.7867 450.779 40.6633 453.159 39.17C455.539 37.6767 458.222 36.93 461.209 36.93C463.729 36.93 465.899 37.49 467.719 38.61C469.539 39.73 470.939 41.13 471.919 42.81C471.826 41.8767 471.779 40.85 471.779 39.73V23H478.989V72H471.779V70.32C471.779 69.1533 471.826 68.15 471.919 67.31C471.032 68.9433 469.632 70.32 467.719 71.44C465.852 72.56 463.636 73.12 461.069 73.12ZM462.539 67.45C464.406 67.45 466.062 66.9367 467.509 65.91C469.002 64.8833 470.146 63.4367 470.939 61.57C471.779 59.6567 472.199 57.4867 472.199 55.06C472.199 51.3267 471.312 48.34 469.539 46.1C467.766 43.8133 465.432 42.67 462.539 42.67C460.719 42.67 459.062 43.2067 457.569 44.28C456.122 45.3067 454.979 46.7533 454.139 48.62C453.299 50.4867 452.879 52.6333 452.879 55.06C452.879 57.5333 453.276 59.7033 454.069 61.57C454.909 63.4367 456.052 64.8833 457.499 65.91C458.992 66.9367 460.672 67.45 462.539 67.45ZM487.243 38.05H494.453V40.08C494.453 41.3867 494.406 42.67 494.313 43.93C495.293 41.83 496.646 40.15 498.373 38.89C500.1 37.5833 502.176 36.93 504.603 36.93C505.256 36.93 505.816 36.9767 506.283 37.07V44.14C505.583 44 504.86 43.93 504.113 43.93C502.106 43.93 500.38 44.3033 498.933 45.05C497.533 45.7967 496.436 46.9633 495.643 48.55C494.85 50.1367 494.453 52.1433 494.453 54.57V72H487.243V38.05ZM511.204 38.05H518.414V72H511.204V38.05ZM511.204 66.12H518.414V72H511.204V66.12ZM511.204 38.05H514.774V43.93H511.204V38.05ZM510.854 24.19H518.764V32.24H510.854V24.19ZM529.629 43.93H523.119V38.05H529.629V32.94C529.629 29.3933 530.586 26.6633 532.499 24.75C534.459 22.79 536.956 21.81 539.989 21.81C540.782 21.81 541.529 21.88 542.229 22.02C542.929 22.1133 543.512 22.2533 543.979 22.44V28.32C543.046 28.1333 542.276 28.04 541.669 28.04C540.222 28.04 539.056 28.46 538.169 29.3C537.329 30.0933 536.909 31.26 536.909 32.8V38.05H543.979V43.93H536.909V72H529.629V43.93ZM562.59 72.56C559.37 72.56 556.826 71.72 554.96 70.04C553.14 68.3133 552.23 65.63 552.23 61.99V43.93H545.23V38.05H552.23V26.36H559.51V38.05H567.21V43.93H559.51V61.08C559.51 62.9467 559.93 64.3233 560.77 65.21C561.61 66.05 562.87 66.47 564.55 66.47C565.343 66.47 566.183 66.4 567.07 66.26V72.07C566.556 72.21 565.88 72.3267 565.04 72.42C564.246 72.5133 563.43 72.56 562.59 72.56ZM587.263 73.12C583.856 73.12 580.893 72.42 578.373 71.02C575.853 69.5733 573.893 67.4967 572.493 64.79C571.093 62.0833 570.393 58.7933 570.393 54.92C570.393 51.4667 571.093 48.3867 572.493 45.68C573.939 42.9267 575.923 40.78 578.443 39.24C580.963 37.7 583.786 36.93 586.913 36.93C590.273 36.93 593.143 37.6767 595.523 39.17C597.949 40.6633 599.793 42.7867 601.053 45.54C602.313 48.2467 602.943 51.42 602.943 55.06V56.6H577.743C577.743 58.7933 578.163 60.7067 579.003 62.34C579.843 63.9733 580.963 65.2333 582.363 66.12C583.809 67.0067 585.443 67.45 587.263 67.45C589.409 67.45 591.206 66.9367 592.653 65.91C594.146 64.8833 595.056 63.32 595.383 61.22H602.663C602.429 63.46 601.683 65.49 600.423 67.31C599.163 69.0833 597.389 70.5067 595.103 71.58C592.863 72.6067 590.249 73.12 587.263 73.12ZM595.383 51.42C595.336 48.7133 594.566 46.5433 593.073 44.91C591.579 43.2767 589.526 42.46 586.913 42.46C584.393 42.46 582.293 43.3233 580.613 45.05C578.979 46.73 578.046 48.8533 577.813 51.42H595.383ZM609.169 38.05H616.379V40.01C616.379 40.8967 616.332 41.83 616.239 42.81C617.219 41.0833 618.619 39.6833 620.439 38.61C622.259 37.49 624.335 36.93 626.669 36.93C629.189 36.93 631.359 37.49 633.179 38.61C635.045 39.6833 636.469 41.2467 637.449 43.3C638.429 45.3533 638.919 47.78 638.919 50.58V72H631.709V51.56C631.709 48.6667 631.125 46.4733 629.959 44.98C628.792 43.44 627.065 42.67 624.779 42.67C623.099 42.67 621.629 43.09 620.369 43.93C619.109 44.7233 618.129 45.82 617.429 47.22C616.729 48.62 616.379 50.16 616.379 51.84V72H609.169V38.05ZM661.572 73.12C658.165 73.12 655.202 72.42 652.682 71.02C650.162 69.5733 648.202 67.4967 646.802 64.79C645.402 62.0833 644.702 58.7933 644.702 54.92C644.702 51.4667 645.402 48.3867 646.802 45.68C648.249 42.9267 650.232 40.78 652.752 39.24C655.272 37.7 658.095 36.93 661.222 36.93C664.582 36.93 667.452 37.6767 669.832 39.17C672.259 40.6633 674.102 42.7867 675.362 45.54C676.622 48.2467 677.252 51.42 677.252 55.06V56.6H652.052C652.052 58.7933 652.472 60.7067 653.312 62.34C654.152 63.9733 655.272 65.2333 656.672 66.12C658.119 67.0067 659.752 67.45 661.572 67.45C663.719 67.45 665.515 66.9367 666.962 65.91C668.455 64.8833 669.365 63.32 669.692 61.22H676.972C676.739 63.46 675.992 65.49 674.732 67.31C673.472 69.0833 671.699 70.5067 669.412 71.58C667.172 72.6067 664.559 73.12 661.572 73.12ZM669.692 51.42C669.645 48.7133 668.875 46.5433 667.382 44.91C665.889 43.2767 663.835 42.46 661.222 42.46C658.702 42.46 656.602 43.3233 654.922 45.05C653.289 46.73 652.355 48.8533 652.122 51.42H669.692Z", fill: "currentColor" }),
+  /* @__PURE__ */ C("path", { d: "M44.5245 59.1072C45.5297 59.3938 46.5909 59.5476 47.6885 59.5476C48.7494 59.5476 49.7771 59.4032 50.753 59.1345L51.4825 58.9343L51.7608 59.6375L64.462 91.7234L64.7774 92.5212L63.9747 92.823C62.4978 93.3782 60.9864 93.8613 59.4454 94.2673L58.711 94.4607L58.4415 93.7507L54.7344 83.9773H40.3243L36.6114 93.7644L36.3419 94.4734L35.6085 94.281C34.1425 93.8965 32.7037 93.4421 31.296 92.9226L30.4874 92.6248L30.8038 91.822L43.5089 59.6091L43.7891 58.8982L44.5245 59.1072ZM36.3546 50.5632C36.86 52.6291 37.9018 54.4798 39.3194 55.9587L39.8223 56.4851L39.376 57.0593L18.1778 84.3777L17.6368 85.0759L16.9639 84.5027C15.8131 83.5202 14.7087 82.4832 13.6544 81.3953L13.1378 80.863L13.6006 80.283L20.0557 72.1853L12.8399 59.5115L2.69244 61.1326L1.94635 61.2517L1.74615 60.5222C1.32585 58.9873 0.979753 57.4213 0.709045 55.8289L0.563538 54.9763L1.41901 54.8523L35.4141 49.9285L36.1729 49.8191L36.3546 50.5632ZM59.9473 49.9587L93.586 54.8308L94.4405 54.9548L94.2969 55.8064C94.027 57.3989 93.6802 58.9652 93.2608 60.4998L93.0616 61.2292L92.3145 61.1101L82.3301 59.5134L75.1133 72.1892L81.4922 80.1882L81.9542 80.7664L81.4405 81.2986C80.389 82.3897 79.287 83.4299 78.1387 84.4158L77.4659 84.9929L76.9229 84.2927L55.8829 57.1765L55.4307 56.5945L55.9473 56.0681C57.4114 54.579 58.4872 52.6973 59.0079 50.5916L59.1905 49.8494L59.9473 49.9587ZM47.3253 65.5203L47.3262 65.5212L42.4161 78.4656H52.6426L47.7325 65.5212L47.7305 65.5154C47.6811 65.3817 47.6317 65.2471 47.5821 65.113C47.5678 65.0744 47.5534 65.0355 47.5391 64.9968L47.3253 65.5203ZM62.8741 56.8337H62.8731L71.4415 67.5808L76.5596 58.5925L63.0616 56.4343L63.0538 56.4333C62.9151 56.41 62.776 56.3864 62.6368 56.363C62.5907 56.3553 62.5442 56.3474 62.4981 56.3396L62.8741 56.8337ZM32.5352 56.3601C32.3958 56.3837 32.2558 56.4079 32.1163 56.4314L32.1085 56.4324L18.6094 58.5896L23.7276 67.5789L32.296 56.8308L32.671 56.3367C32.6258 56.3443 32.5805 56.3524 32.5352 56.3601ZM17.9922 10.8728L39.336 38.3806L39.7803 38.9519L39.2823 39.4773C37.945 40.8868 36.9463 42.629 36.4249 44.5701L36.2305 45.2937L35.4893 45.1863L1.41608 40.2517L0.560608 40.1277L0.706116 39.2751C0.976186 37.6842 1.322 36.1198 1.74127 34.5867L1.94049 33.8572L2.68756 33.9763L12.502 35.5447L19.7178 22.8699L13.4317 14.9841L12.9717 14.407L13.4825 13.8748C14.531 12.7818 15.6298 11.7391 16.7755 10.7507L17.4483 10.1707L17.9922 10.8728ZM78.336 10.8337C79.4787 11.8248 80.5755 12.8698 81.6212 13.9656L82.129 14.4978L81.67 15.073L75.4551 22.8699L82.671 35.5447L92.334 34.0007L93.0811 33.8816L93.2803 34.6121C93.6985 36.1445 94.0453 37.7078 94.3145 39.2986L94.4581 40.1501L93.6036 40.2742L59.877 45.1599L59.1378 45.2664L58.9415 44.5457C58.4045 42.5637 57.3735 40.7893 55.9903 39.3679L55.4786 38.8425L55.9288 38.2634L77.1172 10.9539L77.6631 10.2498L78.336 10.8337ZM18.2715 36.4666L31.7706 38.6248L31.7784 38.6257C31.9169 38.6491 32.0561 38.6727 32.1954 38.696C32.241 38.7037 32.2874 38.7108 32.3331 38.7185L31.9581 38.2244V38.2234L23.3907 27.4763L18.2715 36.4666ZM63.2139 38.2244L63.2149 38.2253L62.8389 38.7185C62.8849 38.7108 62.9317 38.7038 62.9776 38.696C63.1167 38.6727 63.256 38.6491 63.3946 38.6257L63.4024 38.6248L76.9005 36.4666L71.7823 27.4773L63.2139 38.2244ZM36.9835 1.23608L40.6075 10.7878H55.0176L58.586 1.37866L58.8565 0.665771L59.5928 0.863037C61.0542 1.25302 62.4889 1.71155 63.8926 2.23608L64.6973 2.53687L64.3819 3.33569L51.6114 35.7136L51.337 36.4099L50.6133 36.2195C49.6783 35.9743 48.6965 35.8445 47.6837 35.8445C46.6878 35.8445 45.7222 35.9696 44.8018 36.2068L44.0801 36.3933L43.8067 35.7009L30.9512 3.21948L30.6329 2.41382L31.4464 2.11694C32.9281 1.57572 34.4435 1.10885 35.9874 0.717529L36.7159 0.532959L36.9835 1.23608ZM47.6094 29.2429L47.6114 29.2488C47.6602 29.3807 47.7348 29.5828 47.8028 29.7664L48.0157 29.2429L52.9258 16.2986H42.6993L47.6094 29.2429Z", fill: "currentColor" })
+] });
+export {
+  o as Logo
+};

package/dist/system/components/LogoIcon.es.js

@@ -0,0 +1,6 @@
+import { jsx as L } from "react/jsx-runtime";
+import o from "clsx";
+const M = ({ className: C }) => /* @__PURE__ */ L("svg", { xmlns: "http://www.w3.org/2000/svg", width: "120", height: "120", viewBox: "0 0 120 120", fill: "none", className: o("w-full h-auto", C), children: /* @__PURE__ */ L("path", { d: "M56.2468 74.6401C57.5144 75.0016 58.8525 75.1958 60.237 75.1958C61.575 75.1958 62.8701 75.0134 64.1013 74.6743L65.0427 74.4146L65.402 75.3228L81.3718 115.667L81.78 116.696L80.7429 117.085C78.8776 117.787 76.9693 118.397 75.0222 118.91L74.0749 119.159L73.7272 118.243L69.1208 106.098H50.9509L46.3366 118.259L45.9899 119.174L45.0436 118.926C43.1916 118.441 41.3742 117.867 39.5964 117.211L38.5524 116.826L38.9606 115.791L54.9352 75.2876L55.2975 74.3696L56.2468 74.6401ZM45.9421 63.8638C46.5796 66.4697 47.8921 68.8055 49.6794 70.6704L50.3288 71.3481L49.7526 72.0903L23.1003 106.441L22.4011 107.342L21.5339 106.601C20.0798 105.359 18.6845 104.048 17.3532 102.673L16.6882 101.986L17.2849 101.238L25.3044 91.1792L16.2057 75.1968L3.60419 77.2114L2.64032 77.3657L2.38251 76.4253C1.85093 74.4869 1.41037 72.5087 1.06805 70.4956L0.881531 69.396L1.98505 69.2358L44.7292 63.0454L45.7077 62.9038L45.9421 63.8638ZM75.7253 63.0815L118.017 69.2075L119.121 69.3677L118.934 70.4663C118.593 72.4779 118.155 74.4552 117.625 76.3931L117.367 77.3345L116.403 77.1802L104.006 75.1978L94.9059 91.1821L102.828 101.12L103.423 101.866L102.761 102.553C101.434 103.932 100.043 105.246 98.5925 106.492L97.7253 107.238L97.0241 106.333L70.569 72.2368L69.985 71.4849L70.652 70.8071C72.499 68.9285 73.8559 66.5543 74.5124 63.8979L74.7487 62.9399L75.7253 63.0815ZM59.7917 82.7954L53.6091 99.0923H66.4626L60.2712 82.772L60.2682 82.7642L61.2888 82.3862L60.2682 82.7632C60.1957 82.567 60.1207 82.366 60.0466 82.1655L59.7917 82.7954ZM79.4196 71.7554L90.237 85.3257L96.6696 74.0269L79.6511 71.3071L79.6423 71.3062C79.4659 71.2764 79.2891 71.2461 79.113 71.2163C79.0736 71.2096 79.0342 71.2025 78.9948 71.1958L79.4196 71.7554ZM40.5681 71.3042L40.5593 71.3052L23.5397 74.0259L29.9724 85.3237L40.7907 71.7544L41.2155 71.1938C40.9866 71.2325 40.7433 71.2746 40.5681 71.3042ZM22.8688 13.8765L49.7028 48.4644L50.2751 49.2026L49.6315 49.8804C47.946 51.6572 46.6897 53.8563 46.0319 56.3052L45.7819 57.2388L44.8249 57.1001L1.98309 50.895L0.879578 50.7349L1.0661 49.6353C1.4074 47.6255 1.84537 45.6498 2.37567 43.7134L2.63348 42.772L3.59735 42.9263L15.78 44.8735L24.8786 28.8911L17.0729 19.1001L16.4792 18.356L17.1374 17.6685C18.4616 16.2867 19.8501 14.9683 21.2975 13.7192L22.1657 12.9702L22.8688 13.8765ZM98.8405 13.8247C100.284 15.077 101.669 16.3977 102.99 17.7827L103.644 18.4702L103.052 19.2124L95.3366 28.8901L104.436 44.8745L116.428 42.9565L117.392 42.8022L117.65 43.7437C118.179 45.6796 118.616 47.6551 118.957 49.6646L119.142 50.7632L118.04 50.9233L75.6354 57.0649L74.6813 57.2026L74.4284 56.2729C73.7509 53.7733 72.4503 51.5352 70.7057 49.7427L70.0456 49.0649L70.6266 48.3169L97.2682 13.98L97.9724 13.0718L98.8405 13.8247ZM79.8659 48.2974L79.8669 48.2983L79.4265 48.8765C79.4655 48.8699 79.5046 48.8635 79.5436 48.8569C79.7197 48.8271 79.8966 48.7968 80.0729 48.7671L80.0817 48.7661L97.0993 46.0454L90.6686 34.7476L79.8659 48.2974ZM23.1149 46.0464L40.1345 48.7671L40.1432 48.7681C40.3178 48.7975 40.4933 48.8266 40.6696 48.856C40.7095 48.8626 40.7497 48.8688 40.7897 48.8755L40.3659 48.3179L29.5475 34.7476L23.1149 46.0464ZM46.8083 1.73975L51.3093 13.604H69.4792L73.9099 1.92334L74.2585 1.00439L75.2077 1.25732C77.054 1.74933 78.8666 2.32801 80.6403 2.99072L81.6784 3.37842L81.2722 4.40967L65.2155 45.1216L64.861 46.02L63.9265 45.7749C62.8945 45.5041 61.8177 45.3439 60.7087 45.3081L60.2311 45.3003C58.976 45.3003 57.7587 45.4601 56.5974 45.7593L55.6677 45.9995L55.3141 45.106L39.1472 4.26221L38.736 3.22314L39.7858 2.83936C41.6575 2.15587 43.5722 1.56468 45.5241 1.0708L46.4645 0.83252L46.8083 1.73975ZM60.1589 36.9302L60.1618 36.938L59.1413 37.3159L60.1618 36.939C60.2342 37.1349 60.3085 37.3357 60.3825 37.5356L60.6384 36.9067L66.821 20.6099H53.9675L60.1589 36.9302Z", fill: "currentColor" }) });
+export {
+  M as LogoIcon
+};

package/dist/system/components/Modal.es.js

@@ -0,0 +1,50 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import f from "clsx";
+import { useRef as d, useEffect as m } from "react";
+import { e as u } from "../../index.esm-CQ-E4_-_.js";
+function g({ isOpen: l, onClose: a, children: s, title: o, className: i }) {
+  const t = d(null);
+  return m(() => {
+    var e;
+    l && ((e = t.current) == null || e.showModal());
+  }, [l]), l ? /* @__PURE__ */ n(
+    "dialog",
+    {
+      ref: t,
+      onClose: a,
+      onClick: (e) => {
+        var c;
+        e.target === t.current && ((c = t.current) == null || c.close(), a());
+      },
+      className: f(
+        "fixed top-[15vh] left-1/2 -translate-x-1/2",
+        "rounded-md bg-white shadow-lg z-1000",
+        "p-4 pt-0 w-full max-w-[600px] max-h-[80vh] overflow-y-auto",
+        "backdrop:bg-black/80",
+        "flex flex-col",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ n("div", { className: "pb-8 pt-4 bg-white sticky top-0 flex items-center", children: [
+          o && /* @__PURE__ */ r("h2", { className: "text-lg", children: o }),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: () => {
+                var e;
+                (e = t.current) == null || e.close(), a();
+              },
+              "aria-label": "Lukk modal",
+              className: "btn btn-icon btn-transparent btn-secondary ml-auto",
+              children: /* @__PURE__ */ r(u, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "grow", children: s })
+      ]
+    }
+  ) : null;
+}
+export {
+  g as Modal
+};

package/dist/system/components/Spinner.es.js

@@ -0,0 +1,40 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "clsx";
+import { forwardRef as n } from "react";
+const a = n(
+  ({ className: s, ...i }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      className: e("w-4 h-4 shrink-0", s),
+      ...i,
+      children: /* @__PURE__ */ r(
+        "svg",
+        {
+          x: "0px",
+          y: "0px",
+          viewBox: "0 0 150 150",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "animate-spinner",
+          children: /* @__PURE__ */ r(
+            "circle",
+            {
+              className: e(
+                "animate-spinner-circle",
+                "fill-transparent stroke-current",
+                "[stroke-dasharray:300] [stroke-dashoffset:600] [stroke-linecap:round] [stroke-miterlimit:10] [stroke-width:12]"
+              ),
+              cx: "75",
+              cy: "75",
+              r: "60"
+            }
+          )
+        }
+      )
+    }
+  )
+);
+a.displayName = "Spinner";
+export {
+  a as Spinner
+};

package/dist/system/components/Tag.es.js

@@ -0,0 +1,38 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "clsx";
+const c = {
+  sm: "px-2 py-0.5 text-xs",
+  md: "px-2 py-0.5 text-sm"
+}, g = {
+  primary: "bg-flask text-white",
+  secondary: "bg-sand text-black",
+  tertiary: "bg-clay text-black",
+  success: "bg-success-dark text-success-light",
+  danger: "bg-danger-dark text-danger-light",
+  warning: "bg-warning-dark text-warning-light",
+  info: "bg-info-dark text-info-light"
+};
+function d({
+  children: t,
+  size: e = "sm",
+  color: s = "secondary",
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: i(
+        "inline-flex items-center justify-center rounded-sm",
+        c[e],
+        g[s],
+        r
+      ),
+      ...n,
+      children: t
+    }
+  );
+}
+export {
+  d as Tag
+};

package/dist/system.css

@@ -1 +1 @@
-@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-eb-garamond); --font-sans-serif: var(--font-dm-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --container-firm: 1200px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; --animate-scale-logo: scale-logo .5s cubic-bezier(.83,0,.17,1) forwards; @keyframes scale-logo {0% {transform: scale(.8) rotate(-10deg); opacity: 0;} 100% {transform: scale(1) rotate(0deg); opacity: 1;}} --animate-role-logo: role-logo 1.2s cubic-bezier(.83,0,.17,1) forwards; @keyframes role-logo {0% {transform: translateX(-10px) rotate(-90deg);} 100% {transform: translateX(0px) rotate(0deg);}} --animate-in: in 1s cubic-bezier(.83,0,.17,1) forwards; @keyframes in {0% {transform: translateX(-10px); opacity: 0;} 100% {transform: translateX(0px); opacity: 1;}} @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}.logo{@apply text-flask;display:flex;align-items:center;@apply gap-x-2;}.logo>svg{max-width:2.4rem;height:auto;animation:var(--animate-role-logo)}.logo>div{opacity:0;animation:var(--animate-in);animation-delay:.1s}.logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-scale-logo)}.logo>svg>path:nth-child(1){animation-delay:.2s}.logo>svg>path:nth-child(2){animation-delay:.6s}.logo>svg>path:nth-child(3){animation-delay:.3s}.logo>svg>path:nth-child(4){animation-delay:.5s}.logo>svg>path:nth-child(5){animation-delay:.4s}.logo>svg>path:nth-child(6){animation-delay:.5s}@layer components{.btn{@apply bg-flask;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-hover;}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-item{@apply block w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@variant hover{@apply bg-sand;}}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-blue underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;}.tbl td{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}}@utility btn-icon{@apply px-0; @apply w-[2rem];}
+@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-eb-garamond); --font-sans-serif: var(--font-dm-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --container-firm: 1200px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; --animate-scale-logo: scale-logo .5s cubic-bezier(.83,0,.17,1) forwards; @keyframes scale-logo {0% {transform: scale(.8) rotate(-10deg); opacity: 0;} 100% {transform: scale(1) rotate(0deg); opacity: 1;}} --animate-role-logo: role-logo 1.2s cubic-bezier(.83,0,.17,1) forwards; @keyframes role-logo {0% {transform: translateX(-10px) rotate(-90deg);} 100% {transform: translateX(0px) rotate(0deg);}} --animate-in: in 1s cubic-bezier(.83,0,.17,1) forwards; @keyframes in {0% {transform: translateX(-10px); opacity: 0;} 100% {transform: translateX(0px); opacity: 1;}} @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}.logo{@apply text-flask;display:flex;align-items:center;@apply gap-x-2;}.logo>svg{max-width:2.4rem;height:auto;animation:var(--animate-role-logo)}.logo>div{opacity:0;animation:var(--animate-in);animation-delay:.1s}.logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-scale-logo)}.logo>svg>path:nth-child(1){animation-delay:.2s}.logo>svg>path:nth-child(2){animation-delay:.6s}.logo>svg>path:nth-child(3){animation-delay:.3s}.logo>svg>path:nth-child(4){animation-delay:.5s}.logo>svg>path:nth-child(5){animation-delay:.4s}.logo>svg>path:nth-child(6){animation-delay:.5s}@layer components{.btn{@apply bg-flask;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-hover;}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-item{@apply block w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@variant hover{@apply bg-sand;}}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-blue underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;}.tbl td{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}}@utility btn-icon{@apply px-0; @apply w-[2rem];}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.4.0",
+  "version": "5.5.0",
   "type": "module",
   "exports": {
     "./oidc": {
@@ -23,9 +23,9 @@
       "import": "./dist/ui.es.js",
       "types": "./dist/ui.d.ts"
     },
-    "./system": {
-      "import": "./dist/system.es.js",
-      "types": "./dist/system.d.ts"
+    "./system/*": {
+      "import": "./dist/system/components/*.es.js",
+      "types": "./dist/system/components/*.d.ts"
     },
     "./system.css": {
       "import": "./dist/system.css"

package/dist/system/system.d.ts

@@ -1,8 +0,0 @@
-export * from './components/Button';
-export * from './components/Dropdown';
-export * from './components/Input';
-export * from './components/Logo';
-export * from './components/LogoIcon';
-export * from './components/Modal';
-export * from './components/Spinner';
-export * from './components/Tag';

package/dist/system.d.ts

@@ -1,2 +0,0 @@
-export * from './system/system'
-export {}