@snokam/ui 1.0.0

package/dist/components/charts/styles.d.ts

@@ -0,0 +1,85 @@
+import type { ChartTone } from "./types";
+export declare const toneColors: Record<ChartTone, string>;
+export declare const ChartRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const PlotArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $height: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GridLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $top: number;
+    $strong?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GridLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $top: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ReferenceLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $top: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ReferenceLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $top: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const SlotRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Slot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $hovered?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Bar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $ratio: number;
+    $tone: ChartTone;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LevelSvg: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const LevelArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").SVGProps<SVGPathElement>, {}>;
+export declare const LevelLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").SVGProps<SVGPathElement>, {}>;
+export declare const Tooltip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $left: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipDate: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TooltipValue: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const AxisRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/charts/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/charts/styles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhD,CAAC;AAEF,eAAO,MAAM,SAAS;;;mGAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;aAAyB,MAAM;yGAGnD,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;UAAsB,MAAM;cAAY,OAAO;yGAQnE,CAAC;AAEF,eAAO,MAAM,SAAS;;;;UAAuB,MAAM;2GAUlD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;UAAsB,MAAM;yGAQrD,CAAC;AAEF,eAAO,MAAM,cAAc;;;;UAAuB,MAAM;2GAWvD,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAMnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;eAA2B,OAAO;yGAUlD,CAAC;AAEF,eAAO,MAAM,GAAG;;;;YAAwB,MAAM;WAAS,SAAS;yGAO/D,CAAC;AAEF,eAAO,MAAM,QAAQ;;;+CAMpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;gDAGrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;gDAOrB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;WAAuB,MAAM;yGAgBhD,CAAC;AAEF,eAAO,MAAM,WAAW;;;2GAGvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAKxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;yGAMnB,CAAC"}

package/dist/components/charts/styles.js

