@snokam/ui 1.0.0

package/dist/components/okr/styled.js

@@ -0,0 +1,186 @@
+import styled from "@emotion/styled";
+import { Card, Button, Tooltip as MuiTooltip, css } from "@mui/material";
+import { Chip } from "../chip";
+import { OkrTheme } from "./types";
+const OkrCard = styled(Card) `
+  background: var(--color-light-blue);
+  padding: 1rem 1rem 2rem 1rem;
+  color: var(--color-primary);
+  height: fit-content;
+
+  [data-theme="dark"] & {
+    background: #0e2748;
+    color: var(--color-light-blue);
+  }
+
+  button {
+    color: inherit;
+  }
+
+  ${({ theme }) => theme === OkrTheme.Dark
+    ? css `
+          color: var(--color-light-blue);
+          background-color: var(--color-primary);
+        `
+    : css `
+          color: var(--color-primary);
+          background-color: var(--color-light-blue);
+
+          [data-theme="dark"] & {
+            color: var(--color-light-blue);
+            background-color: #0e2748;
+          }
+        `}
+`;
+const OkrDiv = styled.div `
+  height: fit-content;
+
+  button {
+    color: inherit;
+  }
+
+  ${({ theme }) => theme === OkrTheme.Dark
+    ? css `
+          color: var(--color-light-blue);
+          background-color: var(--color-primary);
+        `
+    : css `
+          color: var(--color-primary);
+          background-color: var(--color-light-blue);
+
+          [data-theme="dark"] & {
+            color: var(--color-light-blue);
+            background-color: #0e2748;
+          }
+        `}
+`;
+const OkrHeader = styled.h3 `
+  display: flex;
+  align-items: center;
+  text-align: center;
+  font-size: 1.6rem;
+`;
+const KeyResultsContainer = styled.div `
+  margin-top: 1rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+`;
+const KeyResultContainer = styled.div `
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 1rem;
+  align-items: center;
+  border-radius: 5px;
+  padding: 1.5rem;
+  border: 2px dashed currentColor;
+`;
+const KeyResultInfo = styled.div `
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0 0.5rem;
+`;
+const KeyResultHeader = styled.strong ``;
+const KeyResultLabel = styled.div `
+  display: flex;
+  align-items: center;
+`;
+const TooltipBox = styled.div `
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 3px;
+  cursor: pointer;
+
+  &:hover {
+    cursor: pointer;
+  }
+`;
+const Percentage = styled.h6 `
+  margin: 0 0 0 10px;
+  white-space: nowrap;
+`;
+const HistoryButton = styled(Button) `
+  && {
+    height: fit-content;
+    font-size: 11px;
+    margin-bottom: -10px;
+    text-transform: none;
+  }
+`;
+const HistoryContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`;
+const KeyResultOwner = styled.div `
+  font-size: 10px;
+`;
+const AutomatedBadge = styled(Chip) `
+  && {
+    height: 18px;
+    margin-left: 6px;
+    font-size: 10px;
+    color: var(--o-cyan-ink);
+    background: var(--o-cyan);
+
+    .MuiChip-label {
+      padding: 0 6px;
+    }
+  }
+`;
+const Tooltip = styled(MuiTooltip) `
+  align-self: flex-start;
+`;
+const KeyResultTooltip = styled(MuiTooltip) `
+  align-self: flex-start;
+  margin-top: -6px;
+`;
+const KeyResultDescription = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+const TooltipContainer = styled.div `
+  background-color: #fff;
+  padding: 10px;
+  font-size: 12px;
+  border: 1px solid #ccc;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+`;
+const TooltipDate = styled.strong `
+  font-weight: 600;
+`;
+const TooltipContent = styled.span `
+  color: #333;
+`;
+export default {
+    OkrCard,
+    OkrDiv,
+    OkrHeader,
+    KeyResultsContainer,
+    KeyResultContainer,
+    KeyResultInfo,
+    KeyResultHeader,
+    KeyResultLabel,
+    HistoryContainer,
+    TooltipBox,
+    Tooltip,
+    KeyResultTooltip,
+    KeyResultDescription,
+    Percentage,
+    HistoryButton,
+    KeyResultOwner,
+    TooltipContainer,
+    TooltipDate,
+    TooltipContent,
+    AutomatedBadge,
+};
+//# sourceMappingURL=styled.js.map