@@ -0,0 +1,139 @@
+"use client";
+import styled from "@emotion/styled";
+export const toneColors = {
+    ok: "var(--o-cyan)",
+    warn: "var(--o-warning)",
+    over: "var(--o-danger)",
+};
+export const ChartRoot = styled.figure `
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  width: 100%;
+`;
+export const PlotArea = styled.div `
+  position: relative;
+  height: ${(p) => p.$height}px;
+`;
+export const GridLine = styled.div `
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: ${(p) => p.$top}%;
+  border-top: 1px solid
+    ${(p) => (p.$strong ? "var(--o-border-strong)" : "var(--o-border)")};
+  pointer-events: none;
+`;
+export const GridLabel = styled.span `
+  position: absolute;
+  left: 0;
+  top: ${(p) => p.$top}%;
+  transform: translateY(-100%);
+  padding-bottom: 2px;
+  font-size: 0.7rem;
+  line-height: 1;
+  color: var(--o-text-faint);
+  pointer-events: none;
+`;
+export const ReferenceLine = styled.div `
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: ${(p) => p.$top}%;
+  border-top: 1px dashed var(--o-text-muted);
+  pointer-events: none;
+  z-index: 1;
+`;
+export const ReferenceLabel = styled.span `
+  position: absolute;
+  right: 0;
+  top: ${(p) => p.$top}%;
+  transform: translateY(-100%);
+  padding-bottom: 2px;
+  font-size: 0.7rem;
+  line-height: 1;
+  color: var(--o-text-muted);
+  pointer-events: none;
+  z-index: 1;
+`;
+export const SlotRow = styled.div `
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: flex-end;
+  gap: 2px;
+`;
+export const Slot = styled.div `
+  position: relative;
+  flex: 1 1 0;
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  border-radius: 4px 4px 0 0;
+  background: ${(p) => (p.$hovered ? "var(--o-hover-tint)" : "transparent")};
+`;
+export const Bar = styled.div `
+  width: 100%;
+  max-width: 24px;
+  height: ${(p) => p.$ratio * 100}%;
+  min-height: ${(p) => (p.$ratio > 0 ? "2px" : "0")};
+  border-radius: 4px 4px 0 0;
+  background: ${(p) => toneColors[p.$tone]};
+`;
+export const LevelSvg = styled.svg `
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+`;
+export const LevelArea = styled.path `
+  fill: var(--o-cyan);
+  opacity: 0.1;
+`;
+export const LevelLine = styled.path `
+  fill: none;
+  stroke: var(--o-cyan);
+  stroke-width: 2px;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+  vector-effect: non-scaling-stroke;
+`;
+export const Tooltip = styled.div `
+  position: absolute;
+  top: 2px;
+  left: ${(p) => p.$left}%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  padding: 0.3rem 0.55rem;
+  border-radius: 6px;
+  background: var(--o-surface-2);
+  border: 1px solid var(--o-border);
+  box-shadow: var(--o-shadow-card);
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 2;
+`;
+export const TooltipDate = styled.span `
+  font-size: 0.7rem;
+  color: var(--o-text-muted);
+`;
+export const TooltipValue = styled.span `
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: var(--o-text);
+  font-variant-numeric: tabular-nums;
+`;
+export const AxisRow = styled.div `
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.7rem;
+  line-height: 1;
+  color: var(--o-text-faint);
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/charts/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/charts/styles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,EAAE,EAAE,eAAe;IACnB,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE,iBAAiB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAMrC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAqB;;YAE3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAqC;;;;SAI9D,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;;MAEhB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,CAAC;;CAEtE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAkB;;;SAG7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;;;;;;;CAOrB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;SAIhD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;;;;CAIrB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAkB;;;SAGlD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI;;;;;;;;CAQrB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMhC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;;;gBAStC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;CAC1E,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAsC;;;YAGvD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG;gBACjB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;gBAEnC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMjC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGnC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAOnC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAmB;;;UAG1C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKtC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMhC,CAAC"}

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

@@ -0,0 +1,19 @@
+export type ChartTone = "ok" | "warn" | "over";
+export interface ChartDay {
+    date: string;
+    value: number;
+    tone?: ChartTone;
+}
+export interface ChartReference {
+    value: number;
+    label?: string;
+}
+export interface DailyChartProps {
+    days: ChartDay[];
+    reference?: ChartReference;
+    height?: number;
+    ariaLabel?: string;
+    formatValue?: (value: number) => string;
+    formatDate?: (date: string) => string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/charts/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC"}

package/dist/components/charts/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/charts/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import { CheckboxProps } from "@mui/material";
+export type { CheckboxProps };
+export declare const Checkbox: (props: CheckboxProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,aAAa,EAAE,MAAM,eAAe,CAAC;AAEvE,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAA+B,CAAC"}

package/dist/components/checkbox/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox as MuiCheckbox } from "@mui/material";
+export const Checkbox = (props) => _jsx(MuiCheckbox, { ...props });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAiB,MAAM,eAAe,CAAC;AAIvE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Chip } from "@mui/material";
+export type { ChipProps } from "@mui/material";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/chip/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { Chip } from "@mui/material";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/chip/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/circular-progress/index.d.ts

@@ -0,0 +1,4 @@
+import { CircularProgressProps } from "@mui/material";
+export type { CircularProgressProps };
+export declare const CircularProgress: (props: CircularProgressProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/circular-progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/circular-progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,qBAAqB,EAAE,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,gCAE5D,CAAC"}

package/dist/components/circular-progress/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircularProgress as MuiCircularProgress, } from "@mui/material";
+export const CircularProgress = (props) => (_jsx(MuiCircularProgress, { ...props }));
+//# sourceMappingURL=index.js.map

package/dist/components/circular-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/circular-progress/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,gBAAgB,IAAI,mBAAmB,GAExC,MAAM,eAAe,CAAC;AAIvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE,CAAC,CAChE,KAAC,mBAAmB,OAAK,KAAK,GAAI,CACnC,CAAC"}

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

@@ -0,0 +1,30 @@
+import { ReactNode } from "react";
+export declare const Toolbar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ToolbarSpacer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare function SearchField({ value, onChange, placeholder, icon, }: {
+    value: string;
+    onChange: (_v: string) => void;
+    placeholder?: string;
+    icon?: ReactNode;
+}): import("react").JSX.Element;
+export declare const FilterPill: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    active?: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare function Tabs<T extends string>({ tabs, value, onChange, }: {
+    tabs: {
+        value: T;
+        label: string;
+    }[];
+    value: T;
+    onChange: (_v: T) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/controls/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,OAAO;;;yGAMnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAkCF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAoB,EACpB,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,+BAWA;AAED,eAAO,MAAM,UAAU;;;;aAA4B,OAAO;qHAmBzD,CAAC;AA6BF,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE;IACD,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACpC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,+BAgBA"}

package/dist/components/controls/index.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { DUR, EASE_SNAP, tokens, RADIUS, SPACE } from "@snokam/ui/tokens";
+export const Toolbar = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${SPACE.md};
+  flex-wrap: wrap;
+  margin-bottom: ${SPACE.lg};
+`;
+export const ToolbarSpacer = styled.div `
+  flex: 1;
+`;
+const SearchShell = styled.label `
+  display: inline-flex;
+  align-items: center;
+  gap: ${SPACE.sm};
+  height: 40px;
+  padding: 0 ${SPACE.md};
+  border-radius: ${RADIUS.md};
+  border: 1px solid var(--o-border-strong);
+  background: var(--o-surface-3);
+  color: var(--o-text-muted);
+  transition:
+    border-color ${DUR.micro} ${EASE_SNAP},
+    box-shadow ${DUR.micro} ${EASE_SNAP};
+
+  &:focus-within {
+    border-color: var(--o-border-focus);
+    box-shadow: 0 0 0 3px var(--o-cyan-soft);
+  }
+
+  input {
+    border: none;
+    outline: none;
+    background: transparent;
+    font: 400 0.9rem/1 ${tokens.font};
+    color: var(--o-text);
+    min-width: 200px;
+  }
+  input::placeholder {
+    color: var(--o-text-faint);
+  }
+`;
+export function SearchField({ value, onChange, placeholder = "Søk…", icon, }) {
+    return (_jsxs(SearchShell, { children: [icon, _jsx("input", { value: value, placeholder: placeholder, onChange: (e) => onChange(e.target.value) })] }));
+}
+export const FilterPill = styled.button `
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 34px;
+  padding: 0 ${SPACE.md};
+  border-radius: ${RADIUS.pill};
+  font: 600 0.82rem/1 ${tokens.font};
+  cursor: pointer;
+  transition: all ${DUR.micro} ${EASE_SNAP};
+  border: 1px solid
+    ${({ active }) => (active ? "transparent" : "var(--o-border-strong)")};
+  background: ${({ active }) => (active ? "var(--o-cyan)" : "transparent")};
+  color: ${({ active }) => active ? "var(--o-cyan-ink, #071d41)" : "var(--o-text)"};
+
+  &:hover {
+    border-color: ${({ active }) => (active ? "transparent" : "var(--o-text)")};
+  }
+`;
+const TabsShell = styled.div `
+  display: inline-flex;
+  padding: 4px;
+  gap: 2px;
+  border-radius: ${RADIUS.md};
+  background: var(--o-surface-2);
+  border: 1px solid var(--o-border);
+`;
+const Tab = styled.button `
+  height: 34px;
+  padding: 0 ${SPACE.lg};
+  border: none;
+  border-radius: ${RADIUS.sm};
+  font: 600 0.85rem/1 ${tokens.font};
+  cursor: pointer;
+  transition: all ${DUR.micro} ${EASE_SNAP};
+  background: ${({ active }) => (active ? "var(--o-cyan)" : "transparent")};
+  color: ${({ active }) => active ? "var(--o-cyan-ink, #071d41)" : "var(--o-text-muted)"};
+
+  &:hover {
+    color: ${({ active }) => active ? "var(--o-cyan-ink, #071d41)" : "var(--o-text)"};
+  }
+`;
+export function Tabs({ tabs, value, onChange, }) {
+    return (_jsx(TabsShell, { role: "tablist", children: tabs.map((t) => (_jsx(Tab, { role: "tab", "aria-selected": t.value === value, active: t.value === value, onClick: () => onChange(t.value), children: t.label }, t.value))) }));
+}
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/core-values/icons.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export declare const AlwaysAhead: (props: HTMLAttributes<SVGElement>) => import("react").JSX.Element;
+export declare const LittleExtraIcon: ({ ...props }: React.SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const WarmthIcon: ({ ...props }: React.SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ChangeIcon: ({ ...props }: React.SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/core-values/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/core-values/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,WAAW,GAAI,OAAO,cAAc,CAAC,UAAU,CAAC,gCAqB5D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,cAE7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,gCAyB/B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,cAAc,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,gCA6BrE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,cAAc,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,gCAsBrE,CAAC"}

package/dist/components/core-values/icons.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AlwaysAhead = (props) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 150 150", fill: "none", ...props, children: [_jsx("circle", { cx: 75, cy: 75, r: 75, fill: "#E1F8FF" }), _jsx("path", { fill: "#ACFFA4", d: "M30.61 93.095 13 75.35l17.745-17.61c9.794-9.72 25.636-9.659 35.355.135 9.72 9.794 9.659 25.635-.135 35.355-9.794 9.719-25.636 9.658-35.355-.135Z" }), _jsx("path", { fill: "#87E1FC", d: "M59 93.249 41.39 75.504l17.745-17.61c9.793-9.72 25.636-9.658 35.355.135 9.719 9.794 9.659 25.636-.135 35.355-9.794 9.719-25.636 9.659-35.356-.135Z" }), _jsx("path", { fill: "#071D41", d: "M93.912 92.966 76.302 75.22l17.745-17.61c9.793-9.72 25.636-9.659 35.355.135 9.719 9.794 9.659 25.636-.135 35.355-9.794 9.719-25.636 9.658-35.355-.135Z" })] }));
+export const LittleExtraIcon = ({ ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 150 150", fill: "none", ...props, children: [_jsx("circle", { cx: "75", cy: "75", r: "75", fill: "#E1F8FF" }), _jsx("path", { d: "M74 53V73H54C42.9619 73 34 64.0381 34 53C34 41.9615 42.9615 33 54 33C65.0381 33 74 41.9619 74 53Z", fill: "#071D41" }), _jsx("path", { d: "M74 96.0312V76.0312H54C42.9619 76.0312 34 84.9931 34 96.0312C34 107.07 42.9615 116.031 54 116.031C65.0381 116.031 74 107.069 74 96.0312Z", fill: "#071D41" }), _jsx("path", { d: "M77.0305 53.0312V73.0312H97.0305C108.069 73.0312 117.031 64.0694 117.031 53.0312C117.031 41.9927 108.069 33.0312 97.0305 33.0312C85.9924 33.0312 77.0305 41.9931 77.0305 53.0312Z", fill: "#11CF7F" }), _jsx("path", { d: "M77.0305 96V76H97.0305C108.069 76 117.031 84.9619 117.031 96C117.031 107.039 108.069 116 97.0305 116C85.9924 116 77.0305 107.038 77.0305 96Z", fill: "#071D41" })] }));
+export const WarmthIcon = ({ ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 150 150", fill: "none", ...props, children: [_jsx("circle", { cx: "75", cy: "75", r: "75", fill: "#E1F8FF" }), _jsx("path", { d: "M70.2636 107.669L36 100.528L43.1413 66.2641C47.0827 47.3537 65.636 35.2004 84.5464 39.1418C103.457 43.0833 115.61 61.6358 111.669 80.5469C107.727 99.4572 89.174 111.611 70.2636 107.669Z", fill: "#071D41" }), _jsx("g", { clipPath: "url(#clip0_heart)", children: _jsx("path", { d: "M106.911 68.4954L104.495 66.2954C95.9113 58.5121 90.2446 53.3788 90.2446 47.0788C90.2446 41.9454 94.278 37.9121 99.4113 37.9121C102.311 37.9121 105.095 39.2621 106.911 41.3954C108.728 39.2621 111.511 37.9121 114.411 37.9121C119.545 37.9121 123.578 41.9454 123.578 47.0788C123.578 53.3788 117.911 58.5121 109.328 66.3121L106.911 68.4954Z", fill: "#EB588C" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_heart", children: _jsx("rect", { width: "40", height: "40", fill: "white", transform: "translate(86.9114 32.9121)" }) }) })] }));
+export const ChangeIcon = ({ ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 150 150", fill: "none", ...props, children: [_jsx("circle", { cx: "75", cy: "75", r: "75", fill: "#E1F8FF" }), _jsx("path", { d: "M41.1892 81.4043C40.8602 80.7973 40.1015 80.5721 39.4946 80.9011L29.6045 86.2628C28.9976 86.5918 28.7723 87.3506 29.1013 87.9575C29.4303 88.5644 30.1891 88.7896 30.796 88.4606L39.5872 83.6946L44.3532 92.4859C44.6822 93.0928 45.4409 93.318 46.0478 92.989C46.6547 92.66 46.88 91.9013 46.551 91.2944L41.1892 81.4043ZM38.892 81.6442C37.6287 85.8992 36.1188 89.8187 36.0181 93.8315C35.9137 97.9886 37.29 102.193 41.4308 107.276L43.369 105.697C39.5158 100.967 38.4311 97.327 38.5173 93.8942C38.6071 90.317 39.9394 86.9 41.2886 82.3558L38.892 81.6442ZM41.4308 107.276C45.7395 112.565 51.8155 114.147 56.9213 114.381C62.0288 114.614 66.3433 113.511 67.3647 113.256L66.7584 110.83C65.7797 111.075 61.7604 112.099 57.0356 111.883C52.309 111.667 47.0542 110.22 43.369 105.697L41.4308 107.276Z", fill: "#071D41" }), _jsx("path", { d: "M105.967 74.3184C106.296 74.9253 107.055 75.1506 107.662 74.8216L117.552 69.4598C118.159 69.1308 118.384 68.3721 118.055 67.7652C117.726 67.1583 116.967 66.933 116.36 67.262L107.569 72.028L102.803 63.2368C102.474 62.6299 101.715 62.4046 101.108 62.7336C100.502 63.0627 100.276 63.8214 100.605 64.4283L105.967 74.3184ZM108.264 74.0784C109.528 69.8235 111.037 65.9039 111.138 61.8912C111.243 57.734 109.866 53.5301 105.725 48.4471L103.787 50.026C107.64 54.7561 108.725 58.3956 108.639 61.8284C108.549 65.4057 107.217 68.8226 105.868 73.3669L108.264 74.0784ZM105.725 48.4471C101.417 43.1578 95.3407 41.5758 90.235 41.3421C85.1275 41.1083 80.8129 42.2118 79.7916 42.4671L80.3979 44.8925C81.3766 44.6478 85.3958 43.6232 90.1207 43.8395C94.8472 44.0558 100.102 45.5022 103.787 50.026L105.725 48.4471Z", fill: "#071D41" }), _jsx("path", { d: "M77 105V80H102C115.798 80 127 91.2023 127 105C127 118.798 115.798 130 102 130C88.2023 130 77 118.798 77 105Z", fill: "#071D41" }), _jsx("circle", { cx: "50", cy: "53", r: "25", fill: "#67DAFD" })] }));
+//# sourceMappingURL=icons.js.map

package/dist/components/core-values/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/core-values/icons.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAiC,EAAE,EAAE,CAAC,CAChE,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,iBAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,SAAS,GAAG,EAChD,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kJAAkJ,GACpJ,EACF,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,oJAAoJ,GACtJ,EACF,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wJAAwJ,GAC1J,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,GAAG,KAAK,EACsB,EAAE,EAAE,CAAC,CACnC,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EAChD,eACE,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,8IAA8I,EAChJ,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAiC,EAAE,EAAE,CAAC,CACzE,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EAChD,eACE,CAAC,EAAC,2LAA2L,EAC7L,IAAI,EAAC,SAAS,GACd,EACF,YAAG,QAAQ,EAAC,mBAAmB,YAC7B,eACE,CAAC,EAAC,kVAAkV,EACpV,IAAI,EAAC,SAAS,GACd,GACA,EACJ,yBACE,mBAAU,EAAE,EAAC,aAAa,YACxB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,GACtC,GACO,GACN,IACH,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAiC,EAAE,EAAE,CAAC,CACzE,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,KACP,KAAK,aAET,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EAChD,eACE,CAAC,EAAC,+wBAA+wB,EACjxB,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,4xBAA4xB,EAC9xB,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,8GAA8G,EAChH,IAAI,EAAC,SAAS,GACd,EACF,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,IAC5C,CACP,CAAC"}

package/dist/components/core-values/index.d.ts

@@ -0,0 +1,15 @@
+import coreValues from "./values";
+export interface CoreValuesProps {
+    linkHref?: string;
+    titles: {
+        coreValue1: string;
+        coreValue2: string;
+        coreValue3: string;
+        coreValue4: string;
+    };
+}
+declare const CoreValues: ({ linkHref, titles }: CoreValuesProps) => import("react").JSX.Element;
+export default CoreValues;
+export { coreValues };
+export type { CoreValue } from "./values";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/core-values/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core-values/index.tsx"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,UAAU,CAAC;AAGlC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,QAAA,MAAM,UAAU,GAAI,sBAAsB,eAAe,gCAoBxD,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/core-values/index.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import coreValues from "./values";
+import Styled from "./styled";
+const CoreValues = ({ linkHref, titles }) => {
+    const href = linkHref ? `${linkHref}/#våre-kjerneverdier` : "#";
+    const titleKeys = [
+        "coreValue1",
+        "coreValue2",
+        "coreValue3",
+        "coreValue4",
+    ];
+    return (_jsx(Styled.Grid, { children: coreValues.map((coreValue, index) => (_jsxs(Styled.Item, { href: href, children: [_jsx(Styled.Icon, { children: coreValue.icon }), _jsx("div", { children: titles[titleKeys[index]] })] }, index))) }));
+};
+export default CoreValues;
+export { coreValues };
+//# sourceMappingURL=index.js.map

package/dist/components/core-values/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/core-values/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,UAAU,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAY9B,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAmB,EAAE,EAAE;IAC3D,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC;IAEhE,MAAM,SAAS,GAAG;QAChB,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,YAAY;KACJ,CAAC;IAEX,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,cACT,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,MAAC,MAAM,CAAC,IAAI,IAAa,IAAI,EAAE,IAAI,aACjC,KAAC,MAAM,CAAC,IAAI,cAAE,SAAS,CAAC,IAAI,GAAe,EAC3C,wBAAM,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAO,KAFrB,KAAK,CAGT,CACf,CAAC,GACU,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/core-values/styled.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    Grid: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Item: import("@emotion/styled").StyledComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
+        children?: React.ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement> & {
+        theme?: import("@emotion/react").Theme;
+    }, {}, {}>;
+    Icon: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/core-values/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/components/core-values/styled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqDA,wBAIE"}

package/dist/components/core-values/styled.js

@@ -0,0 +1,55 @@
+import styled from "@emotion/styled";
+import { Breakpoints } from "@snokam/ui/layout";
+import Link from "next/link";
+const Grid = styled.div `
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 1rem;
+  margin-top: 2rem;
+
+  @media (max-width: ${Breakpoints.md}px) {
+    grid-template-columns: 1fr;
+  }
+`;
+const Item = styled(Link) `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 1rem;
+  text-decoration: none;
+  font-size: 1rem;
+  font-weight: 700;
+
+  svg {
+    transition: transform 0.3s ease;
+  }
+
+  &:hover svg {
+    transform: scale(1.05);
+  }
+
+  @media (max-width: ${Breakpoints.md}px) {
+    flex-direction: row;
+    text-align: left;
+  }
+`;
+const Icon = styled.div `
+  svg {
+    height: 100px;
+    width: 100px;
+  }
+
+  @media (max-width: ${Breakpoints.md}px) {
+    svg {
+      height: 64px;
+      width: 64px;
+    }
+  }
+`;
+export default {
+    Grid,
+    Item,
+    Icon,
+};
+//# sourceMappingURL=styled.js.map

package/dist/components/core-values/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/core-values/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;uBAMA,WAAW,CAAC,EAAE;;;CAGpC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;;;uBAkBF,WAAW,CAAC,EAAE;;;;CAIpC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;uBAMA,WAAW,CAAC,EAAE;;;;;;CAMpC,CAAC;AAEF,eAAe;IACb,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC"}

package/dist/components/core-values/values.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface CoreValue {
+    icon: React.ReactNode;
+}
+declare const values: CoreValue[];
+export default values;
+//# sourceMappingURL=values.d.ts.map

package/dist/components/core-values/values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"values.d.ts","sourceRoot":"","sources":["../../../src/components/core-values/values.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,MAAM,EAAE,SAAS,EAKtB,CAAC;AAEF,eAAe,MAAM,CAAC"}