package/dist/components/okr/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/okr/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,IAAI,UAAU,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;IAexB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,QAAQ,CAAC,IAAI;IACrB,CAAC,CAAC,GAAG,CAAA;;;SAGF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;IAOrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,QAAQ,CAAC,IAAI;IACrB,CAAC,CAAC,GAAG,CAAA;;;SAGF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK1B,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKrC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAqB;;;;;;;;;;;CAWzD,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAA,EAAE,CAAC;AACxC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAU5B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;;;CAG3B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEhC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;CAYlC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;CAEjC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAG1C,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQlC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;CAEhC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;CAEjC,CAAC;AAEF,eAAe;IACb,OAAO;IACP,MAAM;IACN,SAAS;IACT,mBAAmB;IACnB,kBAAkB;IAClB,aAAa;IACb,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,UAAU;IACV,OAAO;IACP,gBAAgB;IAChB,oBAAoB;IACpB,UAAU;IACV,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,WAAW;IACX,cAAc;IACd,cAAc;CACf,CAAC"}

package/dist/components/okr/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum OkrTheme {
+    Dark = "dark",
+    Light = "light"
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/okr/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/okr/types.tsx"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/dist/components/okr/types.js

@@ -0,0 +1,6 @@
+export var OkrTheme;
+(function (OkrTheme) {
+    OkrTheme["Dark"] = "dark";
+    OkrTheme["Light"] = "light";
+})(OkrTheme || (OkrTheme = {}));
+//# sourceMappingURL=types.js.map

package/dist/components/okr/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/okr/types.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,2BAAe,CAAA;AACjB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB"}

package/dist/components/okr/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const formatNumber: (value: number, maxDigits?: number) => string;
+export declare const handleResult: (value: number | undefined) => number;
+export declare const getIcon: (value: number) => import("react").JSX.Element;
+export declare const isKeyResultAutomated: (keyResult: {
+    key?: string;
+    automated?: boolean;
+}) => boolean;
+export declare function getColor(i: number): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/okr/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/okr/utils.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,kBAAa,WACY,CAAC;AACtE,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,SAAS,WAAuB,CAAC;AAE9E,eAAO,MAAM,OAAO,GAAI,OAAO,MAAM,gCAC+B,CAAC;AAErE,eAAO,MAAM,oBAAoB,GAAI,WAAW;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,KAAG,OAAuC,CAAC;AAE5C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,UAIjC"}

package/dist/components/okr/utils.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MilitaryTech } from "@mui/icons-material";
+export const formatNumber = (value, maxDigits = 2) => value.toLocaleString("no-NB", { maximumFractionDigits: maxDigits });
+export const handleResult = (value) => (value ?? 0) * 100;
+export const getIcon = (value) => value >= 100 ? _jsx(MilitaryTech, { sx: { marginLeft: "-6px" } }) : null;
+export const isKeyResultAutomated = (keyResult) => keyResult.automated === true;
+export function getColor(i) {
+    const hue = (i * 1.2) / 360;
+    const rgb = hslToRgb(hue, 0.35, 0.65);
+    return "rgb(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + ")";
+}
+function hslToRgb(h, s, l) {
+    let r, g, b;
+    if (s === 0) {
+        r = g = b = l;
+    }
+    else {
+        const hue2rgb = function hue2rgb(p, q, t) {
+            if (t < 0)
+                t += 1;
+            if (t > 1)
+                t -= 1;
+            if (t < 1 / 6)
+                return p + (q - p) * 6 * t;
+            if (t < 1 / 2)
+                return q;
+            if (t < 2 / 3)
+                return p + (q - p) * (2 / 3 - t) * 6;
+            return p;
+        };
+        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        const p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/okr/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/okr/utils.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+export declare function Drawer({ open, onClose, title, footer, children, }: {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    footer?: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function Dialog({ open, onClose, title, footer, children, maxWidth, }: {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    footer?: ReactNode;
+    children: ReactNode;
+    maxWidth?: "xs" | "sm" | "md";
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiDlC,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAeA;AAkBD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAe,GAChB,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC/B,+BAeA"}

package/dist/components/overlay/index.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Dialog as MuiDialog, Drawer as MuiDrawer, IconButton, } from "@mui/material";
+import CloseIcon from "@mui/icons-material/Close";
+import { tokens, SPACE } from "@snokam/ui/tokens";
+const OverlayHeader = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${SPACE.md};
+  padding: ${SPACE.lg} ${SPACE.xl};
+  border-bottom: 1px solid var(--o-border);
+  background: var(--o-surface-section);
+`;
+const OverlayTitle = styled.h2 `
+  margin: 0;
+  font: 400 1.3rem/1.2 ${tokens.display};
+  color: var(--o-text);
+`;
+const OverlayBody = styled.div `
+  padding: ${SPACE.xl};
+  overflow-y: auto;
+`;
+const OverlayFooter = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: ${SPACE.md};
+  padding: ${SPACE.lg} ${SPACE.xl};
+  border-top: 1px solid var(--o-border);
+`;
+const DrawerPanel = styled.div `
+  display: flex;
+  flex-direction: column;
+  width: min(480px, 100vw);
+  height: 100%;
+  background: var(--o-surface-section);
+  color: var(--o-text);
+`;
+export function Drawer({ open, onClose, title, footer, children, }) {
+    return (_jsx(MuiDrawer, { anchor: "right", open: open, onClose: onClose, children: _jsxs(DrawerPanel, { children: [_jsxs(OverlayHeader, { children: [_jsx(OverlayTitle, { children: title }), _jsx(IconButton, { onClick: onClose, "aria-label": "Lukk", size: "small", children: _jsx(CloseIcon, {}) })] }), _jsx(OverlayBody, { children: children }), footer ? _jsx(OverlayFooter, { children: footer }) : null] }) }));
+}
+const StyledDialog = styled(MuiDialog) `
+  & .MuiDialog-paper {
+    margin: ${SPACE.lg};
+    max-width: calc(100vw - ${SPACE.lg} * 2);
+  }
+`;
+const DialogPanel = styled.div `
+  display: flex;
+  flex-direction: column;
+  background: var(--o-surface-section);
+  color: var(--o-text);
+  min-width: min(440px, calc(100vw - ${SPACE.lg} * 2));
+  max-width: 100%;
+`;
+export function Dialog({ open, onClose, title, footer, children, maxWidth = "sm", }) {
+    return (_jsx(StyledDialog, { open: open, onClose: onClose, maxWidth: maxWidth, children: _jsxs(DialogPanel, { children: [_jsxs(OverlayHeader, { children: [_jsx(OverlayTitle, { children: title }), _jsx(IconButton, { onClick: onClose, "aria-label": "Lukk", size: "small", children: _jsx(CloseIcon, {}) })] }), _jsx(OverlayBody, { children: children }), footer ? _jsx(OverlayFooter, { children: footer }) : null] }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/overlay/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,MAAM,IAAI,SAAS,EACnB,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIvB,KAAK,CAAC,EAAE;aACJ,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;;;CAGhC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAA;;yBAEL,MAAM,CAAC,OAAO;;CAEtC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;aACjB,KAAK,CAAC,EAAE;;CAEpB,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIvB,KAAK,CAAC,EAAE;aACJ,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE;;CAEhC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO7B,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GAOT;IACC,OAAO,CACL,KAAC,SAAS,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YACpD,MAAC,WAAW,eACV,MAAC,aAAa,eACZ,KAAC,YAAY,cAAE,KAAK,GAAgB,EACpC,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,gBAAa,MAAM,EAAC,IAAI,EAAC,OAAO,YAC1D,KAAC,SAAS,KAAG,GACF,IACC,EAChB,KAAC,WAAW,cAAE,QAAQ,GAAe,EACpC,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,cAAE,MAAM,GAAiB,CAAC,CAAC,CAAC,IAAI,IAC5C,GACJ,CACb,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;cAExB,KAAK,CAAC,EAAE;8BACQ,KAAK,CAAC,EAAE;;CAErC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;uCAKS,KAAK,CAAC,EAAE;;CAE9C,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,IAAI,GAQhB;IACC,OAAO,CACL,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,YAC5D,MAAC,WAAW,eACV,MAAC,aAAa,eACZ,KAAC,YAAY,cAAE,KAAK,GAAgB,EACpC,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,gBAAa,MAAM,EAAC,IAAI,EAAC,OAAO,YAC1D,KAAC,SAAS,KAAG,GACF,IACC,EAChB,KAAC,WAAW,cAAE,QAAQ,GAAe,EACpC,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,cAAE,MAAM,GAAiB,CAAC,CAAC,CAAC,IAAI,IAC5C,GACD,CAChB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+export declare function Panel({ title, action, children, }: {
+    title: string;
+    action?: ReactNode;
+    children: ReactNode;
+    loading?: boolean;
+}): import("react").JSX.Element;
+export declare function ListRow({ name, meta, end, }: {
+    name: string;
+    meta?: string;
+    end?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BlC,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAUA;AA+BD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,+BAUA"}

package/dist/components/panel/index.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { tokens, SPACE } from "@snokam/ui/tokens";
+const PanelHeader = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${SPACE.md};
+  padding-bottom: ${SPACE.md};
+  margin-bottom: ${SPACE.lg};
+  border-bottom: 1px solid var(--o-border);
+`;
+const PanelTitle = styled.h3 `
+  margin: 0;
+  font:
+    400 1.5rem/1.2 "Cocogoose-Light",
+    system-ui,
+    sans-serif;
+  color: var(--o-text);
+`;
+const PanelRoot = styled.section `
+  display: flex;
+  flex-direction: column;
+`;
+export function Panel({ title, action, children, }) {
+    return (_jsxs(PanelRoot, { children: [_jsxs(PanelHeader, { children: [_jsx(PanelTitle, { children: title }), action] }), children] }));
+}
+const Row = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${SPACE.lg};
+  padding: ${SPACE.md} 0;
+
+  & + & {
+    border-top: 1px solid var(--o-border);
+  }
+`;
+const RowName = styled.div `
+  font: 600 0.95rem/1.2 ${tokens.font};
+  color: var(--o-text);
+`;
+const RowMeta = styled.div `
+  margin-top: 2px;
+  font: 400 0.8rem/1.4 ${tokens.font};
+  color: var(--o-text-muted);
+`;
+const RowEnd = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${SPACE.md};
+`;
+export function ListRow({ name, meta, end, }) {
+    return (_jsxs(Row, { children: [_jsxs("div", { children: [_jsx(RowName, { children: name }), meta ? _jsx(RowMeta, { children: meta }) : null] }), end ? _jsx(RowEnd, { children: end }) : null] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/panel/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIrB,KAAK,CAAC,EAAE;oBACG,KAAK,CAAC,EAAE;mBACT,KAAK,CAAC,EAAE;;CAE1B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO3B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAA;;;CAG/B,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,MAAM,EACN,QAAQ,GAMT;IACC,OAAO,CACL,MAAC,SAAS,eACR,MAAC,WAAW,eACV,KAAC,UAAU,cAAE,KAAK,GAAc,EAC/B,MAAM,IACK,EACb,QAAQ,IACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIb,KAAK,CAAC,EAAE;aACJ,KAAK,CAAC,EAAE;;;;;CAKpB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;0BACA,MAAM,CAAC,IAAI;;CAEpC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;yBAED,MAAM,CAAC,IAAI;;CAEnC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGhB,KAAK,CAAC,EAAE;CAChB,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,GAAG,GAKJ;IACC,OAAO,CACL,MAAC,GAAG,eACF,0BACE,KAAC,OAAO,cAAE,IAAI,GAAW,EACxB,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,IAAI,GAAW,CAAC,CAAC,CAAC,IAAI,IACpC,EACL,GAAG,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,GAAG,GAAU,CAAC,CAAC,CAAC,IAAI,IAChC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/permission-lock/index.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+export declare const DEFAULT_PERMISSION_LOCK_TITLE = "Du har ikke tilgang til denne siden.";
+export declare const DEFAULT_PERMISSION_LOCK_DESCRIPTION = "Tilgang styres i Sn\u00F8kam-plattformen under Tilganger og Brukere. En administrator i bedriften din kan gi deg tilgang. Trenger du hjelp, ta kontakt med Sn\u00F8kam.";
+export interface PermissionLockProps {
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+    standalone?: boolean;
+    className?: string;
+}
+export declare function PermissionLock({ title, description, icon, standalone, className, }: PermissionLockProps): import("react").JSX.Element;
+export default PermissionLock;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/permission-lock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/permission-lock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,6BAA6B,yCAAyC,CAAC;AAEpF,eAAO,MAAM,mCAAmC,4KACiH,CAAC;AAElK,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAkB,EAClB,SAAS,GACV,EAAE,mBAAmB,+BAYrB;AAED,eAAe,cAAc,CAAC"}

package/dist/components/permission-lock/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import LockOutlined from "@mui/icons-material/LockOutlined";
+import { Wrapper, Card, IconWrap, Title, Description } from "./styles";
+export const DEFAULT_PERMISSION_LOCK_TITLE = "Du har ikke tilgang til denne siden.";
+export const DEFAULT_PERMISSION_LOCK_DESCRIPTION = "Tilgang styres i Snøkam-plattformen under Tilganger og Brukere. En administrator i bedriften din kan gi deg tilgang. Trenger du hjelp, ta kontakt med Snøkam.";
+export function PermissionLock({ title, description, icon, standalone = false, className, }) {
+    const card = (_jsxs(Card, { role: "status", className: standalone ? undefined : className, children: [_jsx(IconWrap, { children: icon ?? _jsx(LockOutlined, { fontSize: "inherit" }) }), _jsx(Title, { children: title ?? DEFAULT_PERMISSION_LOCK_TITLE }), _jsx(Description, { children: description ?? DEFAULT_PERMISSION_LOCK_DESCRIPTION })] }));
+    if (!standalone)
+        return card;
+    return _jsx(Wrapper, { className: className, children: card });
+}
+export default PermissionLock;
+//# sourceMappingURL=index.js.map

package/dist/components/permission-lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/permission-lock/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvE,MAAM,CAAC,MAAM,6BAA6B,GAAG,sCAAsC,CAAC;AAEpF,MAAM,CAAC,MAAM,mCAAmC,GAC9C,+JAA+J,CAAC;AAUlK,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,SAAS,GACW;IACpB,MAAM,IAAI,GAAG,CACX,MAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,aAC/D,KAAC,QAAQ,cAAE,IAAI,IAAI,KAAC,YAAY,IAAC,QAAQ,EAAC,SAAS,GAAG,GAAY,EAClE,KAAC,KAAK,cAAE,KAAK,IAAI,6BAA6B,GAAS,EACvD,KAAC,WAAW,cAAE,WAAW,IAAI,mCAAmC,GAAe,IAC1E,CACR,CAAC;IAEF,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,KAAC,OAAO,IAAC,SAAS,EAAE,SAAS,YAAG,IAAI,GAAW,CAAC;AACzD,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/permission-lock/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Card: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/permission-lock/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/permission-lock/styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;;yGAOnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yGAYhB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAUpB,CAAC;AAEF,eAAO,MAAM,KAAK;;;iHAKjB,CAAC;AAEF,eAAO,MAAM,WAAW;;;qHAMvB,CAAC"}

package/dist/components/permission-lock/styles.js

@@ -0,0 +1,48 @@
+"use client";
+import styled from "@emotion/styled";
+export const Wrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 70vh;
+  padding: 4rem 1rem;
+`;
+export const Card = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 0.75rem;
+  max-width: 32rem;
+  margin: 2.5rem auto;
+  padding: 2.5rem 2rem;
+  border: 1px solid var(--o-border);
+  border-radius: 12px;
+  background: var(--o-card-bg);
+`;
+export const IconWrap = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3.5rem;
+  height: 3.5rem;
+  border-radius: 50%;
+  font-size: 1.75rem;
+  color: var(--o-cyan);
+  background: var(--o-surface-2);
+`;
+export const Title = styled.h2 `
+  margin: 0;
+  color: var(--o-text);
+  font-size: 1.375rem;
+  font-weight: 700;
+`;
+export const Description = styled.p `
+  margin: 0;
+  max-width: 30rem;
+  color: var(--o-text-muted);
+  font-size: 0.95rem;
+  line-height: 1.6;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/permission-lock/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/permission-lock/styles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAY7B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUjC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;CAMlC,CAAC"}

package/dist/components/portable-text/PortableText.Code.d.ts

@@ -0,0 +1,3 @@
+declare const CodeBlock: ({ value }: any) => import("react").JSX.Element;
+export default CodeBlock;
+//# sourceMappingURL=PortableText.Code.d.ts.map

package/dist/components/portable-text/PortableText.Code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableText.Code.d.ts","sourceRoot":"","sources":["../../../src/components/portable-text/PortableText.Code.tsx"],"names":[],"mappings":"AA6BA,QAAA,MAAM,SAAS,GAAI,WAAW,GAAG,gCAqBhC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/portable-text/PortableText.Code.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Highlight, themes, Prism } from "prism-react-renderer";
+(typeof global !== "undefined" ? global : window).Prism = Prism;
+require("prismjs/components/prism-csharp");
+import Styled from "./styled";
+const LANGUAGE_MAP = {
+    js: "javascript",
+    ts: "typescript",
+    jsx: "jsx",
+    tsx: "tsx",
+    cs: "csharp",
+    py: "python",
+    rb: "ruby",
+    sh: "bash",
+    shell: "bash",
+    yml: "yaml",
+    html: "markup",
+    xml: "markup",
+    svg: "markup",
+};
+const normalizeLanguage = (lang) => {
+    if (!lang)
+        return "text";
+    return LANGUAGE_MAP[lang.toLowerCase()] ?? lang.toLowerCase();
+};
+const CodeBlock = ({ value }) => {
+    return (_jsx(Highlight, { prism: Prism, code: value?.code, language: normalizeLanguage(value?.language), theme: themes.okaidia, children: ({ style, tokens, getLineProps, getTokenProps }) => (_jsx(Styled.Code, { style: style, children: tokens.map((line, i) => (_jsx(Styled.Line, { ...getLineProps({ line, key: i }), children: line.map((token, key) => (_jsx("span", { ...getTokenProps({ token, key }) }))) }))) })) }));
+};
+export default CodeBlock;
+//# sourceMappingURL=PortableText.Code.js.map

package/dist/components/portable-text/PortableText.Code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableText.Code.js","sourceRoot":"","sources":["../../../src/components/portable-text/PortableText.Code.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEhE,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;AAChE,OAAO,CAAC,iCAAiC,CAAC,CAAC;AAC3C,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,YAAY,GAA2B;IAC3C,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,QAAQ;IACd,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,QAAQ;CACd,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAU,EAAE;IAClD,IAAI,CAAC,IAAI;QAAE,OAAO,MAAM,CAAC;IACzB,OAAO,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;IACnC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,EAAE,IAAI,EACjB,QAAQ,EAAE,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC5C,KAAK,EAAE,MAAM,CAAC,OAAO,YAEpB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CACnD,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YACtB,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,CAAC,IAAI,OAAK,YAAY,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,YAC5C,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,kBAAU,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,GAAI,CAC5C,CAAC,GACU,CACf,CAAC,GACU,CACf,GACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/portable-text/PortableText.Iframe.d.ts

@@ -0,0 +1,2 @@
+export declare const Iframe: ({ value }: any) => import("react").JSX.Element;
+//# sourceMappingURL=PortableText.Iframe.d.ts.map

package/dist/components/portable-text/PortableText.Iframe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableText.Iframe.d.ts","sourceRoot":"","sources":["../../../src/components/portable-text/PortableText.Iframe.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,GAAI,WAAW,GAAG,gCAUpC,CAAC"}

package/dist/components/portable-text/PortableText.Iframe.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Iframe = ({ value }) => {
+    return (_jsx("iframe", { src: value.url, width: "100%", height: "500px", frameBorder: "0", allowFullScreen: true }));
+};
+//# sourceMappingURL=PortableText.Iframe.js.map

package/dist/components/portable-text/PortableText.Iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableText.Iframe.js","sourceRoot":"","sources":["../../../src/components/portable-text/PortableText.Iframe.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE;IACvC,OAAO,CACL,iBACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,eAAe,SACf,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/portable-text/PortableText.Media.d.ts

@@ -0,0 +1,2 @@
+export declare const Media: ({ value }: any) => import("react").JSX.Element;
+//# sourceMappingURL=PortableText.Media.d.ts.map

package/dist/components/portable-text/PortableText.Media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortableText.Media.d.ts","sourceRoot":"","sources":["../../../src/components/portable-text/PortableText.Media.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,GAAI,WAAW,GAAG,gCAwBnC,CAAC"}